#app{--pool-glass: rgba(9, 20, 22, .78);--pool-glass-strong: rgba(8, 17, 19, .9);--pool-line: rgba(222, 190, 133, .34);--pool-gold: #e7c488;--pool-copy: #eef6f2;--pool-muted: #aebfba}#app #hud{padding:clamp(10px,1.4vw,18px);align-items:flex-start;gap:8px}#app .hud-left{width:clamp(244px,25vw,296px);max-width:calc(100% - 20px);gap:7px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.2))}#app .hud-left .topbar,#app .hud-left .clue-card,#app .panel{color:var(--pool-copy);background:linear-gradient(145deg,#1b2d2de0,#071114cc),var(--pool-glass);border:1px solid var(--pool-line);border-radius:14px;box-shadow:inset 0 1px #ffffff1a,0 12px 34px #00000042;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}#app .hud-left .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px 8px 11px}#app .hud-left .topbar h1{overflow:hidden;margin-top:1px;color:#fffaf0;font-size:clamp(.9rem,1.4vw,1.06rem);line-height:1.05;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}#app .eyebrow,#app .clue-label{color:var(--pool-gold);font-size:.56rem;line-height:1.1;letter-spacing:.15em}#app .hud-left .stats{width:auto;justify-content:flex-end;gap:4px}#app .hud-left .stats span{min-width:51px;padding:4px 8px;color:#f9ead1;background:#e2bc791f;border:1px solid rgba(238,204,144,.24);border-radius:9px;font-size:.66rem;line-height:1;text-align:center}#app .hud-left .stats strong{margin-left:2px;color:#fff;font-size:.82rem}#app .hud-left .clue-card{padding:9px 11px 10px;pointer-events:none}#app .hud-left #clue{margin-top:4px;color:var(--pool-copy);font-size:clamp(.68rem,.86vw,.78rem);font-weight:700;line-height:1.36;letter-spacing:.003em}#app .hud-left .hint{margin-top:6px;color:var(--pool-muted);font-size:.56rem;line-height:1.35;letter-spacing:.08em}#app #toast{z-index:12;bottom:max(18px,env(safe-area-inset-bottom));max-width:min(520px,calc(100% - 28px));padding:9px 15px;color:#f6fbf8;background:var(--pool-glass-strong);border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 14px 36px #00000057;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:.86rem}#app #toast.good{color:#d9ffe8;background:#0a3022e8;border-color:#67e79a66}#app #toast.bad{color:#ffe4dc;background:#3a1714eb;border-color:#f4836966}#app .overlay{z-index:8;background:radial-gradient(circle at 50% 46%,#0e30281f,#040b0ead),linear-gradient(180deg,#0812142e,#040a0c8f)}#app .panel{width:min(410px,100%);padding:24px 22px 22px}#app .panel h2{margin-top:5px;color:#fff9ed;font-size:clamp(1.65rem,4vw,2.25rem)}#app .panel p{color:#cddbd6;font-size:.94rem;font-weight:700;line-height:1.45}#app button{min-height:42px;padding:9px 18px;color:#17211e;background:linear-gradient(180deg,#f4d79f,#d5a95f);border:1px solid rgba(255,244,218,.78);border-radius:11px;box-shadow:inset 0 1px #ffffff80,0 7px 18px #00000040;font-size:.96rem;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}#app button:hover{filter:brightness(1.08);transform:translateY(-1px)}#app button:active{transform:translateY(1px);box-shadow:0 3px 10px #0000003d}#app .overlay.end-overlay{place-items:center start;padding-left:clamp(16px,3vw,34px);background:linear-gradient(90deg,rgba(4,12,14,.38),transparent 50%);pointer-events:none}#app .overlay.end-overlay .panel{width:min(306px,29vw);padding:20px;pointer-events:auto}@media(max-width:820px){#app .hud-left{width:min(266px,37vw)}#app .hud-left .hint{display:none}}@media(max-width:700px){#app #hud{padding:9px}#app .hud-left{width:min(278px,calc(100% - 12px));max-width:calc(100% - 12px)}#app .hud-left .topbar{grid-template-columns:minmax(0,1fr) auto;padding:6px 8px 7px 10px}#app .hud-left #clue{font-size:.68rem;line-height:1.3}#app .overlay.end-overlay{place-items:end start;padding:12px 12px max(74px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(4,12,14,.5),transparent 58%)}#app .overlay.end-overlay .panel{width:min(284px,calc(100% - 12px))}}@media(max-height:650px)and (min-width:701px){#app .hud-left{width:278px}#app .hud-left .clue-card{padding-block:7px 8px}#app .hud-left .hint{display:none}}@media(prefers-reduced-transparency:reduce){#app .hud-left .topbar,#app .hud-left .clue-card,#app .panel,#app #toast{background:var(--pool-glass-strong);backdrop-filter:none;-webkit-backdrop-filter:none}}