/* Visual layer only. All gameplay IDs, event targets and timing remain intact. */
:root{color-scheme:dark;--ivory:#eee9dc;--muted:#a9b3ad;--line:#bac9b52b;--gold:#d4b77b;--red:#a4443d;--panel:#111917}body{color:var(--ivory);font-family:Arial,Helvetica,sans-serif}button,select,input{border-radius:3px}button{min-height:42px;border-color:#87968c55;background:linear-gradient(180deg,#27312cdd,#131b18ed);box-shadow:inset 0 1px #ffffff0b;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}button:hover{background:linear-gradient(#354039,#202922);border-color:#b8c1a6;box-shadow:0 4px 18px #0004,inset 0 1px #fff1}button:active{transform:translateY(1px);background:#39483e;box-shadow:inset 0 2px 7px #0005}button:disabled{transform:none;box-shadow:none}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:#acd4c5;text-underline-offset:4px}#grain{opacity:.055;background:repeating-linear-gradient(0deg,#0000 0 2px,#000 2px 3px);z-index:2}#vignette{background:radial-gradient(ellipse at center,transparent 38%,#0004 75%,#000a 100%)}
#menu{padding:30px clamp(24px,5vw,84px);background:linear-gradient(90deg,#08100ff5,#0a1211e8 35%,#09111072 68%,#0002);gap:32px}.fileline{font-size:10px;letter-spacing:.18em;border-color:var(--line);padding-bottom:20px;color:#bdc4b9}.fileline span:last-child{color:var(--gold)}.titleblock{max-width:760px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(250px,.85fr);gap:0 42px;align-items:start}.titleblock>.eyebrow,.titleblock>h1,.titleblock>.intro,.titleblock>#start,.titleblock>.menuoptions,.titleblock>.wallet{grid-column:1}.titleblock>.eyebrow{color:#da8b7c;font-size:10px;letter-spacing:.24em;margin-top:12px}h1{margin:20px 0 10px;line-height:.92;filter:drop-shadow(0 5px 16px #0006)}h1 span:first-child{font-size:clamp(36px,4.8vw,64px);letter-spacing:.025em}h1 strong{font-size:clamp(72px,8vw,106px);color:#eee8d8;text-shadow:1px 2px #a08d6733}h1 .at{font-size:18px;margin-right:8px}.intro{font:18px/1.6 Georgia,serif;color:#bfc3b9;margin:18px 0 26px}.primary{width:100%;background:linear-gradient(120deg,#9d433a,#692a29);border:1px solid #d68e7166;min-height:58px;box-shadow:0 8px 30px #0005,inset 0 1px #ffd3b425;letter-spacing:.13em}.primary:hover{background:linear-gradient(120deg,#b95445,#843832);border-color:#e7ac87}.menuoptions{justify-content:space-between;gap:8px;margin:12px 0}.menuoptions select{max-width:180px;background:#111b18}.wallet{width:100%;text-align:left;color:#e2c990;border-color:#b69b574d;padding:13px 18px}.rankControls{grid-column:2;grid-row:2/8;align-self:center;margin:12px 0 0;padding:22px;background:linear-gradient(150deg,#243129d9,#101916ed);border:1px solid var(--line);border-top:2px solid #a58f59;box-shadow:0 14px 36px #0003;gap:12px;border-radius:4px}.rankControls:before{content:'THE FIVE-NIGHT RECORD';font:11px/1.5 monospace;letter-spacing:.18em;color:var(--gold);display:block;margin-bottom:5px}.rankControls label,.rankControls small,#accountStatus{font-size:11px;color:#aebdb2}.rankControls input{background:#080f0d;min-height:44px;padding:12px;border-color:#a6b39a44}.rankControls button{width:100%;font-size:10px;letter-spacing:.08em}.rankControls a{font-size:11px}.rankControls small{line-height:1.7}.instructions{grid-column:1;line-height:1.9;font-size:12px;color:#bcc3b6;margin-top:22px}.controls{grid-column:2;font:11px/1.9 monospace;align-self:center;color:#a3aea5}.footer{color:#a1a99f;border-top:1px solid var(--line);padding-top:17px;font-size:9px;line-height:1.7}
.top{top:max(22px,env(safe-area-inset-top));left:26px;right:26px}.top>div:first-child{padding:13px 17px;background:linear-gradient(110deg,#09120fee,#112018bd);border-left:2px solid #acb89c;box-shadow:0 8px 24px #0003;min-width:280px}.top .eyebrow{font-size:9px;letter-spacing:.18em;color:#abbda9}.night{font-size:23px;letter-spacing:.06em;margin-top:7px}.night span{font-size:15px;color:#c0cec3}.hudtools{padding-top:6px}.hudtools #hudCoins{background:#0d1714d9;border:1px solid var(--line);padding:12px;color:#dfc68c;border-radius:3px}#timeLeft{top:110px;left:44px;font-size:11px;letter-spacing:.08em;text-shadow:0 2px 4px #000}#objective{top:139px;left:26px;padding:12px 16px;border:1px solid var(--line);background:#0a1411de;border-radius:3px;gap:10px;font-size:15px;box-shadow:0 7px 25px #0003}#exitState{font-size:10px}.slip{width:13px;height:17px;border:1px solid #e9f0dc7a;box-shadow:0 1px 5px #0006}#enemyPower{top:197px;left:28px;font-size:12px;text-shadow:0 2px 5px #000}#enemyPower:empty{display:none}#danger{top:28%;font-weight:bold;color:#ffb1a0;text-shadow:0 0 14px #ab2418,0 2px 5px #000;letter-spacing:.16em}#danger:not(:empty){padding:13px;background:linear-gradient(90deg,transparent,#3f161cbb,transparent);border-block:1px solid #e3796433}#prompt{border:1px solid #b4c7b244;box-shadow:0 8px 30px #0005;background:#091310ec;border-radius:4px;padding:13px 20px;color:#e9ebd8}#stealthState{color:#b5ded6;text-shadow:0 2px 5px #000}.bottom{left:28px;right:28px;bottom:max(24px,env(safe-area-inset-bottom))}.meter{height:5px;border-radius:4px;background:#0c1819cc;box-shadow:0 0 0 1px #b8c4aa22;overflow:hidden}.meter i{background:linear-gradient(90deg,#7fa79a,#e0e4c9)}#location{background:#0b1511c9;padding:8px 12px;border:1px solid var(--line);border-radius:3px;font-size:10px}.desktopHint{font-size:10px;color:#b0bcad;text-shadow:0 1px 5px #000}#hideBtn{background:linear-gradient(#32584f,#1b3937);border:1px solid #95d7c5;box-shadow:0 6px 24px #0005;font-size:12px;letter-spacing:.13em;border-radius:4px}#hideBtn.ready{box-shadow:0 0 0 3px #a2e5bf15,0 0 25px #7be5b633}
#mapPanel{background:linear-gradient(145deg,#1c2925f7,#0b1412fc);border-color:#9aac8155;border-top:2px solid #a3b98b;border-radius:5px;padding:20px;box-shadow:0 20px 100px #000d,inset 0 0 70px #0003}.mapHeader{color:#c7d1bd;font:11px/1.5 monospace;letter-spacing:.12em;padding-bottom:12px;border-bottom:1px solid var(--line)}#map{margin-top:12px;border:1px solid #8fa58a22;background:#07100d}#mapPanel p{font-size:11px;color:#c7d0c1}#mapPanel small{font-size:11px;line-height:1.6}#breathing{border-color:#9dbea466;border-top:2px solid #add4af;background:linear-gradient(135deg,#1b302bf7,#0a1818fc);border-radius:5px;box-shadow:0 16px 70px #000b}.breathHeading{font-size:11px;font-weight:bold}#breathTap{background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 10%),#091619;border-color:#8aa69b55;border-radius:3px}#breathTarget{background:linear-gradient(#a6d99666,#6bb97755);box-shadow:inset 0 0 14px #b6eba122}#breathMarker{background:#fff1bf;box-shadow:0 0 10px #ffedb177}.breathLabel{color:#e5eddd;text-shadow:0 2px 3px #000}
#overlay,#shopPanel,#leaderboardPanel{background:radial-gradient(ellipse at 50% 25%,#223129ed,#050d0bfa)}#overlay section,#shopPanel section,#leaderboardPanel section{padding:30px;background:linear-gradient(135deg,#26312bd9,#111a17f5);border:1px solid var(--line);border-top:2px solid #b69b6b;border-radius:5px;box-shadow:0 20px 90px #0007}#overlay section{max-width:510px}#resultTitle{font-size:clamp(40px,7vw,64px);color:#ebe3cf}#resultTag{color:#d8b582}#resultText{color:#bac7bb;font-size:15px}#shopPanel section{width:min(780px,100%)}#shopPanel .shopWallet{font-size:34px;color:#e2c98b}#shopSignIn{display:block;margin-top:15px;font-size:12px}.shopItems{gap:14px}.shopItems article{border-color:#a4b49230;background:linear-gradient(#2c3930a6,#101a16c9);border-radius:4px;padding:19px}.shopItems article:before{content:'01 / ENDURANCE';font:9px monospace;letter-spacing:.12em;color:#98b4a0;margin-bottom:20px}.shopItems article:nth-child(2):before{content:'02 / DISTRACTION'}.shopItems article:nth-child(3):before{content:'03 / COMPOSURE'}.shopItems h3{font-size:17px;font-weight:600}.shopItems button{border-color:#c6ae6d66;background:#3b342455}.shopItems span{font-size:10px}#leaderboardPanel section{width:min(730px,100%)}#leaderboardPanel h2{font-size:clamp(24px,5vw,39px);margin:8px 0 16px;color:#eee4ce}#leaderboardRows{counter-reset:rank;display:grid;gap:8px;margin:24px 0}#leaderboardRows li{background:linear-gradient(100deg,#293c30c9,#14221bb3);border:1px solid #a1b48d28;border-radius:3px;padding:17px 18px;font:14px/1.7 monospace;color:#c7d4c6;box-shadow:inset 3px 0 #a7b99a40}#leaderboardRows li:first-child{background:linear-gradient(100deg,#5a4b2980,#23291b);color:#f0d995;border-color:#c6a65b77;box-shadow:inset 3px 0 #d7b968}#leaderboardRows li:nth-child(2){box-shadow:inset 3px 0 #bcc8c0}#leaderboardRows li:nth-child(3){box-shadow:inset 3px 0 #a87855}#leaderboardMessage{font:13px/1.7 monospace;color:#b2c1b4}#leaderboardPanel a{font-size:12px}#cleanupPanel{border-radius:4px;border-top:2px solid #a6d5df;background:linear-gradient(125deg,#1d3840ef,#0b1e25f5);box-shadow:0 12px 36px #0005}#ryzTalk{border-radius:5px;overflow:hidden;background:linear-gradient(120deg,#17231ffa,#26312af7);border-color:#b59e6555;border-top-color:#d1b677}.ryzPortrait{box-shadow:0 6px 16px #0005}#ryzRing>div{background:#16221f}.ryzFoot{background:#07110c4d}.ryzLock{color:#c8d3c5}
#stick{background:radial-gradient(circle,#92b39c16,#0b1b16b8);border-color:#b6d4bb55;box-shadow:inset 0 0 20px #0004,0 5px 20px #0004}#stick i{background:radial-gradient(circle at 35% 30%,#cedec566,#8aa59333);border-color:#c1d7c080;box-shadow:0 4px 12px #0004}.actions button{min-height:49px;border-radius:5px;background:linear-gradient(#24362ddb,#0c1c17e8);border-color:#acc6b255;box-shadow:0 3px 15px #0003}.actions #takeBtn{background:linear-gradient(#496a48e8,#24452feb);border-color:#bee0a980}.actions button.active{border-color:#b5e0c5;background:#3b6350}.actions button:active{background:#547962}#lookHint{text-shadow:0 2px 5px #000;color:#b6cbb7b8}
@media(max-width:820px){.titleblock{max-width:560px;grid-template-columns:1fr}.rankControls{grid-column:1;grid-row:auto;max-width:none;align-self:auto;margin-top:20px}.controls{grid-column:1}.instructions{margin-bottom:0}h1 span:first-child{font-size:48px}h1 strong{font-size:94px}.titleblock>.eyebrow{margin-top:0}#menu{gap:24px}.rankControls:before{width:100%}.rankControls button{width:auto;flex:1 1 130px}.rankControls input{width:100%}}
@media(max-width:600px){#menu{padding:22px 22px 30px}.fileline{font-size:9px}.titleblock{max-width:100%}h1 span:first-child{font-size:43px}h1 strong{font-size:86px}.rankControls{padding:18px}.top{left:14px;right:14px;top:max(12px,env(safe-area-inset-top))}.top>div:first-child{min-width:0;padding:10px 12px}.top .eyebrow{font-size:8px}.night{font-size:19px}.night span{font-size:12px;margin-left:12px}.hudtools{gap:5px}.hudtools #hudCoins{font-size:11px;padding:11px 6px}.hudtools #pause{padding:10px;min-width:40px}#timeLeft{top:88px;left:26px;font-size:10px}#objective{top:111px;left:14px;padding:10px 12px;gap:8px;font-size:13px}#exitState{font-size:9px;margin-left:3px}#enemyPower{top:161px;left:16px;font-size:10px}#danger{top:25%;font-size:11px}#overlay section,#shopPanel section,#leaderboardPanel section{padding:20px}#shopPanel,#leaderboardPanel{padding:14px}.shopItems article{padding:13px}.shopItems article:before{display:none}#leaderboardRows li{font-size:12px;padding:13px}#mapPanel{padding:14px}#map{max-height:54vh}body.touch #hideBtn{min-width:0;width:182px;bottom:188px;right:max(15px,env(safe-area-inset-right))}body.touch .actions{bottom:max(64px,calc(env(safe-area-inset-bottom) + 40px));right:max(15px,env(safe-area-inset-right))}#stick{bottom:max(70px,calc(env(safe-area-inset-bottom) + 44px));left:max(23px,env(safe-area-inset-left))}body.touch #lookHint{bottom:248px}.bottom{left:23px}#breathing{top:30%}#cleanupPanel{top:180px}#cleanupPanel p{font-size:12px}}
@media(max-height:600px) and (min-width:601px){.top>div:first-child{padding:8px 12px}.top{top:12px;left:16px}.top .eyebrow{font-size:8px}.night{font-size:18px}.night span{font-size:12px}#timeLeft{top:81px;left:28px;font-size:10px}#objective{top:102px;left:16px;font-size:12px;padding:8px 11px}#enemyPower{top:150px;left:17px;font-size:10px}#danger{top:19%;left:34%;width:40%;font-size:11px}.actions{bottom:45px;right:20px;gap:7px}.actions button{padding:12px 5px;min-height:42px}body.touch #hideBtn{bottom:154px;right:20px;min-height:42px}body.touch #lookHint{bottom:205px}#stick{bottom:48px}.bottom{bottom:12px}#breathing{top:25%;width:380px}#mapPanel{width:min(460px,70vw);padding:12px}#map{max-height:52vh}#cleanupPanel{top:12px;left:53%;width:43vw}.titleblock{max-width:760px;grid-template-columns:1fr 1fr}.rankControls{grid-column:2;grid-row:2/8;margin:0}.controls{grid-column:2}#menu .titleblock h1 strong{font-size:82px}#menu .titleblock h1 span:first-child{font-size:40px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Account and server-backed progression controls. */
#accountPanel{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;overflow:auto;background:#07100ff2;backdrop-filter:blur(10px)}.accountCard{width:min(460px,100%);margin:auto;padding:26px;background:linear-gradient(140deg,#26372c,#101a16);border:1px solid #aab78e44;border-top:2px solid #c7b073;border-radius:5px;box-shadow:0 20px 80px #0008}.accountCard h2{font-size:30px;margin:8px 0}.accountCard p{font-size:14px;line-height:1.65;color:#bccbbc}.accountCard label{display:block;font-size:14px;color:#e2e8d6;margin-top:17px}.accountCard input{display:block;width:100%;padding:12px;margin-top:7px;font-size:16px;background:#09120e;color:#f2f3e9;border:1px solid #a0b58c66;user-select:text;-webkit-user-select:text}.accountCard small{display:block;font:12px/1.6 monospace;color:#a4b6a6;margin-top:7px}.accountCard #authToggle{margin-top:16px;width:100%;font-size:12px;letter-spacing:0}.accountCard #authMessage{color:#ecc293;min-height:23px}#progressStatus{font:11px/1.8 monospace;width:100%;color:#d3c08c;margin:3px 0}#nightSelect option:disabled{color:#7f8b80}#rankName:read-only{color:#c1d8bd;border-color:#7c926940}#signOut{color:#c4cdbb}#authSubmit{justify-content:center}#boardSignIn{margin-top:10px}#shopSignIn{font-size:12px}#accountPanel input:focus-visible{outline:2px solid #d4b77b;outline-offset:3px}