:root{--ink:#101720;--cream:#f1e6c8;--orange:#ec792f;--red:#ee3434;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,'Malgun Gothic',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;background:#111923dd;color:var(--cream);border:1px solid #ffffff40;padding:12px 18px;border-radius:3px}button:hover{border-color:var(--orange)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}header{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:relative;background:#0c1219;z-index:10}header a{font-size:10px;letter-spacing:1px;font-weight:bold;color:var(--cream);text-decoration:none}header .newsis{position:absolute;left:50%;transform:translateX(-50%)}header img{width:78px;filter:brightness(0) invert(1)}#stage{height:calc(100dvh - 52px);position:relative;overflow:hidden;min-height:380px}#game{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}.mission{position:absolute;top:25px;left:28px;text-shadow:0 2px 6px #0008}.mission small{display:block;font:10px monospace;letter-spacing:2px;color:var(--orange)}.mission strong{display:block;font-size:23px;letter-spacing:-1px;margin:8px 0}.mission span{font-size:11px;background:#101720a6;padding:5px 8px}.tools{position:absolute;top:20px;right:22px;display:flex;gap:6px}.tools button{font-size:10px;padding:10px}#map{position:absolute;bottom:25px;left:26px;width:140px;height:140px;border:1px solid #ffffff30;border-radius:4px;background:#101720c9}.inventory{position:absolute;bottom:26px;right:26px;text-align:right}.inventory b{font-size:22px}.inventory span{display:block;font-size:10px;margin:5px 0}.inventory i{font:14px monospace;letter-spacing:2px;color:var(--orange)}#crosshair{position:absolute;left:50%;top:50%;font-size:18px;opacity:.55}#interact{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);background:#f0e5c8;color:#17202a;font-weight:bold;max-width:80%}#toast{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);max-width:480px;width:max-content;max-width:min(480px,85%);background:#101720e8;border-left:3px solid var(--orange);padding:14px 22px;font-size:14px;line-height:1.6;opacity:0;transition:opacity .3s}#toast.show{opacity:1}.touch{display:none}#alarm{position:absolute;inset:0;box-shadow:inset 0 0 170px 70px #f0000066;background:#e9161612;opacity:0}#alarm.on{animation:siren 1.6s ease-in-out infinite}#alarm.steady{opacity:.38;animation:none}@keyframes siren{0%,100%{opacity:.07}50%{opacity:.8}}#drama{position:absolute;left:0;right:0;top:31%;text-align:center;padding:30px 20px;background:linear-gradient(90deg,transparent,#101720de,transparent);opacity:0;transition:opacity .25s}#drama.show{opacity:1}#drama small{font:12px monospace;letter-spacing:6px;color:var(--orange)}#drama strong{display:block;font-size:clamp(30px,5vw,70px);font-weight:900;letter-spacing:-2px;margin:10px 0}#drama p{font-size:18px;margin:0}#drama.danger strong{color:#ff5550}.overlay{position:absolute;inset:0;z-index:6;background:#0d1424c9;display:grid;place-items:center;padding:24px}.panel{background:#151d27;max-width:500px;width:100%;padding:35px}.panel small,.ending-top small{font:11px monospace;letter-spacing:3px;color:var(--orange)}.panel h2{font-size:34px}.panel p{font-size:13px;line-height:2}.primary{display:inline-block;background:var(--orange);color:#111821;border:0;text-decoration:none;font-weight:800;padding:16px 25px;letter-spacing:-.4px}#cover{position:absolute;inset:0;z-index:5;background:#10151b}#cover>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.cover-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:25px;padding:65px 5vw 28px;background:linear-gradient(transparent,#10151b 55%)}.cover-bottom small{font:10px monospace;letter-spacing:2px;color:var(--orange)}.cover-bottom h1{font-size:30px;margin:10px 0}.cover-bottom p{font-size:12px}.help{font-size:10px!important;line-height:1.6;opacity:.7}#error{color:#ff9b7c}#ending{position:absolute;inset:0;overflow-y:auto;z-index:7;background:#101720;padding:6vw}.ending-top h2{font-size:clamp(50px,8vw,90px);margin:10px 0;color:#f34c43;letter-spacing:-4px}.ending-top p{font-size:16px;margin-bottom:30px}.ending-top button{margin-left:10px}.games-title{margin-top:65px}.games-title small{font:10px monospace;letter-spacing:3px;color:var(--orange)}.games-title h3{font-size:32px;margin:10px 0 25px}#games{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}#games a{text-decoration:none;color:var(--cream);background:#1b2430;border:1px solid #ffffff10;padding-bottom:18px;transition:transform .2s}#games a:hover{transform:translateY(-4px);border-color:var(--orange)}#games img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:14px}#games b{padding:0 15px;font-size:15px}#games span{padding-left:15px;font:11px monospace;color:var(--orange)}
@media(pointer:coarse),(max-width:700px){.touch{display:block}#stick{pointer-events:auto;touch-action:none;position:absolute;bottom:50px;left:25px;border:1px solid #ffffff70;border-radius:50%;width:104px;height:104px;background:#10172060}#stick i{display:block;position:absolute;left:32px;top:32px;width:38px;height:38px;background:#eee5cc80;border-radius:50%}.touch>span{position:absolute;bottom:19px;right:22px;font-size:9px;opacity:.7}#swing{position:absolute;bottom:60px;right:22px;border-radius:50%;width:75px;height:75px;font-size:11px;padding:12px}#map{width:90px;height:90px;bottom:174px;left:22px}.inventory{display:none}#interact{bottom:145px;width:max-content;font-size:12px}#toast{bottom:215px;font-size:12px}header{padding:0 12px}header a{font-size:8px;letter-spacing:0}header img{width:65px}.mission{top:18px;left:16px}.mission strong{font-size:18px;max-width:230px}.tools{top:95px;right:12px}.tools button{padding:8px;font-size:9px}.cover-bottom{display:block;padding:45px 24px 18px}.cover-bottom h1{font-size:24px}.cover-bottom .primary{width:100%}#cover>img{object-fit:contain;object-position:top}#games{grid-template-columns:repeat(2,1fr);gap:12px}#games b{display:block;font-size:13px;margin-top:6px}#ending{padding:28px 18px}.ending-top .primary{font-size:13px}.ending-top button{margin:10px 0 0}#drama p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#alarm.on{opacity:.25}}