:root{--bg-0:#070c09;--bg-1:#0e1712;--bg-2:#15241a;--ash:#2a3228;--rot:#1a2e1c;--fog:#6e8c5a24;--ink:#d9d4c4;--ink-dim:#8f9788;--blight:#c6de3a;--blight-deep:#7a9420;--blight-glow:#c6de3a59;--danger:#b84a32;--danger-glow:#b84a3266;--hazard:#d4a017;--hazard-dim:#d4a0178c;--line:#c6de3a24;--panel:#0a120de0;--radius:3px;--font-display:"Cinzel", "Palatino Linotype", serif;--font-body:"Literata", "Georgia", serif;--font-stamp:"Share Tech Mono", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 640px at 18% -8%, #c6de3a1a, transparent 55%), radial-gradient(900px 560px at 92% 8%, #2a463073, transparent 52%), radial-gradient(700px 480px at 50% 110%, #b84a321f, transparent 50%), linear-gradient(168deg, var(--bg-0) 0%, var(--bg-1) 42%, #0a110d 100%);isolation:isolate;margin:0;line-height:1.45;position:relative}body:before{content:"";z-index:40;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}body:after{content:"";z-index:41;pointer-events:none;background:radial-gradient(#0000 42%,#000000b8 100%);position:fixed;inset:0}button,input{font:inherit}.app{z-index:1;max-width:920px;margin:0 auto;padding:1rem 1rem 3rem;position:relative;overflow:hidden}.mist{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.mist-layer{background:radial-gradient(circle at 28% 38%, var(--fog), transparent 42%), radial-gradient(circle at 72% 62%, #4637281a, transparent 46%);will-change:transform;animation:18s ease-in-out infinite alternate drift;position:absolute;inset:-22%}.mist-a{opacity:.9}.mist-b{opacity:.65;background:radial-gradient(circle at 60% 30%,#78965a1a,#0000 40%),radial-gradient(circle at 20% 70%,#32462d1f,#0000 48%);animation-duration:26s;animation-direction:alternate-reverse}.mist-c{opacity:.4;background:radial-gradient(at 50% 80%,#c6de3a0f,#0000 50%),radial-gradient(circle at 80% 20%,#1e322326,#0000 45%);animation-duration:34s}@keyframes drift{0%{transform:translate(-2.5%,-1.5%)scale(1)}to{transform:translate(3.5%,2.5%)scale(1.06)}}.spore-field{opacity:.7;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#c6de3a8c,#0000),radial-gradient(1px 1px at 28% 68%,#c6de3a66,#0000),radial-gradient(2px 2px at 44% 18%,#d4a01759,#0000),radial-gradient(1px 1px at 58% 52%,#c6de3a80,#0000),radial-gradient(1.5px 1.5px at 72% 78%,#c6de3a59,#0000),radial-gradient(1px 1px at 86% 34%,#b84a3266,#0000),radial-gradient(2px 2px at 18% 88%,#c6de3a4d,#0000),radial-gradient(1px 1px at 64% 12%,#d4a01773,#0000),radial-gradient(1.5px 1.5px at 92% 62%,#c6de3a66,#0000),radial-gradient(1px 1px at 36% 42%,#c6de3a47,#0000);background-size:100% 100%;animation:22s linear infinite spores;position:absolute;inset:0}@keyframes spores{0%{opacity:.55;transform:translateY(0)translate(0)}50%{opacity:.85;transform:translateY(-4%)translate(1.5%)}to{opacity:.55;transform:translateY(-8%)translate(-1%)}}.hazard-rail{z-index:2;background:repeating-linear-gradient(-45deg, var(--hazard) 0 10px, #1a1208 10px 20px);height:10px;box-shadow:0 2px 0 #00000073, 0 0 18px var(--hazard-dim);opacity:.85;position:absolute;top:0;left:0;right:0}.topbar,.panel,.play,.banner,.conn-badge{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:.35rem;display:flex}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 18px var(--blight-glow);background:0 0;border:0;font-size:1.15rem}.brand:hover{color:var(--blight)}.row{align-items:center;gap:.5rem;display:flex}.row.wrap,.wrap{flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 1.35rem;animation:.55s both rise;box-shadow:inset 0 1px #c6de3a0f,0 12px 40px #00000059}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero{text-align:center;background:linear-gradient(#122016f0,#080e0af5),radial-gradient(at 50% -10%,#c6de3a29,#0000 58%);border-color:#c6de3a38;padding:2.75rem 1.5rem 2.15rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 2px 3px);position:absolute;inset:0}.outbreak-stamp{z-index:1;font-family:var(--font-stamp);letter-spacing:.28em;text-transform:uppercase;color:#e07058;box-shadow:inset 0 0 12px #b84a3240, 0 0 20px var(--danger-glow);background:#280c0873;border:2px solid #c4563e;border-radius:2px;margin:0 0 1rem;padding:.35rem .85rem;font-size:.78rem;animation:2.4s ease-in-out infinite stampPulse;display:inline-block;position:relative;transform:rotate(-6deg)}@keyframes stampPulse{0%,to{opacity:.75;box-shadow:inset 0 0 12px #b84a3233,0 0 12px #b84a3240}50%{opacity:1;box-shadow:inset 0 0 16px #b84a3266,0 0 28px #b84a328c}}.logo{z-index:1;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 42px var(--blight-glow), 0 2px 0 #00000080;margin:0;font-size:clamp(2.7rem,10vw,4.6rem);font-weight:700;line-height:1.05;animation:.95s both brandIn;position:relative}@keyframes brandIn{0%{opacity:0;letter-spacing:.22em;filter:blur(5px);transform:translateY(8px)}to{opacity:1;letter-spacing:.06em;filter:none;transform:none}}.tagline{z-index:1;font-family:var(--font-display);color:var(--blight);letter-spacing:.04em;margin:.85rem 0 0;font-size:1.15rem;position:relative}.support{z-index:1;max-width:38rem;color:var(--ink-dim);margin:.9rem auto 1.45rem;position:relative}.cta-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex;position:relative}.btn{appearance:none;border:1px solid var(--blight-deep);background:linear-gradient(180deg, #d4ea52, var(--blight-deep));color:#0c140a;font-family:var(--font-display);letter-spacing:.04em;border-radius:var(--radius);cursor:pointer;padding:.65rem 1.15rem;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 0 #c6de3a00}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 0 18px var(--blight-glow);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--ink);box-shadow:none;font-family:var(--font-body);letter-spacing:0;background:0 0;border-color:#d9d4c438;font-weight:600}.btn-ghost:hover:not(:disabled){border-color:var(--blight);color:var(--blight);box-shadow:none;filter:none}.btn-accent{color:var(--blight);border-color:#c6de3a80}.btn-small{padding:.4rem .7rem;font-size:.9rem}.selected-mode{background:#c6de3a14;border-color:var(--blight)!important;color:var(--blight)!important}label{text-align:left;gap:.35rem;display:grid}label.row{align-items:center;gap:.5rem;display:flex}input[type=text],input:not([type]),input[type=search]{border-radius:var(--radius);border:1px solid var(--line);width:100%;color:var(--ink);background:#050a07bf;padding:.7rem .8rem}input:focus{border-color:#c6de3a73;outline:none;box-shadow:0 0 0 2px #c6de3a1f}.muted{color:var(--ink-dim)}.error{color:#f0a090;font-family:var(--font-stamp);letter-spacing:.03em;margin-top:.75rem}.banner{border-radius:var(--radius);font-family:var(--font-stamp);background:#243412a6;border:1px solid #c6de3a59;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.65rem .85rem;font-size:.92rem;display:flex}.conn-badge{z-index:5;border-radius:var(--radius);text-align:center;font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;color:#e8a090;background:#30160eeb;border:1px solid #b84a328c;margin-bottom:.75rem;padding:.45rem .75rem;font-size:.82rem;position:sticky;top:.5rem}.conn-badge.connecting{border-color:var(--hazard);color:var(--hazard);background:#281e08eb}.conn-badge.disconnected{border-color:var(--danger);color:#f0a090}.how-to{z-index:1;text-align:left;max-width:28rem;color:var(--ink-dim);margin:1.35rem auto 0;position:relative}.how-to summary{cursor:pointer;font-family:var(--font-display);color:var(--ink);letter-spacing:.04em}.how-to ol{margin:.5rem 0 0;padding-left:1.2rem}.sister-games{gap:.65rem;margin-top:1.4rem;display:grid}.sister-games.compact{margin-top:1rem}.sister-game{text-align:left;color:inherit;border:1px solid var(--line);border-radius:var(--radius);background:#00000047;gap:.15rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.sister-game:hover{background:#c6de3a0d;border-color:#c6de3a66}.sister-game.compact{padding:.55rem .7rem}.sister-game strong{font-family:var(--font-display)}.sister-game em{color:var(--blight);font-size:.9rem;font-style:normal}.party-box{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.party-box.compact{margin-top:1rem}.lobby-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.lobby-list .btn{justify-content:space-between;gap:1rem;width:100%;display:flex}.play{animation:.45s both rise}.play-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.phase-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--blight);text-shadow:0 0 20px var(--blight-glow);margin:0;font-size:1.35rem}.meters{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:.85rem;display:grid}.meter{border:1px solid var(--line);border-radius:var(--radius);background:#00000059;gap:.15rem;padding:.55rem .65rem;display:grid;box-shadow:inset 0 0 20px #00000040}.meter span{color:var(--ink-dim);font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.meter strong{font-family:var(--font-stamp);color:var(--blight);letter-spacing:.04em;font-size:1.25rem}.meter.danger{background:#280e0a73;border-color:#b84a3273}.meter.danger strong{color:#e87860;text-shadow:0 0 12px var(--danger-glow)}.room-code{font-family:var(--font-stamp);letter-spacing:.28em;color:var(--blight);text-shadow:0 0 24px var(--blight-glow);margin:.25rem 0 .75rem;font-size:2.5rem;display:block}.roster h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:.75rem 0 .25rem;font-size:1rem}.roster table{border-collapse:collapse;width:100%;margin-top:.5rem}.roster th,.roster td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .3rem}.roster th{font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:.75rem;font-weight:400}.host-controls{gap:.75rem;margin-top:1rem;display:grid}.redeem{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.redeem input{flex:1;min-width:8rem}.world-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.75rem 0 1rem;display:grid}.region-tile{border-radius:var(--radius);background:linear-gradient(165deg, color-mix(in srgb, #b43a2c calc(var(--infection) * 1%), #3d8b4a) 0%, color-mix(in srgb, #4a1814 calc(var(--infection) * 1%), #1a3d24) 100%);color:#f2f0e6;text-align:left;min-height:5.5rem;font:inherit;cursor:default;border:1px solid #5a8c4647;align-content:space-between;width:100%;padding:.7rem;animation:.5s both tileIn;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000047}.region-tile.clickable{cursor:pointer}.region-tile.clickable:hover,.region-tile.clickable:focus-visible{outline-offset:2px;outline:2px solid #d4c478bf}.region-tile.selected{outline-offset:2px;outline:2px solid #e8d278f2}.region-tile.focus{box-shadow:inset 0 0 30px #00000047,0 0 0 2px #78be8cd9,0 0 18px #5aa06e59}.region-tile:first-child{animation-delay:20ms}.region-tile:nth-child(2){animation-delay:60ms}.region-tile:nth-child(3){animation-delay:.1s}.region-tile:nth-child(4){animation-delay:.14s}.region-tile:nth-child(5){animation-delay:.18s}.region-tile:nth-child(6){animation-delay:.22s}.region-tile:nth-child(7){animation-delay:.26s}@keyframes tileIn{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:none}}.region-tile strong{font-family:var(--font-display);letter-spacing:.03em;font-size:.92rem}.region-tile em{font-style:normal;font-family:var(--font-stamp);color:var(--ink);letter-spacing:.04em;font-size:.85rem}.region-plague_heart{border-color:#b84a3273;grid-column:2;box-shadow:inset 0 0 36px #b84a3233,0 0 16px #b84a3226}.blight-meter{background:#00000073;border:1px solid #0000004d;border-radius:1px;height:4px;margin:.4rem 0;display:block;overflow:hidden}.blight-meter i{background:linear-gradient(90deg, #3d8b4a, color-mix(in srgb, #c9a227 calc(var(--infection) * 1%), #3d8b4a), color-mix(in srgb, #b43a2c calc(var(--infection) * 1%), #c9a227));height:100%;display:block}.region-tile.quarantined,.quarantined{outline-offset:2px;filter:saturate(.7)brightness(.85);outline:1px dashed #d4a017a6}.quarantine-tag{font-size:.65rem;font-family:var(--font-stamp);letter-spacing:.06em;text-transform:uppercase;color:#f0d878;background:#00000073;border-radius:2px;padding:.15rem .35rem;position:absolute;top:.35rem;right:.4rem}.skills-row{gap:.4rem;margin-bottom:1rem;display:grid}.skill-chips{flex-wrap:wrap;gap:.4rem;display:flex}.skill-chip{color:var(--blight);font-family:var(--font-stamp);letter-spacing:.04em;background:#c6de3a0f;border:1px solid #c6de3a66;border-radius:2px;padding:.25rem .55rem;font-size:.82rem}.step-badge{width:fit-content;font-family:var(--font-stamp);letter-spacing:.08em;text-transform:uppercase;color:#d8c878;background:#00000047;border:1px solid #d8c87859;border-radius:2px;margin:0 0 .35rem;padding:.25rem .55rem;font-size:.78rem;display:inline-block}.step-badge.cure{color:#9ec8e8;border-color:#8cb4dc66}.vote-options{gap:.65rem;margin-top:.75rem;display:grid}.vote-card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;background:#00000052;gap:.35rem;padding:.85rem .95rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.vote-card:hover:not(:disabled){border-color:var(--blight);transform:translateY(-1px);box-shadow:0 0 16px #c6de3a1f}.vote-card.selected{border-color:var(--blight);background:#c6de3a14;box-shadow:inset 0 0 0 1px #c6de3a66,0 0 18px #c6de3a26}.vote-card.contain-card{border-color:#c6b45a47}.vote-card.cure-card{border-color:#78aad259}.vote-card.cure-card.selected{background:#64a0d21a;border-color:#8cbee6d9;box-shadow:inset 0 0 0 1px #8cbee673,0 0 18px #64a0d22e}.vote-card.locked{opacity:.5;cursor:not-allowed}.vote-card strong{font-family:var(--font-display)}.vote-card em{color:var(--blight);font-style:normal;font-family:var(--font-stamp);font-size:.9rem}.resolve-log{border-left:3px solid var(--blight);font-family:var(--font-stamp);letter-spacing:.02em;background:#00000047;margin:1rem 0;padding:.85rem 1rem;font-size:.92rem}.outcome{font-family:var(--font-display);color:var(--blight);letter-spacing:.05em;text-shadow:0 0 24px var(--blight-glow);margin:1rem 0;font-size:1.3rem}.tv-hint{text-align:center;font-family:var(--font-stamp);letter-spacing:.06em;margin-top:.75rem;font-size:.85rem}.play.tv{z-index:80;box-sizing:border-box;background:radial-gradient(90% 70% at 50% -10%,#466e3738,#0000 55%),radial-gradient(60% 50% at 85% 90%,#8c281e2e,#0000 50%),#0c100e;flex-direction:column;gap:.75rem;width:100%;max-width:none;margin:0;padding:clamp(1rem,2.5vh,2rem) clamp(1rem,3vw,2.5rem) clamp(1.25rem,3vh,2.5rem);animation:none;display:flex;position:fixed;inset:0;overflow:auto}:-webkit-any(.play.tv:fullscreen,.play.tv:-webkit-full-screen){background:radial-gradient(90% 70% at 50% -10%,#466e3738,#0000 55%),radial-gradient(60% 50% at 85% 90%,#8c281e2e,#0000 50%),#0c100e;width:100%;height:100%}:is(.play.tv:fullscreen,.play.tv:fullscreen){background:radial-gradient(90% 70% at 50% -10%,#466e3738,#0000 55%),radial-gradient(60% 50% at 85% 90%,#8c281e2e,#0000 50%),#0c100e;width:100%;height:100%}.play.tv .play-top{flex-shrink:0;margin-bottom:.25rem}.play.tv .phase-label{font-size:clamp(1.75rem,4vw,2.75rem)}.play.tv .meters{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:.35rem}.play.tv .meter{padding:.85rem 1rem}.play.tv .meter span{font-size:.85rem}.play.tv .meter strong{font-size:clamp(1.6rem,3.5vw,2.4rem)}.play.tv .game-panel{min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.play.tv .game-panel>h3{margin-bottom:.35rem;font-size:clamp(1.1rem,2vw,1.45rem)}.play.tv .world-map{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch;gap:.75rem;min-height:min(52vh,560px);margin:.35rem 0 .75rem}.play.tv .region-tile{min-height:clamp(6.5rem,16vh,11rem);padding:1rem;font-size:1.15rem}.play.tv .region-tile strong{font-size:clamp(1rem,2vw,1.35rem)}.play.tv .region-tile em{font-size:1.05rem}.play.tv:not(.tv-interactive) .council .vote-options{display:none}.play.tv.tv-interactive .world-map{min-height:min(40vh,420px)}.play.tv.tv-interactive .vote-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.play.tv.tv-interactive .vote-card{padding:1rem 1.1rem;font-size:1.05rem}.play.tv .host-controls .party-box,.play.tv .lobby-panel .party-box{display:none}.play.tv .resolve-log{font-size:1.15rem}.play.tv .resolve-log h3{font-size:1.45rem}.play.tv .outcome{font-size:clamp(1.35rem,3vw,2rem)}.play.tv .tv-hint{flex-shrink:0;margin-top:auto;padding-top:.5rem;font-size:1rem}.play.tv .room-code{font-size:clamp(2.2rem,6vw,3.5rem)}.qr-placeholder{border:1px dashed var(--line);background:#00000059;margin:.75rem auto}@media (width<=720px){.app{padding:.75rem .75rem 2.5rem}.hero{padding:2rem 1rem 1.6rem}.outbreak-stamp{letter-spacing:.18em;font-size:.68rem}.meters,.world-map{grid-template-columns:repeat(2,minmax(0,1fr))}.region-plague_heart{grid-column:auto}.play-top{flex-direction:column;gap:.65rem}.room-code{letter-spacing:.18em;font-size:1.85rem}.cta-row{justify-content:stretch}.cta-row .btn{flex:auto}}@media (width<=420px){.meters{grid-template-columns:1fr 1fr}.world-map{grid-template-columns:1fr}.region-tile{min-height:4.5rem}}@media (prefers-reduced-motion:reduce){.mist-layer,.spore-field,.outbreak-stamp,.logo,.panel,.region-tile,.play{animation:none!important}}