@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--acid:#d2fa70;--paper:#eceede;--muted:#929b8e}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#101913;color:var(--paper);font-family:Manrope,Arial,sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:5px}[hidden]{display:none!important}#world,.grain,.vignette{position:fixed;inset:0;width:100%;height:100%}#world{object-fit:cover}.grain{pointer-events:none;opacity:.065;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.vignette{background:radial-gradient(ellipse,transparent 20%,#050b0780);pointer-events:none;z-index:2}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:9;border-bottom:1px solid #c6dbb51a}.brand{font-size:24px;font-weight:800;color:var(--paper);text-decoration:none;letter-spacing:-2px}.brand span{color:var(--acid);padding:0 7px}.header-label{font-size:10px;letter-spacing:2px;color:#aeb5a4;display:flex;align-items:center;gap:16px}.header-label i{width:24px;height:1px;background:#7e8a76}.tools{display:flex;gap:25px;align-items:center}.tools button{background:none;color:var(--paper);border:0;font-size:10px;letter-spacing:1px}.tools b{color:var(--acid);font-weight:500;padding-left:7px}#pause{font-size:20px}.screen{position:absolute;inset:96px 0 0;z-index:4;background:linear-gradient(90deg,#0c1714ed 0%,#0c1714d9 35%,#0d18133a 80%)}.intro{position:absolute;left:8%;top:12%;max-width:650px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;color:#bcc8ad;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:6px;height:6px;background:var(--acid);box-shadow:0 0 12px #d2fa7070}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;font-size:clamp(90px,12vw,168px);line-height:.85;letter-spacing:-2px;margin:34px 0 25px;color:var(--acid)}h1 span{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(17px,2.7vw,34px);letter-spacing:8px;color:var(--paper);line-height:2.2;font-weight:700}.lead{font-size:14px;line-height:1.9;color:#bac3b5;margin-bottom:30px}.start-row{display:flex;align-items:center;gap:24px}.primary{border:0;background:var(--acid);padding:20px 23px;color:#1a2617;font-size:11px;font-weight:800;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;gap:38px;min-height:56px}.primary:hover{background:#e3ff9d}.primary span{font-size:22px;line-height:1}.edition{font-size:8px;line-height:1.9;letter-spacing:1.6px;color:#89967f}.settings{margin-top:25px;display:flex;align-items:center;gap:23px;font-size:10px;color:#a9b49e}.settings label{display:flex;align-items:center;gap:8px}.settings select{background:#17251d;border:1px solid #72836160;color:#dbe6cd;font-size:10px;padding:7px;max-width:155px}.settings input{accent-color:var(--acid)}.warning{margin-top:18px;font-size:9px;color:#87947e}.poster-note{position:absolute;right:9%;top:14%;transform:rotate(6deg);border:1px solid #c6cf9c48;padding:18px;color:#d0d6a88c;text-align:center}.poster-note span{font-size:14px;line-height:1.4;font-weight:800}.poster-note small{display:block;font-size:10px;letter-spacing:2px;margin-top:10px}.menu-bottom{position:absolute;bottom:0;padding:25px 5%;width:100%;display:flex;justify-content:space-between;border-top:1px solid #c6dbb51a;font-size:9px;letter-spacing:1.4px;color:#a9b79a}.menu-bottom em{font-style:normal;color:#687c61;font-size:9px;letter-spacing:0}.mobile-guide{display:none}#hud{position:absolute;inset:120px 4% 25px;z-index:4;pointer-events:none}.hud-left,.hud-right{position:absolute;top:0}.hud-right{right:0;text-align:right}small{font-size:9px;letter-spacing:2px;color:#a6b39d}.hud-left strong{display:block;font-size:34px;margin-top:5px}.hud-left strong span{font-size:18px;color:#89977c}.notebooks{display:flex;gap:5px;margin-top:10px}.notebooks i{width:9px;height:14px;border:1px solid #a5b88d}.notebooks i.found{background:var(--acid);border-color:var(--acid)}.stamina{width:130px;height:3px;background:#a7b68b38;margin:12px 0}.stamina i{display:block;background:var(--acid);height:100%;width:100%}.objective{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-size:11px;background:#07110b90;padding:13px 20px;white-space:nowrap;border:1px solid #b7d59c20}#crosshair{position:absolute;left:50%;top:48%;color:#d2fa70a0;font-size:20px}#hint{position:absolute;top:58%;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:var(--acid)}#toast{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);text-align:center;font-size:13px;color:var(--acid);background:#09130bed;padding:15px;opacity:0;transition:opacity .3s}.bottom-help{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#a7b898}.overlay{position:fixed;inset:0;background:#06100ccc;backdrop-filter:blur(12px);z-index:12;display:grid;place-items:center;padding:20px}.modal-card{background:#15221a;border:1px solid #a4ba803d;padding:42px;width:min(440px,100%);box-shadow:0 25px 100px #0008}.modal-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px;line-height:1;margin:22px 0;color:var(--acid)}.modal-card p{font-size:13px;line-height:1.8;color:#a8b69e}.modal-card .primary{width:100%;margin-top:25px}.secondary{background:transparent;color:#b1c1a5;border:0;border-bottom:1px solid #a1bb812a;padding:15px 0;width:100%;font-size:11px}#problem{font-size:38px;font-weight:800;margin:25px 0}#answer{width:100%;padding:15px;color:var(--paper);font:inherit;border:1px solid #93b0705c;background:#0e1913}#scare{position:fixed;inset:0;z-index:30;background:#080600;display:grid;place-items:center}#face{width:100%;height:100%;position:absolute;object-fit:cover;animation:jolt .07s infinite alternate}#scare>span{position:absolute;bottom:12%;font-size:clamp(26px,5vw,70px);font-weight:800;color:#fff;letter-spacing:4px;text-shadow:4px 4px #b00}@keyframes jolt{to{transform:translate(8px,-5px) scale(1.03)}}#touch{display:none}body.playing header{background:#08110b55;height:75px}body.playing #hud{top:100px}
@media(max-width:700px){header{height:73px;padding:0 6%}.header-label{font-size:8px;letter-spacing:1px;gap:8px}.brand{font-size:20px}.tools{gap:10px}.tools button{font-size:8px}.screen{top:73px}.intro{left:7%;top:10%;right:6%}h1{font-size:108px;margin-top:28px}h1 span{font-size:21px;letter-spacing:5px}.eyebrow{font-size:8px;letter-spacing:1.3px}.lead{font-size:12px;margin-bottom:24px}.primary{padding:18px;font-size:10px}.edition{font-size:7px}.settings{gap:12px;margin-top:19px;font-size:9px;flex-wrap:wrap}.warning{font-size:8px;max-width:260px;line-height:1.8}.poster-note{display:none}.menu-bottom{font-size:7px;letter-spacing:.5px;gap:12px;padding:18px 6%;flex-direction:column}.desktop-guide{display:none}.mobile-guide{display:block}#hud{inset:95px 6% 22px}.objective{top:100px;font-size:10px;max-width:90vw;white-space:normal}.hud-left strong{font-size:28px}.hud-right small{font-size:8px}.stamina{width:100px}.bottom-help{display:none}.modal-card{padding:28px}.modal-card h2{font-size:40px}#toast{bottom:155px;width:80%;font-size:11px}.header-label i{display:none}}@media(pointer:coarse){#touch{display:block;pointer-events:auto;position:absolute;bottom:0;left:0;right:0;height:130px;touch-action:none}#joystick{position:absolute;bottom:8px;left:5px;width:112px;height:112px;border:1px solid #d2fa7050;border-radius:50%;background:#12302144}#knob{position:absolute;left:37px;top:37px;width:36px;height:36px;border-radius:50%;background:#d2fa7090;border:1px solid #d2fa70}#touch button{position:absolute;border:1px solid #d2fa7050;background:#16312290;color:var(--paper);border-radius:50%;width:68px;height:68px;font-size:10px;font-weight:700;touch-action:none}#interact{right:0;bottom:20px}#run{right:80px;bottom:0}.bottom-help{display:none}}@media(max-height:650px) and (min-width:701px){.intro{top:5%}h1{font-size:100px;margin:20px 0 10px}h1 span{font-size:23px}.lead{margin:10px 0 15px}.settings{margin-top:12px}.warning{margin-top:10px}}@media(max-height:550px) and (max-width:900px){.intro{top:5%;left:6%}h1{font-size:70px;margin:12px 0}h1 span{font-size:16px}.lead{display:none}.warning{margin-top:8px}.settings{margin-top:10px}.menu-bottom{padding:10px 5%;flex-direction:row}.poster-note{display:none}.objective{top:0}}
.multiplayer{margin-top:18px;max-width:390px}.multiplayer>label{display:block;font-size:8px;letter-spacing:1.6px;color:#a9b49e;margin-bottom:6px}.multiplayer input{font:inherit;font-size:11px;border:1px solid #72836160;background:#102018b0;color:var(--paper);padding:10px 12px;width:100%;border-radius:0}.mp-row{display:flex;gap:8px;margin-top:8px}.mp-row button,#joinForm button{border:1px solid #d2fa7070;color:var(--acid);background:#15271cd9;padding:12px;font-size:9px;font-weight:700;letter-spacing:.5px}.mp-row button:first-child{flex:1}.mp-row button:disabled{opacity:.5}#joinForm{display:flex;gap:8px;margin-top:8px}#roomCode{text-transform:uppercase;letter-spacing:3px;min-width:0}#mpError{font-size:10px;color:#efc18d;line-height:1.5;margin:7px 0;min-height:0}.intro{top:7%}h1{font-size:clamp(85px,10vw,145px);margin:25px 0 16px}.lead{margin-bottom:22px}.settings{margin-top:17px}.warning{margin-top:12px}#roomBar{position:fixed;left:50%;transform:translateX(-50%);top:75px;z-index:15;display:flex;gap:16px;align-items:center;background:#15251beF;border:1px solid #d2fa703d;padding:9px 13px;font-size:9px;white-space:nowrap}#roomBar button{background:none;border:0;color:var(--acid);font-size:8px;letter-spacing:.5px}#playerList{margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}#playerList span{padding:10px;border:1px solid #b6d29440;background:#0d1912;font-size:12px}#inviteLink{width:100%;background:#0a1610;border:1px solid #b6d29440;color:#d0dbbd;padding:12px;font-size:10px}#lobby .modal-card{max-height:90dvh;overflow-y:auto}body.online .objective{top:40px}body.online .bottom-help{bottom:28px}
@media(max-width:700px){.intro{top:5%}h1{font-size:92px;margin:23px 0 10px}h1 span{font-size:18px;letter-spacing:4px}.lead{margin-bottom:18px}.multiplayer{margin-top:14px;max-width:330px}.multiplayer input{padding:9px;font-size:10px}.mp-row button{padding:10px;font-size:8px}.settings{margin-top:13px}.menu-bottom{padding:12px 6%}.edition{display:none}#roomBar{top:76px;padding:7px 9px;gap:10px;font-size:8px}body.online #hud{top:120px}body.online .objective{top:100px}#roomBar button{font-size:7px}}
@media(max-height:780px){#menu{overflow-y:auto}.intro{position:relative;top:auto;left:auto;margin:30px 7% 110px;max-width:650px}.menu-bottom{position:fixed;background:#0a1714f0;bottom:0}.intro .eyebrow{font-size:8px}h1{font-size:85px;margin:20px 0 10px}h1 span{font-size:18px;line-height:2}.lead{font-size:12px;margin:12px 0 20px}.multiplayer{max-width:355px}.poster-note{display:none}}
/* Mobile layouts: finger-sized controls, dynamic viewport and display safe areas. */
html,body{height:100dvh;overscroll-behavior:none}button{touch-action:manipulation}.modal-card{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}#shareLink{width:100%;padding:14px;background:#0c1912;color:var(--paper);border:1px solid #8fba5c66;font:inherit;font-size:16px}#shareStatus{font-size:12px}#fullscreen{font-size:23px;min-width:40px;min-height:44px}#pause{min-width:40px;min-height:44px}.tools{gap:10px}#menu{overflow:auto;overscroll-behavior:contain}.intro{position:relative;left:auto;right:auto;top:auto;margin:44px 8% 110px;max-width:650px}.menu-bottom{position:fixed;bottom:0;background:#0b1714f5;padding-bottom:max(15px,env(safe-area-inset-bottom))}body.touch{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,select{user-select:text;-webkit-user-select:text}body.touch .desktop-guide,body.touch .bottom-help{display:none}body.touch .mobile-guide{display:block}body.touch #touch{display:block;pointer-events:none;position:fixed;inset:auto 0 max(18px,env(safe-area-inset-bottom)) 0;height:140px;touch-action:none}body.touch #touch>*{pointer-events:auto}body.touch #joystick{position:absolute;bottom:0;left:max(22px,env(safe-area-inset-left));width:118px;height:118px;border:1px solid #d2fa7070;border-radius:50%;background:#12302170;touch-action:none}body.touch #knob{position:absolute;width:38px;height:38px;left:calc(50% - 19px);top:calc(50% - 19px);border-radius:50%;background:#d2fa70b0;border:1px solid #d2fa70}body.touch #touch button{position:absolute;width:76px;height:76px;border-radius:50%;border:1px solid #d2fa7080;background:#163122ce;color:var(--paper);font-size:12px;font-weight:700;touch-action:none}body.touch #interact{right:max(22px,env(safe-area-inset-right));bottom:20px}body.touch #run{right:calc(max(22px,env(safe-area-inset-right)) + 88px);bottom:0}body.touch #touch button:active{background:#526b32;color:#efffd7}#crosshair{position:fixed;left:calc(50% - 5px);top:calc(49% - 10px)}
@media(any-pointer:coarse),(max-width:700px){.multiplayer input,.settings select,#answer,#inviteLink{font-size:16px}.multiplayer input{min-height:44px}.mp-row{gap:10px}.mp-row button,#joinForm button,.secondary{min-height:44px;font-size:11px}.multiplayer{max-width:100%}.settings{gap:16px}.settings label{min-height:40px;font-size:12px}.settings select{max-width:210px}.warning{font-size:10px;line-height:1.7;max-width:100%}.settings input[type=checkbox]{width:20px;height:20px}.modal-card{padding:24px}.modal-card p{font-size:13px}.modal-card h2{font-size:38px;margin:16px 0}.modal-card .primary{margin-top:16px}.tools button{min-height:44px}.header-label{display:none}.screen{top:73px}.intro{margin:28px 7% 110px}header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.menu-bottom{font-size:9px}#roomBar{top:77px;padding:4px 10px;gap:12px;font-size:10px;max-width:94vw}#roomBar button{min-height:36px;font-size:10px}body.online #hud{top:130px}body.online .objective{top:80px;font-size:11px;padding:10px;max-width:90vw;white-space:normal}#toast{bottom:165px;font-size:12px}#hint{position:fixed;top:56%;left:50%;font-size:12px}#playerList span{font-size:13px;padding:9px}#lobby .modal-card{max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(max-width:380px){h1{font-size:79px}h1 span{font-size:16px;letter-spacing:3px}.mp-row{flex-direction:column}.intro{margin-left:6%;margin-right:6%}.settings{gap:8px}.modal-card{padding:20px}}
@media(max-height:520px) and (min-width:600px){header,body.playing header{height:54px}.screen{top:54px}.intro{max-width:100%;margin:20px max(6%,env(safe-area-inset-left)) 80px;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start}.eyebrow,h1,.lead,.start-row{grid-column:1}.eyebrow{font-size:8px}h1{font-size:75px;margin:16px 0 8px}h1 span{font-size:16px;letter-spacing:4px}.lead{display:none}.start-row{margin-top:8px}.edition{display:none}.multiplayer{grid-column:2;grid-row:1 / span 4;margin-top:0}.settings{grid-column:2;gap:10px;margin-top:8px}.warning{grid-column:2;font-size:9px;margin:8px 0}.menu-bottom{font-size:8px;flex-direction:row;padding:10px 5%;gap:15px}.header-label{display:none}#roomBar{top:55px;font-size:9px;padding:2px 9px}#roomBar button{font-size:9px;min-height:31px}#hud,body.playing #hud,body.online #hud{top:62px;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}.hud-left small,.hud-right small{font-size:8px}.hud-left strong{font-size:23px;margin-top:2px}.hud-left strong span{font-size:13px}.notebooks{margin-top:4px;gap:4px}.notebooks i{height:10px;width:7px}.stamina{margin:7px 0;width:90px}.objective,body.online .objective{top:39px;font-size:9px;padding:6px 10px}.bottom-help{display:none}#hint{top:53%;font-size:11px}#toast{bottom:115px;padding:8px;font-size:10px}body.touch #touch{height:100px;bottom:max(12px,env(safe-area-inset-bottom))}body.touch #joystick{width:96px;height:96px}body.touch #touch button{width:64px;height:64px;font-size:10px}body.touch #run{right:calc(max(22px,env(safe-area-inset-right)) + 76px)}body.touch #interact{bottom:12px}.overlay{padding:10px max(18px,env(safe-area-inset-right))}.modal-card{padding:18px 24px;width:min(510px,100%);max-height:calc(100dvh - 20px)}.modal-card h2{font-size:28px;margin:10px 0}.modal-card p{font-size:11px;line-height:1.5;margin:8px 0}.modal-card small{font-size:8px}.modal-card .primary{min-height:44px;padding:12px;margin-top:10px}.secondary{padding:10px 0;min-height:40px}#problem{font-size:30px;margin:12px 0}#answerForm{display:flex;gap:10px}#answerForm input{width:45%;min-width:0}#answerForm .primary{margin:0;flex:1}#playerList{margin:12px 0;gap:6px}#playerList span{font-size:11px;padding:7px}#inviteLink{padding:9px;font-size:14px}#shareLink{padding:9px}.quiz-card h2{margin-top:8px}}
#roomBar{z-index:10}#answerForm{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}#answerSign{background:#243b28;color:var(--acid);border:1px solid #93b0705c;font-size:24px;min-height:48px}#answerForm>.primary{grid-column:1 / -1}#answerForm>#answer{width:100%}
@media(max-height:520px) and (min-width:600px){#answerForm{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}#answerForm>.primary{grid-column:auto;margin:0}#answerForm>#answer{width:100%}}
@media(any-pointer:coarse),(max-width:700px){header,body.playing header{height:calc(73px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.screen{top:calc(73px + env(safe-area-inset-top))}#roomBar{top:calc(77px + env(safe-area-inset-top))}body.online #hud{top:calc(130px + env(safe-area-inset-top))}.overlay{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-height:520px) and (min-width:600px){header,body.playing header{height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.screen{top:calc(54px + env(safe-area-inset-top))}#roomBar{top:calc(55px + env(safe-area-inset-top))}#hud,body.playing #hud,body.online #hud{top:calc(62px + env(safe-area-inset-top))}}
#invitePanel{z-index:20}