:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;background:#050711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none}button{font:inherit}.app-shell{background:radial-gradient(circle at 50% 20%,#4082b42e,#0000 38%),linear-gradient(#0b1020,#03050b);place-items:center;width:100%;height:100%;display:grid}.game-frame{isolation:isolate;background:#07101e;width:min(100vw,760px);height:100dvh;max-height:1000px;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{top:max(18px, env(safe-area-inset-top));z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:16px;right:16px}.hud>div,.best-row>div,.results-grid>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070d1c94;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #0000002e}.hud>div{border-radius:18px;min-width:112px;padding:10px 14px}.hud span,.best-row span,.results-grid span{color:#aab7cf;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;display:block}.hud strong{font-size:1.3rem}.overlay{z-index:5;text-align:center;background:linear-gradient(#0408122e,#040812ad);flex-direction:column;justify-content:center;align-items:center;padding:28px 24px 64px;display:flex;position:absolute;inset:0}.hero-character{filter:drop-shadow(0 18px 40px #81ff2638);-webkit-user-select:none;user-select:none;pointer-events:none;width:min(52vw,220px);margin:0 0 14px}.logo-mark{color:#0b1830;background:linear-gradient(145deg,#8cf9ff,#52d1ff 58%,#78ffd6);border:4px solid #ffffffb3;border-radius:30px 30px 38px 38px;place-items:center;width:92px;height:92px;margin-bottom:16px;font-size:2.25rem;font-weight:1000;display:grid;transform:rotate(-5deg);box-shadow:0 18px 50px #40d6ff52,inset 0 -12px 18px #005b9433}.eyebrow{color:#83ebff;text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;font-size:.76rem;font-weight:800}.eyebrow.danger{color:#ff7c9f}h1,h2{letter-spacing:-.055em;text-shadow:0 8px 36px #00000059;margin:0;line-height:.92}h1{font-size:clamp(3.1rem,15vw,6.6rem)}h2{font-size:clamp(3rem,13vw,5.7rem)}.tagline{color:#c4cee0;max-width:420px;margin:16px 0 24px;font-size:1rem}.best-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,460px);margin-bottom:18px;display:grid}.best-row>div,.results-grid>div{border-radius:18px;padding:13px 14px}.best-row strong,.results-grid strong{font-size:1.28rem}button{appearance:none;color:#07101f;cursor:pointer;background:linear-gradient(135deg,#76f7ff,#77ffba);border:0;border-radius:999px;min-width:210px;padding:16px 26px;font-size:1.02rem;font-weight:1000;transition:transform .15s,filter .15s;box-shadow:0 16px 40px #49e5ff47,inset 0 1px #ffffffa6}button:hover{filter:brightness(1.06);transform:translateY(-2px)}button:active{transform:translateY(1px)scale(.985)}.compact{padding-bottom:84px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,470px);margin:26px 0 18px;display:grid}.control-hint{z-index:4;bottom:max(12px, env(safe-area-inset-bottom));text-align:center;color:#e0ebff9e;pointer-events:none;width:calc(100% - 32px);font-size:.74rem;position:absolute;left:50%;transform:translate(-50%)}@media (width>=760px){.game-frame{border:1px solid #ffffff14;border-radius:32px;height:min(92vh,900px);box-shadow:0 35px 100px #00000080}}