*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070d18;--bg-mesh-a: rgba(59, 130, 246, .18);--bg-mesh-b: rgba(34, 197, 94, .12);--glass: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .16);--text: #f5f8ff;--muted: rgba(235, 244, 255, .62);--accent: #34d399;--accent-2: #60a5fa;--danger: #f87171;--gold: #fcd34d;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--lg-blur: 36px;--lg-blur-strong: 48px;--lg-blur-soft: 24px;--lg-saturate: 185%;--lg-brightness: 1.08;--lg-fill-top: rgba(255, 255, 255, .22);--lg-fill-mid: rgba(255, 255, 255, .08);--lg-fill-bottom: rgba(255, 255, 255, .03);--lg-stroke-top: rgba(255, 255, 255, .52);--lg-stroke-mid: rgba(255, 255, 255, .18);--lg-stroke-bottom: rgba(255, 255, 255, .06);--lg-shadow: 0 16px 48px rgba(0, 0, 0, .38);--lg-shadow-soft: 0 8px 24px rgba(0, 0, 0, .22);--lg-inset-light: inset 0 1px 0 rgba(255, 255, 255, .42);--lg-inset-dark: inset 0 -1px 0 rgba(0, 0, 0, .18);--lg-radius-xl: 28px;--lg-radius-lg: 22px;--lg-radius-md: 16px;--lg-radius-pill: 999px}html,body{width:100%;height:100%;min-height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.liquid-glass-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.liquid-glass{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(168deg,var(--lg-fill-top) 0%,var(--lg-fill-mid) 38%,var(--lg-fill-bottom) 100%);border:1px solid var(--lg-stroke-mid);box-shadow:var(--lg-shadow-soft),var(--lg-inset-light),var(--lg-inset-dark);-webkit-backdrop-filter:blur(var(--lg-blur-soft)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur-soft)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}@supports (backdrop-filter: url(#liquid-glass-refraction)){.panel.glass.liquid-glass{-webkit-backdrop-filter:url(#liquid-glass-refraction) blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:url(#liquid-glass-refraction) blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}}.liquid-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 12% -10%,rgba(255,255,255,.38) 0%,transparent 58%),linear-gradient(180deg,rgba(255,255,255,.14) 0%,transparent 42%);mix-blend-mode:soft-light}.liquid-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;padding:1px;background:linear-gradient(180deg,var(--lg-stroke-top) 0%,var(--lg-stroke-mid) 35%,var(--lg-stroke-bottom) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.liquid-glass>*{position:relative;z-index:2}.liquid-glass-bar{border-radius:0 0 var(--lg-radius-lg) var(--lg-radius-lg);border-top:none;-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}.liquid-glass-nested{--lg-fill-top: rgba(255, 255, 255, .12);--lg-fill-mid: rgba(255, 255, 255, .05);--lg-fill-bottom: rgba(255, 255, 255, .02);border-radius:var(--lg-radius-md);box-shadow:var(--lg-inset-light),inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(20px) saturate(170%) brightness(1.05);backdrop-filter:blur(20px) saturate(170%) brightness(1.05)}.liquid-glass-pill{border-radius:var(--lg-radius-pill);-webkit-backdrop-filter:blur(24px) saturate(180%) brightness(1.06);backdrop-filter:blur(24px) saturate(180%) brightness(1.06)}.liquid-glass-dock{border-radius:var(--lg-radius-xl);padding:14px;-webkit-backdrop-filter:blur(var(--lg-blur-strong)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur-strong)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}#app{position:relative;width:100%;height:100%;min-height:100dvh;max-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 15% 10%,var(--bg-mesh-a),transparent 55%),radial-gradient(ellipse 70% 55% at 85% 85%,var(--bg-mesh-b),transparent 50%),var(--bg)}.game-viewport{position:relative;width:100%;height:100%;min-height:0;max-height:100dvh;flex-shrink:0;overflow:hidden}@media(min-width:768px)and (orientation:landscape){.game-viewport{--game-viewport-size: min(100vw, 100vh);width:var(--game-viewport-size);height:var(--game-viewport-size);max-width:var(--game-viewport-size);max-height:var(--game-viewport-size);aspect-ratio:1 / 1;border-radius:6px;box-shadow:0 0 0 1px #ffffff0f,0 24px 80px #00000073}}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui-overlay .screen,#ui-overlay button,#ui-overlay input{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + var(--safe-top)) 16px 10px;z-index:20}.wl-ticker{position:absolute;top:calc(54px + var(--safe-top));left:10px;right:10px;z-index:19;height:26px;border-radius:999px;overflow:hidden;opacity:.92}.wl-ticker-viewport{overflow:hidden;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.wl-ticker-track{display:flex;width:max-content;animation:wl-ticker-scroll 45s linear infinite}.wl-ticker-track.is-static{animation:none;justify-content:center;width:100%}.wl-ticker-text{display:inline-block;padding:0 24px;font-size:.62rem;font-weight:600;letter-spacing:.04em;line-height:26px;color:var(--muted);white-space:nowrap}.wl-ticker-text.is-placeholder{opacity:.75}@keyframes wl-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand{font-size:.75rem;font-weight:700;letter-spacing:.08em;opacity:.9;flex-shrink:0}.hud-left{display:flex;flex-direction:column;gap:4px;min-width:0}.global-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:.65rem;color:var(--muted);letter-spacing:.04em}.global-stats span{white-space:nowrap}.global-panel{width:100%;margin:16px 0;padding:14px 16px}.global-panel-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:.85rem;color:var(--muted)}.global-panel-row strong{color:var(--text);font-size:.9rem}.lobby-global{margin-top:12px;margin-bottom:4px}.lobby-actions{position:sticky;bottom:0;z-index:3;display:flex;flex-direction:column;gap:0;margin-top:4px;padding-top:8px;background:linear-gradient(180deg,transparent 0%,rgba(7,13,24,.72) 28%)}.lobby-actions .btn.primary{flex-shrink:0}#screen-lobby #btn-play{margin-bottom:0}.microcopy{margin-top:12px;font-size:.8rem;color:var(--gold);line-height:1.4;text-align:center}.x-btn{margin-top:8px}.x-btn-icon{font-weight:800}.test-mode-panel{margin-top:14px;padding-top:14px;border-top:1px dashed var(--lg-stroke-mid);display:flex;flex-direction:column;gap:8px}.test-mode-panel.hidden{display:none}.test-mode-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);text-align:center}.task-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.task-card{padding:14px}.task-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.task-title{font-size:.9rem;font-weight:600}.task-status{font-size:.75rem;color:var(--gold);white-space:nowrap}.task-status.done{color:var(--accent)}.task-actions{display:flex;flex-wrap:wrap;gap:8px}.task-actions .btn{width:auto;flex:1 1 auto;min-width:120px}.tweet-preview{padding:14px;margin:16px 0}.tweet-image{display:block;width:min(100%,220px);margin:0 auto 12px;border-radius:12px}.tweet-template{white-space:pre-wrap;font-family:inherit;font-size:.85rem;line-height:1.5;color:var(--text);background:transparent;border:none;margin:0}.tweet-actions{margin-bottom:12px}.claim-panel{margin:16px 0;text-align:left}.claim-panel label{margin-bottom:8px}.claim-panel input{margin-bottom:12px}.claim-panel .btn{margin-bottom:8px}.skip-panel{margin:16px 0;text-align:left}.skip-title{font-weight:600;margin-bottom:4px}.skip-desc{color:var(--muted);font-size:.9rem;margin-bottom:12px;white-space:pre-wrap;line-height:1.45}#result-tweet-template{font-size:.82rem;margin-bottom:10px}.skip-quote{margin-bottom:12px;padding:12px}.skip-panel .btn{width:100%;margin-bottom:8px}.iap-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.iap-actions .btn{width:100%}.hud-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.hud-wallet{display:flex;align-items:center;gap:8px;max-width:min(100%,280px)}.hud-wallet-address{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-disconnect{border:1px solid rgba(248,113,113,.35);background:linear-gradient(180deg,#f8717138,#ef44441f);color:#fecaca;border-radius:var(--lg-radius-pill);padding:4px 10px;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:var(--lg-inset-light),0 4px 12px #ef444426;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);transition:transform .15s,background .15s}.btn-disconnect:active{transform:scale(.97)}.period-timer{font-size:.75rem;font-variant-numeric:tabular-nums;color:#000;padding:6px 12px;font-weight:700;letter-spacing:.02em;text-shadow:none}#hud-x-handle,#x-user-display,.x-username{color:#000;font-weight:700}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:calc(52px + var(--safe-top)) 12px calc(10px + var(--safe-bottom));background:transparent;overflow:hidden;min-height:0}.screen.active{display:flex}.panel{width:min(420px,100%);padding:24px 20px;border-radius:var(--lg-radius-xl);flex-shrink:1;min-height:0;max-height:100%}.screen.active .panel.glass{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.screen.active .panel.glass::-webkit-scrollbar{display:none}.glass,.liquid-glass-panel{-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));box-shadow:var(--lg-shadow),var(--lg-inset-light),var(--lg-inset-dark)}.panel.glass{overflow-x:hidden}@media(prefers-reduced-transparency:reduce){.liquid-glass,.glass,.panel.glass,.stat,.btn.primary,.btn.ghost,.btn.shot,.loader{-webkit-backdrop-filter:none;backdrop-filter:none;background:#121c2eeb}}.panel h1,.panel h2{font-size:1.5rem;margin-bottom:8px}.connect-hero{display:flex;justify-content:center;margin:-4px 0 12px}.kicko-logo{display:block;width:min(100%,320px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.45));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.subtitle,.status-msg{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:20px}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}input[type=text]{width:100%;padding:14px 16px;border-radius:var(--lg-radius-md);border:1px solid var(--lg-stroke-mid);background:linear-gradient(180deg,#ffffff1a,#ffffff0a);color:var(--text);font-size:.95rem;margin-bottom:16px;box-shadow:var(--lg-inset-light);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}input:focus{outline:2px solid var(--accent-2);outline-offset:2px}.wallet-connect-state{display:flex;flex-direction:column;gap:12px}.connected-wallet{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--lg-radius-md);border:1px solid rgba(52,211,153,.35);background:linear-gradient(165deg,#34d3992e,#34d3990f);box-shadow:var(--lg-inset-light),0 8px 24px #34d3991f;-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}.connected-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.connected-address{font-family:ui-monospace,monospace;font-size:.92rem;word-break:break-all}.btn-sm{padding:10px 14px;font-size:.85rem;margin-top:4px}.wallet-picker{display:flex;flex-direction:column;gap:8px}.wallet-picker-label{font-size:.78rem;color:var(--muted);text-align:center}.wallet-option{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left}.wallet-option.selected{border-color:#22c55e8c;background:#22c55e1a}.wallet-btn{margin-top:4px}.wallet-btn-icon{color:#fbbf24;font-size:.85rem}.wallet-hint{color:var(--muted);font-size:.78rem;line-height:1.45;text-align:center}.wallet-or-divider{color:var(--muted);font-size:.78rem;text-align:center;margin:0}.wallet-manual-entry{display:flex;flex-direction:column;gap:8px}.wallet-manual-entry input[type=text]{margin-bottom:0;font-family:ui-monospace,monospace;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--lg-radius-md);padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s,background .15s,box-shadow .15s;width:100%}.btn.primary{background:linear-gradient(180deg,#4ade80eb,#22c55ec7);color:#fff;border:1px solid rgba(255,255,255,.38);box-shadow:0 10px 28px #22c55e59,var(--lg-inset-light),inset 0 -2px #0000001f;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}.btn.ghost{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);color:var(--muted);margin-top:10px;border:1px solid var(--lg-stroke-mid);box-shadow:var(--lg-inset-light);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary:disabled{opacity:.72}.error{color:var(--danger);font-size:.85rem;margin-top:10px}.hidden{display:none!important}.wallet-chip{font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:8px 14px;margin-bottom:12px;word-break:break-all;display:inline-block;width:100%;text-align:center;color:var(--gold);min-height:1.25rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat{text-align:center;border-radius:var(--lg-radius-md);padding:12px 8px;background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid var(--lg-stroke-mid);box-shadow:var(--lg-inset-light);-webkit-backdrop-filter:blur(18px) saturate(165%);backdrop-filter:blur(18px) saturate(165%)}.stat-label{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{display:block;font-size:1.4rem;font-weight:700;margin-top:4px}.hud-game{position:absolute;top:calc(56px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:10px 16px;width:max-content;max-width:calc(100% - 32px)}.attempt-dots{display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff59}.dot.goal{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.dot.miss{background:var(--danger);border-color:var(--danger)}.game-score{font-size:.9rem;font-weight:600;white-space:nowrap}.result-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.8rem,6vw,3rem);font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.8);pointer-events:none;animation:pop .4s ease}.result-banner.goal{color:var(--accent)}.result-banner.miss{color:var(--danger)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.shot-controls{position:absolute;bottom:calc(12px + var(--safe-bottom));left:16px;right:16px}.shot-prompt{text-align:center;font-size:.85rem;color:#ffffffb8;margin-bottom:12px;font-weight:500;letter-spacing:.01em}.shot-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn.shot{width:100%;padding:18px 8px;font-size:.85rem;color:var(--text);background:linear-gradient(180deg,#ffffff29,#ffffff0d);border:1px solid var(--lg-stroke-mid);border-radius:var(--lg-radius-md);box-shadow:var(--lg-inset-light),0 6px 16px #0000002e;-webkit-backdrop-filter:blur(22px) saturate(175%);backdrop-filter:blur(22px) saturate(175%)}.btn.shot.left{border-color:#3b82f680}.btn.shot.center{border-color:#fbbf2480}.btn.shot.right{border-color:#22c55e80}.btn.shot:disabled{opacity:.35}.result-panel{text-align:center}.final-icon{font-size:3rem;margin-bottom:8px}.final-stats{margin:16px 0 24px;color:var(--muted);line-height:1.6}.loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#070d188c;-webkit-backdrop-filter:blur(var(--lg-blur-strong)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-strong)) saturate(var(--lg-saturate))}.spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(orientation:landscape)and (max-width:767px){.screen{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.panel{width:min(480px,55vw)}.shot-controls{left:auto;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + var(--safe-bottom));width:min(320px,35vw)}.hud-game{top:calc(12px + var(--safe-top));left:calc(16px + env(safe-area-inset-left));right:auto;transform:none;align-items:flex-start}.hud-top .brand{font-size:.7rem}.hud-wallet-address{display:none}}@media(min-width:768px)and (orientation:landscape){#screen-connect.active,#screen-tweet.active,#screen-lobby.active,#screen-result.active{justify-content:flex-end;align-items:center;padding-right:max(20px,env(safe-area-inset-right));padding-left:40%}#screen-connect .panel,#screen-tweet .panel,#screen-lobby .panel,#screen-result .panel{width:min(400px,100%);margin-left:auto;margin-right:0}}@media(max-height:700px){.screen{padding-top:calc(46px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom))}.panel{padding:18px 16px}#screen-lobby .status-msg{margin-bottom:12px;font-size:.82rem}#screen-lobby .global-panel{margin:8px 0;padding:10px 12px}#screen-lobby .stats-row{gap:8px;margin-bottom:12px}#screen-lobby .stat{padding:8px 6px}#screen-lobby .stat-value{font-size:1.15rem}.claim-panel,.skip-panel{margin:10px 0}.final-stats{margin:12px 0 16px}.final-icon{font-size:2.25rem;margin-bottom:4px}.panel h1,.panel h2{font-size:1.3rem}.subtitle,.status-msg{margin-bottom:14px;font-size:.85rem}.microcopy{margin-top:8px;font-size:.75rem}}@media(max-height:600px)and (orientation:portrait){.panel h1{font-size:1.25rem}.kicko-logo{width:min(100%,260px)}.btn.shot{padding:14px 6px}}