:root{color:#fff7df;touch-action:none;-webkit-font-smoothing:antialiased;background:#17120d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#17120d;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% 8%,#4b2a1b 0,#17120d 58%);position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.hud{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:4;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute}.glass,.panel-card,.next-card{-webkit-backdrop-filter:blur(18px)saturate(1.18);background:linear-gradient(135deg,#20160ed1,#3e261594);border:1px solid #fff7df24;box-shadow:0 20px 60px #00000052}.brand{border-radius:20px;max-width:48vw;padding:10px 12px}.brand b{letter-spacing:-.055em;font-size:20px;display:block}.brand span{color:#e5cfa4;margin-top:2px;font-size:11px;line-height:1.2;display:block}.stats{border-radius:20px;grid-template-columns:repeat(3,minmax(44px,1fr));gap:4px;padding:8px;display:grid}.stats span{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#d6bd8b;font-size:9px}.stats b{color:#fff;letter-spacing:-.03em;font-size:14px;display:block}.next-card{right:max(12px,env(safe-area-inset-right));z-index:4;text-align:center;pointer-events:none;border-radius:22px;width:112px;padding:11px 12px;position:absolute;top:98px}.next-card small{color:#d6bd8b;text-transform:uppercase;letter-spacing:.12em;font-size:9px;display:block}.next-card b{margin-top:3px;font-size:30px;display:block}.combo{left:max(12px,env(safe-area-inset-left));z-index:4;color:#ffd76b;letter-spacing:-.05em;pointer-events:none;border-radius:999px;padding:10px 13px;font-weight:1000;position:absolute;top:102px}.panel{z-index:20;background:radial-gradient(circle at 50% 18%,#ffd76b2e,#000000a8 55%,#000c);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel[hidden]{display:none}.panel-card{border-radius:34px;width:min(560px,100%);max-height:min(760px,100dvh - 36px);padding:24px;overflow:auto}.eyebrow{color:#ffd76b;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(50px,15vw,94px)}.panel-card h2{font-size:clamp(34px,9vw,58px)}.lead{color:#f2dfbc;margin:16px 0;font-size:16px;line-height:1.48}.fine{color:#c6aa7d;font-size:12px;line-height:1.38}.how{gap:9px;margin:18px 0;display:grid}.how div{background:#fff7df0e;border:1px solid #fff7df1f;border-radius:20px;padding:12px}.how b{display:block}.how span{color:#dcc59a;margin-top:3px;font-size:13px;display:block}.panel-card button{background:#fff7df1a;border:0;border-radius:19px;width:100%;margin-top:10px;padding:15px 16px;font-weight:900}.primary{box-shadow:0 18px 48px #ff7a4540;color:#17120d!important;background:linear-gradient(135deg,#ffd76b,#ff7a45)!important}.rank{color:#17120d;letter-spacing:-.1em;background:linear-gradient(135deg,#ffd76b,#ff5aa5);border-radius:34px;place-items:center;width:108px;height:108px;margin:18px auto;font-size:66px;font-weight:1000;display:grid}.toast{z-index:12;text-align:center;color:#fff7df;border-radius:999px;max-width:min(86vw,380px);padding:12px 16px;font-weight:950;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hint{left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:5;color:#f2dfbc;text-align:center;pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 14px;font-size:12px;position:absolute;transform:translate(-50%)}@media (width<=520px){.hud{left:8px;right:8px;top:max(8px,env(safe-area-inset-top));gap:6px}.brand{border-radius:16px;max-width:40vw;padding:8px 9px}.brand b{font-size:16px}.brand span{font-size:10px}.stats{border-radius:16px;grid-template-columns:repeat(3,36px);padding:6px}.stats span{font-size:8px}.stats b{font-size:12px}.next-card{border-radius:17px;width:78px;padding:8px;top:82px;right:8px}.next-card b{font-size:23px}.combo{padding:8px 10px;top:86px;left:8px}.panel-card{border-radius:28px;padding:20px}.lead{font-size:15px}.hint{white-space:normal;max-width:calc(100vw - 24px);bottom:max(8px,env(safe-area-inset-bottom));padding:8px 11px;font-size:11px}}@media (height<=620px){.brand span{display:none}.next-card{top:70px}.combo{top:74px}.hint{display:none}.panel-card{max-height:calc(var(--game-vh,100dvh) - 20px);padding:16px}.panel-card h1{font-size:42px}.panel-card h2{font-size:30px}.how{gap:6px;margin:12px 0}.how div{padding:9px}.lead{margin:10px 0}.rank{width:82px;height:82px;margin:12px auto;font-size:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}