*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden;background:#101014}:root{--surface-1: #f5efea;--surface-card: #f2ddd8;--primary: #e8c4c4;--accent: #c87070;--text-primary: #4a4440;--text-secondary: #8b7d72;--text-muted: #a89e9a;--neutral: #e7e0d9;--border-strong: rgba(139, 125, 114, .4);--surface-float: rgba(255, 255, 255, .82);--ok: #6fae7e;--warn: #d98a8a;--font-serif: "Noto Serif SC", -apple-system, "PingFang SC", "Microsoft YaHei", serif;--font-sans: "Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-en: "Montserrat", var(--font-sans);--font-old: var(--font-serif);--font-new: var(--font-sans);--font-title: var(--font-serif);--font-ui: var(--font-sans);--ink: #595959;--ink-hidden: #cfcfcf;--ink-recovered: #4b4b4b}body{font-family:var(--font-serif);font-weight:300;color:var(--text-primary)}button,input,textarea,select{font-family:inherit;font-weight:inherit;color:inherit}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#101014}.stage{position:relative;width:1080px;height:1920px;flex:0 0 auto;transform-origin:center center;overflow:hidden;background:#1a1a20}.fill{position:absolute;top:0;right:0;bottom:0;left:0}.ph-block{display:flex;align-items:center;justify-content:center;color:#ffffffbf;font-size:30px;text-align:center;line-height:1.5;border:2px dashed rgba(255,255,255,.35);white-space:pre-line}img.ph-img{display:block}.hud-top{position:absolute;top:40px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:0 36px;z-index:60;pointer-events:none}.hud-group{display:flex;gap:20px;pointer-events:auto}.hud-btn{width:96px;height:96px;border-radius:50%;border:2px solid var(--border-strong);background:#ffffffb8;font-size:34px;display:flex;align-items:center;justify-content:center;gap:8px}.hud-btn:disabled{opacity:.4}.hud-stats{display:flex;gap:18px;pointer-events:auto}.hud-stat{height:96px;padding:0 30px;border-radius:36px;background:#ffffffb8;border:2px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);font-weight:300;font-size:32px;display:flex;align-items:center;gap:10px}.coin-flash{animation:coinFlash .9s ease-in-out infinite}@keyframes coinFlash{0%,to{background:#ffffffb8}50%{background:#d98a8ae6}}.floater-layer{position:absolute;top:150px;right:48px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.floater{font-size:40px;font-weight:700;animation:floatUp .8s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.35)}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}25%{opacity:1}to{opacity:0;transform:translateY(-70px)}}.toast-layer{position:absolute;bottom:560px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:80;pointer-events:none}.toast{max-width:82%;background:#4a4440db;color:var(--surface-1);border-radius:36px;padding:22px 40px;font-size:32px;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.typewriter-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40}.dialog-box{position:absolute;left:40px;right:40px;bottom:60px;min-height:280px;max-height:730px;background:var(--surface-float);border:none;border-radius:36px;padding:40px 46px;z-index:40;animation:slideUp .25s ease-out;display:flex;flex-direction:column;box-shadow:0 10px 40px #4a44402e}@keyframes slideUp{0%{transform:translateY(120px);opacity:0}to{transform:none;opacity:1}}.dialog-speaker{font-size:28px;color:var(--text-secondary);letter-spacing:2px;margin-bottom:16px}.dialog-text{font-size:38px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;flex:1;overflow-y:auto}.dialog-next{align-self:center;margin-top:14px;font-size:30px;color:var(--accent);animation:bob 1s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.choice-layer{position:absolute;left:0;right:0;top:730px;display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:0 70px;z-index:45}.choice-prompt{font-size:36px;color:var(--surface-1);text-shadow:0 2px 10px rgba(0,0,0,.65);margin-bottom:8px;text-align:center}.choice-btn{width:100%;min-height:100px;border-radius:30px;background:#ffffffd9;border:2px solid var(--border-strong);color:var(--text-primary);font-size:38px;font-family:var(--font-serif);padding:28px 36px;line-height:1.5;animation:slideUp .25s ease-out;text-align:left}.choice-btn.picked{background:#fff;border-color:var(--accent);box-shadow:0 0 0 6px #c870702e}.choice-btn.faded{opacity:0;transition:opacity .4s}.event-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.event-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001f,#00000047)}.cat-overlay-caption{position:absolute;left:40px;right:40px;bottom:580px;background:#4a4440d1;color:var(--surface-1);font-size:32px;line-height:1.65;border-radius:36px;padding:28px 36px;z-index:42;white-space:pre-wrap}.cat-sprite{position:absolute;width:170px;height:170px;z-index:41;pointer-events:none;transition:left 1.2s ease-in-out,top 1.2s ease-in-out}.souvenir-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:90}.souvenir-card{width:78%;background:var(--surface-1);border-radius:36px;padding:60px 48px;text-align:center;animation:cardPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes cardPop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.souvenir-emoji{font-size:120px}.souvenir-name{font-size:44px;margin:24px 0;font-family:var(--font-serif);font-weight:700;color:var(--text-primary)}.souvenir-desc{font-size:30px;line-height:1.7;color:var(--text-secondary);text-align:left}.souvenir-hint{margin-top:36px;font-size:26px;color:var(--text-muted)}.map-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.lightdot{position:absolute;top:-6%;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:radial-gradient(circle,#fff,#fce8c8 45%,#fcc8a000 72%);box-shadow:0 0 22px 7px #ffe6bed9;animation:dotFall linear infinite;z-index:14}@keyframes dotFall{0%{transform:translateY(0) scale(.8);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(2100px) scale(1.1);opacity:0}}.lightdot.guide{top:44%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;animation:none;box-shadow:0 0 34px 14px #ffe1aae6}.guide-glow{position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:50%;border:4px solid rgba(255,235,200,.7);animation:guidePulse 1.2s ease-out infinite}@keyframes guidePulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.9);opacity:0}}.guide-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b27249e;z-index:50}.guide-tip{position:absolute;top:300px;left:0;right:0;text-align:center;font-family:var(--font-serif);font-size:40px;letter-spacing:3px;color:var(--surface-1);text-shadow:0 2px 12px rgba(0,0,0,.8);animation:fadeIn .8s ease-in}.map-title{position:absolute;top:170px;left:0;right:0;text-align:center;font-family:var(--font-serif);font-size:44px;letter-spacing:4px;color:var(--text-primary);text-shadow:0 0 16px rgba(255,255,255,.95),0 2px 4px rgba(255,255,255,.9);z-index:12}.landmark{position:absolute;transform:translate(-50%,-50%);padding:18px 36px;border-radius:40px;border:2px solid var(--border-strong);background:#ffffffe6;color:var(--text-primary);font-family:var(--font-serif);font-size:38px;letter-spacing:2px;white-space:nowrap;z-index:11;box-shadow:0 4px 14px #4a444029}.landmark.state-highlight{animation:lmGlow 1.8s ease-in-out infinite}@keyframes lmGlow{0%,to{box-shadow:0 4px 14px #4a444029,0 0 #c8707080}50%{box-shadow:0 4px 14px #4a444029,0 0 0 16px #c8707000}}.landmark.state-flash{border-color:var(--accent);animation:lmFlash 1.4s ease-in-out infinite}@keyframes lmFlash{0%,to{box-shadow:0 0 18px 4px #c870708c}50%{box-shadow:0 0 42px 14px #e8c4c4f2}}.landmark.state-gray{opacity:.34;filter:grayscale(1);box-shadow:none;animation:none}.landmark.you-are-here:after{content:"你在这里";position:absolute;left:50%;transform:translate(-50%);bottom:-46px;font-family:var(--font-sans);font-weight:300;font-size:24px;letter-spacing:0;color:var(--surface-1);background:#4a4440b8;padding:6px 16px;border-radius:20px;white-space:nowrap}.landmark:active{transform:translate(-50%,-50%) scale(.94)}.map-close{position:absolute;top:44px;right:40px;width:92px;height:92px;border-radius:50%;background:#0000008c;color:#fff;font-size:44px;border:none;z-index:13}.walk-btns{position:absolute;bottom:60px;left:0;right:0;display:flex;justify-content:space-between;padding:0 40px;z-index:50}.walk-btn{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.8);background:#00000073;color:#fff;font-size:44px;touch-action:none}.walk-btn:active{background:#000000b3}.edge-btn{position:absolute;bottom:220px;left:40px;height:96px;padding:0 40px;border-radius:48px;border:none;background:#ffffffeb;font-size:34px;z-index:50;animation:slideUp .25s ease-out}.exit-door-btn{position:absolute;bottom:220px;right:40px;height:96px;padding:0 40px;border-radius:48px;border:none;background:#ffffffeb;font-size:34px;z-index:50}.bubble{position:absolute;max-width:620px;background:#fff;border-radius:24px;border:2px solid #444;padding:24px 32px;font-size:30px;line-height:1.55;z-index:48;animation:slideUp .2s ease-out}.bubble:after{content:"";position:absolute;bottom:-18px;left:60px;border:10px solid transparent;border-top-color:#fff}.rain-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;background:repeating-linear-gradient(100deg,transparent 0 18px,rgba(190,210,255,.16) 18px 20px);animation:rainShift .5s linear infinite}@keyframes rainShift{0%{background-position:0 0}to{background-position:-40px 60px}}.inn-room{position:absolute;top:0;right:0;bottom:0;left:0}.hotspot{position:absolute;border:none;background:#ffffff1a;border-radius:24px;color:#fff;font-size:36px;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.hotspot .hs-emoji{font-size:90px}.hotspot.glow{animation:glowPulse 1.4s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 18px 4px #ffe28259}50%{box-shadow:0 0 44px 14px #ffe282d9}}.hotspot.soft-glow{animation:glowPulse 2.4s ease-in-out infinite}.hotspot:disabled{opacity:.45}.next-day-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:32px 76px;border-radius:999px;border:none;background:var(--primary);color:var(--text-primary);font-family:var(--font-serif);font-size:46px;letter-spacing:4px;white-space:nowrap;z-index:30;box-shadow:0 10px 40px #00000059;animation:nextDayGlow 2.4s ease-in-out infinite}@keyframes nextDayGlow{0%,to{box-shadow:0 10px 40px #00000059,0 0 #e8c4c48c}50%{box-shadow:0 10px 40px #00000059,0 0 0 22px #e8c4c400}}.next-day-btn:active{animation:none;transform:translate(-50%,-50%) scale(.95)}.confirm-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b272480;display:flex;align-items:center;justify-content:center;z-index:95}.confirm-card{width:72%;background:var(--surface-1);border-radius:36px;padding:56px 44px;text-align:center;box-shadow:0 16px 60px #2b272459}.confirm-card p{font-size:38px;color:var(--text-primary);margin-bottom:44px;line-height:1.6}.btn-row{display:flex;justify-content:center;gap:32px}.btn{min-width:240px;height:100px;border-radius:50px;border:2px solid var(--border-strong);background:#ffffffe6;color:var(--text-primary);font-size:34px;font-family:var(--font-serif);padding:0 40px}.btn.primary{background:var(--primary);color:var(--text-primary);border-color:transparent}.btn:disabled{opacity:.4}.journal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b2724a6;z-index:85;display:flex;align-items:center;justify-content:center}.journal-book{width:92%;height:84%;background:var(--surface-1);border-radius:36px;box-shadow:0 20px 80px #2b27248c;display:flex;flex-direction:column;overflow:hidden}.journal-head{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:2px solid var(--neutral);font-size:36px;color:var(--text-secondary)}.journal-nav{display:flex;gap:16px}.journal-nav button{min-width:90px;height:72px;font-size:30px;border-radius:24px;border:2px solid var(--border-strong);background:#ffffffd9;color:var(--text-primary)}.journal-nav button.active{background:var(--primary);border-color:transparent;color:var(--text-primary)}.journal-body{flex:1;overflow-y:auto;padding:40px 48px 80px}.j-entry{margin-bottom:42px}.j-entry .j-event-name{font-size:26px;color:var(--text-muted);margin-bottom:10px}.j-old{font-family:var(--font-old);font-size:34px;color:var(--ink);line-height:1.7}.j-new{font-family:var(--font-new);font-weight:300;font-size:32px;color:#a2645e;line-height:1.7;margin-top:6px}.j-insight{margin:48px 0;padding:34px 36px;border:2px dashed var(--border-strong);border-radius:24px;font-family:var(--font-old);font-size:32px;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.j-hint{margin:40px 0;padding:34px 36px;background:var(--surface-card);border-radius:24px;font-family:var(--font-old);font-size:32px;line-height:1.9}.j-hint .hidden-line{color:var(--ink-hidden);filter:blur(.6px)}.j-hint .locked-note{font-size:26px;color:var(--text-muted)}.j-hint .recovered-line{color:var(--ink-recovered)}.ink-reveal{animation:inkReveal .6s ease-out forwards;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 100%)}@keyframes inkReveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}30%{opacity:.3}70%{opacity:.7}to{opacity:1;clip-path:inset(0 0 0 0)}}.j-souvenirs{margin-top:60px;border-top:2px solid var(--neutral);padding-top:30px}.j-souvenirs h3{font-size:30px;color:var(--text-secondary);margin-bottom:24px}.souvenir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.souvenir-cell{aspect-ratio:1;background:#ffffffd9;border:2px solid var(--border-strong);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:56px}.souvenir-cell span{font-size:22px;color:var(--text-muted);margin-top:6px}.souvenir-cell.empty{opacity:.3;font-size:40px}.journal-close{position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b27248c;display:flex;align-items:center;justify-content:center;z-index:88}.modal-card{width:88%;max-height:82%;overflow-y:auto;background:var(--surface-1);border-radius:36px;padding:56px 48px}.modal-card h2{font-family:var(--font-serif);font-weight:700;color:var(--text-primary);font-size:44px;text-align:center;margin-bottom:30px}.modal-sub{text-align:center;font-size:30px;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.quiz-question{font-size:34px;line-height:1.65;margin-bottom:40px}.quiz-opt{width:100%;text-align:left;margin-bottom:22px;min-height:90px;border-radius:30px;border:2px solid var(--border-strong);background:#ffffffe6;color:var(--text-primary);font-size:32px;padding:20px 28px;line-height:1.45}.quiz-opt.correct{background:#e8f0e5;border-color:var(--ok)}.quiz-opt.wrong{background:#f7e6e6;border-color:var(--warn)}.quiz-analysis{font-size:30px;color:var(--text-secondary);background:var(--surface-card);border-radius:24px;padding:24px 28px;margin:24px 0 34px;line-height:1.6}.shop-item{display:flex;align-items:center;gap:28px;border:2px solid var(--neutral);border-radius:30px;padding:30px;margin-bottom:26px}.shop-item .si-emoji{font-size:76px}.shop-item .si-info{flex:1}.shop-item .si-name{font-size:34px;margin-bottom:8px}.shop-item .si-desc{font-size:27px;color:var(--text-secondary)}.cinema{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c10;z-index:20}.cinema-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cinema-caption{position:absolute;left:0;right:0;bottom:0;min-height:380px;padding:70px 60px 90px;color:#f2ece0;font-size:34px;line-height:1.75;white-space:pre-wrap;text-shadow:0 2px 10px rgba(0,0,0,.95);background:linear-gradient(to top,#08080cf2 45%,#08080cc7 72%,#08080c00)}.cinema-quote{font-family:var(--font-old);font-size:40px;color:#f2e9cf}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#3a332e,#1a1613 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;z-index:20}.title-logo{font-family:var(--font-serif);font-weight:700;font-size:110px;color:var(--surface-1);letter-spacing:14px;margin-bottom:40px}.title-sub{font-size:32px;color:var(--text-muted);margin-top:-70px;letter-spacing:6px}.ending-stage{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-1);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;text-align:center}.ending-ink{font-family:var(--font-old);font-size:42px;color:var(--text-primary);line-height:2;white-space:pre-wrap}.persona-label{font-family:var(--font-old);font-size:40px;color:var(--text-secondary);margin-bottom:60px}.persona-name{font-family:var(--font-serif);font-weight:700;font-size:76px;color:var(--text-primary);letter-spacing:10px;margin-bottom:70px}.persona-motto{font-family:var(--font-old);font-size:36px;color:var(--text-secondary)}.sign-block{font-family:var(--font-old);font-size:38px;color:var(--text-primary);line-height:2.1;white-space:pre-wrap}.sign-name{font-family:inherit;font-size:inherit;color:inherit;margin-top:50px}.ending-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:25;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#f2e9cf}.end-title{text-align:center;font-family:var(--font-title);font-size:96px;letter-spacing:12px}.end-subtitle{font-family:var(--font-title);font-size:42px;letter-spacing:12px;color:#b9ae95;margin-top:40px}.end-skip{position:absolute;top:60px;right:50px;background:transparent;border:none;color:#8a8577;font-size:34px;z-index:3}.credits-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.credits-roll{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:46px;animation:creditsRoll 18s linear forwards}@keyframes creditsRoll{0%{transform:translateY(1920px)}to{transform:translateY(-100%)}}.credit-row{display:flex;flex-direction:column;align-items:center;gap:10px}.credit-role{font-size:30px;color:#7d786c;letter-spacing:2px}.credit-name{font-size:40px;color:#ece3cc}.credit-foot{font-size:30px;color:#7d786c;text-align:center;padding:0 80px;line-height:1.7}.end-restart{padding:26px 64px;border:2px solid #5a5449;border-radius:999px;background:transparent;color:#ece3cc;font-family:var(--font-title);font-size:44px;letter-spacing:6px}.end-restart:active{background:#ffffff14}.fade-in{animation:fadeIn 1.2s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-slow{animation:fadeIn 2.2s ease-in forwards}.sleep-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;display:flex;align-items:center;justify-content:center}.sleep-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:#182030;animation:nightCycle 3.4s ease-in-out forwards}@keyframes nightCycle{0%{filter:brightness(1)}45%{filter:brightness(.35)}to{filter:brightness(1.05)}}.sleep-moon{position:absolute;top:420px;left:120px;font-size:110px;animation:moonMove 3.4s ease-in-out forwards}@keyframes moonMove{0%{transform:translate(0)}to{transform:translate(700px)}}.sleep-house{font-size:220px;filter:drop-shadow(0 0 60px rgba(255,190,90,.55))}.sleep-result{position:absolute;bottom:480px;left:0;right:0;text-align:center;color:var(--surface-1);font-size:32px;opacity:.85;line-height:1.9}.name-input-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;z-index:20}.name-q{font-family:var(--font-serif);font-size:52px;color:var(--text-primary)}.name-field{width:60%;height:120px;font-size:44px;text-align:center;border:none;border-bottom:3px solid var(--border-strong);background:transparent;font-family:var(--font-serif);color:var(--text-primary);outline:none}.dbg-hotspot{position:fixed;top:0;right:0;width:64px;height:64px;z-index:900}.dbg-panel{position:fixed;z-index:1000;background:#101016f5;color:#e8e8e8;border:1px solid #3a4152;font-family:ui-monospace,Consolas,monospace;font-size:13px;display:flex;flex-direction:column}@media(min-aspect-ratio:1/1){.dbg-panel{top:0;right:0;bottom:0;width:380px;border-left:2px solid #4a90d9}}@media(max-aspect-ratio:1/1){.dbg-panel{left:0;right:0;bottom:0;max-height:46vh;border-top:2px solid #4a90d9}}.dbg-head{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #333;background:#101016fa;flex:0 0 auto}.dbg-dim{color:#7b8794;font-size:11px}.dbg-tabs{margin-left:auto;display:flex;gap:4px}.dbg-x{font-size:18px;line-height:1;padding:0 8px}.dbg-body{padding:8px 10px 14px;overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}.dbg-readout{background:#1d1f27;border-radius:6px;padding:7px 9px;margin-bottom:8px;line-height:1.5;color:#b9c4d0;word-break:break-all}.dbg-readout b{color:#7fd1ff}.dbg-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #26282f;flex-wrap:wrap}.dbg-label{min-width:118px;color:#9aa5b1}.dbg-ctl{display:flex;flex-wrap:wrap;gap:4px}.dbg-sub{margin:10px 0 5px;color:#9aa5b1}.dbg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:4px}.dbg-panel button{background:#2b3242;color:#e8e8e8;border:1px solid #3f4859;border-radius:5px;padding:5px 9px;font-family:inherit;font-size:12px;cursor:pointer}.dbg-panel button.on{background:#4a90d9;border-color:#7fd1ff;color:#fff}.dbg-panel button.done{background:#2f4a35;border-color:#4f7a58}.hud-btn.hud-guide{animation:hudGuideFlash 1s ease-in-out infinite;border-color:#ffe296e6}@keyframes hudGuideFlash{0%,to{box-shadow:0 0 12px 2px #ffe29699}50%{box-shadow:0 0 44px 14px #ffe296f2}}.hud-btn.hud-glow{animation:hudGlow 1.4s ease-in-out infinite}@keyframes hudGlow{0%,to{box-shadow:0 0 #ffc45c00}50%{box-shadow:0 0 28px 6px #ffc45cd9}}.hud-icon{width:56px;height:56px;object-fit:contain;display:block;flex:0 0 auto}.hud-icon-emoji{font-size:34px;line-height:1}