*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}:root{--panel-bg: rgba(41, 32, 21, .94);--panel-bg-light: rgba(58, 46, 30, .94);--panel-border: #55432a;--panel-border-light: #6d5735;--gold: #f0b23c;--gold-bright: #ffcf6b;--cream: #f3ecd9;--muted: #b3a385;--hp-green: #7cc94e;--rate-green: #9edb6a;--violet: #8e5bb5;--warm-panel: linear-gradient(180deg, rgba(42, 31, 22, .96), rgba(23, 19, 15, .94));--warm-panel-solid: linear-gradient(180deg, rgba(48, 36, 25, .98), rgba(26, 21, 16, .97));--warm-border: rgba(190, 126, 47, .55);--warm-shadow: 0 12px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 222, 160, .08);--ready-teal: #2fb39a}html,body{width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;background:#1c2b16;user-select:none;cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpolygon%20points%3D%222%2C2%202%2C25%208%2C19%2013%2C29%2018%2C26%2012%2C17%2021%2C17%22%20fill%3D%22%23ecdfbf%22%20stroke%3D%22%233d3220%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpolygon%20points%3D%222%2C2%202%2C25%208%2C19%2012%2C17%22%20fill%3D%22%23fbf4dd%22%2F%3E%3Cpolygon%20points%3D%222%2C2%2012%2C17%2021%2C17%22%20fill%3D%22%23d8c393%22%2F%3E%3Cpolygon%20points%3D%228%2C19%2013%2C29%2018%2C26%2012%2C17%22%20fill%3D%22%23b89b63%22%2F%3E%3C%2Fsvg%3E) 2 2,auto}#app{position:relative;width:100%;height:100%}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}html,body{-webkit-touch-callout:none;overscroll-behavior:none}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}button{touch-action:manipulation}.topbar{position:absolute;top:10px;left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none!important}.topbar>*{pointer-events:auto}.logo{display:flex;flex-direction:column;line-height:.95;font-weight:900;font-size:21px;letter-spacing:1px;color:var(--gold-bright);background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:12px;padding:6px 14px;text-shadow:0 2px 0 #5c3d12,0 3px 8px rgba(0,0,0,.5);box-shadow:0 4px 16px #00000059}.logo .logo-leaf{font-size:14px;vertical-align:top;text-shadow:none}.res-pill{display:flex;align-items:center;gap:18px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:14px;padding:6px 20px;color:var(--cream);box-shadow:0 4px 16px #00000059}.res{display:flex;align-items:center;gap:7px}.res-icon{font-size:19px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.res-col{display:flex;flex-direction:column;line-height:1.05}.res-val{font-size:15px;font-weight:800}.res-val.full{color:#ff7961}.res-val.capped{color:#ffb74d}.res-rate{font-size:12.5px;font-weight:700;color:var(--rate-green)}.res-rate.negative{color:#ff8a70}.res.short .res-val{color:#ff7961}.res.short{animation:resShort .9s ease-in-out infinite}@keyframes resShort{0%,to{transform:none;filter:none}50%{transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(255,82,82,.8))}}.res.flash-short{animation:resShake .45s ease-out}.res.flash-short .res-val{color:#ff7961}@keyframes resShake{0%,to{transform:none}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.pill-divider{width:1px;align-self:stretch;background:var(--panel-border-light);margin:2px}.res-pill-stack{flex-direction:column;align-items:stretch;gap:4px;padding:11px 15px;min-width:138px;border-radius:16px;border-color:var(--panel-border-light, var(--panel-border));background:linear-gradient(180deg,#ffffff0d,#0000001f),var(--panel-bg);box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0f}.res-pill-stack .res{gap:11px;padding:3px 5px;border-radius:9px;transition:background .12s}.res-pill-stack .res:hover{background:#ffffff0f}.res-pill-stack .res-icon{font-size:21px;width:24px;text-align:center}.res-pill-stack .res-col{flex-direction:row;align-items:baseline;gap:7px;flex:1}.res-pill-stack .res-val{font-size:17px;min-width:34px}.res-pill-stack .res-rate{font-size:12px;margin-left:auto}.res-pill-stack .pill-divider{width:auto;height:1px;align-self:stretch;margin:3px 1px}.top-buttons{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:11px;background:var(--panel-bg);border:2px solid var(--panel-border);color:var(--cream);font-size:18px;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:filter .12s,transform .06s}.icon-btn:hover{filter:brightness(1.25)}.icon-btn:active{transform:scale(.94)}.control-track{position:absolute;top:62px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:12px;padding:5px 14px 7px;opacity:.7;transition:opacity .3s,box-shadow .3s;pointer-events:none!important}.control-track:not(.active) .control-bar,.control-track:not(.active) .control-label{display:none}.control-track.active{opacity:1;min-width:240px}.control-track.enemy-leading{box-shadow:0 0 14px #ff52528c}.zone-row{display:flex;align-items:center;gap:8px}.zone-title{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--gold-bright);text-shadow:0 1px 2px rgba(0,0,0,.6);margin-right:4px}.zone-chip{font-size:15px;line-height:1;padding:3px 5px;border:2px solid rgba(255,255,255,.25);border-radius:8px;background:#00000040;transition:border-color .25s,box-shadow .25s}.zone-chip.held{background:#00000073}.control-bar{width:100%;height:7px;border-radius:4px;background:#00000073;border:1px solid rgba(255,255,255,.18);overflow:hidden}.control-fill{display:block;height:100%;width:0%;border-radius:3px;transition:width .3s linear}.control-label{font-size:13px;font-weight:700;color:#f3ead6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.scoreboard{position:absolute;top:62px;right:calc(12px + env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:3px;min-width:168px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:12px;padding:6px 10px 8px;opacity:.88;box-shadow:0 4px 16px #00000059}.score-title{order:0;font-size:12px;font-weight:800;letter-spacing:1.5px;text-align:center;color:var(--gold-bright);text-shadow:0 1px 2px rgba(0,0,0,.6);margin-bottom:2px}.score-row{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--cream)}.score-dot{flex:none;width:9px;height:9px;border-radius:50%;box-shadow:0 0 4px #00000080}.score-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.score-val{font-weight:800;font-variant-numeric:tabular-nums}.score-row.leader .score-val{color:var(--gold-bright)}.score-row.leader .score-name:after{content:" 👑"}.score-row.me .score-name{color:var(--gold-bright)}.score-row.dead{opacity:.45}.hero-roster{position:absolute;top:56px;left:calc(12px + env(safe-area-inset-left,0px));display:flex;flex-direction:row;gap:5px;z-index:6;pointer-events:auto}.hero-chip{padding:0;border:none;background:none;cursor:pointer;transition:transform .08s;font:inherit;line-height:0}.hero-chip:hover{transform:translateY(-2px)}.hero-chip:hover .hero-avatar{border-color:var(--gold-bright)}.hero-chip:active{transform:scale(.94)}.hero-chip.downed .hero-avatar{animation:hero-chip-pulse 1s ease-in-out infinite}.hero-chip.off-field{opacity:.5}@keyframes hero-chip-pulse{0%,to{border-color:#e6484d}50%{border-color:#fff6}}.hero-avatar{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;border:2px solid #fff;border-radius:9px;background:#0006;box-shadow:0 2px 6px #0006}.hero-lvl{position:absolute;top:-5px;left:-5px;min-width:13px;height:13px;padding:0 2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#1c1206;background:var(--gold-bright);border-radius:7px;box-shadow:0 1px 2px #00000080}.hero-xpbar{position:absolute;left:2px;right:2px;bottom:3px;height:2px;border-radius:2px;background:#00000080;overflow:hidden}.hero-xpfill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#7ac7ff,#4b9cff);border-radius:2px;transition:width .3s ease}.hero-hpbar{position:absolute;left:2px;right:2px;bottom:0;height:3px;border-radius:2px;background:#0000008c;overflow:hidden}.hero-hpfill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#5fe07a,#33b352);border-radius:2px;transition:width .3s ease}.hero-hpfill.low{background:linear-gradient(90deg,#ffb14a,#e6484d)}.hero-hptext{display:none}.messages{position:absolute;top:148px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none!important}.messages .msg{background:var(--panel-bg);border:1px solid var(--panel-border-light);border-radius:10px;color:var(--gold-bright);padding:6px 16px;font-size:15px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);animation:msgIn .25s ease-out;transition:opacity .6s}@keyframes msgIn{0%{transform:translateY(-8px) scale(.9);opacity:0}to{transform:none;opacity:1}}.bottom-left{position:absolute;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;align-items:flex-end}.minimap-frame{position:relative;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:12px;padding:5px;box-shadow:0 4px 16px #0006}.idle-badge{position:absolute;top:-46px;left:0;display:flex;align-items:center;gap:5px;padding:6px 11px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:11px;color:var(--cream);font-family:inherit;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:filter .12s,transform .06s;animation:badge-in .18s ease-out}.idle-badge:hover{filter:brightness(1.25)}.idle-badge:active{transform:scale(.94)}.idle-badge.hidden{display:none}.map-rotate{position:absolute;top:-46px;right:0;padding:5px 12px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:11px;color:var(--cream);font-family:inherit;font-size:19px;line-height:1.4;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:filter .12s,transform .06s}.map-rotate:hover{filter:brightness(1.25)}.map-rotate:active{transform:scale(.94) rotate(20deg)}.map-ping{position:absolute;top:-46px;right:52px;padding:5px 12px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:11px;color:var(--cream);font-family:inherit;font-size:18px;line-height:1.4;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:filter .12s,transform .06s}.map-ping:hover{filter:brightness(1.25)}.map-ping:active{transform:scale(.9)}.ping-wheel{position:fixed;z-index:60;width:0;height:0;pointer-events:none}.ping-wheel.pointer .ping-wheel-seg{pointer-events:auto}.ping-wheel.hidden{display:none}.ping-wheel-hub{position:absolute;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;background:#0c1408d9;border:2px solid rgba(255,255,255,.25);box-shadow:0 0 18px #00000080}.ping-wheel-seg{position:absolute;left:0;top:0;width:74px;height:74px;margin:-37px 0 0 -37px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:50%;background:#0c1408e6;border:2px solid var(--ping-color, #ffd23f);box-shadow:0 4px 14px #00000073;color:var(--cream);cursor:pointer;transition:transform .08s,box-shadow .08s,background .08s}.ping-wheel-seg .ping-seg-icon{font-size:22px;line-height:1}.ping-wheel-seg .ping-seg-label{font-size:10px;font-weight:700;letter-spacing:.3px;text-align:center;padding:0 4px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.ping-wheel-seg.active{transform:scale(1.16);background:var(--ping-color, #ffd23f);color:#14210b;box-shadow:0 0 20px var(--ping-color, #ffd23f)}.ping-wheel-seg.active .ping-seg-label{text-shadow:none}.idle-zzz{font-size:14px}.idle-count{font-size:15px;font-weight:700;color:var(--gold-bright)}@keyframes badge-in{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.minimap{display:block;width:170px;height:170px;border-radius:8px;background:#223317;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 2px 8px #00000073}.panel-box{background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:14px;padding:12px;color:var(--cream);box-shadow:0 4px 16px #00000059}.selection-info{min-width:300px;max-width:380px;position:relative}.selection-info.hidden{display:none}.sel-card{display:flex;gap:12px;align-items:flex-start}.sel-portrait{width:62px;height:62px;flex:none;display:flex;align-items:center;justify-content:center;font-size:34px;background:var(--panel-bg-light);border:2px solid var(--panel-border-light);border-radius:10px;box-shadow:inset 0 2px 8px #00000059}.sel-card-building .sel-portrait{width:68px;height:68px;padding:5px;background:radial-gradient(120% 100% at 40% 25%,#4a3f2c,#241d13 72%,#16110a);box-shadow:inset 0 0 0 2px #6b5a34,inset 0 0 14px #0009,0 2px 6px #00000080}.sel-portrait .bld-ico{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.sel-body{flex:1;min-width:0}.sel-name{font-weight:800;font-size:16px;color:#fff}.sel-faction{font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--gold);margin-bottom:5px}.sel-hpbar{position:relative;height:16px;background:#241c11;border:1px solid var(--panel-border-light);border-radius:7px;overflow:hidden}.sel-hpfill{display:block;height:100%;background:linear-gradient(#96d968,#5fa832);border-radius:6px;transition:width .15s}.sel-hptext{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.sel-stats{display:flex;gap:18px;margin-top:8px}.stat{display:flex;align-items:center;gap:6px}.stat-icon{font-size:15px}.stat-col{display:flex;flex-direction:column;line-height:1.05}.stat-col b{font-size:15px}.stat-col small{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--muted)}.sel-badge{margin-top:8px;font-size:13px;font-weight:700;color:var(--gold-bright)}.sel-haul{font-size:11.5px;font-weight:600;line-height:1.35;color:#d8e6c4}.sel-demolish{display:block;width:100%;margin-top:9px;padding:6px 8px;font-size:12px;font-weight:700;color:#f2c9b8;background:#782c2259;border:1px solid rgba(190,84,64,.7);border-radius:5px;cursor:pointer;transition:background .12s ease}.sel-demolish:hover{background:#96342899}.sel-flavor{font-size:13px;font-style:italic;color:var(--muted);margin-top:10px;padding:8px 10px 7px;border-top:1px solid rgba(109,87,53,.5);line-height:1.35;text-align:center;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#0000001f,#00000047)}.sel-card-building .sel-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:10px;border-radius:9px;background:linear-gradient(180deg,#241f18,#1a1611);box-shadow:inset 0 0 0 1px var(--panel-border-light),inset 0 0 0 2px #0006}.sel-card-building .sel-stats .stat{flex:1 0 auto;justify-content:center;padding:8px 12px;position:relative}.sel-card-building .sel-stats .stat+.stat:before{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--panel-border-light)}.sel-card-building .sel-stats .stat-col b{font-size:17px;font-weight:800}.sel-sect{margin:13px 0 7px}.sel-sect-label{display:inline-block;padding:4px 18px 4px 11px;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-bright);background:linear-gradient(180deg,#2f2a22,#211d17);box-shadow:inset 0 0 0 1px var(--panel-border-light);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.cost-chips{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px 9px;vertical-align:-3px}.cost-chip{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--cream)}.cost-chip svg{width:14px;height:14px}.cost-chip.c-crumbs svg{color:#e8c477}.cost-chip.c-scraps svg{color:#8bbf46}.cost-chip.c-junk svg{color:#b6bcc6}.cost-chip.c-essence svg{color:#c39bff}.cost-chip.cost-short{color:#ff9a86}.cost-chip.cost-short svg{color:#ff9a86!important}.cost-meta{color:var(--muted)}.research-item .research-col{flex:1}.row-act{flex:none;width:30px;height:30px;margin-left:8px;display:flex;align-items:center;justify-content:center;border-radius:7px;pointer-events:none}.row-act svg{width:20px;height:20px}.row-act-build{color:#4a3208;background:linear-gradient(180deg,#f4d888,#d9a53c 55%,#b97f28);box-shadow:inset 0 1px #fff0c2,inset 0 -2px 4px #90561c}.row-act-up{color:#1c3407;background:linear-gradient(180deg,#a5e35a,#6aab2e 55%,#4d8420);box-shadow:inset 0 1px #d6ffa2,0 0 10px #7cbb3a73}.row-act-locked{color:#8a8072;background:linear-gradient(180deg,#3a352d,#26221c);box-shadow:inset 0 0 0 1px #574f42}.research-item:disabled .row-act-build{filter:grayscale(.5) brightness(.72)}.unit-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.unit-chip{background:var(--panel-bg-light);border:1px solid var(--panel-border-light);border-radius:8px;padding:3px 8px;font-size:14px;font-weight:700}.stance-label{margin-bottom:4px}.stance-row{display:flex;gap:4px;margin-top:2px}.stance-btn{flex:1;background:var(--panel-bg-light);border:1px solid var(--panel-border-light);border-radius:8px;padding:5px 0;font-size:17px;line-height:1;cursor:pointer;transition:background .12s,border-color .12s,filter .12s}.stance-btn:hover{filter:brightness(1.25);border-color:var(--gold-bright)}.stance-btn.active{background:var(--gold-bright);border-color:var(--gold-bright);filter:none}.queue-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.queue-row.queue-overlay{position:absolute;left:0;bottom:calc(100% + 6px);margin-top:0;flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:5px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:10px;box-shadow:0 4px 14px #0006}.queue-item.queue-square{flex:none;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px}.queue-sq-icon{position:relative;pointer-events:none}.queue-eta{position:absolute;bottom:0;right:1px;font-size:9px;font-weight:800;line-height:1;color:var(--gold-bright);text-shadow:0 1px 2px #000,0 0 2px #000;pointer-events:none}.queue-item{position:relative;overflow:hidden;background:var(--panel-bg-light);border:1px solid var(--panel-border-light);border-radius:6px;font-size:13px;padding:3px 7px;cursor:pointer}.queue-item.active{border-color:var(--gold)}.queue-item.queue-icon{padding:3px 5px;font-size:16px;line-height:1.2}.queue-fill{position:absolute;inset:0 auto 0 0;width:0%;background:#4fc3f747;pointer-events:none}.queue-label{position:relative}.queue-item.research-active .queue-fill{background:#b2ff5942}.research-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.research-item{display:flex;align-items:center;gap:8px;background:var(--panel-bg-light);border:1px solid var(--panel-border-light);border-radius:8px;padding:4px 8px;color:inherit;font:inherit;text-align:left;cursor:pointer}.research-item:hover:not(:disabled){border-color:var(--gold)}.research-item:disabled{opacity:.45;cursor:not-allowed}.research-item.locked small{color:var(--gold-bright, #ffcf6b);opacity:.85}.research-icon{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:7px;background:radial-gradient(120% 100% at 40% 25%,#3d2c15,#201a10 72%);box-shadow:inset 0 0 0 1px #5c4322}.research-col{display:flex;flex-direction:column;line-height:1.2}.research-col b{font-size:14px}.research-col small{font-size:12.5px;color:var(--muted)}.unit-chip.research-done{border-color:#8bc34ab3}.train-cards{margin-top:8px}.train-cell{position:relative;flex:none;display:flex}.train-cell .auto-train-toggle{top:-5px;right:-5px;width:19px;height:19px;font-size:12px;z-index:1}.auto-train-toggle{position:absolute;top:3px;right:3px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:999px;border:1px solid var(--panel-border-light);background:#0000004d;color:var(--muted);font-size:14px;line-height:1;cursor:pointer;transition:transform .12s ease,color .12s ease,background .12s ease}.auto-train-toggle:hover{border-color:var(--gold);color:#fff;transform:rotate(90deg)}.auto-train-toggle.on{border-color:#8bc34acc;background:#8bc34a52;color:#eaffea;box-shadow:0 0 6px #8bc34a80;animation:auto-train-spin 3.5s linear infinite}@keyframes auto-train-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-builder-toggle{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;background:var(--panel-bg-light);border:1px solid var(--panel-border-light);border-radius:8px;padding:4px 8px;color:inherit;font:inherit;text-align:left;cursor:pointer}.auto-builder-toggle:hover{border-color:var(--gold)}.auto-builder-toggle.on{border-color:#8bc34ab3;background:#8bc34a24}.auto-builder-toggle .research-col{flex:1}.auto-builder-toggle .toggle-pip{font-size:12px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:999px;background:#ffffff1a;color:var(--muted)}.auto-builder-toggle.on .toggle-pip{background:#8bc34a59;color:#eaffea}.sel-progress{margin-top:4px;height:6px;border-radius:3px;background:#00000059;border:1px solid var(--panel-border-light);overflow:hidden}.sel-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffb74d,#ffd54f);border-radius:3px}.command-panel{position:absolute;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:min(560px,55vw);padding:0 10px 10px}.command-panel.collapsed .card-row{display:none}.tab-caret{display:none;font-size:10px;margin-left:5px;transition:transform .15s}.command-panel:not(.collapsed) .tab-caret{transform:rotate(180deg)}.tab-row{display:flex;gap:4px;padding:8px 2px}.tab{display:flex;align-items:center;gap:6px;background:transparent;border:2px solid transparent;border-radius:9px;color:var(--muted);font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.6px;padding:6px 14px;cursor:pointer;transition:color .12s,background .12s}.tab .tab-icon{font-size:15px}.tab:hover{color:var(--cream)}.tab.active{background:var(--gold);border-color:var(--gold-bright);color:#3a2405;box-shadow:0 2px 8px #0000004d}.card-row{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:2px}.card{position:relative;flex:none;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:var(--panel-bg-light);border:2px solid var(--panel-border-light);border-radius:11px;color:var(--cream);font-family:inherit;padding:0;cursor:pointer;text-align:center;transition:transform .06s,filter .12s,border-color .12s}.card:hover{filter:brightness(1.18);border-color:var(--gold)}.card:active{transform:scale(.96)}.card.unaffordable{filter:grayscale(.75) brightness(.65)}.card.placing{border-color:var(--gold-bright);box-shadow:0 0 14px #ffcf6b8c}.card.locked{filter:grayscale(.9) brightness(.55)}.card.locked:after{content:"🔒";position:absolute;top:2px;right:4px;font-size:12px;filter:none}.card-icon{font-size:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.card.ability{background:linear-gradient(#54346ef2,#38214cf2);border-color:var(--violet)}.card-tip .tip-cost{color:var(--gold-bright);font-weight:700}.card-tip .tip-cost .cost-short{color:#ff6b6b}.card.ability.active{border-color:#e2c4ff;box-shadow:0 0 16px #be82ff8c}.floater-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:20}.floater{position:absolute;left:0;top:0;white-space:nowrap;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.65);will-change:transform,opacity}.floater-gain{font-size:15px;color:var(--gold-bright)}.floater-dmg{font-size:13px;color:#ff6d5a}.floater-flank{font-size:17px;color:#ffdf5a;text-shadow:0 0 7px rgba(255,120,40,.85),0 1px 3px rgba(0,0,0,.75);animation:floater-bank-pop .3s ease-out}.floater-bank{font-size:20px;color:var(--gold-bright);text-shadow:0 0 8px rgba(255,214,79,.8),0 1px 3px rgba(0,0,0,.75);animation:floater-bank-pop .35s ease-out}@keyframes floater-bank-pop{0%{letter-spacing:-1px;filter:brightness(1.9)}to{letter-spacing:0;filter:brightness(1)}}.overlay.game-menu{background:#0c090599;z-index:45;animation-duration:.12s}.menu-panel{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--panel-bg);border:2px solid var(--panel-border-light);border-radius:18px;padding:28px 40px;box-shadow:0 12px 48px #0009}.menu-title{font-size:26px;letter-spacing:2px;color:var(--gold-bright);text-shadow:0 2px 0 #5c3d12}.menu-panel .menu-btn-item{font-size:17px;padding:10px 36px;min-width:240px}.menu-panel .menu-btn-item.secondary{background:linear-gradient(#6d5735,#55432a);border-color:#8a7350;color:var(--cream);box-shadow:0 4px #3a2d1b,0 8px 18px #0006}.menu-panel .menu-btn-item.danger{background:linear-gradient(#8a4a3a,#6d3527);border-color:#b06a52;color:#ffd9cf;box-shadow:0 4px #45231a,0 8px 18px #0006}.menu-panel.pause-menu{gap:10px;min-width:400px;max-width:480px;max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px 34px 26px}.menu-panel.pause-menu .menu-btn-item{min-width:280px}@media (max-height: 560px){.menu-panel.pause-menu{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:6px;align-content:start;min-width:0;max-width:min(640px,96vw);padding:16px 22px 18px}.menu-panel.pause-menu .menu-title{grid-column:1 / -1;margin-bottom:2px}.menu-panel.pause-menu .settings-controls{grid-column:1;grid-row:2 / span 20;margin:0;align-self:start}.menu-panel.pause-menu>*:not(.menu-title):not(.settings-controls){grid-column:2;min-width:0;margin:0}.menu-panel.pause-menu>.menu-btn-item:nth-of-type(1){grid-row:2}}.menu-note{font-size:14px;color:var(--muted);font-style:italic;text-align:center;max-width:340px}.menu-panel .settings-controls{width:100%;padding:10px 0 2px;border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border)}.settings-controls .settings-row label{min-width:128px}.settings-toggle{margin-left:auto;min-width:64px;padding:6px 14px;font-family:inherit;font-weight:800;font-size:15px;letter-spacing:1px;border-radius:10px;border:2px solid #8a7350;background:linear-gradient(#6d5735,#55432a);color:var(--muted);cursor:pointer}.settings-toggle.on{background:linear-gradient(#7a9a3f,#5d7a2c);border-color:#a3c163;color:#fff}.speed-group{margin-left:auto;display:flex;gap:6px}.speed-btn{padding:6px 10px;font-family:inherit;font-weight:800;font-size:15px;border-radius:10px;border:2px solid #8a7350;background:linear-gradient(#6d5735,#55432a);color:var(--muted);cursor:pointer}.speed-btn.on{background:linear-gradient(#f6c04f,#d99a26);border-color:var(--gold-bright);color:#3a2a10}.help-text{font-size:15px;color:var(--cream);text-align:center;line-height:1.8;max-width:520px}.hover-card{position:absolute;left:0;top:0;max-width:300px;background:var(--panel-bg);border:2px solid var(--panel-border-light);border-radius:10px;padding:8px 11px;color:var(--cream);box-shadow:0 4px 16px #00000073;pointer-events:none!important;z-index:35;opacity:0;transition:opacity .08s}.hover-card.visible{opacity:1}.place-hint{position:fixed;left:0;top:0;background:#400e08eb;border:2px solid #ff6f5e;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700;color:var(--cream);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 4px 16px #00000073;pointer-events:none!important;z-index:36;opacity:0;transition:opacity .08s}.place-hint.visible{opacity:1}.place-hint b{color:#ff8a70}.hover-title{font-weight:800;font-size:15px;color:var(--gold-bright);display:flex;align-items:center;gap:6px}.hover-badge{background:var(--panel-bg-light);border-radius:7px;padding:1px 7px;font-size:12.5px;font-weight:700;color:var(--gold);white-space:nowrap}.hover-owner{font-size:13px;font-weight:700;color:var(--muted);margin-top:2px}.hover-health{height:6px;background:#241c11;border-radius:4px;overflow:hidden;margin-top:5px}.hover-health span{display:block;height:100%;background:linear-gradient(#8fd15e,#5fa832);border-radius:4px}.hover-meta{font-size:13px;color:var(--cream);margin-top:3px}.hover-flavor{font-size:13px;font-style:italic;color:var(--muted);margin-top:4px;line-height:1.35}.hover-hint{font-size:12.5px;color:#9c8c6b;margin-top:5px}.select-box{position:absolute;border:2px solid #7fff6e;background:#7fff6e1f;pointer-events:none!important;z-index:30}.touch-bar{position:absolute;right:calc(10px + env(safe-area-inset-right,0px));bottom:200px;display:flex;flex-direction:column;gap:10px;z-index:25}.touch-btn{width:52px;height:52px;border-radius:14px;background:var(--panel-bg);border:2px solid var(--panel-border-light);color:var(--cream);font-size:22px;font-family:inherit;box-shadow:0 4px 12px #00000059;cursor:pointer;touch-action:manipulation}.touch-btn:active{transform:scale(.94)}.touch-btn.hidden{display:none}.touch-btn.armed{border-color:var(--gold-bright);background:#54422af2;box-shadow:0 0 16px #ffcf6b99}@media (pointer: coarse){.card{width:58px;height:58px}.tab{padding:9px 14px}.queue-item{padding:7px 9px}.ping-wheel-seg{width:82px;height:82px;margin:-41px 0 0 -41px}.ping-wheel-seg .ping-seg-label{font-size:11.5px}}@media (max-width: 900px),(max-height: 500px){.logo{font-size:15px;padding:4px 10px}.res-pill{gap:9px;padding:4px 10px}.res-val,.res-icon{font-size:15px}.icon-btn{width:34px;height:34px;font-size:15px}.minimap{width:110px;height:110px}.scoreboard{top:50px;min-width:128px;padding:4px 8px 6px}.score-row{font-size:12px}.score-title{font-size:11px}.selection-info{min-width:0;max-width:40vw;padding:9px}.sel-portrait{width:46px;height:46px;font-size:26px}.sel-name{font-size:15px}.sel-flavor{display:none}.command-panel{max-width:46vw;right:calc(70px + env(safe-area-inset-right,0px))}.card{width:50px;height:50px}.touch-bar{bottom:170px}.faction-cards{flex-wrap:wrap;justify-content:center;gap:10px}.faction-card{width:150px;padding:12px 10px}.overlay h1{font-size:42px}.hint{max-width:92%;font-size:13px}}.vignette-shade{position:absolute;inset:0;pointer-events:none;z-index:45;background:radial-gradient(ellipse at center,#0000 35%,#080c05d9);opacity:0;animation:vignette-in 2s ease-out forwards}@keyframes vignette-in{to{opacity:1}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e2e12eb,#0c1408f7);z-index:50;color:var(--cream);animation:overlay-in .35s ease-out both}@keyframes overlay-in{0%{opacity:0}}.overlay h1{font-size:64px;letter-spacing:2px;color:var(--gold-bright);text-shadow:0 4px 0 #7a5c30,0 8px 24px rgba(0,0,0,.6);margin-bottom:4px}.overlay .subtitle{font-size:17px;color:#cfe8a8;margin-bottom:30px;font-style:italic}.faction-cards{display:flex;gap:16px;margin-bottom:26px}.faction-card{width:185px;background:#283a1aeb;border:3px solid #4a6b33;border-radius:16px;padding:16px 14px;cursor:pointer;text-align:center;transition:transform .12s,border-color .12s,box-shadow .12s}.faction-card:hover{transform:translateY(-4px)}.faction-card.selected{border-color:var(--gold-bright);box-shadow:0 0 24px #ffcf6b59;transform:translateY(-4px)}.faction-card .emoji{font-size:44px}.faction-card h3{margin:8px 0 6px;font-size:17px;color:var(--gold-bright)}.faction-card p{font-size:14px;color:#c9d6b2;line-height:1.4}.menu-row{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:15px;font-weight:700}.menu-row select{font-family:inherit;font-size:15px;font-weight:700;padding:6px 10px;border-radius:8px;border:2px solid #6b8a4a;background:#2b3d1d;color:var(--cream)}.big-btn{background:linear-gradient(#ffb547,#e08b1d);border:3px solid var(--gold-bright);border-radius:16px;color:#3a2405;font-size:24px;font-weight:900;font-family:inherit;padding:14px 54px;cursor:pointer;box-shadow:0 6px #9c6510,0 10px 24px #0006;transition:transform .08s,box-shadow .08s}.big-btn:hover{filter:brightness(1.08)}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #9c6510}.big-btn:disabled,.big-btn:disabled:hover{filter:grayscale(.55) brightness(.72);cursor:default}.big-btn:disabled:active{transform:none;box-shadow:0 6px #9c6510,0 10px 24px #0006}.hint{margin-top:22px;font-size:14px;color:#9fb586;max-width:640px;text-align:center;line-height:1.6}.gameover h1{font-size:54px}.gameover .stats{font-size:15px;margin-bottom:16px;color:#cfe8a8}.gameover .subtitle{margin-bottom:14px}.overlay.gameover{justify-content:flex-start;overflow-y:auto;padding:clamp(16px,5vh,60px) 12px}.stats-wrap{max-width:94%;overflow-x:auto;margin-bottom:16px;border:3px solid #4a6b33;border-radius:14px;background:#1e2e12bf;padding:8px 14px}.stats-table{border-collapse:collapse;font-size:16px}.stats-table th,.stats-table td{padding:5px 14px;text-align:right;white-space:nowrap}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table thead th{color:var(--gold-bright);border-bottom:2px solid #4a6b33;font-size:15px}.stats-table tbody tr:nth-child(odd){background:#283a1a80}.stats-table td.best{color:var(--gold-bright);font-weight:900}.gameover .highlights{font-size:15px;color:#cfe8a8;line-height:1.9;margin-bottom:20px;text-align:center;max-width:660px;padding:0 12px}.summary-mvp{display:flex;align-items:center;gap:14px;max-width:560px;width:92%;margin:4px 0 16px;padding:10px 18px 10px 14px;border-radius:14px;border:2px solid var(--accent, #4a6b33);border-left:8px solid var(--accent, #4a6b33);background:linear-gradient(100deg,#ffffff14,#1e2e12b3);box-shadow:0 6px 22px #00000059}.summary-mvp .mvp-medal{font-size:40px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.summary-mvp .mvp-title{font-size:13px;letter-spacing:2px;color:var(--gold-bright);font-weight:800}.summary-mvp .mvp-name{font-size:20px;font-weight:800;color:#fff;margin:1px 0}.summary-mvp .mvp-reason{font-size:15px;color:#cfe8a8}.reward-panel{width:92%;max-width:560px;margin:2px 0 18px;padding:14px 18px 16px;border-radius:14px;border:2px solid #6b5a1f;background:linear-gradient(160deg,#3c300cb3,#18220ec7);box-shadow:0 6px 22px #0006}.reward-head{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:10px}.reward-xp-icon{font-size:22px}.reward-xp-earned{font-size:26px;font-weight:900;color:var(--gold-bright);letter-spacing:1px}.reward-level{display:flex;align-items:center;gap:10px;margin-bottom:4px}.reward-lv-chip{flex:0 0 auto;font-size:13px;font-weight:800;letter-spacing:1px;color:#0d1206;background:var(--gold-bright);border-radius:8px;padding:4px 9px}.reward-lv-track{position:relative;flex:1 1 auto;height:18px;border-radius:9px;background:#0006;border:1px solid #6b5a1f;overflow:hidden}.reward-lv-fill{height:100%;width:0;border-radius:9px 0 0 9px;background:linear-gradient(90deg,#d8a72a,#f7d34b);box-shadow:0 0 10px #f7d34b99;transition:width .12s linear}.reward-lv-into{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.reward-levelup{text-align:center;font-size:15px;font-weight:900;letter-spacing:2px;color:#f7d34b;margin:6px 0 2px}.reward-levelup.pop{animation:rewardPop .5s ease-out}@keyframes rewardPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.reward-breakdown{margin:10px 0 2px;font-size:13px;color:#cfe8a8;line-height:1.7}.reward-line{display:flex;justify-content:space-between;gap:12px}.reward-line-xp{color:var(--gold-bright);font-weight:700}.reward-unlocks{margin-top:12px}.reward-unlocks-title{text-align:center;font-size:14px;font-weight:800;letter-spacing:1px;color:#f7d34b;margin-bottom:8px}.reward-unlock-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.reward-unlock-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:2px solid #6b5a1f;background:#141e0cd9;max-width:260px;opacity:0;transform:translateY(10px) scale(.9) rotateX(40deg)}.reward-unlock-card.revealed{animation:unlockFlip .5s cubic-bezier(.2,1.2,.4,1) forwards}@keyframes unlockFlip{0%{opacity:0;transform:translateY(10px) scale(.9) rotateX(40deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.reward-unlock-card .ru-icon{font-size:30px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.reward-unlock-card .ru-kind{font-size:10px;letter-spacing:2px;color:#f7d34b;font-weight:800}.reward-unlock-card .ru-name{font-size:16px;font-weight:800;color:#fff}.reward-unlock-card .ru-desc{font-size:11px;color:#b9cf95;line-height:1.35}.big-btn.reward-cta{animation:ctaPulse 2.2s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 0 #f7d34b00}50%{box-shadow:0 0 22px #f7d34b8c}}.summary-graphs{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:18px;max-width:96%}.chart-box{flex:1 1 300px;max-width:460px;border:2px solid #4a6b33;border-radius:12px;background:#1e2e12b3;padding:8px 12px 10px}.chart-title{font-size:14px;font-weight:700;color:var(--gold-bright);margin-bottom:4px}.chart-svg{width:100%;height:110px;display:block}.chart-grid{stroke:#ffffff17;stroke-width:1}.chart-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}.chart-leg{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#cfe8a8}.chart-leg i{width:12px;height:3px;border-radius:2px;display:inline-block}.gameover-share{margin-bottom:6px}.overlay.share-card{gap:16px;background:#060a04db;z-index:60;overflow-y:auto;padding:clamp(16px,4vh,48px) 12px}.share-card-title{font-size:22px;font-weight:800;letter-spacing:2px;color:var(--gold-bright)}.share-card-canvas{width:min(92vw,720px);height:auto;border-radius:14px;border:3px solid #4a6b33;box-shadow:0 12px 40px #0000008c}.share-card-actions{flex-wrap:wrap;justify-content:center;gap:10px}.overlay.credits-roll{justify-content:flex-end;align-items:center;overflow:hidden;background:transparent;padding:0}.overlay.credits-roll:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#060a0459,#060a04d1);pointer-events:none;z-index:0}.credits-stage{position:absolute;inset:0;z-index:1;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%)}.credits-reel{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;align-items:center;gap:34px;text-align:center;padding:0 20px}.credits-reel.rolling{animation:creditsRoll 46s linear forwards}@keyframes creditsRoll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 100vh))}}.credits-logo{width:min(360px,74vw);height:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6));margin-bottom:6px}.credits-block{display:flex;flex-direction:column;align-items:center;gap:4px}.credits-role{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-bright);font-weight:800;margin-bottom:4px}.credits-name{font-size:21px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}.credits-outro .credits-name{font-size:26px;color:var(--gold-bright)}.credits-career{border:2px solid #6b5a1f;border-radius:14px;background:#18220eb3;padding:14px 26px}.credits-career .credits-name{font-size:17px}.credits-controls{position:absolute;bottom:clamp(16px,4vh,40px);z-index:2;display:flex;gap:12px}@media (max-width: 700px){.scoreboard{top:104px}.gameover h1{font-size:38px}.stats-table{font-size:14px}.stats-table th,.stats-table td{padding:4px 8px}.gameover .highlights{font-size:14px;line-height:1.7}.summary-mvp .mvp-name{font-size:17px}.summary-mvp .mvp-reason{font-size:13px}}.net-row{gap:8px;flex-wrap:wrap;justify-content:center}.net-btn{background:var(--panel-bg-light);border:2px solid var(--panel-border-light);color:var(--gold-bright);font-family:inherit;font-weight:700;font-size:16px;padding:8px 14px;border-radius:8px;cursor:pointer}.net-btn:hover{border-color:var(--gold)}.return-to-results{position:fixed;top:16px;right:16px;z-index:60;background:var(--panel-bg-light);border:2px solid var(--panel-border-light);color:var(--gold-bright);font-family:inherit;font-weight:700;font-size:15px;padding:8px 14px;border-radius:8px;cursor:pointer;box-shadow:0 4px 14px #00000073}.return-to-results:hover{border-color:var(--gold)}.code-input{width:130px;background:var(--panel-bg);border:2px solid var(--panel-border);color:var(--cream);font-family:inherit;font-weight:700;font-size:15px;letter-spacing:3px;text-align:center;padding:8px 6px;border-radius:8px;text-transform:uppercase}.net-hint{max-width:560px}.room-code{font-size:18px;color:var(--muted);margin:4px 0 2px}.room-code b{color:var(--gold-bright);font-size:26px;letter-spacing:6px;margin-left:6px}.seat-list{display:flex;flex-direction:column;gap:6px;min-width:300px;margin:10px 0}.seat{display:flex;align-items:center;gap:11px;min-height:58px;background:linear-gradient(180deg,#34281be6,#1e1811e6),linear-gradient(90deg,color-mix(in srgb,var(--fac, transparent) 22%,transparent),transparent 42%);border:1px solid rgba(190,126,47,.28);border-radius:12px;padding:8px 14px 8px 11px;color:var(--cream)}.seat{border-left:5px solid var(--fac, var(--panel-border))}.seat.seat-self{background:linear-gradient(180deg,#463622f2,#2a2116f2),linear-gradient(90deg,color-mix(in srgb,var(--fac, transparent) 30%,transparent),transparent 46%);border-color:#f0b23c80}.seat-slot{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:800;color:var(--gold-bright);background:#0a08048c;border:1px solid rgba(190,126,47,.35);border-radius:8px}.seat-fac{font-size:28px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.seat-name{font-weight:800;font-size:15px;min-width:90px}.seat-role{color:#d8c79a;font-weight:700;font-size:13px;margin-left:auto}.seat-fac-pick{cursor:pointer;border-radius:5px;transition:color .12s,background .12s}.seat-fac-pick:hover{color:var(--cream);background:#ffffff14}.seat-ping{font-size:11px;font-weight:700;color:var(--muted);background:#ffffff0d;border-radius:6px;padding:3px 7px;white-space:nowrap;font-variant-numeric:tabular-nums}.seat-ping.ping-good{color:#a9ecc6}.seat-ping.ping-ok{color:#ffe08a}.seat-ping.ping-bad{color:#ffb0a8}.seat-team{font-family:inherit;font-size:12px;font-weight:700;color:var(--cream);background:#ffffff0f;border:2px solid var(--panel-border);border-radius:6px;padding:3px 8px;white-space:nowrap}button.seat-team{cursor:pointer}button.seat-team:hover{border-color:var(--cream)}.seat-team.team-0{color:var(--muted)}.seat-team.team-1{border-color:#4da3ff;color:#9fccff}.seat-team.team-2{border-color:#ff6a5e;color:#ffb0a8}.seat-team.team-3{border-color:#58d68d;color:#a9ecc6}.seat-team.team-4{border-color:#c39bd3;color:#e3cdf0}.seat-hcrole{font-family:inherit;font-size:12px;font-weight:700;background:#ffffff0f;border:2px solid var(--panel-border);border-radius:6px;padding:3px 8px;white-space:nowrap}.seat-hcrole.is-cmd{border-color:#ffcf6a;color:#ffe4a6}.seat-hcrole.is-hero{border-color:#7fd3ff;color:#bfe9ff}button.seat-hcrole{cursor:pointer}button.seat-hcrole:hover{border-color:var(--cream)}.seat-x{font-family:inherit;font-size:12px;font-weight:700;line-height:1;color:#ffb0a8;background:#ff6a5e1f;border:2px solid rgba(255,106,94,.5);border-radius:6px;padding:3px 8px;cursor:pointer}.seat-x:hover{background:#ff6a5e47;border-color:#ff6a5e;color:#fff}.seat.empty{border-style:dashed;opacity:.9}.seat.empty .seat-fac{opacity:.7}.seat.empty .seat-name{color:var(--muted);min-width:0}.seat-add{margin-left:auto;font-family:inherit;font-size:12px;font-weight:700;color:#a9ecc6;background:#58d68d1f;border:2px solid rgba(88,214,141,.5);border-radius:6px;padding:4px 10px;cursor:pointer}.seat-add:hover{background:#58d68d42;border-color:#58d68d;color:#fff}.seat-ready{font-size:11px;font-weight:700;border-radius:6px;padding:3px 7px;white-space:nowrap}.seat-ready.is-ready{color:#a9ecc6;background:#58d68d29;border:2px solid rgba(88,214,141,.55)}.seat-ready.not-ready{color:#e7c99b;background:#d6aa5824;border:2px solid rgba(214,170,88,.5)}.vote-bar{margin-top:12px;padding:10px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:10px}.vote-title{font-weight:700;color:var(--cream);margin-bottom:8px;font-size:14px}.vote-btn-row{display:flex;gap:8px}.vote-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:inherit;font-weight:700;font-size:13px;color:var(--cream);background:#ffffff0d;border:2px solid var(--panel-border);border-radius:8px;padding:8px 6px;cursor:pointer}.vote-btn:hover{border-color:var(--cream)}.vote-btn .vote-count{font-size:15px;color:var(--muted);min-width:22px;text-align:center;border-radius:999px;background:#00000047}.vote-btn.mine{border-color:var(--gold);color:var(--gold-bright)}.vote-btn.leading{background:#ffd27824}.vote-btn.leading .vote-count{color:var(--gold-bright)}.ready-btn.is-ready{filter:hue-rotate(70deg) saturate(1.1)}.fac-btn{background:var(--panel-bg);border:2px solid var(--panel-border);color:var(--cream);font-family:inherit;font-size:15px;padding:6px 10px;border-radius:8px;cursor:pointer}.fac-btn.selected{border-color:var(--gold);color:var(--gold-bright)}.fac-info{margin-top:10px;width:100%;background:#00000047;border:2px solid var(--panel-border);border-radius:10px;padding:10px 12px;box-sizing:border-box;text-align:left}.fac-info-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.fac-info-emoji{font-size:20px}.fac-info-name{font-weight:700;color:var(--gold-bright);font-size:16px}.fac-info-blurb{margin:2px 0 8px;font-size:13px;font-style:italic;color:#cbd8bb}.fac-info-cols{display:flex;gap:14px}.fac-info-pros,.fac-info-cons{flex:1;min-width:0}.fac-info-cols h5{margin:0 0 4px;font-size:13px;letter-spacing:.04em}.fac-info-pros h5{color:#8bd98b}.fac-info-cons h5{color:#e79b9b}.fac-info-cols h5 .pm{font-weight:900;font-size:15px;margin-right:1px}.fac-info-cols ul{margin:0;padding-left:16px;font-size:12.5px;line-height:1.35;color:var(--cream)}.fac-info-cols li{margin-bottom:3px}.fac-info-ability{margin-top:8px;padding-top:7px;border-top:1px solid var(--panel-border);font-size:12.5px;line-height:1.35;color:#cbd8bb}.fac-info-ability b{color:var(--gold-bright)}.net-wait{position:fixed;top:64px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:2px solid var(--gold);color:var(--gold-bright);font-weight:700;padding:8px 16px;border-radius:10px;z-index:60;pointer-events:none}.net-wait.catchup{top:110px;z-index:61}.invite-row{flex-wrap:wrap;justify-content:center}.invite-link{font-family:monospace;font-size:15px;background:#00000059;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;user-select:all;max-width:min(70vw,460px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gameover-actions{justify-content:center;align-items:center;gap:14px}.overlay.home{justify-content:space-between;padding-top:22px;overflow-y:auto;background:radial-gradient(ellipse at 50% 26%,#344a1e47,#0a100600 60%),linear-gradient(180deg,#0f160957,#0a10061f 40%,#060a039e),url(/images/menu-bg.webp) center 42% / cover no-repeat,linear-gradient(180deg,#14200c,#223313 45%,#0b1105)}.overlay.home .home-diorama{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.overlay.home:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#080c0400 34%,#080c04b8),linear-gradient(180deg,#0a10069e,#0a100647 34%,#060a038c 78%,#040702e6)}.overlay.home>.home-top,.overlay.home>.home-body,.overlay.home>.home-community{position:relative;z-index:1}.overlay.home:before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='150' viewBox='0 0 220 150'%3E%3Cg fill='%230d1706'%3E%3Cpath d='M0 150 Q8 60 14 52 Q17 95 26 150Z'/%3E%3Cpath d='M30 150 Q42 30 50 24 Q52 80 64 150Z'/%3E%3Cpath d='M70 150 Q76 84 82 78 Q86 110 94 150Z'/%3E%3Cpath d='M100 150 Q112 44 122 36 Q124 90 138 150Z'/%3E%3Cpath d='M144 150 Q150 92 156 86 Q160 116 168 150Z'/%3E%3Cpath d='M172 150 Q184 52 194 46 Q196 96 210 150Z'/%3E%3C/g%3E%3Cg fill='%23142309' opacity='0.85'%3E%3Cpath d='M16 150 Q26 76 34 70 Q36 108 46 150Z'/%3E%3Cpath d='M84 150 Q94 62 104 56 Q106 104 118 150Z'/%3E%3Cpath d='M156 150 Q168 70 178 64 Q180 108 194 150Z'/%3E%3C/g%3E%3C/svg%3E") repeat-x bottom;opacity:.9}.home-top{text-align:center;padding:26px 16px 4px;z-index:1}.home-title{display:inline-flex;margin:0 0 12px}.home-logo{display:block;width:clamp(260px,46vw,560px);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}.home-body{flex:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px clamp(18px,4vw,54px) 22px}.home-updates{width:340px;max-width:40vw;display:flex;flex-direction:column;gap:12px;padding:16px;background:#0e1209d1;border:1.5px solid rgba(240,178,60,.28);border-radius:16px;box-shadow:0 10px 30px #00000073;backdrop-filter:blur(3px)}.updates-head{display:flex;align-items:center;gap:8px;color:var(--gold-bright);font-weight:800;font-size:15px;letter-spacing:2px}.updates-icon{filter:drop-shadow(0 0 6px rgba(255,207,107,.5))}.updates-list{display:flex;flex-direction:column;gap:10px}.update-row{display:flex;gap:11px;align-items:flex-start;padding:10px 11px;background:#00000038;border:1px solid rgba(240,178,60,.12);border-radius:12px;transition:border-color .12s,background .12s}.update-row:hover{border-color:#f0b23c59;background:#00000052}.update-icon{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f0b23c24;border:1px solid rgba(240,178,60,.3);border-radius:10px}.update-body{min-width:0}.update-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 7px;border-radius:999px;margin-bottom:4px}.tag-new{background:#3f9d4a;color:#eaffef}.tag-note{background:#966edceb;color:#f3ecff}.update-title{font-weight:800;font-size:13px;letter-spacing:.5px;color:var(--cream)}.update-desc{margin-top:2px;font-size:12px;line-height:1.4;color:#b7ab8e}.patch-btn{width:100%;padding:9px;background:#f0b23c24;border:1px solid rgba(240,178,60,.4);border-radius:10px;color:var(--gold-bright);font-family:inherit;font-weight:800;font-size:12px;letter-spacing:1px;cursor:pointer;transition:background .12s}.patch-btn:hover{background:#f0b23c42}.home-actions{width:420px;max-width:46vw;display:flex;flex-direction:column;gap:14px}.home-action{display:flex;align-items:center;gap:16px;padding:14px 18px;border:none;border-radius:14px;cursor:pointer;text-align:left;color:#fff;font-family:inherit;box-shadow:0 6px #00000047,0 12px 26px #0006;transition:transform .08s,filter .12s}.home-action:hover{transform:translateY(-2px);filter:brightness(1.08)}.home-action:active{transform:translateY(2px);box-shadow:0 2px #00000047}.action-icon{flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#ffffff38;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff40}.action-text{display:flex;flex-direction:column;min-width:0}.action-title{font-size:20px;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 3px rgba(0,0,0,.35)}.action-sub{font-size:13px;font-weight:600;opacity:.92}.act-fight{background:linear-gradient(180deg,#f2ad42,#d9781b)}.act-tutorial{background:linear-gradient(180deg,#4f95d6,#2f6bab)}.act-hero{background:linear-gradient(180deg,#9264d8,#6c3fb0)}.act-ai{background:linear-gradient(180deg,#33b6a6,#1d8a80)}.home-join{display:flex;align-items:center;gap:10px;margin-top:4px;padding:8px 12px;background:#0a080480;border:1px solid rgba(240,178,60,.18);border-radius:10px}.home-join-label{font-size:12px;font-weight:700;color:#b7ab8e;white-space:nowrap}.home-join .code-input{flex:1;min-width:0}.home-community{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 20px 12px;background:linear-gradient(180deg,#140f08eb,#080603f7);border-top:2px solid rgba(240,178,60,.3)}.community-head{color:var(--gold-bright);font-weight:800;font-size:13px;letter-spacing:2px}.community-spark{filter:drop-shadow(0 0 6px rgba(255,207,107,.6))}.community-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.community-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:86px;padding:8px 14px;background:#1e180eb3;border:1px solid rgba(240,178,60,.2);border-radius:12px;color:var(--cream);font-family:inherit;font-weight:700;font-size:11px;letter-spacing:1px;cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.community-btn:hover{border-color:var(--gold);background:#2c2210d9;transform:translateY(-2px)}.community-icon{font-size:20px}.community-icon-img{width:34px;height:34px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));transition:transform .08s}.community-btn:hover .community-icon-img{transform:scale(1.08)}.community-label{white-space:nowrap}.home-toast{position:fixed;bottom:104px;left:50%;z-index:80;transform:translate(-50%) translateY(10px);padding:10px 18px;background:#140f08f2;border:1px solid rgba(240,178,60,.4);border-radius:10px;color:var(--gold-bright);font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.home-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.patch-lead{margin-bottom:14px;font-size:14px;color:#cfc3a4}.patch-entry{margin-bottom:14px}.patch-entry .update-tag{margin-bottom:6px}.credits-thanks{margin-top:16px;font-style:italic;color:var(--gold-bright)}.overlay.skirmish{justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#78521e4d,#0a0c0600 55%),linear-gradient(180deg,#10160b66,#0a0e0729 42%,#06080499),url(/images/menu-bg.webp) center 42% / cover no-repeat,linear-gradient(180deg,#1a2410,#22301a 42%,#0c0f07)}.overlay.skirmish .home-diorama{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.setup-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 84%,#ff963638,#ff963600 40%),radial-gradient(ellipse at 50% 46%,#06080400 30%,#060804ad),linear-gradient(180deg,#080a058c,#080a051f 26%,#06080480 74%,#040503e6)}.overlay.skirmish>.setup-header,.overlay.skirmish>.setup-body,.overlay.skirmish>.setup-bottom{position:relative;z-index:2}.overlay.skirmish>.setup-body{flex:1;min-height:0;overflow-y:auto}.setup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px clamp(20px,3.4vw,40px) 18px}.setup-titles{text-align:left;min-width:0}.setup-header h1{margin:0;text-align:left;font-size:clamp(34px,4.4vw,54px);line-height:1;letter-spacing:1px;font-weight:900;background:linear-gradient(180deg,#ffe9a6 6%,#f6bf46 52%,#d9811b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgba(74,47,12,.95)) drop-shadow(0 9px 18px rgba(0,0,0,.55))}.setup-subtitle{margin:10px 0 0;text-align:left;font-size:clamp(13px,1.4vw,16px);font-style:italic;color:#d8c79a;max-width:640px}.setup-roomctl{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:12px 14px;background:var(--warm-panel);border:1px solid var(--warm-border);border-radius:14px;box-shadow:var(--warm-shadow)}.setup-roomctl .room-code{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--muted);background:#0a0804b3;border:1px solid rgba(190,126,47,.4);border-radius:10px;padding:7px 14px}.setup-roomctl .room-code b{font-size:24px;letter-spacing:6px;color:var(--gold-bright);text-shadow:0 2px 4px rgba(0,0,0,.5)}.setup-roomctl .invite-row{display:flex;gap:8px;align-items:center;width:100%;margin:0}.setup-roomctl .invite-link{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);background:#0a080480;border:1px solid rgba(190,126,47,.28);border-radius:9px;padding:8px 12px}.invite-copy{white-space:nowrap;background:linear-gradient(180deg,#f2ad42,#d9781b);border:1px solid rgba(255,222,160,.5);color:#3a2405;font-weight:800;border-radius:9px;padding:8px 14px;box-shadow:0 4px #8c4e0c99,0 6px 14px #00000059}.invite-copy:hover{filter:brightness(1.07);border-color:var(--gold-bright)}.setup-body{display:grid;grid-template-columns:minmax(290px,310px) minmax(320px,1fr) minmax(340px,360px);align-items:start;gap:18px;padding:4px clamp(20px,3.4vw,40px) 20px}.setup-rail,.setup-center,.setup-side{background:var(--warm-panel);border:1px solid var(--warm-border);border-radius:14px;box-shadow:var(--warm-shadow);padding:16px}.setup-rail{display:flex;flex-direction:column;gap:14px;align-items:stretch}.setup-rail .fac-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0}.setup-rail .setup-hint{text-align:left;margin:0;font-size:12px}.rail-h{font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--gold-bright);margin-bottom:8px;text-transform:uppercase}.rail-block{background:#0000003d;border:1px solid rgba(190,126,47,.22);border-radius:12px;padding:12px 14px}.mode-badge{display:flex;flex-direction:column}.mode-badge .rail-h{margin-bottom:6px}.mode-badge .mode-name{font-size:20px;font-weight:900;color:var(--gold-bright)}.mode-badge .mode-sub{font-size:12px;color:var(--muted)}.pool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pool-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:84px;padding:10px 6px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--fac) 26%,rgba(10,8,4,.6)),color-mix(in srgb,var(--fac) 8%,rgba(10,8,4,.82)));border:2px solid color-mix(in srgb,var(--fac) 65%,transparent);box-shadow:inset 0 1px #ffffff14,0 4px 12px #0000004d}.pool-crest{position:absolute;top:5px;right:6px;font-size:13px;opacity:.9}.pool-emoji{font-size:30px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.pool-name{font-size:12px;font-weight:800;letter-spacing:.3px;text-align:center;color:var(--cream)}.setup-rail .fac-btn{flex:1 1 calc(50% - 8px);min-width:0;font-size:14px;font-weight:700;padding:10px 12px;border-radius:10px;text-align:center}.setup-rail .fac-info{background:#0000003d;border:1px solid rgba(190,126,47,.22);border-radius:12px;padding:12px 14px}.setup-center{display:flex;flex-direction:column;max-height:340px}.center-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.center-h-title{font-size:17px;font-weight:800;letter-spacing:1.5px;color:var(--gold-bright);text-transform:uppercase}.center-h-rule{width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold-bright),rgba(240,178,60,0))}.setup-center .seat-list{width:100%;min-width:0;margin:0;gap:8px;overflow-y:auto;flex:1;padding-right:2px}.setup-center .vote-bar{margin-top:12px;flex:0 0 auto}.setup-side{padding:0;overflow:hidden;display:flex;flex-direction:column}.setup-side .setup-panel,.setup-side .map-pane,.setup-side .guest-note>p{flex:0 0 auto}.side-head{display:flex;gap:4px;padding:10px 12px 0;border-bottom:1px solid rgba(190,126,47,.28)}.side-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.5px;color:var(--muted);background:transparent;border:none;border-bottom:4px solid transparent;padding:11px 6px 12px;cursor:pointer;transition:color .12s,background .12s}.side-tab:hover{color:var(--cream)}.side-tab.selected{color:var(--gold-bright);border-bottom-color:var(--gold-bright);background:linear-gradient(180deg,#ffcf6b1f,#ffcf6b00)}.side-head.static{display:block;font-size:15px;font-weight:800;letter-spacing:.5px;color:var(--gold-bright);padding:14px 16px}.setup-panel{background:transparent;border:none;border-radius:0;padding:6px 18px 14px;margin:0}.map-pane{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px}.map-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-card{display:flex;flex-direction:column;gap:4px;align-items:center;padding:12px 8px 10px;background:linear-gradient(180deg,#3a2c1cf2,#261d13f2);border:1px solid rgba(190,126,47,.4);border-radius:12px;color:var(--cream);font-family:inherit;cursor:pointer;transition:border-color .1s,filter .1s,transform .06s,box-shadow .1s}.map-card:hover{border-color:var(--gold);filter:brightness(1.08)}.map-card:active{transform:translateY(1px)}.map-card.selected{background:linear-gradient(180deg,#5a3c16f2,#3a260ef2);border-color:var(--gold-bright);box-shadow:0 0 14px #ffb43c59,inset 0 1px #ffffff26;transform:translateY(-1px)}.map-card-shot{font-size:28px;line-height:1.2}.map-card-name{font-size:13px;font-weight:800;color:var(--gold-bright);text-align:center;letter-spacing:.3px}.map-card-tags{font-size:10px;color:var(--muted);text-align:center;letter-spacing:.2px}.map-detail{display:flex;flex-direction:column;gap:8px}.map-shot{font-size:44px;text-align:center;padding:18px 0;background:linear-gradient(160deg,#46642e80,#1e2e1680);border:1px solid rgba(190,126,47,.3);border-radius:12px}.map-name{font-size:19px;font-weight:800;color:var(--gold-bright);text-align:center}.map-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.map-tag{font-size:11px;font-weight:700;letter-spacing:.4px;color:#3a2405;background:linear-gradient(180deg,#ffc153,#e08b1d);border-radius:999px;padding:2px 10px}.map-blurb{font-size:12px;line-height:1.45;color:var(--cream);text-align:center;opacity:.9;padding:0 4px}.map-meta{display:flex;flex-direction:column;gap:7px}.map-meta div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.map-meta span{color:var(--muted)}.map-meta b{color:var(--cream);text-align:right}.map-note{font-size:12px;color:var(--muted);font-style:italic;text-align:center}.guest-note{color:var(--cream)}.guest-note p{font-size:13px;line-height:1.5;margin:12px 16px;color:var(--muted)}.guest-note b{color:var(--cream)}.setup-row{padding:14px 0 15px;border-bottom:1px solid rgba(190,126,47,.18)}.setup-row:last-child{border-bottom:none}.setup-label{font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--gold-bright);margin-bottom:10px;text-transform:uppercase}.setup-choices{display:flex;flex-wrap:wrap;gap:8px}.opt-btn{height:34px;background:linear-gradient(180deg,#3a2c1cf2,#261d13f2);border:1px solid rgba(190,126,47,.4);color:var(--cream);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.4px;padding:0 16px;border-radius:999px;cursor:pointer;transition:border-color .1s,color .1s,transform .06s,filter .1s}.opt-btn:hover{border-color:var(--gold);filter:brightness(1.08)}.opt-btn:active{transform:translateY(1px)}.opt-btn.selected{background:linear-gradient(180deg,#ffc153,#e08b1d);border-color:var(--gold-bright);color:#3a2405;box-shadow:0 0 14px #ffb43c66,inset 0 1px #fff6;transform:translateY(-1px)}.setup-hint{margin-top:10px;font-size:12px;color:#c9b98f;line-height:1.45;min-height:18px}.setup-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:12px clamp(20px,3.4vw,40px) 14px;background:linear-gradient(180deg,#16100980,#0a0703f0);border-top:1px solid rgba(190,126,47,.4);box-shadow:0 -8px 26px #0006}.setup-bottom-left{display:flex;flex-direction:column;gap:4px;min-width:0}.lobby-status{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.ls-item{font-size:13px;color:var(--muted);white-space:nowrap}.ls-item b{color:var(--gold-bright);font-size:17px;font-weight:800}.ls-conn{color:#7ee0c4;font-weight:700}.setup-status-line{font-size:12px;color:#d8c79a;text-align:left;min-height:14px;max-width:620px}.setup-actions{display:flex;align-items:center;gap:14px}.setup-actions .net-btn{white-space:nowrap}.setup-bottom .big-btn{min-width:224px;min-height:56px;font-size:clamp(18px,2.2vw,22px);padding:0 clamp(20px,3vw,36px);white-space:nowrap;box-shadow:0 6px #9c6510,0 10px 26px #00000073,0 0 22px #ffaa3259}.setup-bottom .ready-btn.is-ready{background:linear-gradient(180deg,#37c9ac,#1d8f7c);box-shadow:0 6px #135e50,0 10px 26px #00000073}@media (max-width: 1040px){.setup-body{grid-template-columns:minmax(260px,300px) 1fr}.setup-side{grid-column:1 / -1}.setup-center{max-height:none}}@media (max-width: 760px){.overlay.skirmish{overflow-y:auto}.setup-body{grid-template-columns:1fr}.setup-body>*{min-width:0}.setup-rail .pool-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.seat{flex-wrap:wrap;row-gap:6px}.seat-name{min-width:0}.setup-header{justify-content:center;padding:22px 16px 14px}.setup-titles,.setup-header h1,.setup-subtitle{text-align:center}.setup-roomctl{align-items:center;width:100%}.setup-roomctl .invite-row{width:100%}.invite-copy{flex:1}.setup-bottom{justify-content:center}.setup-actions{flex:1;justify-content:center}.setup-status-line{text-align:center;max-width:none}}.modal-shade{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#040602a6}.modal{width:min(540px,92vw);max-height:84vh;overflow-y:auto;background:var(--panel-bg);border:2px solid #7a5c30;border-radius:16px;box-shadow:0 18px 48px #0009;color:var(--cream)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:2px solid #55432a}.modal-head h2{font-size:20px;color:var(--gold-bright);letter-spacing:1px}.modal-close{background:none;border:2px solid var(--panel-border-light);border-radius:8px;color:var(--muted);font-family:inherit;font-weight:700;font-size:16px;width:30px;height:30px;cursor:pointer}.modal-close:hover{color:var(--cream);border-color:var(--gold)}@media (pointer: coarse){.modal-close{width:44px;height:44px;font-size:18px;color:var(--cream)}}.modal-body{padding:16px 20px 20px}.modal-body h4{color:var(--gold);font-size:15px;letter-spacing:1.5px;margin:14px 0 4px}.modal-body h4:first-child{margin-top:0}.modal-body p{font-size:15px;color:#cfc3a4;line-height:1.6}.settings-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:16px;font-weight:700}.settings-row input[type=range]{flex:1;accent-color:var(--gold)}.settings-value{min-width:52px;text-align:right;color:var(--gold-bright)}.settings-note{margin-top:14px;font-size:13px;color:var(--muted);font-style:italic}@media (max-width: 900px){.overlay.home{overflow-y:auto}.home-body{flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;overflow-y:auto;padding:8px 16px 16px}.home-updates,.home-actions{width:100%;max-width:480px}}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:90;color:var(--cream);background:radial-gradient(ellipse at 50% 32%,#344a1e80,#0a100600 60%),linear-gradient(180deg,#17230d,#223313 45%,#0c1206);opacity:1;transition:opacity .55s ease}.splash.out{opacity:0;pointer-events:none}.splash-flag{font-size:54px;animation:splash-bob 2.2s ease-in-out infinite}@keyframes splash-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.splash-title{font-size:62px;font-weight:700;letter-spacing:3px;color:var(--gold-bright);text-shadow:0 4px 0 #7a5c30,0 8px 24px rgba(0,0,0,.6);margin-top:6px}.splash-tagline{font-size:16px;font-style:italic;color:#cfe8a8;margin-top:4px}.splash-loading{margin-top:34px;font-size:14px;color:var(--muted)}.splash-dots span{animation:splash-dot 1.2s infinite}.splash-dots span:nth-child(2){animation-delay:.2s}.splash-dots span:nth-child(3){animation-delay:.4s}@keyframes splash-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.match-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;z-index:70;color:var(--cream);text-align:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,var(--fac-glow) 0%,rgba(10,16,6,0) 62%),linear-gradient(180deg,#141d0c,#1c290f 45%,#0a0f05);animation:overlay-in .3s ease-out both;transition:opacity .75s ease}.match-loader.out{opacity:0;pointer-events:none}.match-loader.fac-rats{--fac-glow: rgba(141, 110, 99, .4);--fac-accent: #ffb74d}.match-loader.fac-ants{--fac-glow: rgba(216, 67, 21, .32);--fac-accent: #ffcc80}.match-loader.fac-bees{--fac-glow: rgba(251, 192, 45, .3);--fac-accent: #ffe082}.match-loader.fac-spiders{--fac-glow: rgba(106, 27, 154, .42);--fac-accent: #b2ff59}.loader-card{display:flex;flex-direction:column;align-items:center}.loader-portrait{font-size:110px;line-height:1.15;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55));animation:loader-float 3s ease-in-out infinite}@keyframes loader-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loader-kicker{margin-top:10px;font-size:12px;letter-spacing:3px;color:var(--muted)}.loader-name{font-size:46px;letter-spacing:2px;color:var(--fac-accent, var(--gold-bright));text-shadow:0 4px 0 rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.6);margin-top:4px}.loader-blurb{font-size:16px;font-style:italic;color:#d9e9bb;margin-top:6px;max-width:520px}.loader-bar{width:260px;height:8px;margin-top:26px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);overflow:hidden}.loader-bar-fill{width:40%;height:100%;border-radius:4px;background:var(--fac-accent, var(--gold));animation:loader-scan 1.4s ease-in-out infinite}@keyframes loader-scan{0%{transform:translate(-100%)}to{transform:translate(260%)}}.loader-status{margin-top:10px;font-size:13px;color:var(--muted)}.loader-tip{display:flex;align-items:center;gap:12px;max-width:640px;padding:12px 18px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#00000052;font-size:15px;color:var(--cream)}.loader-tip-label{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:2px;padding:3px 8px;border-radius:6px;color:#1c2b16;background:var(--fac-accent, var(--gold))}.loader-tip-text{text-align:left;transition:opacity .25s ease}.loader-tip-text.swap{opacity:0}.fade-shade{position:fixed;inset:0;z-index:85;pointer-events:none;background:#060a04;opacity:0;transition:opacity .26s ease-in}.fade-shade.in{opacity:1;pointer-events:all;transition:opacity .26s ease-in}.fade-shade:not(.in){transition:opacity .48s ease-out}@media (max-width: 700px){.splash-title{font-size:42px}.loader-portrait{font-size:84px}.loader-name{font-size:32px}.loader-tip{font-size:13px}}@media (pointer: coarse) and (max-height: 500px){.logo,.scoreboard{display:none}.topbar{top:6px}.res-pill{gap:9px;padding:3px 10px;border-radius:10px}.res-icon,.res-val{font-size:13px}.res-rate{font-size:10.5px}.control-track{top:46px;padding:3px 10px 5px}.hero-roster{top:40px;gap:4px}.hero-avatar{width:30px;height:30px;font-size:17px}.zone-title{font-size:10px}.zone-chip{font-size:12px;padding:2px 4px}.control-label{font-size:11px}.messages{top:86px}.messages .msg{font-size:13px;padding:4px 12px}.minimap{width:96px;height:96px}.idle-badge,.map-rotate{top:-42px}.idle-badge{font-size:14px;padding:5px 9px}.map-rotate{font-size:16px;padding:4px 10px}.selection-info{max-width:42vw;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 10px}.sel-portrait{width:42px;height:42px;font-size:24px}.sel-name{font-size:14px}.sel-stats{gap:12px;margin-top:6px}.command-panel{right:calc(64px + env(safe-area-inset-right,0px));display:flex;flex-direction:column-reverse;max-width:min(48vw,340px)}.command-panel .card-row{max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.command-panel.collapsed{box-shadow:0 4px 12px #00000059}.tab{padding:9px 14px}.tab-caret{display:inline}.card{width:46px;height:46px;border-radius:9px}.card-icon{font-size:21px}.touch-bar{bottom:auto;top:50%;transform:translateY(-50%);gap:8px}.touch-btn{width:46px;height:46px;font-size:19px;border-radius:12px}.overlay{overflow-y:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:12px 0}.menu-panel{margin:auto;padding:16px 24px;gap:8px}.menu-panel.pause-menu{min-width:min(400px,92vw);max-height:none;overflow-y:visible;padding:14px 22px 18px}.menu-title{font-size:20px}.menu-panel .menu-btn-item{font-size:15px;padding:9px 24px;min-width:230px}.help-text{font-size:13.5px;line-height:1.7}.overlay h1{font-size:34px}.gameover h1{font-size:30px}.overlay .subtitle{font-size:14px;margin-bottom:14px}.home-top{padding:12px 12px 2px}.home-logo{width:clamp(200px,62vw,340px)}.action-title{font-size:17px}.action-sub{font-size:12px}.action-icon{width:44px;height:44px;font-size:22px}.community-btn{min-width:72px;padding:7px 10px;font-size:10px}.loader-portrait{font-size:64px}.loader-name{font-size:26px}.loader-blurb{font-size:13px}}.rotate-overlay{position:fixed;inset:0;z-index:300;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:28px;color:var(--cream);background:radial-gradient(ellipse at 50% 32%,#344a1e80,#0a100600 60%),linear-gradient(180deg,#17230d,#223313 45%,#0c1206)}.rotate-phone{font-size:62px;animation:rotate-nudge 1.8s ease-in-out infinite}@keyframes rotate-nudge{0%,15%{transform:rotate(0)}55%,85%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.rotate-title{font-size:24px;font-weight:900;letter-spacing:2px;color:var(--gold-bright);text-shadow:0 2px 0 #7a5c30,0 4px 16px rgba(0,0,0,.6)}.rotate-sub{font-size:15px;color:#cfe8a8;max-width:300px;line-height:1.5}@media (pointer: coarse) and (orientation: portrait) and (max-width: 620px){.rotate-overlay{display:flex}}body:has(.overlay.home) .rotate-overlay,body:has(.overlay.skirmish) .rotate-overlay,body:has(.overlay.gameover) .rotate-overlay{display:none!important}@media (pointer: coarse) and (orientation: portrait){.overlay.home{justify-content:space-between;overflow:hidden;padding-top:6px;padding-bottom:0}.overlay.home .home-updates{display:none}.home-top{padding:10px 14px 0}.home-logo{width:clamp(180px,52vw,300px)}.home-body{flex:1 1 auto;min-height:0;align-items:center;justify-content:center;overflow:visible;gap:10px;padding:6px 14px}.home-actions{width:100%;max-width:460px;gap:10px}.home-action{padding:11px 15px}.action-icon{width:46px;height:46px;font-size:23px}.action-title{font-size:18px}.action-sub{font-size:12px}.home-join{margin-top:2px;padding:7px 12px}.home-community{flex:0 0 auto;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}.community-row{gap:6px}.community-btn{flex:1 1 auto;min-width:62px;padding:6px 9px;font-size:10px}.community-icon{font-size:17px}.community-icon-img{width:28px;height:28px}.setup-header{padding:14px 14px 10px;gap:12px}.overlay.skirmish>.setup-body{padding:4px 14px 16px;gap:14px}.setup-rail,.setup-center,.setup-side{padding:14px}.setup-bottom{padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));gap:12px}.setup-bottom-left{align-items:center;text-align:center;width:100%}.lobby-status{justify-content:center}.setup-actions{width:100%}.setup-bottom .big-btn{flex:1;min-width:0}}@media (pointer: coarse) and (max-height: 500px){.overlay.home{overflow:hidden;justify-content:space-between;padding-top:4px}.overlay.home .home-updates{display:none}.home-top{padding:6px 12px 0}.home-logo{width:clamp(160px,34vw,280px)}.home-body{flex:1 1 auto;min-height:0;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:4px 12px 6px;overflow:visible}.home-actions{width:100%;max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.home-join{grid-column:1 / -1;margin-top:0}.home-action{padding:8px 12px}.action-icon{width:40px;height:40px;font-size:20px}.action-title{font-size:16px}.action-sub{font-size:11px}.home-community{flex:0 0 auto;padding:5px 16px calc(6px + env(safe-area-inset-bottom,0px));gap:4px}.community-head{font-size:11px}.community-btn{flex:1 1 auto;min-width:58px;padding:5px 8px;font-size:10px}.community-icon{font-size:15px}.community-icon-img{width:24px;height:24px}.overlay.skirmish{overflow:hidden}.setup-header{padding:12px 16px 8px}.setup-header h1{font-size:clamp(24px,4vw,34px)}.setup-subtitle{display:none}.setup-roomctl{padding:8px 12px}.setup-roomctl .room-code b{font-size:20px;letter-spacing:4px}.overlay.skirmish>.setup-body{padding:2px 16px 12px;gap:12px}.setup-bottom{padding:8px 16px calc(10px + env(safe-area-inset-bottom,0px))}.setup-bottom .big-btn{min-height:48px}}.hero-mode .command-panel,.hero-mode .minimap-frame,.hero-mode .hero-roster,.hero-mode .touch-bar,.hero-mode .topbar,.hero-mode .control-track{display:none!important}.tutorial-btn{background:linear-gradient(#57c9b0,#2f9c86);border-color:#8ef0da;color:#06322a;box-shadow:0 6px #1c6d5c,0 10px 24px #0006}.tutorial-btn:active{box-shadow:0 2px #1c6d5c}.tutorial-panel{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(560px,92vw);background:var(--panel-bg);border:3px solid #2f9c86;border-radius:16px;padding:14px 18px 12px;color:var(--cream);z-index:48;box-shadow:0 10px 30px #00000080,0 0 0 1px #8ef0da26;pointer-events:auto}.tutorial-panel.pop{animation:tut-pop .28s ease-out}@keyframes tut-pop{0%{transform:translate(-50%) translateY(10px) scale(.98);opacity:.4}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.tut-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tut-badge{font-size:12px;font-weight:900;letter-spacing:1px;color:#8ef0da}.tut-counter{font-size:12px;color:var(--muted)}.tut-title{margin:0 0 6px;font-size:19px;color:var(--gold-bright)}.tut-body{font-size:14px;line-height:1.5;color:var(--cream)}.tut-body b{color:var(--gold-bright)}.tut-objective{margin-top:8px;padding:6px 10px;background:#2f9c8629;border:1px solid rgba(142,240,218,.4);border-radius:8px;font-size:14px;color:#cdeee5}.tut-objective b{color:#eafff9}.tut-btns{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}.tut-btn{font-family:inherit;font-weight:800;font-size:13px;padding:7px 14px;border-radius:9px;cursor:pointer;border:2px solid var(--panel-border-light);background:var(--panel-bg-light);color:var(--cream);transition:filter .08s}.tut-btn:hover{filter:brightness(1.12)}.tut-btn.primary{background:linear-gradient(#57c9b0,#2f9c86);border-color:#8ef0da;color:#06322a}.tut-btn.ghost{background:transparent;color:var(--muted)}.tutorial-highlight{outline:3px solid #8ef0da!important;outline-offset:2px;border-radius:10px;animation:tut-glow 1.4s ease-in-out infinite}@keyframes tut-glow{0%,to{box-shadow:0 0 #8ef0da8c}50%{box-shadow:0 0 18px 5px #8ef0da8c}}.overlay.tutorial-done{background:radial-gradient(ellipse at center,#14342cf0,#08120ef7)}.tut-done-card{background:var(--panel-bg);border:3px solid #2f9c86;border-radius:20px;padding:30px 36px;max-width:540px;text-align:center;box-shadow:0 16px 50px #0009}.tut-done-badge{font-size:56px;margin-bottom:6px}.tut-done-card h1{margin:0 0 12px;font-size:34px;color:var(--gold-bright)}.tut-done-card p{font-size:15px;line-height:1.6;color:var(--cream);margin:0 0 22px}.tut-done-btns{display:flex;flex-direction:column;gap:12px;align-items:center}.tut-done-btns .big-btn{font-size:18px;padding:12px 28px;width:100%}.big-btn.ghost-btn{background:linear-gradient(#3a2e1e,#2a2013);border-color:var(--panel-border-light);color:var(--cream);box-shadow:0 6px #1a140b,0 10px 24px #0006}.big-btn.ghost-btn:active{box-shadow:0 2px #1a140b}#ui-root.hud-rats{--panel-bg: rgba(38, 40, 44, .95);--panel-bg-light: rgba(56, 59, 64, .95);--panel-border: #6c7076;--panel-border-light: #969aa0;--gold: #d98a3a;--gold-bright: #ffb057;--cream: #e7e9ec;--muted: #9aa0a7}#ui-root.hud-rats .res-pill,#ui-root.hud-rats .res-pill-stack,#ui-root.hud-rats .minimap-frame,#ui-root.hud-rats .panel-box,#ui-root.hud-rats .logo,#ui-root.hud-rats .scoreboard{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 5px),linear-gradient(180deg,#ffffff0f,#00000038);border-color:#7d8188;box-shadow:0 4px 16px #00000073,inset 0 0 0 2px #00000040,inset 0 1px #ffffff1f}#ui-root.hud-rats .logo{color:var(--gold-bright);text-shadow:0 2px 0 #3a2408,0 3px 8px rgba(0,0,0,.6)}#ui-root.hud-rats .tab.active{background:var(--gold);border-color:var(--gold-bright);color:#2a1706}#ui-root.hud-ants{--panel-bg: rgba(46, 26, 16, .95);--panel-bg-light: rgba(66, 38, 22, .95);--panel-border: #8a4a24;--panel-border-light: #c07338;--gold: #e07a2b;--gold-bright: #ff9c45;--cream: #f6e2cb;--muted: #c79f7e}#ui-root.hud-ants .res-pill,#ui-root.hud-ants .res-pill-stack,#ui-root.hud-ants .minimap-frame,#ui-root.hud-ants .panel-box,#ui-root.hud-ants .logo,#ui-root.hud-ants .scoreboard{background-image:repeating-linear-gradient(115deg,rgba(0,0,0,.18) 0 6px,transparent 6px 16px),linear-gradient(180deg,#ffaa5a24,#00000047);border-color:#9c5127;box-shadow:0 4px 16px #00000073,inset 0 2px 6px #ffaa5a1f}#ui-root.hud-ants .tab.active{background:var(--gold);border-color:var(--gold-bright);color:#3a1c05}#ui-root.hud-bees{--panel-bg: rgba(58, 42, 12, .95);--panel-bg-light: rgba(82, 60, 18, .95);--panel-border: #b8892a;--panel-border-light: #f0be4f;--gold: #ffc233;--gold-bright: #ffe07a;--cream: #fff3d2;--muted: #d3b877}#ui-root.hud-bees .res-pill,#ui-root.hud-bees .res-pill-stack,#ui-root.hud-bees .minimap-frame,#ui-root.hud-bees .panel-box,#ui-root.hud-bees .logo,#ui-root.hud-bees .scoreboard{background-image:repeating-linear-gradient(60deg,rgba(255,210,90,.1) 0 1px,transparent 1px 13px),repeating-linear-gradient(-60deg,rgba(255,210,90,.1) 0 1px,transparent 1px 13px),repeating-linear-gradient(0deg,rgba(255,210,90,.08) 0 1px,transparent 1px 13px),linear-gradient(180deg,#ffd66e29,#00000038);border-color:#d19a2e;box-shadow:0 4px 16px #0006,0 0 18px #ffbe3c1f,inset 0 1px #ffe6962e}#ui-root.hud-bees .logo{color:var(--gold-bright);text-shadow:0 2px 0 #6b4a0e,0 3px 8px rgba(0,0,0,.5)}#ui-root.hud-bees .tab.active{background:var(--gold);border-color:var(--gold-bright);color:#4a3405}#ui-root.hud-spiders{--panel-bg: rgba(30, 26, 44, .95);--panel-bg-light: rgba(46, 40, 66, .95);--panel-border: #6a5a94;--panel-border-light: #9d8bc9;--gold: #b49be0;--gold-bright: #d9c8f5;--cream: #ece7f7;--muted: #a99ec6}#ui-root.hud-spiders .res-pill,#ui-root.hud-spiders .res-pill-stack,#ui-root.hud-spiders .minimap-frame,#ui-root.hud-spiders .panel-box,#ui-root.hud-spiders .logo,#ui-root.hud-spiders .scoreboard{background-image:repeating-linear-gradient(45deg,rgba(210,200,245,.06) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(210,200,245,.06) 0 1px,transparent 1px 9px),linear-gradient(180deg,#c8bcf01f,#0000003d);border-color:#7d6cae;box-shadow:0 4px 16px #00000073,0 0 16px #9682d224,inset 0 1px #dcd2fa24}#ui-root.hud-spiders .logo{color:var(--gold-bright);text-shadow:0 2px 0 #2a2140,0 3px 8px rgba(0,0,0,.55)}#ui-root.hud-spiders .tab.active{background:var(--gold);border-color:var(--gold-bright);color:#241a3a}.replay-ui{position:fixed;inset:0;z-index:40;pointer-events:none;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}.replay-ui>*{pointer-events:auto}.replay-top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between}.replay-tag{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--panel-bg);border:1px solid var(--warm-border);border-radius:999px;color:var(--gold-bright);font-weight:800;letter-spacing:2px;font-size:13px;box-shadow:var(--warm-shadow)}.replay-dot{width:10px;height:10px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:replay-blink 1.4s ease-in-out infinite}@keyframes replay-blink{0%,to{opacity:1}50%{opacity:.25}}.replay-exit{padding:8px 16px;background:var(--panel-bg);border:1px solid var(--warm-border);border-radius:10px;color:var(--cream);font-weight:700;cursor:pointer}.replay-exit:hover{border-color:var(--gold);color:var(--gold-bright)}.replay-seeking{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 22px;background:var(--panel-bg);border:1px solid var(--warm-border);border-radius:12px;color:var(--cream);font-weight:700;box-shadow:var(--warm-shadow)}.replay-bar{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--warm-panel);border:1px solid var(--warm-border);border-radius:14px;box-shadow:var(--warm-shadow)}.replay-btn{flex:0 0 auto;min-width:46px;height:40px;padding:0 12px;background:var(--panel-bg-light);border:1px solid var(--panel-border-light);border-radius:10px;color:var(--cream);font-size:16px;font-weight:800;cursor:pointer}.replay-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright)}.replay-btn:disabled{opacity:.4;cursor:default}.replay-speed{min-width:54px;font-size:14px}.replay-killcam{color:#ff9a6b;letter-spacing:1px;font-size:13px}.replay-track{position:relative;flex:1 1 auto;height:16px;margin:0 6px;background:#0006;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;touch-action:none}.replay-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(240,178,60,.55),var(--gold-bright));border-radius:8px 0 0 8px}.replay-handle{position:absolute;top:50%;width:14px;height:22px;transform:translate(-50%,-50%);background:var(--gold-bright);border:2px solid #4a3413;border-radius:5px;box-shadow:0 2px 6px #00000080;pointer-events:none}.replay-markers{position:absolute;inset:0;pointer-events:none}.replay-marker{position:absolute;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);background:#d7c9a8;border:1px solid #2a2013;pointer-events:auto;cursor:pointer}.replay-marker.mk-heroDeath{background:#ff5b5b}.replay-marker.mk-nestFell{background:#ff9a3c;border-radius:2px}.replay-marker.mk-super{background:var(--violet)}.replay-marker.mine{box-shadow:0 0 7px currentColor;width:11px;height:11px}.replay-marker:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.35)}.replay-time{flex:0 0 auto;min-width:88px;text-align:right;color:var(--cream);font-variant-numeric:tabular-nums;font-weight:700;font-size:14px}.overlay.replays .replay-list{display:flex;flex-direction:column;gap:12px;width:min(520px,90vw);margin:10px 0 22px}.replay-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--warm-panel-solid);border:1px solid var(--warm-border);border-radius:14px;color:var(--cream);cursor:pointer;text-align:left;box-shadow:var(--warm-shadow)}.replay-card:hover{border-color:var(--gold);transform:translateY(-1px)}.replay-card-icon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;background:var(--gold);color:#2a1c0c;border-radius:50%;font-size:18px;font-weight:900}.replay-card-title{font-weight:800;font-size:17px;color:var(--gold-bright)}.replay-card-meta{color:var(--muted);font-size:13px;margin-top:3px}.replay-empty{width:min(520px,90vw);padding:22px;text-align:center;color:var(--muted);background:#00000040;border:1px dashed var(--panel-border-light);border-radius:12px}.save-card{padding:0;gap:0;cursor:default;overflow:hidden}.save-card-main{flex:1 1 auto;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;font:inherit}.save-card-main:hover{background:#ffd27814}.save-card-del{flex:0 0 auto;align-self:stretch;width:56px;border:none;border-left:1px solid var(--warm-border);background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.save-card-del:hover{background:#dc46462e;color:#ff8a7a}.save-card-del.armed{background:#dc46464d;color:#ffd0c8;font-weight:800}