.game-shell{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:8px 16px 20px;display:flex}.game-stage{aspect-ratio:420/660;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0284c7;border-radius:22px;outline:none;width:min(420px,94vw);max-height:min(660px,84vh);position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 0 4px #1e293b,0 0 0 6px #facc1559}.game-canvas{width:100%;height:100%;display:block}.hud-top-bar{z-index:15;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:14px;right:14px}.hud-pills{gap:8px;display:flex}.hud-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fef08a;letter-spacing:.06em;text-shadow:0 1px 2px #000000b3;background:#0f172a9e;border:1.5px solid #fde04773;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.hud-pill-level{color:#bbf7d0;border-color:#4ade8080}.hud-actions{pointer-events:auto;gap:8px;display:flex}.hud-icon-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0f172a9e;border:1.5px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:transform .14s,background-color .14s;display:flex}.hud-icon-btn:hover{background:#0f172ad1;transform:translateY(-1px)scale(1.05)}.hud-icon-btn:active{transform:scale(.95)}.live-score{color:#fff;-webkit-text-stroke:3px #052e16;text-shadow:0 4px #052e16,0 8px 18px #00000073;z-index:12;pointer-events:none;font-family:Trebuchet MS,Arial Black,Impact,sans-serif;font-size:56px;font-weight:900;line-height:1;position:absolute;top:58px;left:50%;transform:translate(-50%)}.overlay-ready{box-sizing:border-box;z-index:14;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;padding:68px 24px 104px;display:flex;position:absolute;inset:0}.ready-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aad;border:2px solid #fde0478c;border-radius:18px;align-items:center;gap:12px;padding:12px 20px;animation:2.2s ease-in-out infinite floatBadge;display:flex;box-shadow:0 12px 28px #00000052}.ready-title-group{text-align:left}.ready-title{letter-spacing:.05em;color:#fef08a;text-shadow:0 2px #78350f;margin:0;font-size:24px;font-weight:900}.ready-subtitle{color:#e2e8f0;margin:2px 0 0;font-size:12px;font-weight:600}.tap-instruction{color:#fff;background:#0f172a8c;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.tap-pill{color:#451a03;background:linear-gradient(#fef08a,#f59e0b);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:900;box-shadow:0 2px #78350f}.tap-or{color:#cbd5e1;font-weight:600}.start-button{pointer-events:auto;letter-spacing:.04em;text-transform:uppercase;color:#052e16;cursor:pointer;background:linear-gradient(#86efac 0%,#22c55e 55%,#16a34a 100%);border:3px solid #052e16;border-radius:999px;padding:14px 34px;font-size:20px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:inset 0 2px #ffffffa6,0 5px #052e16,0 12px 24px #0006}.start-button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:inset 0 2px #ffffffbf,0 7px #052e16,0 16px 28px #00000073}.start-button:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff80,0 2px #052e16,0 6px 12px #00000059}.overlay-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0206177a;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;animation:.24s cubic-bezier(.16,1,.3,1) popIn;display:flex;position:absolute;inset:0}.gameover-banner{letter-spacing:.04em;text-transform:uppercase;color:#fef08a;-webkit-text-stroke:2.5px #451a03;text-shadow:0 4px #451a03,0 10px 24px #0000008c;margin:0;font-size:42px;font-weight:900}.scoreboard-card{box-sizing:border-box;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border:4px solid #78350f;border-radius:20px;width:100%;max-width:320px;padding:18px 20px;box-shadow:inset 0 3px #ffffffbf,inset 0 -4px #d97706,0 14px 32px #00000073}.pause-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.gameover-heading{color:#78350f;margin:0;font-size:28px;font-weight:900}.pause-hint{color:#92400e;margin:0 0 6px;font-size:14px;font-weight:600}.scoreboard-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:16px;display:grid}.medal-column{border-right:2px dashed #78350f47;flex-direction:column;align-items:center;gap:8px;padding-right:12px;display:flex}.scoreboard-label{letter-spacing:.08em;color:#92400e;font-size:12px;font-weight:900}.medal-circle{border:3px solid #92400e;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:inset 0 2px 4px #ffffffb3,0 4px 10px #78350f4d}.medal-empty{color:#b45309;background:#d977062e;border-style:dashed;font-size:20px;font-weight:800}.medal-star{color:#fff;text-shadow:0 2px 4px #00000059;font-size:30px}.medal-caption{color:#78350f;text-align:center;font-size:11px;font-weight:800}.stats-column{text-align:right;flex-direction:column;gap:12px;display:flex}.stat-row{flex-direction:column;align-items:flex-end;display:flex}.best-label-wrap{align-items:center;gap:6px;display:flex}.new-best-tag{color:#fff;letter-spacing:.05em;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:900}.scoreboard-value{color:#451a03;font-size:30px;font-weight:900;line-height:1.05}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.game-shell{padding:0}.game-stage{width:100vw;height:calc(100vh - 58px);max-height:none;box-shadow:none;border-radius:0}}.App{color:#f8fafc;background:radial-gradient(circle at 50% 20%,#1e293b 0%,#0f172a 60%,#020617 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.app-header{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;max-width:440px;padding:12px 16px 4px;display:flex}.brand-title{align-items:center;gap:10px;display:flex}.brand-title h1{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#fffbeb 0%,#fde047 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000008c);-webkit-background-clip:text;margin:0;font-size:24px;font-weight:900}.controls-hint{color:#94a3b8;letter-spacing:.02em;font-size:11px;font-weight:600}@media (width<=480px){.app-header{flex-direction:row;justify-content:space-between;padding:8px 12px}.brand-title h1{font-size:18px}.controls-hint{display:none}}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}