:root{color-scheme:dark;--ink: #f3ead8;--dim: #b9ad96;--panel: rgba(28, 22, 16, .86);--edge: rgba(255, 230, 180, .16);--s0: #ec8a34;--s1: #46c27a;--s0-glow: rgba(236, 138, 52, .45);--s1-glow: rgba(70, 194, 122, .45);--gold: #ffd36e}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1c1712;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:14px}canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0}button{font:inherit;color:var(--ink);background:#3c2e20eb;border:1px solid var(--edge);border-radius:8px;padding:7px 12px;cursor:pointer;transition:background .15s,transform .1s}button:hover{background:#5a442cf2}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(#b8762c,#8a5216);border-color:#e0a050;font-weight:700}button.primary:hover{background:linear-gradient(#c9863a,#9a6020)}#over .vote{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#over .vote.hidden,#over #again.hidden,#over #keepPlaying.hidden,#over #overVotes.hidden{display:none}#over #overVotes{margin:-6px 0 14px;color:var(--dim)}#endPhase.ready{background:linear-gradient(#b8762c,#8a5216);border-color:#e0a050;font-weight:700;animation:endReady 1.6s ease-in-out infinite}#endPhase.ready:hover{background:linear-gradient(#c9863a,#9a6020)}#endPhase.ready:disabled{animation:none}@keyframes endReady{0%,to{box-shadow:0 0 #e0a05000}50%{box-shadow:0 0 14px 3px #e0a050bf}}@media (prefers-reduced-motion: reduce){#endPhase.ready{animation:none;box-shadow:0 0 10px 2px #e0a05099}}#hud{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:8px;z-index:5;pointer-events:none;transition:opacity .4s}body:not(.playing) #hud,body:not(.playing) #tools,body:not(.playing) #log,body:not(.playing) #actions,body:not(.playing) #hint{opacity:0;pointer-events:none}#hud .side{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;font-weight:700;transition:box-shadow .3s,border-color .3s}#hud .side .ic{font-size:20px}#hud .side .vp{min-width:34px;text-align:center;font-size:20px;border-radius:6px;padding:0 6px}#hud .s0 .vp{background:var(--s0);color:#2a1404}#hud .s1 .vp{background:var(--s1);color:#05220f}#hud .s0.active{border-color:var(--s0);box-shadow:0 0 18px var(--s0-glow)}#hud .s1.active{border-color:var(--s1);box-shadow:0 0 18px var(--s1-glow)}#hud .mid{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:5px 12px;text-align:center}#round{font-family:Georgia,Times New Roman,serif;font-size:13px;color:var(--gold);letter-spacing:.05em}#phases{display:flex;gap:3px;margin-top:3px}#phases .ph{font-size:11px;padding:2px 7px;border-radius:5px;color:var(--dim);background:#ffffff0a;text-transform:uppercase;letter-spacing:.06em}#phases .ph.on{background:var(--gold);color:#2a1a06;font-weight:700}#tools{position:fixed;top:10px;right:10px;display:flex;gap:5px;z-index:6}#tools button{padding:6px 8px;min-width:34px}#tools button.off{opacity:.45}#hint{position:fixed;top:74px;left:50%;transform:translate(-50%);background:#14100cbf;border:1px solid var(--edge);border-radius:20px;padding:5px 16px;font-size:13px;color:var(--ink);z-index:4;pointer-events:none;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}@media (min-width: 701px){#hint{width:max-content;max-width:calc(100vw - 580px);white-space:normal;text-align:center;border-radius:14px}}@media (min-width: 701px) and (max-width: 900px){#hint{max-width:calc(100vw - 480px)}}#card{position:fixed;left:10px;bottom:10px;width:318px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px 12px;z-index:5;transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#card.show{opacity:1;transform:none;pointer-events:auto}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:2px solid var(--s0);padding-bottom:4px}.card-head.s1{border-color:var(--s1)}.card-head b{font-family:Georgia,serif;font-size:16px}.card-head span,.card-sub{font-size:11px;color:var(--dim)}.card-sub{margin:4px 0 6px}table.stats{width:100%;border-collapse:collapse;text-align:center;margin-bottom:6px}table.stats th{font-size:10px;color:var(--dim);font-weight:400}table.stats td{font-weight:700;font-size:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.04)}.wpn{font-size:12px;margin:3px 0}.wpn span{font-weight:700}.wpn em{display:block;font-style:normal;color:var(--dim);font-size:11px}ul.abil{margin-top:4px;padding-left:16px;font-size:11px;color:#d8ccb4}#tray{position:fixed;left:50%;bottom:10px;transform:translate(-50%) translateY(16px);width:min(500px,calc(100vw - 680px));min-width:340px;background:radial-gradient(ellipse at top,#3c1e14eb,#1c0e0aeb);border:1px solid rgba(255,180,120,.25);border-radius:12px;padding:8px 10px;z-index:5;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#tray.show{opacity:1;transform:translate(-50%)}.tray-title{font-family:Georgia,serif;font-size:13px;color:var(--gold);margin-bottom:4px}.tray-row{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:12px}.tray-row .lbl{flex:0 0 150px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tray-row .dice{display:flex;flex-wrap:wrap;gap:3px;flex:1}.tray-row .res{font-weight:700;white-space:nowrap}.tray-row .res.good{color:#9aff8a}.tray-row .res.bad{color:#ff8a7a}.die{width:18px;height:18px;border-radius:4px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:2px;background:#f1e8d6;box-shadow:inset 0 -2px #00000040;animation:tumble .35s ease-out both}.die i{display:block;border-radius:50%;margin:.5px}.die i.on{background:#2a1a10}.die.ok{background:#ffd36e}.die.saved{background:#9ad0ff}.die.fail{background:#6e6258;opacity:.6}.die.plain{background:#f1e8d6}@keyframes tumble{0%{transform:translateY(-14px) rotate(-200deg) scale(.4);opacity:0}70%{transform:translateY(2px) rotate(10deg) scale(1.1);opacity:1}to{transform:none}}#log{position:fixed;right:10px;top:56px;width:270px;max-height:min(40vh,calc(100vh - 140px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--edge);border-radius:12px;z-index:4;transition:opacity .4s}#log h3{font-family:Georgia,serif;font-size:13px;color:var(--gold);padding:7px 12px;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}#log.collapsed #logList{display:none}#log.collapsed h3 span{transform:rotate(-90deg)}#logList{overflow-y:auto;padding:0 10px 8px;font-size:12px;line-height:1.35}#logList .entry{padding:3px 0 3px 8px;border-left:3px solid #776a58;margin:3px 0;color:#e6dcc8}#logList .entry.s0{border-color:var(--s0)}#logList .entry.s1{border-color:var(--s1)}#logList .entry.big{background:#ffd36e12}#logList .entry[data-k]{cursor:pointer;border-radius:0 4px 4px 0}#logList .entry[data-k]:hover{background:#ffd36e24;color:#fff6e2}#actions{position:fixed;right:10px;bottom:10px;display:flex;gap:8px;z-index:6;align-items:center}#actions button{padding:9px 14px}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.ulabel{position:absolute;left:0;top:0;display:flex;gap:4px;align-items:center;font-size:11px;padding:1px 6px;border-radius:9px;background:#14100cb8;border:1px solid var(--s0);white-space:nowrap;will-change:transform}.ulabel.s1{border-color:var(--s1)}.ulabel .ct{color:var(--gold);font-weight:700}.ulabel.sel{background:#503c14e6;border-color:#ffe680}.float-text{position:absolute;left:0;top:0;font-weight:700;text-shadow:0 2px 4px #000,0 0 2px #000;white-space:nowrap;font-family:Georgia,serif}#tooltip{position:fixed;display:none;z-index:20;pointer-events:none;background:#100c08eb;border:1px solid var(--edge);border-radius:8px;padding:5px 9px;font-size:12px;max-width:340px;line-height:1.4}#banner{position:fixed;top:28%;left:0;right:0;text-align:center;pointer-events:none;z-index:8;opacity:0}#banner.show{animation:banner 1.6s ease-out forwards}#banner .b1{font-family:Georgia,serif;font-size:18px;color:var(--dim);text-shadow:0 2px 8px #000}#banner .b2{font-family:Georgia,serif;font-size:46px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 3px 14px #000,0 0 30px rgba(255,160,60,.35)}@keyframes banner{0%{opacity:0;transform:scale(1.15)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,#0a080633,#0a0806a6)}.modal.hidden{display:none}#title{justify-content:flex-start;background:linear-gradient(90deg,#0e0a06d1,#0e0a068c 40%,#0e0a0600 70%);padding-left:5vw}.panel{background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-radius:16px;padding:24px 26px;max-width:470px;box-shadow:0 20px 60px #0000008c;position:relative}#title .panel{background:#1e1710c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel h1{font-family:Georgia,Times New Roman,serif;font-size:46px;letter-spacing:.02em;color:var(--gold);text-shadow:0 3px 0 #5a3410,0 6px 20px rgba(0,0,0,.6);line-height:1}.panel h1 span{color:var(--ink);font-size:.8em}.panel .tag{margin:10px 0 16px;color:#e0d4bc;line-height:1.45}.c0{color:var(--s0)}.c1{color:var(--s1)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modes button{text-align:left;padding:10px 12px;font-weight:700;font-size:14px;border-radius:10px}.modes button small{display:block;font-weight:400;font-size:11px;color:var(--dim);margin-top:2px}.modes button.m0{border-color:#ec8a34b3;background:linear-gradient(#783e14e6,#50280ee6)}.modes button.m1{border-color:#46c27ab3;background:linear-gradient(#185c34e6,#0e3c22e6)}.seedrow{display:flex;gap:8px;align-items:center;margin:14px 0 10px;font-size:12px;color:var(--dim)}.seedrow input{width:90px;margin-left:6px;font:inherit;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:6px;padding:5px 7px}.panel .small{font-size:11.5px;color:var(--dim);line-height:1.5}.rules{max-width:640px;max-height:86vh;overflow-y:auto;line-height:1.5;font-size:13px}.rules h2{font-family:Georgia,serif;color:var(--gold);font-size:18px;margin:12px 0 6px}.rules h2:first-of-type{margin-top:0}.rules ol{padding-left:20px}.rules li{margin:5px 0}.rules p{margin:6px 0}table.wt{border-collapse:collapse;margin:4px 0;font-size:12px}table.wt th,table.wt td{border:1px solid var(--edge);padding:3px 8px;text-align:center}table.wt th{color:var(--dim);font-weight:400}.close{position:absolute;top:10px;right:10px;padding:3px 9px}#over .panel{text-align:center}#over h1{font-size:38px}#over p{margin:12px 0 18px;color:#e0d4bc}@media (max-width: 900px){#log{width:220px}#log:not(.open) #logList{max-height:30vh}#tray{width:calc(100vw - 20px);min-width:0;bottom:64px}#card{width:260px;bottom:64px}#hud .side .nm{display:none}.modes{grid-template-columns:1fr}.panel h1{font-size:36px}#title{padding-left:16px}}@media (max-width: 700px){#hud{top:6px;left:8px;transform:none;gap:4px}#hud .side{padding:4px 6px;gap:4px}#hud .side .ic{font-size:16px}#hud .side .vp{font-size:16px;min-width:26px}#hud .mid{padding:3px 6px}#phases .ph{font-size:9px;padding:1px 3px}#tools{top:60px;right:8px;gap:4px}#tools button{padding:4px 5px;min-width:0}#hint{top:60px;left:8px;transform:none;white-space:normal;max-width:calc(100vw - 190px);border-radius:10px;font-size:12px}#log{top:96px;right:8px;width:190px}#tray{bottom:auto;top:140px;width:calc(100vw - 16px);transform:translate(-50%) translateY(-10px)}#tray.show{transform:translate(-50%)}.tray-row .lbl{flex-basis:110px}#card{left:8px;bottom:60px;width:calc(100vw - 16px);padding:8px 10px}#actions{left:8px;right:8px;bottom:8px;justify-content:flex-end}#actions button{padding:8px 10px;font-size:13px}#banner .b2{font-size:30px}}.modes button.wide{grid-column:1 / -1}.panel h2{font-family:Georgia,Times New Roman,serif;color:var(--gold);font-size:24px;margin-bottom:8px}.lobby .status{color:#e0d4bc;min-height:1.4em;margin:4px 0 12px}.linkrow{display:flex;gap:6px;flex-wrap:wrap}.linkrow input{flex:1 1 200px;min-width:0;font:inherit;font-size:12px;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:6px;padding:5px 7px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seat{display:flex;flex-direction:column;min-width:0}.seat .who{overflow-wrap:anywhere}.seat.mine .who{color:var(--gold)}.seat .seatCtl{display:flex;flex-direction:column;gap:6px;background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-top:none;border-radius:0 0 12px 12px;padding:8px 12px 10px}.seat .seatCtl .row{display:flex;gap:6px;flex-wrap:wrap}.seat .picker .unitInfo{border-radius:0}.seat .ok{color:var(--s1);font-size:12px}.seat .wait{color:var(--dim);font-size:12px}.seat input{font:inherit;font-size:13px;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:6px;padding:5px 7px;min-width:0}.seat button.on{border-color:var(--s1);background:#185c34e6}#netdialog .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#netdialog p{color:#e0d4bc;margin:10px 0 16px;line-height:1.45}#rematch.hidden,#netdialog .hidden{display:none}#netbadge{position:fixed;top:60px;left:12px;z-index:12;font-size:11.5px;padding:4px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--edge);color:var(--dim)}#netbadge.hidden{display:none}#netbadge.ok{color:var(--s1)}#netbadge.warn{color:var(--gold);border-color:var(--gold)}#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);z-index:40;padding:8px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--gold);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .3s}#toast.show{opacity:1}@media (max-width: 600px){.seats{grid-template-columns:1fr}}#replay{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:31;display:flex;align-items:center;gap:8px;width:min(640px,calc(100vw - 24px));padding:6px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--edge)}#replay.hidden,#replay .hidden,#watchReplay.hidden,#continue.hidden{display:none}#replay button{padding:5px 9px;flex:none}#replay input[type=range]{flex:1;min-width:60px;accent-color:var(--gold)}#rpLabel{flex:none;min-width:108px;font-size:12px;color:var(--dim);text-align:center}#rpLive.on{color:#ff6b5e;border-color:#ff6b5e}body.replaying #toast{bottom:70px}.replayrow{margin-top:6px}.optrow{margin-top:2px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}#perfOverlay{position:fixed;right:max(10px,env(safe-area-inset-right));top:calc(64px + min(40vh,100vh - 140px));z-index:4;padding:3px 7px;border-radius:6px;background:#0a08069e;color:#d8ffd0;font:10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;cursor:pointer;user-select:none;-webkit-user-select:none}#perfOverlay.hidden{display:none}@media (max-width: 700px){#perfOverlay{right:auto;left:max(8px,env(safe-area-inset-left));top:140px;font-size:9.5px}body:not(.playing) #perfOverlay{top:max(4px,env(safe-area-inset-top));z-index:31}body:has(#setup:not(.hidden)) #perfOverlay,body:has(#lobby:not(.hidden)) #perfOverlay{display:none}}button.link{background:none;border:none;padding:0;color:var(--dim);text-decoration:underline;cursor:pointer;font:inherit}button.link:hover{color:var(--gold)}@media (max-width: 600px){#replay{bottom:8px;gap:5px;padding:5px 6px}#rpLabel{min-width:0;font-size:11px}}#setup,#lobby{background:none;overflow-y:auto}#setup .panel.setup,#lobby .panel.lobby{background:none;border:none;box-shadow:none;padding:0;width:min(880px,100%);max-width:none;margin-block:auto;display:flex;flex-direction:column;gap:10px}#setup .panel.setup>h2,#setup .panel.setup>p,#setup .panel.setup>.row,#lobby .lobbyHead,#lobby .lobbyFoot{background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-radius:12px;padding:10px 16px;margin:0}#setup .panel.setup>.row{display:flex;justify-content:flex-end;gap:10px}#lobby .lobbyFoot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}#lobby .lobbyFoot p{flex:1 1 260px;margin:0}.setupSeats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setupSeat{display:flex;flex-direction:column;gap:0;min-width:0}.seatHead{display:flex;justify-content:space-between;align-items:baseline;background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-bottom:none;border-radius:12px 12px 0 0;padding:8px 12px}.seatHead .who{font-weight:700}.setupSeat .who{color:var(--gold)}.seatHead .edge{font-size:11.5px;color:var(--dim)}.picker .dwin{height:210px;border-left:1px solid rgba(255,210,140,.25);border-right:1px solid rgba(255,210,140,.25);cursor:help}.picker .raceRow,.picker .unitInfo{background:#1e1710f0;border:1px solid rgba(255,210,140,.25);padding:8px 12px}.picker .raceRow{display:flex;flex-wrap:wrap;gap:6px;border-top:none;border-bottom:none}.picker .raceRow button.on{border-color:var(--gold);color:var(--gold)}.picker .raceRow button.hidden{display:none}.picker .raceRow button.on:disabled{opacity:1;cursor:default}.picker .unitInfo{border-radius:0 0 12px 12px;min-height:92px;font-size:12px;color:var(--dim)}.picker .unitInfo .card-head{display:flex;justify-content:space-between;color:var(--ink)}.picker .unitInfo .stats{margin:4px 0}@media (max-width: 700px){.setupSeats,.seats{grid-template-columns:1fr}.picker .dwin{height:150px}}#setup .hidden,body.lobbying #title{display:none}.picker .dwin.empty{background:#231b14}body.mirror .ulabel.s1{background:var(--s1);color:#15100b}body.mirror .ulabel.s1 .ct{color:#15100b}body.mirror .ulabel.s1.sel{background:#503c14e6;color:inherit}body.mirror .ulabel.s1.sel .ct{color:var(--gold)}#selbox{position:fixed;z-index:15;pointer-events:none;border:1.5px dashed var(--gold);background:#ffd27814;border-radius:3px}#selbox.hidden{display:none}#groupbar{position:fixed;right:10px;bottom:58px;z-index:12;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 24px);overflow-x:auto;padding:6px 10px;background:#1e1710eb;border:1px solid rgba(255,210,140,.3);border-radius:12px;font-size:12.5px;white-space:nowrap}#groupbar.hidden{display:none}#groupbar .gcount{color:var(--gold);font-weight:700}#groupbar .chip{padding:3px 8px;font-size:12px}#groupbar .chip.dim{opacity:.55}#groupbar .gsep,#groupbar .verb{color:var(--dim)}#groupbar .verb.on{color:var(--ink)}#groupbar .gnote{color:var(--dim);font-style:italic}#selectMode,#aimMode{display:none}@media (pointer: coarse){body.playing #selectMode,body.playing #aimMode{display:inline-block}}#selbox{color:var(--gold);font-size:11px;padding:2px 5px;white-space:nowrap}#groupbar .gadv.on{border-color:var(--gold);color:var(--gold)}#readyN.hidden{display:none}#endPhase.counting{background-image:linear-gradient(90deg,#5fd3ff73,#5fd3ff73);background-repeat:no-repeat;background-size:0% 100%;animation:autoEndCount 1.5s linear forwards}@keyframes autoEndCount{to{background-size:100% 100%}}#groupbar .gorder.on{border-color:#5fd3ff;color:#5fd3ff}#groupbar .gorder.held{color:#bfeeff}.ulabel[data-ord]:not([data-ord=""]):after{content:attr(data-ord);margin-left:4px;color:#5fd3ff}#card .card-orders{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 6px;font-size:12px;color:var(--dim)}#card .card-orders span{margin-right:4px}#card .card-orders button{padding:2px 7px;font-size:12px}#card .card-orders button.on{border-color:#5fd3ff;color:#5fd3ff}#card .card-group{color:var(--gold);font-size:12px;margin-bottom:4px}#selectMode.on,#aimMode.on{border-color:var(--gold);color:var(--gold)}@media (min-width: 701px){#groupbar{max-width:calc(100vw - 350px);flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 700px){#groupbar button{min-height:44px}body.grouped #card{display:none}}.ulabel .st.hi{color:#ffe9a8;font-weight:700}.card-high{color:#ffe9a8}#setup .terrainLine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-radius:12px;padding:8px 16px}#setup .terrainLine .lbl{color:var(--gold);font-weight:700}#setup .terrainLine .opts{display:flex;flex-wrap:wrap;gap:6px}#setup .terrainLine button.on{border-color:var(--gold);color:var(--gold)}#setup .terrainLine .what{color:var(--dim)}.seedrow select{margin-left:6px;font:inherit;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:6px;padding:4px 6px}#labels[data-tier=tactical] .ulabel .nm,#labels[data-tier=tactical] .ulabel .st{display:none}#labels[data-tier=tactical] .ulabel:before{content:attr(data-glyph)}#labels[data-tier=tactical] .ulabel{font-size:10px;padding:0 5px;gap:3px}#labels[data-tier=strategic] .ulabel{display:none}#chips{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}body:not(.playing) #chips{display:none}#chips .chip{position:absolute;left:0;top:0;min-width:22px;height:22px;padding:0 4px;border-radius:11px;border:2px solid rgba(20,16,12,.85);display:flex;align-items:center;justify-content:center;gap:1px;font:700 10px/1 system-ui,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 1px 3px #0009;pointer-events:auto;cursor:pointer;white-space:nowrap;will-change:transform}#chips .chip.many{background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 70%);font-size:11px}#chips .chip i{font-style:normal;color:#5fd3ff}#chips .chip i:empty{display:none}@media (pointer: coarse){#chips .chip{min-width:28px;height:28px;border-radius:14px}}#minimap{position:fixed;left:10px;bottom:10px;z-index:6;padding:3px;background:var(--panel);border:1px solid var(--edge);border-radius:8px;box-shadow:0 4px 14px #00000080;line-height:0;transition:bottom .2s}#minimap.hidden,body:not(.playing) #minimap{display:none}#minimap canvas{position:static;display:block;border-radius:5px;cursor:crosshair;touch-action:none}#minimap.portrait{left:auto;right:8px;bottom:auto!important;top:100px}#minimap .mmfold{position:absolute;top:-9px;right:-9px;width:24px;height:24px;min-width:0;padding:0;border-radius:12px;font-size:12px;line-height:1}#minimap .mmfold.on{border-color:var(--gold)}#minimap.folded{padding:0;background:none;border:none;box-shadow:none}#minimap.folded canvas{display:none}#minimap.folded .mmfold{position:static;width:auto;height:auto;padding:6px 10px;border-radius:8px;font-size:inherit}#roster{position:fixed;left:10px;top:64px;z-index:5;width:220px;max-height:calc(100vh - 380px);max-height:min(calc(100vh - 380px),calc(var(--minimap-top, 100vh) - 74px));min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--edge);border-radius:10px;font-size:12px;color:var(--ink)}#roster.hidden,body:not(.playing) #roster{display:none}#roster .rhead{display:flex;align-items:baseline;gap:5px;padding:5px 9px;font:700 13px Georgia,serif;cursor:pointer;-webkit-user-select:none;user-select:none}#roster .rtot{display:flex;align-items:baseline;gap:5px;flex:1}#roster .rvs,#roster .rlbl{color:var(--dim);font-weight:400;font-size:11px}#roster .rfold{color:var(--dim)}#roster .rlist{list-style:none;overflow-y:auto;padding:0 4px 5px}#roster li{display:flex;align-items:center;gap:5px;padding:3px 5px;border-left:3px solid var(--side);border-radius:4px;cursor:pointer}#roster li:hover{background:#ffe6b414}#roster li.sel{background:#503c14e6}#roster li.acted{opacity:.5}#roster li.engaged .rs{color:#ff8a6a}#roster .rg{width:14px;text-align:center}#roster .rn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#roster .rc{color:var(--gold);font-weight:700}#roster .ro{color:#5fd3ff;margin-left:2px}@media (max-width: 700px){#roster{top:100px;left:8px;width:170px;max-height:40vh}}#setupSize{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-radius:12px;padding:10px 16px}#setupSize .lbl{font-size:12px;color:var(--dim);margin-right:4px}#setupSize button{display:flex;flex-direction:column;align-items:flex-start;min-width:112px}#setupSize button small{font-size:11px;color:var(--dim);margin-top:2px}#setupSize button.on{border-color:var(--gold);color:var(--gold)}#lobby .seedrow{flex-wrap:wrap}#lobbySize{margin-left:6px;font:inherit;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:6px;padding:5px 7px}.rules table.ctl{width:100%;border-collapse:collapse;font-size:12px;margin:6px 0 10px}.rules table.ctl th,.rules table.ctl td{text-align:left;vertical-align:top;padding:4px 6px;border-bottom:1px solid var(--edge)}.rules table.ctl tr:first-child th{color:var(--gold)}.rules .glyphs{font-size:12.5px}@media (max-width: 700px){.rules table.ctl{font-size:11px}#setupSize button{min-width:0;flex:1 1 30%}}.ulabel.ghost{opacity:.7;filter:grayscale(1);border-style:dashed;pointer-events:none}.ulabel.ghost .ls{color:var(--dim);font-style:italic}#setup .fogLine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#1e1710f0;border:1px solid rgba(255,210,140,.25);border-radius:12px;padding:8px 16px}#setup .fogLine .lbl{color:var(--gold);font-weight:700}#setup .fogLine button.on{border-color:var(--gold);color:var(--gold)}#setup .fogLine .what{color:var(--dim)}#lobby .fogPick{display:inline-flex;align-items:center;gap:4px}#lobby .fogPick .small{color:var(--dim)}#roster .rpts.fog{opacity:.6;font-style:italic}