:root{color:#fff6d8;background:#102927;font-family:Avenir Next,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #fff6d8;--ink-muted: #bbd0c7;--market-night: #102927;--market-panel: rgb(15 40 37 / 88%);--market-border: rgb(255 239 189 / 24%);--saffron: #f4b942;--danger: #ef765f;--ready: #8ed08d;--market-red: #bc3e2f;--market-red-deep: #792b26;--receipt-paper: #f5e7bf;--receipt-paper-deep: #e3ce9e;--receipt-ink: #213b36;--receipt-muted: #67766d}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden;background:var(--market-night)}button{font:inherit}.game-shell{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 42%,rgb(30 74 65 / 78%),transparent 56%),var(--market-night)}.game-shell:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at center,transparent 54%,rgb(4 20 19 / 45%) 100%)}.game-host,.game-host canvas{display:block;width:100%;height:100%;margin:0;padding:0}.game-host{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.hud-top{position:absolute;z-index:4;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));left:max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;pointer-events:none}.brand-lockup,.round-clock,.connection-state,.hud-stats,.control-hint{border:1px solid var(--market-border);box-shadow:0 16px 48px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--market-panel)}.lobby-panel,.chat-panel,.fallback-notice{border:1px solid var(--market-border);box-shadow:0 18px 60px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--market-panel)}.lobby-panel{position:absolute;z-index:4;top:50%;left:50%;width:min(430px,calc(100% - 36px));padding:24px;transform:translate(-50%,-50%);border-radius:22px;text-align:center}.lobby-kicker{display:block;color:var(--ink-muted);font-size:10px;font-weight:800;letter-spacing:.22em}.lobby-panel>strong{display:block;margin:3px 0 5px;color:var(--saffron);font-family:SF Mono,Roboto Mono,monospace;font-size:clamp(36px,8vw,56px);letter-spacing:.12em;line-height:1}.lobby-panel>p{margin:0 0 16px;color:var(--ink-muted);font-size:10px;font-weight:800;letter-spacing:.16em}.lobby-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.lobby-roster span{padding:6px 9px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;color:var(--ink);background:#ffffff0d;font-size:11px}.chat-panel{position:absolute;z-index:5;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));width:min(340px,calc(100% - 36px));padding:10px;border-radius:16px}.chat-log{display:flex;max-height:92px;margin-bottom:7px;flex-direction:column;justify-content:flex-end;overflow:hidden;color:var(--ink-muted);font-size:11px}.chat-log p{margin:2px 0}.chat-log strong{margin-right:4px;color:var(--saffron)}.chat-presets{display:flex;gap:5px;margin-bottom:7px;overflow-x:auto;scrollbar-width:none}.chat-presets button,.chat-panel form button{border:1px solid rgb(255 255 255 / 15%);border-radius:9px;color:var(--ink);background:#ffffff12;font-size:10px;font-weight:750;white-space:nowrap}.chat-presets button{padding:5px 8px}.chat-panel form{display:grid;grid-template-columns:1fr auto;gap:6px}.chat-panel input{min-width:0;padding:8px 9px;border:1px solid rgb(255 255 255 / 14%);border-radius:10px;outline:none;color:var(--ink);background:#02141285;font:inherit;font-size:11px}.chat-panel input:focus{border-color:var(--saffron)}.chat-panel form button{padding:0 11px;color:#192d2a;background:var(--saffron)}.fallback-notice{position:absolute;z-index:6;top:66px;right:max(18px,env(safe-area-inset-right));padding:8px 12px;border-color:#f4b94273;border-radius:999px;color:var(--saffron);font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand-lockup{justify-self:start;display:flex;align-items:center;min-width:210px;padding:9px 12px 9px 9px;border-radius:14px}.brand-mark{display:grid;width:38px;height:38px;margin-right:10px;place-items:center;border:1px solid rgb(255 255 255 / 25%);border-radius:10px;color:#1a2e2b;background:var(--saffron);font-family:Arial Narrow,sans-serif;font-size:22px;font-weight:900;line-height:1}.brand-lockup div{display:flex;flex-direction:column;gap:1px}.brand-lockup strong{color:var(--ink);font-family:Avenir Next Condensed,Arial Narrow,sans-serif;font-size:15px;font-weight:800;letter-spacing:.12em;line-height:1.1}.brand-lockup div span{color:var(--ink-muted);font-size:9px;font-weight:700;letter-spacing:.18em}.round-clock{min-width:112px;padding:8px 18px;border-radius:14px;color:var(--ink);font-family:SF Mono,Roboto Mono,monospace;font-size:clamp(21px,2vw,28px);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;text-align:center;letter-spacing:-.06em}.connection-state{justify-self:end;padding:10px 13px;border-radius:999px;color:var(--ink-muted);font-size:10px;font-weight:800;letter-spacing:.14em}.connection-state:before{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;content:"";background:currentcolor;box-shadow:0 0 10px currentcolor}.connection-state--ready{color:var(--ready)}.connection-state--error{color:var(--danger)}.hud-stats{position:absolute;z-index:4;top:88px;left:max(18px,env(safe-area-inset-left));display:flex;gap:14px;padding:9px 12px;border-radius:12px;color:var(--ink-muted);font-family:SF Mono,Roboto Mono,monospace;font-size:10px;font-weight:750;letter-spacing:.06em;pointer-events:none}.hud-stats span:not(:last-child):after{margin-left:14px;color:#fff3;content:"/"}.control-hint{position:absolute;z-index:4;bottom:max(18px,env(safe-area-inset-bottom));left:50%;padding:8px 12px;transform:translate(-50%);border-radius:999px;color:var(--ink-muted);font-size:9px;font-weight:800;letter-spacing:.16em;pointer-events:none}.touch-controls{position:absolute;z-index:5;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));display:none;grid-template-areas:". north ." "west south east";grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:6px;touch-action:none}.touch-control{border:1px solid var(--market-border);border-radius:15px;color:var(--ink);box-shadow:0 12px 28px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--market-panel);font-size:22px;font-weight:800;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-control:active{color:var(--market-night);transform:translateY(1px);background:var(--saffron)}.touch-control--north{grid-area:north}.touch-control--east{grid-area:east}.touch-control--south{grid-area:south}.touch-control--west{grid-area:west}.recovery-panel{position:absolute;z-index:8;top:50%;left:50%;width:min(420px,calc(100% - 36px));padding:28px;transform:translate(-50%,-50%);border:1px solid var(--market-border);border-radius:22px;color:var(--ink);box-shadow:0 32px 90px #0000007a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c2220f2;text-align:center}.results-overlay{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;display:grid;padding:max(26px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));place-items:center;overflow:hidden;-webkit-backdrop-filter:blur(8px) saturate(.72);backdrop-filter:blur(8px) saturate(.72);background:radial-gradient(circle at 50% 45%,#081d1b52,#051312cc),linear-gradient(120deg,rgb(188 62 47 / 10%),transparent 45%);animation:results-overlay-in .22s ease-out both}.results-card{--result-accent: #d69d27;--result-accent-soft: rgb(214 157 39 / 16%);position:relative;display:flex;width:min(1060px,calc(100vw - 72px));height:min(844px,calc(100vh - 52px));height:min(844px,calc(100dvh - 52px));max-height:min(844px,calc(100dvh - 52px));flex-direction:column;overflow:hidden;border:2px solid rgb(255 244 205 / 72%);border-radius:28px 28px 20px 20px;color:var(--receipt-ink);box-shadow:0 42px 110px #00000085,0 8px #4b2b1c47;background:linear-gradient(90deg,transparent 49.7%,rgb(84 63 37 / 5%) 50%,transparent 50.3%),repeating-linear-gradient(0deg,rgb(121 86 41 / 2%) 0 1px,transparent 1px 5px),var(--receipt-paper);font-family:Thonburi,Tahoma,Noto Sans Thai,Segoe UI,sans-serif;animation:results-card-in .32s cubic-bezier(.2,.85,.26,1.05) both}.results-card:after{position:absolute;right:18px;bottom:-8px;left:18px;height:15px;pointer-events:none;content:"";background:radial-gradient(circle,var(--receipt-paper) 0 6px,transparent 6.5px) 0 0 / 20px 15px repeat-x}.results-card--survivor{--result-accent: #3b8c6b;--result-accent-soft: rgb(59 140 107 / 14%)}.results-card--infected{--result-accent: #d0663f;--result-accent-soft: rgb(208 102 63 / 14%)}.results-card--zombie{--result-accent: #5e8751;--result-accent-soft: rgb(94 135 81 / 16%)}.results-card--unknown{--result-accent: #72766c;--result-accent-soft: rgb(114 118 108 / 13%)}.results-awning{height:18px;flex:0 0 auto;border-bottom:2px solid var(--market-red-deep);background:repeating-linear-gradient(90deg,var(--market-red) 0 54px,#f3d89b 54px 108px);box-shadow:0 5px #5b2c1e24}.results-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 28px 18px;border-bottom:2px dashed rgb(91 72 42 / 25%);background:linear-gradient(100deg,rgb(255 255 255 / 22%),transparent 56%),#efdcae85}.results-kicker{display:block;color:var(--market-red-deep);font-size:10px;font-weight:900;letter-spacing:.08em}.results-card__header h1{margin:3px 0 0;color:var(--market-red);font-family:Thonburi,Tahoma,Arial Black,sans-serif;font-size:clamp(40px,5vw,70px);font-weight:950;line-height:.86;letter-spacing:-.055em;text-shadow:2px 2px 0 rgb(255 247 214 / 85%)}.results-card__header p{margin:8px 0 0;color:var(--receipt-muted);font-size:12px;font-weight:700}.results-stamp{display:grid;width:88px;aspect-ratio:1;padding:9px;transform:rotate(-4deg);place-items:center;border:3px double var(--market-red);border-radius:50%;color:var(--market-red);font-size:12px;font-weight:950;line-height:1.15;text-align:center;text-transform:uppercase}.results-card__body{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);gap:24px;padding:24px 28px 20px;overflow:hidden}.results-hero,.results-ranking{min-width:0;min-height:0}.results-hero{overflow:auto;padding:2px 8px 2px 0;scrollbar-color:rgb(94 76 48 / 35%) transparent}.results-badge{display:inline-flex;min-height:29px;align-items:center;padding:3px 13px;transform:rotate(-1deg);border:2px solid color-mix(in srgb,var(--result-accent),#332a22 24%);border-radius:7px;color:var(--receipt-ink);box-shadow:2px 3px #30281e24;background:var(--receipt-paper-deep);font-size:13px;font-weight:950}.results-local{margin:11px 0 1px;color:var(--receipt-ink);font-size:14px;font-weight:900}.results-hero h2{max-width:16ch;margin:0;overflow:hidden;color:var(--receipt-ink);font-size:clamp(28px,4vw,48px);font-weight:950;line-height:1.08;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.results-metrics{display:grid;margin-top:16px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgb(70 75 57 / 22%);border-radius:13px;background:#fffce975}.results-metrics>span{display:flex;min-width:0;padding:9px 10px 10px;flex-direction:column;border-right:1px dashed rgb(70 75 57 / 24%)}.results-metrics>span:last-child{border-right:0}.results-metrics small{color:var(--receipt-muted);font-size:9px;font-weight:850}.results-metrics strong{overflow:hidden;color:var(--receipt-ink);font-family:SF Mono,Roboto Mono,monospace;font-size:clamp(18px,2.4vw,26px);font-variant-numeric:tabular-nums;line-height:1.05;text-overflow:ellipsis}.results-titles{display:flex;margin:11px 0 0;padding:0;flex-wrap:wrap;gap:7px;list-style:none}.results-titles li{padding:5px 9px;border:1px dashed color-mix(in srgb,var(--result-accent),#332a22 24%);border-radius:999px;color:color-mix(in srgb,var(--result-accent),#342a22 28%);background:var(--result-accent-soft);font-size:10px;font-weight:900}.results-winner-line{display:flex;align-items:baseline;gap:9px;margin:13px 0 0;padding:10px 12px;border-left:4px solid var(--result-accent);color:var(--receipt-muted);background:var(--result-accent-soft);font-size:10px}.results-winner-line strong{min-width:0;overflow:hidden;color:var(--receipt-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.results-infection{margin-top:15px;padding-top:13px;border-top:2px dashed rgb(91 72 42 / 22%)}.results-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--market-red-deep);font-size:10px;font-weight:950}.results-section-title>span{letter-spacing:.06em}.results-section-title>strong{color:var(--receipt-muted);font-size:9px}.results-infection ol{display:grid;margin:8px 0 0;padding:0;gap:5px;list-style:none}.results-infection li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:5px 8px;border-radius:7px;color:var(--receipt-ink);background:#fffce96b;font-size:10px;font-weight:750}.results-infection li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-infection time{color:var(--receipt-muted);font-family:SF Mono,Roboto Mono,monospace;font-size:9px;font-variant-numeric:tabular-nums}.results-empty{margin:8px 0 0;color:var(--receipt-muted);font-size:10px}.results-ranking{display:flex;padding:15px;flex-direction:column;overflow:hidden;border:1px solid rgb(72 69 49 / 21%);border-radius:17px;box-shadow:inset 0 1px #ffffff6b;background:repeating-linear-gradient(0deg,transparent 0 43px,rgb(75 67 49 / 6%) 43px 44px),#fffce975}.results-ranking .results-section-title{margin:0 3px 10px}.results-table{min-height:0;overflow:auto;border:1px solid rgb(68 70 54 / 18%);border-radius:11px;background:#fffdef5c;scrollbar-color:rgb(94 76 48 / 35%) transparent}.results-row{display:grid;grid-template-columns:42px minmax(0,1fr) 74px 62px;align-items:center;gap:8px;min-height:45px;padding:6px 10px;color:var(--receipt-muted);border-bottom:1px dashed rgb(69 66 50 / 16%);font-size:11px}.results-row:last-child{border-bottom:0}.results-row>strong{overflow:hidden;color:var(--receipt-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.results-row--local{box-shadow:inset 4px 0 0 var(--result-accent);background:var(--result-accent-soft)}.results-rank,.results-money{font-family:SF Mono,Roboto Mono,monospace;font-variant-numeric:tabular-nums;font-weight:900}.results-rank{color:var(--market-red-deep)}.results-money{color:#7b591d;text-align:right}.results-outcome{justify-self:start;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900}.results-outcome--survived{color:#215b47;background:#4e9b7426}.results-outcome--infected{color:#984c2f;background:#d0663f24}.results-outcome--zombie{color:#466439;background:#5e87512e}.results-footer{display:grid;min-height:76px;max-height:46%;padding:13px 28px 18px;flex:0 0 auto;overflow-y:auto;border-top:2px dashed rgb(91 72 42 / 25%);background:#e5cf9c73}.results-actions{display:grid;width:min(440px,100%);margin-left:auto;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:10px}.results-actions button{min-height:48px;padding:0 18px;border-radius:12px;font-size:12px;font-weight:950;cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.results-actions button:hover{transform:translateY(-1px);filter:brightness(1.04)}.results-actions button:active{transform:translateY(1px)}.results-share{border:1px solid rgb(83 69 43 / 35%);color:var(--receipt-ink);box-shadow:0 3px #47341e21;background:#fffae2a8}.results-rematch{border:1px solid var(--market-red-deep);color:#fff8df;box-shadow:0 4px 0 var(--market-red-deep);background:var(--market-red)}.results-share-status{margin:9px 0 0;color:var(--receipt-muted);font-size:10px;font-weight:800;text-align:right}.results-share-text{width:100%;min-height:92px;margin-top:8px;padding:10px;resize:vertical;border:1px solid rgb(83 69 43 / 28%);border-radius:9px;color:var(--receipt-ink);background:#fffceab8;font:11px/1.45 SF Mono,Roboto Mono,monospace}@keyframes results-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes results-card-in{0%{transform:translateY(20px) scale(.975);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.recovery-icon{display:grid;width:52px;height:52px;margin:0 auto 16px;place-items:center;border-radius:16px;color:var(--market-night);background:var(--saffron);font-size:27px;font-weight:900}.recovery-panel h1,.fatal-fallback h1{margin:0;font-family:Avenir Next Condensed,Arial Narrow,sans-serif;font-size:clamp(27px,5vw,38px);line-height:.98;letter-spacing:-.025em}.recovery-panel p,.fatal-fallback p{max-width:34ch;margin:14px auto 22px;color:var(--ink-muted);font-size:14px;line-height:1.55}.recovery-panel button,.fatal-fallback button{min-height:44px;padding:0 20px;border:0;border-radius:12px;color:var(--market-night);background:var(--saffron);font-size:12px;font-weight:850;letter-spacing:.06em;cursor:pointer}.recovery-panel button:hover,.fatal-fallback button:hover{filter:brightness(1.08)}.recovery-panel button:focus-visible,.fatal-fallback button:focus-visible,.touch-control:focus-visible{outline:3px solid #fff;outline-offset:3px}.results-footer button:focus-visible,.results-share-text:focus-visible{outline:3px solid var(--market-red-deep);outline-offset:3px}.fatal-fallback{display:grid;width:100%;min-height:100vh;min-height:100dvh;padding:28px;place-content:center;color:var(--ink);background:radial-gradient(circle at 50% 35%,rgb(38 86 76 / 78%),transparent 45%),var(--market-night);text-align:center}.fatal-fallback__mark{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:18px;color:var(--market-night);background:var(--saffron);font-size:32px;font-weight:900}@media(pointer:coarse){.touch-controls{display:grid}.control-hint{display:none}}@media(max-width:700px){.hud-top{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));grid-template-columns:1fr auto;gap:8px}.brand-lockup{min-width:0;padding:7px 9px 7px 7px}.brand-mark{width:32px;height:32px;margin-right:8px;border-radius:9px;font-size:18px}.brand-lockup strong{font-size:12px}.brand-lockup div span{font-size:7px}.round-clock{min-width:92px;padding:8px 12px;font-size:21px}.connection-state{grid-column:1 / -1;justify-self:end;margin-top:-2px;padding:7px 10px;font-size:8px}.hud-stats{top:105px;left:max(10px,env(safe-area-inset-left));flex-direction:column;gap:3px;padding:8px 9px;font-size:8px}.hud-stats span:not(:last-child):after{content:none}.fallback-notice{top:132px;right:max(10px,env(safe-area-inset-right));max-width:calc(100% - 130px);white-space:normal}.results-overlay{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));place-items:stretch}.results-card{width:100%;height:100%;max-height:100%;border-radius:20px 20px 15px 15px}.results-awning{height:12px;background-size:74px 100%}.results-card__header{gap:10px;padding:15px 16px 13px}.results-card__header h1{font-size:clamp(38px,13vw,53px)}.results-card__header p{margin-top:5px;font-size:10px}.results-kicker{font-size:8px}.results-stamp{width:60px;padding:6px;border-width:2px;font-size:9px}.results-card__body{display:block;min-height:0;padding:16px;overflow-x:hidden;overflow-y:auto}.results-hero{min-height:max-content;padding-right:0;overflow:visible}.results-hero h2{font-size:clamp(28px,9vw,38px)}.results-metrics{margin-top:12px}.results-ranking{min-height:330px;margin-top:16px;padding:11px;overflow:visible}.results-table{overflow:visible}.results-row{grid-template-columns:34px minmax(0,1fr) 61px 48px;gap:5px;min-height:41px;padding:5px 7px;font-size:9px}.results-row>strong{font-size:9px}.results-outcome{padding:3px 5px;font-size:8px}.results-footer{min-height:0;flex-shrink:0;padding:10px 14px max(14px,env(safe-area-inset-bottom))}.results-actions{width:100%;grid-template-columns:.9fr 1.1fr;gap:8px}.results-actions button{min-height:46px;padding:0 10px;font-size:11px}.results-share-status{text-align:center}}@media(max-height:600px){.results-overlay{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.results-card__header{padding:8px 12px}.results-card__header h1{font-size:32px}.results-card__header p{display:none}.results-stamp{width:46px;padding:4px;font-size:8px}.results-card__body{padding:10px 12px}.results-footer{padding:7px 12px max(9px,env(safe-area-inset-bottom))}.results-actions button{min-height:42px}}@media(min-width:701px)and (max-height:680px){.results-card__header{padding-top:14px;padding-bottom:12px}.results-card__header h1{font-size:44px}.results-stamp{width:66px}.results-card__body{padding-top:15px;padding-bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}