:root{color:#fff7e8;touch-action:none;-webkit-font-smoothing:antialiased;background:#111018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#111018;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}.shell{width:100vw;height:var(--game-vh,100dvh);background:radial-gradient(circle at 50% 10%,#3b2848 0,#111018 60%);position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.glass,.panel-card{-webkit-backdrop-filter:blur(18px)saturate(1.18);background:linear-gradient(135deg,#12101cd6,#37223a94);border:1px solid #fff7e824;box-shadow:0 20px 60px #00000057}.hud{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));z-index:4;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute}.brand,.stats{border-radius:18px;padding:9px 11px}.brand{max-width:48vw}.brand b{letter-spacing:-.05em;font-size:18px;display:block}.brand span{color:#d9c7ee;margin-top:2px;font-size:10px;line-height:1.2;display:block}.stats{grid-template-columns:repeat(3,minmax(42px,1fr));gap:4px;display:grid}.stats span{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#d8c6ee;font-size:8px}.stats b{color:#fff;font-size:13px;display:block}.toast{z-index:10;text-align:center;border-radius:999px;padding:12px 16px;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.panel{z-index:20;background:radial-gradient(circle at 50% 15%,#ffc9602e,#000000a8 54%,#000000d1);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.panel[hidden]{display:none}.panel-card{width:min(620px,100%);max-height:calc(var(--game-vh,100dvh) - 28px);border-radius:30px;padding:22px;overflow:auto}.eyebrow{color:#ffcf60;text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:11px;font-weight:950}.panel-card h1,.panel-card h2{color:#fff;letter-spacing:-.075em;margin:0;line-height:.92}.panel-card h1{font-size:clamp(42px,13vw,86px)}.panel-card h2{font-size:clamp(30px,8vw,56px)}.lead{color:#eedfca;margin:14px 0;font-size:15px;line-height:1.45}.grid{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.grid button,.panel-card button{text-align:left;background:#fff7e81a;border:0;border-radius:18px;padding:13px;font-weight:900}.grid button small{color:#d6c4dc;margin-top:4px;font-size:11px;line-height:1.25;display:block}.primary{width:100%;box-shadow:0 18px 44px #ff6f8f40;text-align:center!important;color:#151019!important;background:linear-gradient(135deg,#ffcf60,#ff6f8f)!important}.fine{color:#c7b4d0;font-size:12px;line-height:1.35}.hint{left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:5;white-space:nowrap;pointer-events:none;color:#eedfca;border-radius:999px;padding:9px 13px;font-size:12px;position:absolute;transform:translate(-50%)}.rank{color:#111018;letter-spacing:-.1em;background:linear-gradient(135deg,#ffcf60,#88f0d1);border-radius:32px;place-items:center;width:104px;height:104px;margin:16px auto;font-size:62px;font-weight:1000;display:grid}@media (width<=520px){.hud{gap:6px;left:8px;right:8px}.brand{max-width:40vw;padding:8px 9px}.brand b{font-size:16px}.brand span{display:none}.stats{grid-template-columns:repeat(3,36px);padding:7px}.stats b{font-size:12px}.panel-card{border-radius:26px;padding:18px}.grid{grid-template-columns:1fr;gap:7px}.lead{font-size:14px}.hint{white-space:normal;text-align:center;max-width:calc(100vw - 20px);font-size:11px}}@media (height<=620px){.hint{display:none}.panel-card{padding:15px}.panel-card h1{font-size:40px}.panel-card h2{font-size:30px}.grid button{padding:10px}.lead{margin:9px 0}.rank{width:82px;height:82px;margin:10px auto;font-size:48px}}