.game-canvas{display:block;position:fixed;top:0;left:0;z-index:0}.start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;pointer-events:all;overflow-y:auto}.start-title-block{text-align:center}.start-chain-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border:1px solid rgba(78,205,196,.35);border-radius:100px;background:#4ecdc414;font-size:.65rem;font-weight:700;letter-spacing:.18em;color:#4ecdc4;text-transform:uppercase;margin-bottom:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:badge-float 3s ease-in-out infinite}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.chain-dot{width:6px;height:6px;border-radius:50%;background:#4ecdc4;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 4px #4ecdc4}50%{opacity:.4;box-shadow:0 0 12px #4ecdc4}}.start-title{display:flex;flex-direction:column;align-items:center;line-height:1;margin:0}.title-glow{font-size:clamp(2.6rem,7vw,5rem);font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#ff6b9d,#ffe66d,#4ecdc4 60%,#c9b1ff);background-size:200% 200%;animation:gradient-shift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(255,107,157,.35))}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-sub{font-size:clamp(1.6rem,4.5vw,3rem);font-weight:300;letter-spacing:.35em;color:#ffffffa6;margin-top:.1em;text-shadow:0 0 30px rgba(255,255,255,.08)}.start-tagline{margin-top:.8rem;font-size:.8rem;color:#ffffff59;letter-spacing:.05em}.start-select-label{font-size:.85rem;font-weight:600;color:#ffffff80;letter-spacing:.06em;text-align:center;min-height:1.2em}.start-robots{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;max-width:720px}.start-robot-card{flex:0 0 148px;padding:1rem .8rem .8rem;position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .2s;overflow:hidden}.start-robot-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,var(--bot-glow),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.start-robot-card:hover:before{opacity:.06}.start-robot-card.selected:before{opacity:.12}.start-robot-card.selected{border-color:var(--bot-glow);box-shadow:0 0 32px color-mix(in srgb,var(--bot-glow) 40%,transparent),inset 0 0 24px color-mix(in srgb,var(--bot-glow) 12%,transparent);background:color-mix(in srgb,var(--bot-glow) 8%,rgba(255,255,255,.04))}.start-robot-card:hover:not(.selected){border-color:#ffffff2e;background:#fff1}.robot-card-check{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--bot-glow);color:#000;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px var(--bot-glow);z-index:2}.robot-card-avatar{width:58px;height:72px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:filter .3s}.start-robot-card.selected .robot-card-avatar{filter:drop-shadow(0 4px 16px var(--bot-glow))}.robot-card-avatar svg{width:100%;height:100%}.robot-card-info{display:flex;flex-direction:column;align-items:center;gap:.15rem}.robot-card-personality{font-size:1.1rem}.robot-card-name{font-size:.85rem;font-weight:700;color:#ffffffeb}.robot-card-trait{font-size:.6rem;font-weight:500;color:var(--bot-color);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.robot-card-speed{width:100%}.speed-bar-bg{width:100%;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.speed-bar-fill{height:100%;border-radius:2px;box-shadow:0 0 6px currentColor}.start-actions{display:flex;flex-direction:column;align-items:center;gap:.7rem}.start-btn{position:relative;padding:.9rem 3rem;font-size:1.05rem;font-weight:700;letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#ff6b9d,#ff4080);border:none;border-radius:14px;cursor:pointer;overflow:hidden;box-shadow:0 4px 24px #ff408059,0 0 0 1px #ff6b9d33;transition:box-shadow .3s,transform .2s}.start-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#ff6b9d,#ffe66d,#4ecdc4,#c9b1ff);opacity:0;z-index:-1;transition:opacity .3s}.start-btn:hover:not(:disabled){box-shadow:0 6px 36px #ff408080,0 0 0 1px #ff6b9d66}.start-btn:hover:not(:disabled):before{opacity:.3}.start-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-content,.btn-loading{display:flex;align-items:center;gap:.6rem}.btn-icon{font-size:.85em}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.start-hint{font-size:.68rem;color:#ffffff40;letter-spacing:.04em}.mute-btn{position:fixed;bottom:20px;right:20px;z-index:25;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0a0a1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s;color:#fff}.mute-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:scale(1.08)}.mute-btn:active{transform:scale(.95)}.start-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(78,205,196,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.robot-bounce{animation:idle-bounce 1.1s ease-in-out infinite;transform-origin:center bottom}@keyframes idle-bounce{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.robot-dance{animation:idle-dance .9s ease-in-out infinite;transform-origin:center bottom}@keyframes idle-dance{0%{transform:translateY(0) rotate(-4deg) scaleX(1)}25%{transform:translateY(-4px) rotate(0) scaleX(.96)}50%{transform:translateY(0) rotate(4deg) scaleX(1)}75%{transform:translateY(-4px) rotate(0) scaleX(1.04)}to{transform:translateY(0) rotate(-4deg) scaleX(1)}}.robot-glitch{animation:idle-glitch 1.4s steps(1) infinite}@keyframes idle-glitch{0%{transform:translate(0) skew(0);filter:brightness(1)}10%{transform:translate(-2px,-1px) skew(-3deg);filter:brightness(1.4) hue-rotate(30deg)}12%{transform:translate(2px,1px) skew(3deg);filter:brightness(.8)}14%{transform:translate(0) skew(0);filter:brightness(1)}60%{transform:translate(0);filter:brightness(1)}62%{transform:translate(3px) skew(2deg);filter:brightness(1.5) hue-rotate(-20deg)}64%{transform:translate(-1px) skew(0);filter:brightness(1)}to{transform:translate(0);filter:brightness(1)}}.robot-float{animation:idle-float 2.2s ease-in-out infinite}@keyframes idle-float{0%,to{transform:translateY(0) rotate(-.5deg)}33%{transform:translateY(-6px) rotate(.5deg)}66%{transform:translateY(-3px) rotate(-.5deg)}}.start-robot-card.selected .robot-card-avatar{animation:none;transform:none}.start-btn.ready{background:linear-gradient(135deg,#4ecdc4,#00d084);box-shadow:0 4px 24px #4ecdc473,0 0 0 1px #4ecdc44d}.start-btn.ready:hover:not(:disabled){box-shadow:0 6px 40px #4ecdc4a6,0 0 0 1px #4ecdc480}.mode-step-label,.bid-step-label{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#ffffff73;text-transform:uppercase;text-align:center;margin-bottom:.75rem}.mode-panel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px}.mode-cards{display:flex;gap:1rem;justify-content:center}.mode-card{position:relative;flex:0 0 140px;padding:1.2rem .8rem 1rem;border-radius:18px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .25s,box-shadow .25s,transform .15s;-webkit-user-select:none;user-select:none}.mode-card:hover{transform:translateY(-3px)}.mode-demo.mode-selected{border-color:#4ecdc4;box-shadow:0 0 28px #4ecdc459,inset 0 0 20px #4ecdc414;background:#4ecdc414}.mode-bid.mode-selected{border-color:#c9b1ff;box-shadow:0 0 28px #c9b1ff59,inset 0 0 20px #c9b1ff14;background:#c9b1ff14}.mode-card-tag{position:absolute;top:-9px;right:10px;font-size:.55rem;font-weight:900;letter-spacing:.1em;padding:.2rem .55rem;border-radius:100px}.tag-free{background:#4ecdc4;color:#000}.tag-eth{background:#c9b1ff;color:#000}.mode-card-icon{font-size:2rem;line-height:1}.mode-card-title{font-size:.95rem;font-weight:800;letter-spacing:.12em;color:#ffffffe6}.mode-card-desc{font-size:.6rem;color:#fff6;line-height:1.5}.bid-panel{margin-top:1.2rem;width:100%;display:flex;flex-direction:column;align-items:center}.bid-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:420px}.bid-option{padding:.7rem .5rem;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:border-color .2s,box-shadow .2s,transform .15s;font-family:inherit}.bid-option:hover{transform:translateY(-2px);border-color:#ffffff38}.bid-option.bid-selected{border-color:#ffe66d;box-shadow:0 0 18px #ffe66d66;background:#ffe66d14}.bid-option.tier-low .bid-eth{color:#4ecdc4}.bid-option.tier-mid .bid-eth{color:#ffe66d}.bid-option.tier-high .bid-eth{color:#ff6b9d}.bid-option.tier-whale .bid-eth{color:#c9b1ff}.bid-eth{font-size:.78rem;font-weight:800;letter-spacing:.04em}.bid-usd{font-size:.6rem;color:#ffffff59}.bid-payout{font-size:.55rem;font-weight:700;color:#ffffff80;letter-spacing:.05em;margin-top:.1rem}.bid-wallet-row{display:flex;align-items:center;gap:.5rem;margin-top:.9rem}.wallet-dot{width:6px;height:6px;border-radius:50%;background:#ffe66d;animation:pulse-dot 2s ease infinite}.wallet-text{font-size:.62rem;color:#ffffff4d;letter-spacing:.04em}@media(max-width:640px){.start-screen{gap:1.2rem;padding:1rem}.start-robots{gap:.5rem}.start-robot-card{flex:0 0 110px;padding:.7rem .5rem .6rem}.robot-card-avatar{width:44px;height:56px}.mode-card{flex:0 0 120px}.bid-options{grid-template-columns:repeat(2,1fr)}.mute-btn{width:38px;height:38px;font-size:1rem;bottom:12px;right:12px}}.results-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;pointer-events:all;background:radial-gradient(ellipse at 50% 30%,#1e0a3ce0,#06020ff2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.results-header{text-align:center}.results-title{margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:.12em;background:linear-gradient(135deg,#ffe66d,#ff6b9d,#c9b1ff);background-size:200% 200%;animation:results-gradient 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(255,107,157,.3))}@keyframes results-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.results-subtitle{font-size:.75rem;color:#ffffff59;letter-spacing:.1em;margin-top:.4rem}.podium-area{display:flex;align-items:flex-end;gap:.8rem;margin-top:.5rem}.podium-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative}.podium-avatar{width:60px;height:74px;filter:drop-shadow(0 4px 16px color-mix(in srgb,var(--bot-glow) 50%,transparent));margin-bottom:.2rem;transition:transform .3s}.podium-card:hover .podium-avatar{transform:translateY(-4px)}.podium-avatar svg{width:100%;height:100%}.podium-0 .podium-avatar{width:80px;height:98px;animation:winner-float 2.5s ease-in-out infinite}@keyframes winner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.podium-medal{font-size:1.3rem;line-height:1}.podium-0 .podium-medal{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,230,109,.5))}.podium-name{font-size:.88rem;font-weight:700;color:#ffffffeb}.podium-pos{font-size:.65rem;font-weight:600;color:var(--bot-color);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px color-mix(in srgb,var(--bot-color) 30%,transparent)}.podium-time{font-size:.65rem;color:#ffffff59;font-family:SF Mono,Fira Code,monospace}.podium-pillar{width:84px;border-radius:10px 10px 0 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bot-color) 35%,transparent),#ffffff08);border:1px solid rgba(255,255,255,.08);border-bottom:none;margin-top:.3rem;position:relative;overflow:hidden}.podium-pillar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:pillar-shimmer 3s ease-in-out infinite}@keyframes pillar-shimmer{0%,to{opacity:0}50%{opacity:1}}.podium-0 .podium-pillar{width:106px;border-color:#ffe66d1f}.chain-info{width:100%;max-width:460px;padding:1rem 1.3rem;background:#4ecdc40a;border:1px solid rgba(78,205,196,.15);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.chain-info-title{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:#4ecdc4;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem}.chain-verify-dot{width:6px;height:6px;border-radius:50%;background:#4ecdc4;box-shadow:0 0 8px #4ecdc4;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.chain-info-grid{display:flex;flex-direction:column;gap:.4rem}.chain-row{display:flex;justify-content:space-between;align-items:center}.chain-label{font-size:.65rem;color:#ffffff59;letter-spacing:.05em;text-transform:uppercase}.chain-value{font-size:.68rem;color:#fff9}.chain-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:.62rem;color:#4ecdc4bf}.fourth-card{display:flex;align-items:center;gap:.65rem;padding:.55rem 1.1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--bot-color);border-radius:12px;width:100%;max-width:360px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s}.fourth-card:hover{border-color:#ffffff1a}.fourth-face{width:30px;height:30px;flex-shrink:0}.fourth-face svg{width:100%;height:100%}.fourth-pos{font-size:.72rem;font-weight:700;color:#ffffff61;letter-spacing:.06em;text-transform:uppercase}.fourth-name{font-size:.88rem;font-weight:600;color:#ffffffb8;flex:1}.fourth-time{font-size:.68rem;color:#ffffff4d;font-family:SF Mono,Fira Code,monospace}.results-actions{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap}.results-back-btn{padding:.75rem 2.6rem;font-size:.92rem;font-weight:700;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#4ecdc426,#c9b1ff26);border:1px solid rgba(78,205,196,.25);border-radius:14px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 16px #0003}.results-back-btn:hover{background:linear-gradient(135deg,#4ecdc440,#c9b1ff40);border-color:#4ecdc466;box-shadow:0 4px 24px #4ecdc433}.share-replay-btn{padding:.75rem 2rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#ffe66d;background:#ffe66d14;border:1px solid rgba(255,230,109,.25);border-radius:14px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #00000026;font-family:inherit}.share-replay-btn:hover{background:#ffe66d29;border-color:#ffe66d66;box-shadow:0 4px 24px #ffe66d33}@media(max-width:600px){.results-screen{gap:1.2rem;padding:1rem}.podium-avatar{width:48px;height:60px}.podium-0 .podium-avatar{width:60px;height:74px}.podium-pillar{width:64px}.podium-0 .podium-pillar{width:78px}.chain-info{max-width:320px;padding:.8rem 1rem}}.hud{position:fixed;top:.8rem;left:.8rem;z-index:10;display:flex;flex-direction:column;gap:.45rem;pointer-events:all;max-width:210px}.hud-lap{display:flex;align-items:baseline;gap:.3rem;padding:.4rem .8rem;background:#0000008c;border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #0000004d}.hud-lap-label{font-size:.55rem;font-weight:700;letter-spacing:.15em;color:#fff6;text-transform:uppercase}.hud-lap-num{font-size:1.2rem;font-weight:800;color:#ffe66d;text-shadow:0 0 12px rgba(255,230,109,.4)}.hud-lap-total{font-size:.7rem;color:#ffffff4d}.hud-cards{display:flex;flex-direction:column;gap:.25rem}.hud-card{display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;background:#00000080;border:1px solid rgba(255,255,255,.06);border-radius:10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}.hud-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bot-glow),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.hud-card:hover:before{opacity:.04}.hud-card:hover{border-color:#ffffff24;background:#0009}.hud-card-focused{border-color:var(--bot-glow)!important;box-shadow:0 0 16px color-mix(in srgb,var(--bot-glow) 30%,transparent),inset 0 0 14px color-mix(in srgb,var(--bot-glow) 8%,transparent)}.hud-card-focused:before{opacity:.08!important}.hud-card-finished{opacity:.55}.hud-rank{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;border-radius:6px;color:#fff;background:#ffffff1a;transition:background .3s}.hud-rank-1{background:linear-gradient(135deg,#ffe66d,#ff9800);color:#1a1a1a;box-shadow:0 0 8px #ffe66d66}.hud-rank-2{background:linear-gradient(135deg,#d4d4d4,#888);color:#1a1a1a}.hud-rank-3{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 0 6px #cd7f324d}.hud-face{flex-shrink:0;width:28px;height:28px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.hud-face svg{width:100%;height:100%}.hud-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.hud-name{font-size:.72rem;font-weight:700;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-pos{font-size:.55rem;color:var(--bot-color);font-weight:600;letter-spacing:.05em}.hud-effects{display:flex;gap:.2rem;flex-shrink:0}.hud-effect-pip{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-size:.6rem;opacity:.9;animation:pip-pulse .8s ease infinite alternate;box-shadow:0 0 6px currentColor}@keyframes pip-pulse{0%{transform:scale(1);opacity:.85}to{transform:scale(1.18);opacity:1}}.hud-finished-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#4ecdc4;color:#000;border-radius:50%;font-size:.55rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #4ecdc480}@media(max-width:480px){.hud{top:.4rem;left:.4rem;max-width:170px}.hud-card{padding:.25rem .4rem;gap:.3rem}.hud-face{width:22px;height:22px}.hud-mute-btn{width:32px;height:32px;font-size:.85rem}}.hud-mute-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;color:#fff;margin-top:.3rem}.hud-mute-btn:hover{background:#ffffff14;border-color:#fff3}.event-feed{position:fixed;top:16px;right:16px;z-index:20;display:flex;flex-direction:column;gap:5px;pointer-events:none;max-height:50vh;overflow:hidden;width:clamp(190px,22vw,280px)}.feed-item{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#0a0a1eb3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--feed-color, #4ECDC4);overflow:hidden;pointer-events:auto;box-shadow:0 2px 12px #0000004d}.feed-item-large{padding:10px 14px;border-left-width:4px;background:#0a0a1ed9;box-shadow:0 4px 20px #0006,0 0 12px color-mix(in srgb,var(--feed-color) 15%,transparent)}.feed-item-large .feed-text{font-size:.85rem;font-weight:700}.feed-icon{font-size:1rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 4px var(--feed-color, #fff))}.feed-text{font-size:.75rem;font-weight:600;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.feed-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--feed-color, #4ECDC4) 0%,transparent 50%);opacity:.06;pointer-events:none;border-radius:inherit}.feed-item-large .feed-glow{opacity:.12}@media(max-width:700px){.event-feed{width:clamp(150px,40vw,210px);right:8px;top:8px}.feed-item{padding:6px 9px;gap:6px}.feed-icon{font-size:.85rem}.feed-text{font-size:.65rem}}.countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;pointer-events:none}.countdown-value{font-size:clamp(5rem,16vw,10rem);font-weight:900;color:#fff;text-shadow:0 0 40px currentColor,0 0 80px rgba(255,255,255,.15);z-index:1}.countdown-go .countdown-value{font-size:clamp(4rem,14vw,8rem);background:linear-gradient(135deg,#4ecdc4,#ffe66d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(78,205,196,.6))}.countdown-ring{position:absolute;width:160px;height:160px;border-radius:50%;border:3px solid rgba(255,255,255,.2);animation:countdown-ring-expand .8s ease-out forwards}.countdown-ring-2{border-color:#ffe66d26;animation-delay:.1s;animation-duration:1s}@keyframes countdown-ring-expand{0%{transform:scale(.5);opacity:.9}to{transform:scale(3);opacity:0}}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none!important;z-index:50;overflow:hidden}.cf{position:absolute;top:-15px;animation:confetti-fall 4.5s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:0 0 4px currentColor}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}75%{opacity:.8}to{transform:translateY(110vh) translate(var(--dx)) rotate(var(--rot)) scale(.5);opacity:0}}.app{position:relative;width:100%;height:100%;overflow:hidden;background:#06020f}.game-layer{position:absolute;top:0;right:0;bottom:0;left:0}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.ui-layer>*{pointer-events:auto}.ui-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.35) 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--bg-dark: #06020f;--neon-pink: #FF6B9D;--neon-cyan: #4ECDC4;--neon-gold: #FFE66D;--neon-purple: #C9B1FF}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{width:100%;height:100%;position:relative}::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}::selection{background:#4ecdc44d;color:#fff}