:root{--ink: #0b1524;--paper: #eef1f6;--platform: #f7f8fb;--signal: #e32017;--line: #0039a6;--line-yellow: #ffcd00;--line-green: #00933c;--line-purple: #b933ad;--line-orange: #ff6319;--muted: #5b6b80;--ok: #00843d;--bad: #c8102e;--card: #ffffff;--shadow: 0 16px 40px rgba(11, 21, 36, .12);--font-display: "Oswald", "Arial Narrow", sans-serif;--font-body: "Figtree", sans-serif;--radius: 10px;--radius-lg: 16px;color:var(--ink);font-family:var(--font-body)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background-color:var(--paper);background-image:linear-gradient(90deg,rgba(227,32,23,.9) 0 5px,transparent 5px),linear-gradient(90deg,transparent 10px,rgba(0,57,166,.85) 10px 15px,transparent 15px),linear-gradient(90deg,transparent 20px,rgba(255,205,0,.9) 20px 25px,transparent 25px),linear-gradient(180deg,#e4eaf3 0%,var(--paper) 42%,#e8ebe8 100%);background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed}button,input,select{font:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.85rem 1.35rem;background:var(--ink);color:#fff;font-weight:700;letter-spacing:.02em;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,opacity .15s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0b15242e}button.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none}button.secondary:hover{background:var(--ink);color:#fff}button.ghost{background:transparent;color:var(--ink);border:2px solid transparent;text-decoration:underline;text-underline-offset:3px;box-shadow:none}button.ghost:hover{transform:none;box-shadow:none;color:var(--signal)}button.compact{padding:.55rem 1rem;font-size:.9rem}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}input,select{width:100%;border:2px solid rgba(11,21,36,.14);background:#fffffff0;border-radius:var(--radius);padding:.85rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:var(--line);box-shadow:0 0 0 3px #0039a62e}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;gap:1rem;background:#f7f8fbd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:20}.brand-btn{background:none;color:inherit;padding:0;border-radius:0;display:inline-flex;align-items:center;gap:.65rem;box-shadow:none}.brand-btn:hover{transform:none;box-shadow:none}.brand-roundel{width:2rem;height:2rem;border-radius:50%;border:3px solid var(--signal);background:#fff;display:grid;place-items:center;flex-shrink:0;position:relative}.brand-roundel:after{content:"";width:70%;height:4px;background:var(--signal);border-radius:2px}.brand{font-family:var(--font-display);font-size:clamp(1.55rem,3.5vw,2.1rem);letter-spacing:.06em;line-height:1;font-weight:700;text-transform:uppercase}.brand span{color:var(--signal)}.top-meta{display:flex;align-items:center;gap:.75rem;font-size:.92rem}.conn{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.conn.on{color:var(--ok)}.conn.on:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:.35rem;animation:livePulse 1.4s ease infinite}@keyframes livePulse{50%{box-shadow:0 0 0 5px #00843d33}}.toast{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);z-index:40;background:var(--ink);color:#fff;padding:.7rem 1.2rem;border-radius:var(--radius);box-shadow:var(--shadow);font-weight:600;white-space:nowrap;border-left:4px solid var(--signal)}.hero{min-height:calc(100vh - 64px);display:grid;justify-items:center;align-content:center;gap:1.25rem;padding:2rem clamp(1.2rem,4vw,3.5rem) 2.5rem;position:relative;overflow:hidden;text-align:center}.hero-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#dfe6f0;pointer-events:none}.hero-map-img{position:absolute;top:50%;left:50%;width:min(1500px,130vw);height:auto;transform:translate(-50%,-50%) scale(1.08);opacity:.88;filter:saturate(1.15) contrast(1.05);animation:mapDrift 28s ease-in-out infinite alternate,mapFade .7s ease both;will-change:transform}.hero-map-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,#eef1f68c,#eef1f6e0 70%,#e4eaf3f0),linear-gradient(180deg,rgba(238,241,246,.5) 0%,transparent 18%,transparent 75%,rgba(228,234,243,.9) 100%);background-repeat:no-repeat}@keyframes mapDrift{0%{transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-48%,-52%) scale(1.14)}}@keyframes mapFade{0%{opacity:0}to{opacity:.88}}.hero-content{position:relative;z-index:1;display:grid;gap:1rem;justify-items:center;width:min(36rem,100%);max-width:36rem;padding:1.35rem 1.5rem 1.45rem;border-radius:var(--radius-lg);background:#f7f8fbdb;border:1px solid rgba(11,21,36,.08);border-top:6px solid var(--signal);box-shadow:0 20px 50px #0b15241f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .55s ease both;text-align:center}.line-legend{display:flex;flex-wrap:nowrap;gap:0;height:10px;border-radius:999px;overflow:hidden;width:100%;max-width:100%;box-shadow:inset 0 0 0 1px #0b152414}.line-legend span{flex:1;background:var(--c);min-width:0}.hero-kicker{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-family:var(--font-display);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--line);font-weight:600}.hero-kicker:before{content:"";width:1.5rem;height:.45rem;background:var(--signal);border-radius:2px}.hero h1,.solo-hero h1{font-family:var(--font-display);font-size:clamp(3.4rem,11vw,6.2rem);line-height:.9;margin:0;letter-spacing:.04em;font-weight:700;text-transform:uppercase}.solo-hero h1 span{color:var(--signal)}.hero p,.hero-lead{max-width:28rem;font-size:1.08rem;line-height:1.5;color:var(--muted);margin:0 auto}.name-field{display:grid;gap:.4rem;width:min(280px,100%);max-width:280px;font-weight:700;font-size:.9rem;position:relative;z-index:1;text-align:left}.name-field input{font-weight:600;border-radius:var(--radius);border-left:4px solid var(--line)}.name-field input[aria-invalid=true]{border-color:var(--bad);border-left-color:var(--bad);box-shadow:0 0 0 3px #c8102e26}.name-error{margin:0;font-size:.88rem;font-weight:600}.mode-cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;max-width:560px;position:relative;z-index:1;margin-top:.15rem}.mode-cards .mode-card{animation:fadeUp .55s ease both}.mode-cards .mode-card:nth-child(1){animation-delay:.12s}.mode-cards .mode-card:nth-child(2){animation-delay:.2s}.mode-cards.stacked{grid-template-columns:1fr;max-width:420px}.mode-card{display:grid;gap:.35rem;text-align:left;padding:1.15rem 1.25rem 1.15rem 1.35rem;border-radius:var(--radius-lg);background:#fff;color:var(--ink);border:2px solid rgba(11,21,36,.08);box-shadow:var(--shadow);position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--line)}.mode-card:nth-child(2):before{background:var(--signal)}.mode-card strong{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mode-card span{color:var(--muted);font-weight:500;font-size:.95rem;line-height:1.35}.mode-card.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.mode-card.primary span{color:#ffffffb8}.mode-card.primary:before{background:var(--line-yellow)}.mode-card:hover:not(:disabled){border-color:var(--ink)}.mode-card.primary:hover:not(:disabled){background:#152238;border-color:#152238}.quick-row{margin-top:.15rem;position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.solo-hero .featured{margin-top:.35rem;display:grid;gap:.65rem;justify-items:center;position:relative;z-index:1;width:min(52rem,100%);max-width:52rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);background:#f7f8fbdb;border:1px solid rgba(11,21,36,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .6s ease both .28s;text-align:center}.map-credit{opacity:.85}.map-credit a{color:inherit}.choice{display:flex;align-items:center;gap:.7rem;min-height:3.1rem;transition:transform .12s ease,background .15s ease,border-color .15s ease}.choice:active:not(:disabled){transform:scale(.98)}.champion{animation:champIn .55s cubic-bezier(.2,.8,.2,1) both}@keyframes champIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.city-rank-card{display:grid;gap:.55rem;padding:.9rem 1rem;border-radius:var(--radius-lg);background:#0b15240a;border-left:4px solid var(--line)}.city-board.compact-board li{padding:.55rem .75rem}.invite-input{overflow:hidden;text-overflow:ellipsis}.timer-block.urgent .timer-num{color:var(--bad);animation:pulseUrgent .7s ease infinite}@keyframes pulseUrgent{50%{transform:scale(1.08)}}button:focus-visible,input:focus-visible,select:focus-visible,.choice:focus-visible{outline:3px solid rgba(0,57,166,.45);outline-offset:2px}.made-by{margin:1.25rem 0 0;font-size:.8rem;color:var(--muted);opacity:.75;position:relative;z-index:1;font-weight:500;text-align:center;max-width:36rem}.made-by a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.made-by a:hover{color:var(--ink);opacity:1}.section-label{margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--line)}.muted.tight{margin:.15rem 0 0;font-size:.95rem}.friend-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;border-radius:var(--radius);background:#0b15240f}.friend-tabs .tab{border-radius:var(--radius);background:transparent;color:var(--muted);font-weight:700;padding:.65rem 1rem}.friend-tabs .tab.on{background:#fff;color:var(--ink);box-shadow:0 4px 12px #0b15241a}.setup-card{padding-bottom:5.5rem}.sticky-start{position:sticky;bottom:.75rem;margin-top:1rem;z-index:5;padding-top:.5rem;background:linear-gradient(180deg,transparent,rgba(238,241,246,.94) 28%)}.big-start{width:100%;padding:1rem 1.4rem;font-size:1.05rem;border-radius:var(--radius);box-shadow:0 12px 32px #0b152438;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.quit-link{margin-top:.75rem;font-size:.9rem;opacity:.7}.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.4rem}.panel{width:min(1080px,100%);margin:0 auto;padding:1rem clamp(1rem,3vw,2rem) 2.5rem}.panel-card{background:var(--card);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;box-shadow:var(--shadow);border:1px solid rgba(11,21,36,.06);border-top:4px solid var(--ink)}.panel-card.quiz{display:grid;gap:.85rem}.quiz-stage{display:grid;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);background:radial-gradient(600px 200px at 50% 0%,rgba(0,57,166,.1),transparent 70%),#0b152408;min-height:10rem;align-content:start;animation:stageIn .4s ease both}@keyframes stageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-loading{display:flex;align-items:center;justify-content:center;gap:.65rem;position:relative;z-index:1}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--signal);animation:pulse 1.2s ease infinite}.toast{transition:opacity .2s ease}.setup-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.setup-head h2,.results-card h2,.lobby-title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.2rem);margin:0;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.form-stack{display:grid;gap:.85rem}.form-stack label,.settings-row label{display:grid;gap:.35rem;font-weight:600;font-size:.92rem}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.code-input{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.2em;text-transform:uppercase}.picker-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.network-picker{display:grid;gap:.75rem}.city-badge{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .75rem;border-radius:999px;background:#fff;font-weight:700;font-size:.85rem;border:2px solid rgba(11,21,36,.08)}.city-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent, var(--signal))}.grid-networks{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.65rem;max-height:340px;overflow:auto;padding-right:.2rem}.network-tile{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.45rem;text-align:left;border-radius:var(--radius);padding:.85rem .75rem .85rem 1rem;background:#fff;color:var(--ink);border:2px solid transparent;box-shadow:0 8px 20px #0b152412;position:relative;overflow:hidden;min-height:4.4rem}.network-tile:after{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--accent, var(--signal))}.network-tile.active{border-color:var(--ink);transform:translateY(-1px)}.network-tile-body{display:grid;gap:.2rem;min-width:0}.network-tile strong{display:block;font-size:.98rem;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;line-height:1.15;overflow-wrap:anywhere}.network-tile small{color:var(--muted);font-weight:500;font-size:.78rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.network-tile .check{flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800;color:transparent;background:#0c122214;margin-top:.1rem}.network-tile .check.on{color:#fff;background:var(--ink)}.lobby-layout,.quiz-layout{display:grid;gap:1rem}.lobby-main{display:grid;gap:1rem;min-width:0}.lobby-section{display:grid;gap:.75rem}.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.lobby-title{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.4rem);margin:.15rem 0 0;letter-spacing:.03em}.host-only-tag{font-size:.78rem;font-weight:700;color:var(--muted);background:#0c12220f;padding:.35rem .6rem;border-radius:999px;white-space:nowrap}.lobby-footer{display:grid;gap:.55rem}.lobby-footer .big-start{width:100%}.start-sub{font-weight:600;opacity:.85}.lobby-players{align-self:start}.lobby-host-note{margin:.85rem 0 0}.city-chips-readonly{display:flex;flex-wrap:wrap;gap:.4rem}.city-chip-ro{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;background:#fff;border:1px solid rgba(12,18,34,.08);font-size:.88rem;font-weight:600}.city-chip-ro:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent, var(--signal))}.network-picker.readonly .sel-count{margin-bottom:.35rem}.settings-row select:disabled{opacity:.85;cursor:not-allowed;background:#0c12220a}@media(min-width:900px){.lobby-layout{grid-template-columns:1.35fr .85fr;align-items:start}.quiz-layout{grid-template-columns:1.45fr .7fr;align-items:start}}.code-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.room-code{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:.18em;line-height:1;padding:.35rem .75rem .35rem .95rem;background:var(--ink);color:#fff;border-radius:4px;border-left:8px solid var(--signal);position:relative}.invite-box{margin-top:.15rem;display:grid;gap:.55rem}.invite-input{font-size:.88rem;font-weight:600;letter-spacing:.01em;color:var(--ink)}.invite-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rank-title{margin:0 0 .65rem;font-size:1.05rem}.rank-block{display:grid}.waiting-host{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:14px;background:#f0891a14}.waiting-host p{margin:0}.pulse-ring{width:14px;height:14px;flex-shrink:0;border-radius:50%;background:#f0891a;box-shadow:0 0 #f0891a8c;animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 14px #ff4d1a00}to{box-shadow:0 0 #ff4d1a00}}.live-rail{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.live-rail li{display:grid;grid-template-columns:1.6rem 1fr auto .7rem;gap:.55rem;align-items:center;padding:.7rem .85rem;border-radius:var(--radius);background:#0c12220a;border-left:3px solid transparent;transition:background .2s ease,border-color .2s ease}.live-rail li.me{background:#0039a61a;border-left-color:var(--line);outline:2px solid rgba(0,57,166,.28)}.live-rail .rank{font-weight:800;color:var(--muted)}.live-rail .pts{font-weight:800;font-variant-numeric:tabular-nums}.live-rail .dot{width:9px;height:9px;border-radius:50%;background:#0c12222e}.live-rail .dot.on{background:var(--ok);box-shadow:0 0 0 3px #0a7a4b2e}.countdown-screen{min-height:calc(100vh - 80px);display:grid;place-content:center;justify-items:center;text-align:center;gap:.5rem;position:relative;overflow:hidden;padding:2rem}.countdown-stripes{opacity:.85}.metro-stripes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.metro-stripes i{position:absolute;left:-10%;height:10px;width:120%;border-radius:999px;opacity:.18;transform:rotate(-8deg);animation:stripeDrift 18s linear infinite}.metro-stripes i:nth-child(1){top:18%;background:var(--signal);animation-duration:22s}.metro-stripes i:nth-child(2){top:38%;background:var(--line);height:14px;opacity:.14;animation-duration:28s;animation-direction:reverse}.metro-stripes i:nth-child(3){top:62%;background:var(--line-green);animation-duration:24s}.metro-stripes i:nth-child(4){top:78%;background:var(--line-yellow);height:8px;opacity:.22;animation-duration:20s;animation-direction:reverse}@keyframes stripeDrift{0%{transform:rotate(-8deg) translate(0)}to{transform:rotate(-8deg) translate(-8%)}}.countdown-screen .hero-kicker{justify-content:center;position:relative;z-index:1}.countdown-num{font-family:var(--font-display);font-size:clamp(6rem,28vw,12rem);line-height:.9;letter-spacing:.04em;animation:popIn .35s ease;position:relative;z-index:1;color:var(--ink);text-shadow:4px 4px 0 rgba(227,32,23,.15)}.countdown-screen .muted{position:relative;z-index:1}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.quiz{display:grid;gap:.9rem}.quiz-top{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;justify-content:space-between}.type-badge{display:inline-block;padding:.3rem .7rem;border-radius:4px;background:var(--ink);color:#fff;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.progress-dots{display:flex;gap:.28rem;flex-wrap:wrap}.progress-dots span{width:10px;height:10px;border-radius:50%;background:#0c12221f;transition:background .2s ease,transform .2s ease}.progress-dots span.ok{background:#1faa5a}.progress-dots span.no{background:#e23d3d}.progress-dots span.now{background:#f0891a;transform:scale(1.25);box-shadow:0 0 0 2px #f0891a47}.quiz-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.timer-num{font-variant-numeric:tabular-nums;font-size:1.2rem}.timer-block.urgent .timer-num{color:var(--signal)}.timer-bar{height:8px;border-radius:999px;background:#0c12221a;overflow:hidden}.timer-bar>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--line),var(--signal));transform-origin:left center;transform:scaleX(1);transition:transform .1s linear}.timer-block.urgent .timer-bar>i{background:var(--signal)}.prompt{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.75rem);letter-spacing:.02em;font-weight:600;line-height:1.25}.map-wrap{height:min(38vh,320px);border-radius:18px;overflow:hidden;border:2px solid rgba(12,18,34,.08)}.choices{display:grid;gap:.6rem;position:relative;z-index:2}@media(min-width:700px){.choices{grid-template-columns:1fr 1fr}}.choice{display:flex;align-items:center;gap:.7rem;background:#fff;color:var(--ink);border:2px solid rgba(12,18,34,.1);text-align:left;border-radius:var(--radius);min-height:3.2rem;font-weight:600;pointer-events:auto;cursor:pointer}.choice:hover:not(:disabled){border-color:var(--ink)}.choice.correct{border-color:var(--ok);background:#d9f5e7;animation:flashOk .45s ease}.choice.wrong{border-color:var(--bad);background:#fde8e6}@keyframes flashOk{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:none}}.feedback-banner,.reveal-banner{padding:.85rem 1rem;border-radius:var(--radius);font-weight:700}.reveal-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;background:#0b15240f;border-left:4px solid var(--ink)}.feedback-banner.ok,.reveal-banner.ok{background:#00843d24;border-left:4px solid var(--ok)}.feedback-banner.no{background:#c8102e14;border-left:4px solid var(--bad);color:var(--muted)}.round-results{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.round-results li{display:flex;justify-content:space-between;padding:.45rem .7rem;border-radius:10px;background:#0c12220a;font-size:.92rem}.round-results li.ok{color:var(--ok);font-weight:700}.line-pills,.line-logos{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin:.35rem 0 .5rem;align-items:center}.line-logo-img{width:clamp(4.5rem,18vw,7rem);height:clamp(4.5rem,18vw,7rem);object-fit:contain;background:#fff;border-radius:18px;padding:.45rem;box-shadow:0 8px 22px #0c122224;animation:logoIn .45s ease both}.line-pill,.line-badge{min-width:3.6rem;min-height:3.6rem;padding:.55rem .85rem;border-radius:999px;font-weight:800;font-size:clamp(.95rem,2.8vw,1.25rem);letter-spacing:.01em;text-align:center;display:inline-grid;place-items:center;box-shadow:0 8px 20px #0c122233,inset 0 -3px #0003;border:3px solid rgba(255,255,255,.22);animation:logoIn .45s ease both;max-width:11rem}.line-badge.wide{border-radius:18px;min-width:4.5rem;padding:.65rem .9rem;font-size:clamp(.72rem,2.2vw,.95rem);line-height:1.15}.line-badge-inner{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.line-badge.more{font-size:1rem;opacity:.9}@keyframes logoIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.station-image-wrap{border-radius:18px;overflow:hidden;background:#0c12220f}.station-image{width:100%;max-height:340px;object-fit:cover;display:block;animation:fadeUp .4s ease both}.local-name{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.4rem);letter-spacing:.04em}.featured-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .95rem;border-radius:999px;background:#fff;color:var(--ink);border:2px solid transparent;box-shadow:0 6px 18px #0b152414;position:relative;overflow:hidden;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;transition:transform .18s ease,border-color .18s ease}.chip:hover:not(:disabled){border-color:var(--accent, var(--signal));transform:translateY(-2px)}.chip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent, var(--signal));box-shadow:0 0 0 2px #ffffffe6}.chip small{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0}.solo-layout{grid-template-columns:1fr!important;max-width:720px;margin:0 auto}.solo-hud{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;padding:.65rem .9rem;border-radius:var(--radius);background:#fff;border:2px solid rgba(12,18,34,.08);border-left:5px solid var(--line-yellow);font-size:.92rem}.solo-hud strong{font-variant-numeric:tabular-nums}.solo-hud .hint{margin-left:auto;color:var(--muted);font-size:.82rem}.keycap{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:6px;display:grid;place-items:center;font-size:.75rem;font-weight:800;background:#0c122214;color:var(--muted)}.next-btn{margin-left:auto}.side-rail .tiny{margin:.75rem 0 0;font-size:.85rem}.results-card{display:grid;gap:.85rem}.champion{display:grid;gap:.15rem;padding:1.15rem 1.2rem;border-radius:var(--radius-lg);background:var(--ink);color:#fff;position:relative;overflow:hidden}.champion:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(180deg,var(--signal),var(--line-yellow),var(--line),var(--line-green))}.champion span{opacity:.7;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.champion strong{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);letter-spacing:.04em}.champion em{font-style:normal;color:var(--line-yellow);font-weight:800}.leaderboard{display:grid;gap:.45rem}.leaderboard div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:14px;background:#fff}.leaderboard div.first{outline:2px solid var(--ink)}.final-ranking{display:grid;gap:.55rem}.ranking-list{list-style:none;margin:0;padding:0}.ranking-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:14px;background:#fff}.ranking-list li.first{outline:2px solid var(--ink);background:#fff8f4}.ranking-list li.me{box-shadow:inset 3px 0 0 var(--signal)}.rank-badge{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;min-width:2.4rem}.rank-info{display:grid;gap:.1rem}.rank-info small{color:var(--muted);font-size:.85rem}.rank-score{font-weight:800;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.error-text{color:var(--bad);font-weight:600;margin:0}.fade-up{animation:fadeUp .45s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.metro-stripes i,.hero-map-img{animation:none!important}}.side-rail,.lobby-players{border-top-color:var(--line)}.lobby-section:first-child{border-top-color:var(--signal)}.results-card{border-top-color:var(--line-yellow)}.panel-card.quiz{border-top-color:var(--signal)}.rank-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}@media(max-width:900px){.hero-map-img{opacity:.7}.hero-map-veil{background:linear-gradient(180deg,#eef1f6f0,#eef1f6d1 42%,#eef1f68c)}.hero-content{width:100%;max-width:100%}}@media(max-width:640px){.settings-row{grid-template-columns:1fr}.hero{min-height:auto;padding-top:1.25rem;align-content:start}.hero-map-img{top:18%;left:50%;width:160vw;transform:translate(-50%,-20%) scale(1);opacity:.45;animation:none}.hero-content{padding:1rem 1.05rem 1.15rem}.solo-hero h1{font-size:clamp(3rem,16vw,4.2rem)}.mode-cards{grid-template-columns:1fr}.setup-card{padding-bottom:6rem}.map-wrap{height:240px}.solo-hud .hint{margin-left:0;width:100%}}