:root{--paper:#e9f0f4;--ink:#121722;--signal:#ff5d73;--gold:#a8b8ff;--safe:#61d7c8;--glass:rgba(233,240,244,.9)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#121722;color:var(--paper);font-family:Georgia,'Times New Roman',serif}button{font:inherit}#game{display:block;width:100%;height:100%;touch-action:none;filter:saturate(.72) contrast(1.08) sepia(.08)}#grain,#vignette,#alertWash{position:fixed;inset:0;pointer-events:none;z-index:3}#grain{opacity:.13;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(220,235,255,.12) 4px);mix-blend-mode:soft-light}#vignette{box-shadow:inset 0 0 180px rgba(19,15,12,.7);background:linear-gradient(115deg,rgba(93,116,255,.10),transparent 45%,rgba(21,24,29,.2))}#alertWash{opacity:0;background:radial-gradient(circle,transparent 24%,rgba(213,49,27,.78));transition:opacity .15s}.panel{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-47%) rotate(-.35deg);width:min(570px,calc(100% - 32px));padding:46px 48px 40px;background:var(--paper);color:var(--ink);border:0;box-shadow:12px 14px 0 rgba(255,93,115,.75),0 34px 100px #000b;opacity:0;visibility:hidden;transition:.35s;clip-path:polygon(0 0,97% 0,100% 7%,100% 100%,3% 100%,0 94%)}.panel:after{content:'18:00';position:absolute;right:23px;top:18px;font:700 10px Arial,sans-serif;letter-spacing:.18em;color:var(--signal)}.panel.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) rotate(-.35deg)}.eyebrow{font:800 10px Arial,sans-serif;letter-spacing:.3em;color:var(--signal);margin-bottom:20px;text-transform:uppercase}.eyebrow:before{content:'●';display:inline-block;margin-right:10px}.panel h1{font:900 94px/.7 Impact,'Arial Black',sans-serif;letter-spacing:-.035em;margin:0;text-transform:uppercase}.panel h1 i{color:var(--signal);-webkit-text-stroke:0;font-style:normal}.rule{height:5px;background:var(--ink);margin:34px 0 22px;width:32%}.panel p{font:italic 16px/1.55 Georgia,serif;color:#4d4a43;max-width:440px}.brief-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--ink);margin:24px 0}.brief-grid div{background:transparent;padding:11px 8px;border-right:1px solid var(--ink)}.brief-grid div:last-child{border:0}.brief-grid b,.brief-grid span{display:block}.brief-grid b{font:900 13px Arial,sans-serif;color:var(--signal)}.brief-grid span{font:700 8px Arial,sans-serif;color:#676157;margin-top:4px;letter-spacing:.12em}.panel button{width:100%;padding:15px 18px;background:var(--ink);color:var(--paper);border:0;font:900 12px Arial,sans-serif;letter-spacing:.16em;cursor:pointer;text-align:left}.panel button:hover{background:var(--signal)}.panel button span{float:right}.panel small{display:block;font:700 8px Arial,sans-serif;color:#8c8579;text-align:center;margin-top:15px;letter-spacing:.08em}#hud{position:fixed;z-index:5;left:24px;right:24px;top:22px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #000}#hud.hidden,.hidden{display:none!important}.profile{display:flex;gap:10px}.avatar{width:42px;height:42px;border:2px solid var(--paper);display:grid;place-items:center;background:var(--signal);font:900 20px Arial,sans-serif;box-shadow:4px 4px 0 #17191d}.bars{width:165px}.bars b{font:800 9px Arial,sans-serif;letter-spacing:.1em}.bars i{height:7px;background:#121722;display:block;margin-top:5px;border:1px solid var(--paper)}.bars i span{height:100%;display:block;width:100%;background:var(--safe);transition:.2s}.bars i.stress{width:74%}.bars i.stress span{background:var(--gold);width:10%}.objective{position:absolute;left:50%;transform:translateX(-50%) rotate(-1deg);text-align:center;background:var(--paper);color:var(--ink);padding:9px 17px;min-width:230px;box-shadow:5px 5px 0 var(--signal);text-shadow:none}.objective small,.clock small{display:block;font:800 8px Arial,sans-serif;letter-spacing:.18em}.objective b{display:block;font:900 17px Arial,sans-serif;letter-spacing:.08em}.objective span{font:italic 10px Georgia,serif;color:#656057}.clock{text-align:right}.clock b{display:block;font:900 31px/1 Impact,Arial,sans-serif;letter-spacing:.02em}.clock span{font:800 9px Arial,sans-serif;color:var(--gold)}#status{position:fixed;z-index:6;left:28px;bottom:30px;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;text-shadow:0 1px 3px #000}.dot{width:9px;height:9px;background:var(--safe);border:2px solid var(--paper);border-radius:50%}#status b{font:900 14px Arial,sans-serif}#status small{grid-column:2;font:700 8px Arial,sans-serif;letter-spacing:.12em}#prompt{position:fixed;z-index:6;left:50%;bottom:17%;transform:translateX(-50%) rotate(-1deg);padding:10px 14px;background:var(--paper);color:var(--ink);border:0;font:800 10px Arial,sans-serif;letter-spacing:.12em;box-shadow:5px 5px 0 var(--signal)}kbd{font:900 10px Arial,sans-serif;padding:3px 6px;background:var(--signal);color:white;margin-right:8px}#radar{position:fixed;z-index:6;right:18px;bottom:18px;width:180px;height:180px;border:2px solid var(--paper);border-radius:50%;background:rgba(23,25,29,.35);box-shadow:7px 7px 0 rgba(255,93,115,.55)}#radar canvas{width:100%;height:100%}.radarLabel{position:absolute;left:0;right:0;bottom:12px;text-align:center}.radarLabel b,.radarLabel span{display:block;font-family:Arial,sans-serif}.radarLabel b{font-size:17px}.radarLabel span{font-size:7px;letter-spacing:.18em}#hint{position:fixed;z-index:6;left:50%;top:18%;transform:translateX(-50%) rotate(.5deg);font:800 9px Arial,sans-serif;letter-spacing:.08em;color:var(--ink);background:var(--gold);padding:9px 13px;animation:fade 7s forwards}#caught h2,#win h2{font:900 58px/.82 Impact,Arial,sans-serif;margin:0 0 25px;text-transform:uppercase}.danger{color:var(--signal)}.success{color:#168b7e}blockquote{margin:20px 0;font:italic 22px/1.3 Georgia,serif;border-left:7px solid var(--signal);padding-left:18px}.taskcard{background:rgba(255,93,115,.10);border:2px solid var(--signal);padding:15px;margin:22px 0}.taskcard span,.taskcard b{display:block}.taskcard span{font:900 9px Arial,sans-serif;color:var(--signal);letter-spacing:.16em}.taskcard b{margin-top:7px;font:700 14px Arial,sans-serif}.winTime{font:900 52px Impact,Arial,sans-serif;color:#168b7e;border-bottom:7px solid #168b7e;display:inline-block;padding:4px 12px}#mobile{position:fixed;z-index:8;inset:0;pointer-events:none}#stick{position:absolute;left:24px;bottom:30px;width:112px;height:112px;border-radius:50%;border:2px solid var(--paper);background:rgba(93,116,255,.22);pointer-events:auto;touch-action:none}#knob{position:absolute;left:34px;top:34px;width:44px;height:44px;border-radius:50%;background:var(--signal);border:3px solid var(--paper)}.actions{position:absolute;right:18px;bottom:25px;display:flex;align-items:end;gap:8px;pointer-events:auto}.actions button{width:58px;height:58px;border-radius:50%;border:2px solid var(--paper);background:var(--ink);color:var(--paper);font:800 8px Arial,sans-serif;touch-action:none}.actions .big{width:73px;height:73px;background:var(--signal);color:white}@keyframes fade{0%,75%{opacity:1}100%{opacity:0}}@media(pointer:coarse),(max-width:760px){#mobile:not(.hidden){display:block!important}#radar{width:125px;height:125px;right:9px;bottom:112px}#hud{left:12px;right:12px;top:max(10px,env(safe-area-inset-top))}.objective{top:56px}.profile .bars{width:115px}.clock b{font-size:21px}#status{left:14px;bottom:155px}.panel{padding:32px 28px}.panel h1{font-size:68px}.panel h2{font-size:44px}.brief-grid{grid-template-columns:1fr 1fr}.brief-grid div{border-bottom:1px solid var(--ink)}.profile b{font-size:8px}#hint{top:130px;width:80%;text-align:center}}
/* restraint pass: design stays concentrated in title, objective and alert states */
.panel{transform:translate(-50%,-47%);box-shadow:0 24px 70px #000a;clip-path:none;border-top:6px solid var(--signal)}.panel.show{transform:translate(-50%,-50%)}.panel:after{display:none}.panel h1{font-size:84px}.objective{transform:translateX(-50%);box-shadow:none;border-bottom:4px solid var(--signal)}#radar{box-shadow:none}.avatar{box-shadow:none}#prompt{transform:translateX(-50%);box-shadow:none}#hint{transform:translateX(-50%)}


/* wave 2: cold corporate surveillance, not a paper poster */
.panel{background:rgba(233,240,244,.96);border-top:1px solid #a8b8ff;box-shadow:0 30px 90px #05070ca8;backdrop-filter:blur(16px)}
.panel h1{letter-spacing:-.055em}.panel h1 i{color:var(--signal)}
.brief-grid{grid-template-columns:repeat(3,1fr);border-color:#687284}.brief-grid div{border-color:#a5afbc}.brief-grid b{color:#33425d}
.panel button{background:#172033}.panel button:hover,.panel button:focus-visible{background:#334a70;outline:2px solid var(--safe);outline-offset:3px}
.objective{background:rgba(18,23,34,.82);color:var(--paper);border:1px solid #7d8faf;border-bottom:3px solid var(--safe);backdrop-filter:blur(10px)}.objective span{color:#c4d0dc}
#radar{background:rgba(9,14,24,.7);border-color:#7d8faf}.avatar{background:#35496a}.dot{background:var(--safe)}
#hint{background:#26395a;color:#edf4f7;border-left:3px solid var(--safe)}
#pause{position:fixed;z-index:25;inset:0;display:grid;place-content:center;text-align:center;background:rgba(6,9,15,.64);backdrop-filter:blur(7px)}#pause b{font:900 38px Impact,Arial,sans-serif;letter-spacing:.08em}#pause span{font:700 10px Arial,sans-serif;letter-spacing:.14em;color:#a9b7c7;margin-top:8px}
#statusText,#exposureText,.clock,.profile{color:#edf4f7}
.actions button{background:#172033;border-color:#a8b8c8}.actions .big{background:#35496a}#stick{background:rgba(53,73,106,.42);border-color:#a8b8c8}#knob{background:#61799e;border-color:#edf4f7}
@media(pointer:coarse),(max-width:760px){.brief-grid{grid-template-columns:repeat(3,1fr)}.brief-grid div{padding:9px 6px}.panel{padding:28px 24px}.panel h1{font-size:60px}.panel p{font-size:14px}.panel small{margin-top:10px}}
/* final identity correction: security-console glass, no paper card */
.panel{background:linear-gradient(145deg,rgba(17,24,37,.96),rgba(27,38,57,.94));color:#eef5f8;border:1px solid #647896;border-top:3px solid var(--safe)}
.panel p{color:#bdc8d3}.panel h1 i{color:#93a9ff}.rule{background:#6fd7cb}.eyebrow{color:#83d9cf}.brief-grid{border:1px solid #62718a}.brief-grid div{border-color:#536178}.brief-grid b{color:#b7c6ff}.brief-grid span{color:#8f9bab}.panel button{background:#e8eff4;color:#111827}.panel button:hover,.panel button:focus-visible{background:#9eb0ff;color:#111827}.panel small{color:#7f8c9d}.danger{color:#ff7588}.success{color:#62d8ca}.taskcard{background:rgba(255,93,115,.08)}blockquote{border-color:#ff7588}