/* Compact, tile-forward pixel UI inspired by classic overhead adventure games. */
:root{--gold:#d7caff;--ink:#f5efff;--panel:#30356a}
.hud-left,.map-frame,.top-buttons button,.bottom-left span,.quick-bag,.modal-card,.toast,.near-prompt{background:#30356a;border-color:#10142d;box-shadow:4px 4px 0 #11142d, inset 0 0 0 2px #6066a2}
.hud-left{width:380px;padding:8px 10px;border-width:3px}.brand{border-color:#777bb2}.brand>span{color:#f39da0}.brand strong{letter-spacing:1.5px}
.meter{background:#171a40;border:2px solid #151734;height:10px}.meter i{background:#82cad0}.deadline-meter i{background:#a18bed}.drunk-meter i{background:#e47a8a}.high-meter i{background:#93dca0}
.map-frame{border-width:3px}.top-buttons button{border-width:2px}.bottom-left span{background:#30356a;color:#f7efff;border:2px solid #10142d}
.quick-bag{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:5px;border:3px solid #11142d;gap:4px}.quick-bag button,.empty-hotbar{width:75px;min-width:75px;height:49px;background:#202553;border:2px solid #11142d;box-shadow:inset 0 0 0 2px #5e64a0;color:#f5efff}.quick-bag button{padding:4px;gap:4px}.quick-bag button:focus-visible,.quick-bag button:hover:not(:disabled){outline:2px solid #3fd8e9;outline-offset:-4px}.quick-bag .item-glyph{font-size:15px}.empty-hotbar{display:block}
.modal-card,.search-game{background:#303567;border:3px solid #151a39;box-shadow:8px 8px 0 #10132b}.modal-head{background:#666caf;color:#fff}.modal-choice{background:#242951;border:2px solid #777fbb}.modal-note{background:#22264e}
.bag-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:8px 0 16px}.bag-slot{height:43px;border:2px solid #151933;box-shadow:inset 0 0 0 2px #6269a2;background:#20254e;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e2d8f5}.bag-slot span{font-size:18px;line-height:19px}.bag-slot small{font-size:6px;text-transform:uppercase}.bag-slot.drink{color:#f0c293}.bag-slot.drug{color:#9be0b7}
.challenge-overlay{background:#080913e8}.cinema-card{width:min(670px,100%);background:#16172e;border:4px solid #f0d2a7;padding:28px;text-align:center;box-shadow:0 0 0 12px #080a19,12px 12px 0 #000;color:#fff4e2;animation:cinemaIn .45s steps(5,end)}.cinema-kicker{color:#e47783;font-weight:900;font-size:12px;letter-spacing:3px}.cinema-card h2{font-size:clamp(25px,5vw,48px);line-height:1.08;text-shadow:4px 4px #622c53;margin:16px 0}.cinema-card p{font-size:12px;line-height:1.6;color:#d9d5e8}.cinema-card small{display:block;font-size:9px;color:#bcb6d6;margin-top:14px}.checkpoint-intro{animation:cinemaIn .45s steps(5,end),cameraFlash 1.1s ease-out}
.memory-status{margin:18px auto;background:#303567;border:2px solid #9b9ed0;padding:9px;font-size:12px;font-weight:900}.memory-pads{display:grid;grid-template-columns:repeat(2,minmax(85px,150px));gap:12px;justify-content:center}.memory-pad{height:80px;background:var(--pad);border:5px solid #10132b;box-shadow:inset 5px 5px #ffffff55,6px 6px #090b1b;color:#151426;font-size:25px;font-weight:900;opacity:.55}.memory-pad.lit{opacity:1;transform:translate(-2px,-2px);box-shadow:0 0 24px var(--pad),inset 5px 5px #ffffffaa}.memory-start{margin-top:20px;background:#f0c57c;color:#191b35;border:3px solid #10132b;padding:12px 22px;font-weight:900}
.busted-flash{border-color:#f44359}.busted-flash h2{color:#ff304b;text-shadow:6px 6px #610918;font-size:clamp(50px,9vw,96px)}
.casino-game{border-color:#f1c578;background:radial-gradient(circle at 50% 0,#523162,#17162e 70%)}.casino-game h2{color:#ffda8e}.casino-game strong{color:#ffe59d}.casino-buttons{display:flex;justify-content:center;gap:12px;margin:18px 0}.casino-buttons button,.casino-game [data-casino=leave]{min-width:100px;background:#734573;color:#fff1d9;border:3px solid #0e1029;padding:12px;font-weight:900;box-shadow:4px 4px #080a19}.casino-buttons button:hover,.casino-game [data-casino=leave]:hover{background:#aa6382}.casino-result{font-size:clamp(23px,4vw,38px);font-weight:900;margin:20px}.casino-result.win{color:#a8ecac}.casino-result.lose{color:#ff8a92}.casino-result small{display:block;font-size:16px}
.search-item.unhideable{opacity:.75;border-color:#d76f7b;cursor:not-allowed}.search-item.unhideable span{float:right;color:#ff9b9f}
#modal[data-kind=loss] .modal-card{border:5px solid #a11e2e;background:#1b0d18;box-shadow:0 0 0 12px #3f0917,12px 12px #08060c}#modal[data-kind=loss] h2{font-size:clamp(36px,7vw,68px);color:#ff344c;text-align:center;line-height:1;text-shadow:5px 5px #680b1d;letter-spacing:2px}#modal[data-kind=loss] .modal-head{background:#a11e2e;color:#fff}
@keyframes cinemaIn{from{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cameraFlash{0%,23%{filter:brightness(3)}45%,100%{filter:brightness(1)}}
@media(max-width:900px){.quick-bag{position:static;transform:none;padding:3px;align-self:flex-end}.empty-hotbar{display:none}.quick-bag button{width:auto;min-width:62px}.hud-left{max-width:calc(100vw - 190px)}}
@media(max-width:600px){.hud-left{max-width:calc(100vw - 105px);width:235px;padding:5px}.quick-bag button{height:36px;min-width:55px}.bag-grid{grid-template-columns:repeat(6,1fr)}.bag-slot{height:36px}.cinema-card{padding:12px}.memory-pad{height:58px}}
.challenge-content{overflow-x:hidden;scrollbar-width:none}.challenge-content::-webkit-scrollbar{display:none}.memory-game{width:min(640px,calc(100% - 30px));margin:12px auto;padding:20px}.memory-pad{opacity:.78}