:root{--bg:#0b1a24;--panel:#12293a;--panel-border:#24465d;--text:#e8f1f6;--muted:#8fa9b8;--accent:#ff8a3d;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;overflow:hidden}body{height:100dvh;position:fixed;inset:0}#map{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#topbar{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) 8px calc(var(--safe-l) + 12px);pointer-events:none;background:linear-gradient(#0b1a24dd,#0b1a2400);align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}#topbar>*{pointer-events:auto}#topbar .spacer{flex:1}#turn{font-weight:600}button{min-width:44px;min-height:44px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:0 16px}button:active{background:var(--panel-border)}#sheet{left:50%;bottom:calc(var(--safe-b) + 12px);background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;width:min(520px,100% - 24px);padding:14px 16px;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0008}#sheet[hidden],#a2hs[hidden]{display:none}#sheet-title{margin-bottom:4px;font-size:18px;font-weight:700}#sheet-body{color:var(--muted)}#sheet-body b{color:var(--text)}#a2hs{top:calc(var(--safe-t) + 56px);background:var(--panel);border:1px solid var(--accent);border-radius:12px;align-items:center;gap:12px;width:min(420px,100% - 24px);padding:12px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#020c188c 100%);position:absolute;inset:0}#stats{color:var(--muted);font-variant-numeric:tabular-nums;white-space:pre}#hint{top:calc(var(--safe-t) + 56px);text-align:center;border:1px solid var(--accent);pointer-events:none;background:#12293acc;border-radius:999px;max-width:calc(100% - 24px);padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)}#hint[hidden]{display:none}#toasts{top:calc(var(--safe-t) + 100px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--panel-border);background:#12293aee;border-radius:999px;padding:6px 14px;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}#endturn{right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 14px);background:var(--accent);color:#1a0e04;border-color:#ffb27a;min-height:56px;padding:0 22px;font-size:17px;font-weight:700;position:absolute;box-shadow:0 6px 18px #0007}#endturn:active{background:#e57722}#endturn:disabled{opacity:.4}button:disabled{opacity:.45}.yields{color:var(--text);margin:2px 0 6px}.muted,.note{color:var(--muted);font-size:14px}.note{margin:6px 0}.primary{background:var(--accent);color:#1a0e04;border-color:#ffb27a;width:100%;margin-top:8px;font-weight:700}.bar-label{color:var(--muted);margin-top:8px;font-size:13px}.bar{background:#0b1a24;border-radius:4px;height:8px;margin:3px 0 4px;overflow:hidden}.bar i{background:#7bd36b;height:100%;display:block}.bar.prod i{background:var(--accent)}.builds{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.builds button{text-align:left;padding:8px 12px;line-height:1.25}.builds button small{color:var(--muted);font-size:12px;display:block}.builds button.active{border-color:var(--accent)}#sheet{max-height:48dvh;overflow-y:auto}#sheet [data-act=buy]{margin-top:4px}#nextunit{left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 14px);min-height:56px;padding:0 18px;font-weight:600;position:absolute}#nextunit[hidden]{display:none}.sub{color:var(--muted);border-top:1px solid var(--panel-border);margin-top:8px;padding-top:6px;font-size:13px}#endscreen{z-index:10;background:#020c18b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#endscreen[hidden]{display:none}#endscreen .card{text-align:center;background:var(--panel);border:1px solid var(--accent);border-radius:16px;width:min(360px,100% - 40px);padding:24px}#endscreen h2{margin:0 0 8px;font-size:28px}#endscreen p{color:var(--muted);margin:0 0 16px}#techbtn{min-height:40px;padding:0 12px;font-size:14px}#techbtn[hidden]{display:none}#techpanel{inset:calc(var(--safe-t) + 56px) 12px calc(var(--safe-b) + 12px);background:var(--panel);border:1px solid var(--panel-border);z-index:5;border-radius:14px;flex-direction:column;max-width:760px;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #000a}#techpanel[hidden]{display:none}.techhead{border-bottom:1px solid var(--panel-border);align-items:center;gap:12px;padding:10px 14px;display:flex}.techhead span{flex:1}.techbody{padding:4px 14px 14px;overflow-y:auto}.techbody h3{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px;font-size:14px}.techs{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.tech{text-align:left;flex-direction:column;gap:2px;height:auto;padding:10px 12px;display:flex}.tech span{color:var(--text);font-size:13px}.tech small{color:var(--muted);font-size:12px}.tech.known{background:#16301f;border-color:#3d7a46}.tech.now{border-color:var(--accent)}.tech.open{border-color:#4a7ca0}.tech.locked{opacity:.5}.tech .bar{width:100%;display:block}.group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:12px 0 2px;font-size:12px}.focus{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;font-size:13px;display:flex}.focus button{min-height:32px;padding:0 10px;font-size:13px}.focus button.active{border-color:var(--accent);color:var(--accent)}#dipbtn{min-height:40px;padding:0 12px;font-size:14px}#dipbtn[hidden]{display:none}#dipbtn.war{color:#ff8a80;border-color:#ff4136}#dippanel{inset:calc(var(--safe-t) + 56px) 12px calc(var(--safe-b) + 12px);background:var(--panel);border:1px solid var(--panel-border);z-index:5;border-radius:14px;flex-direction:column;max-width:620px;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #000a}#dippanel[hidden]{display:none}.status{border-radius:10px;margin:8px 0;padding:8px 12px}.status.war{background:#3a1616;border:1px solid #ff4136}.status.peace{background:#16301f;border:1px solid #3d7a46}.mood{align-items:center;gap:10px;margin:6px 0 2px;display:flex}.mood .bar{flex:1;margin:0}.mood .bar i{background:linear-gradient(90deg,#ff5a4d,#f2c14e,#7bd36b)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.dealrow{border:1px solid var(--panel-border);border-radius:10px;margin:6px 0;padding:8px 10px}.dealrow b{margin-bottom:4px;display:block}.dealrow button{min-height:36px;margin:2px 4px 2px 0;padding:0 10px;font-size:13px}#proposal{top:calc(var(--safe-t) + 100px);z-index:6;background:var(--panel);border:1px solid var(--accent);border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #000a}#proposal[hidden]{display:none}#cardmodal{z-index:9;background:#020c18c0;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#cardmodal[hidden]{display:none}.eventcard{text-align:left;border:1px solid var(--accent);background:linear-gradient(#17324a,#12293a);border-radius:18px;width:min(460px,100%);padding:22px 20px 18px;animation:.25s ease-out pop;box-shadow:0 16px 40px #000c}.eventcard .icon{font-size:40px;line-height:1}.eventcard h2{margin:6px 0 4px;font-size:22px}.eventcard .story{color:#c8dae5;margin:0 0 14px}.eventcard .choice{text-align:left;width:100%;height:auto;margin:8px 0;padding:12px 14px;line-height:1.3;display:block}.eventcard .choice b{font-size:16px;display:block}.eventcard .choice small{color:var(--muted);font-size:13px}.eventcard .choice:not(:disabled):hover,.eventcard .choice:not(:disabled):active{border-color:var(--accent)}.eventcard .foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;display:flex}.eventcard .foot button{min-height:36px;padding:0 12px;font-size:13px}.eventcard .chain{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:12px}#newgame{z-index:12;background:#020c18d0;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#newgame[hidden]{display:none}#newgame .choice{text-align:left;width:100%;height:auto;margin:8px 0;padding:12px 14px;line-height:1.3;display:block}#newgame .choice b{font-size:16px;display:block}#newgame .choice small{color:var(--muted);font-size:13px}#tip{left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 84px);z-index:4;border:1px solid var(--accent);background:#12293af2;border-radius:14px;flex-direction:column;gap:8px;max-width:min(340px,100% - 28px);padding:10px 12px;font-size:14px;display:flex;position:absolute;box-shadow:0 8px 24px #000a}#tip[hidden]{display:none}#tip button{align-self:flex-end;min-height:34px;padding:0 14px;font-size:13px}#topbar{flex-wrap:wrap;row-gap:6px}#topbar button{min-height:40px;padding:0 12px;font-size:14px}button:focus-visible{outline-offset:2px;outline:3px solid #7fe0ff}body.controller button:focus{outline-offset:2px;background:#1b3b54;outline:3px solid #7fe0ff}body.controller .tech:focus,body.controller .choice:focus{background:#1b3b54}#prompts{z-index:3;left:50%;bottom:calc(var(--safe-b) + 8px);white-space:nowrap;border:1px solid var(--panel-border);color:var(--muted);background:#0b1a24e6;border-radius:999px;gap:14px;padding:6px 14px;font-size:13px;display:none;position:absolute;transform:translate(-50%)}#prompts b{text-align:center;min-width:22px;color:var(--text);background:#24465d;border-radius:6px;margin-right:5px;padding:0 5px;display:inline-block}body.controller #prompts{display:flex}body.controller #sheet,body.controller #endturn,body.controller #nextunit{bottom:calc(var(--safe-b) + 52px)}body.controller #tip{bottom:calc(var(--safe-b) + 128px)}body.tv{--safe-t:28px;--safe-b:24px;--safe-l:48px;--safe-r:48px}body.tv #topbar,body.tv #sheet,body.tv #techpanel,body.tv #dippanel,body.tv #hint,body.tv #toasts,body.tv #proposal,body.tv #tip,body.tv #endturn,body.tv #nextunit,body.tv .eventcard,body.tv #prompts{zoom:1.3}body.tv #prompts{transform:translate(-50%)}body.tv #sheet{max-height:36dvh}body.controller #tip{bottom:auto;top:calc(var(--safe-t) + 120px);max-width:min(520px,100% - 28px);left:50%;transform:translate(-50%)}body.tv.controller #tip{transform:translate(-50%)}#culture{font-size:18px;line-height:1}.cultures{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;display:grid}.culture{text-align:left;border-color:var(--panel-border);height:auto;padding:10px 12px 10px 38px;line-height:1.25;position:relative}.culture b{font-size:15px;display:block}.culture small{color:var(--muted);font-size:12px;display:block}.culture .swatch{background:var(--c);border-radius:50%;width:16px;height:16px;position:absolute;top:14px;left:12px;box-shadow:0 0 0 2px #0b1a24}.culture.sel{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset;background:#1b3b54}.segs{gap:8px;margin:4px 0;display:flex}.seg{flex:1}.seg.sel{border-color:var(--accent);color:var(--accent);background:#1b3b54}#newgame h3{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:12px 0 4px;font-size:13px}#newgame .card{max-height:calc(100dvh - 24px);overflow-y:auto}#newgame .primary{margin-bottom:8px}.leaderrow{align-items:flex-start;gap:14px;margin:8px 0;display:flex}.pic{background:linear-gradient(135deg, var(--c,#24465d), #0b1a24);border-radius:16px;flex:none;padding:3px}.pic svg{border-radius:13px;display:block}.lname{font-size:20px;font-weight:700}.bubble{border:1px solid var(--panel-border);color:#d8e6ef;background:#0f2535;border-radius:12px;margin:8px 0;padding:8px 12px;font-style:italic;position:relative}.perk{font-size:13px}#meet{z-index:11;background:#020c18d0;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#meet[hidden]{display:none}#meet .card{text-align:center;border-color:var(--c,var(--accent));max-height:calc(100dvh - 24px);overflow-y:auto}.meet .pic.big{margin:4px 0 8px;display:inline-block}.meet h2{margin:2px 0}.meet p{text-align:left;margin:8px 0}.meet .bubble{text-align:center}.meet .chain{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px}#tutorial{left:calc(var(--safe-l) + 14px);top:calc(var(--safe-t) + 96px);z-index:4;background:#12293af5;border:1px solid #4a7ca0;border-radius:14px;width:min(340px,100% - 28px);padding:12px 14px;position:absolute;box-shadow:0 8px 24px #000a}#tutorial[hidden]{display:none}#tutorial b{margin:4px 0 2px;font-size:17px;display:block}#tutorial p{color:#d0dfe9;margin:4px 0 8px;font-size:14px}.tut-head{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.tut-head button{text-transform:none;letter-spacing:0;min-height:28px;padding:0 10px;font-size:12px}#tut-next{width:100%}.hl{z-index:3;animation:1.2s ease-in-out infinite hlpulse;position:relative}@keyframes hlpulse{0%,to{box-shadow:0 0 #ff8a3d00}50%{box-shadow:0 0 0 6px #ff8a3dcc}}#help{inset:calc(var(--safe-t) + 56px) 12px calc(var(--safe-b) + 12px);background:var(--panel);border:1px solid var(--panel-border);z-index:6;border-radius:14px;flex-direction:column;max-width:700px;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #000a}#help[hidden]{display:none}.help h3{margin-top:14px}.help p{color:#d0dfe9;margin:4px 0}.keys{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:13px}.keys th,.keys td{text-align:left;border-bottom:1px solid var(--panel-border);padding:5px 8px}.keys th{color:var(--muted);font-weight:600}body.tv #tutorial,body.tv #help,body.tv #meet .card{zoom:1.2}#settings{inset:calc(var(--safe-t) + 56px) 12px auto;background:var(--panel);border:1px solid var(--panel-border);z-index:6;border-radius:14px;max-width:560px;margin:0 auto;position:absolute;box-shadow:0 10px 30px #000a}#settings[hidden]{display:none}#settingsbtn{padding:0 12px;font-size:18px}.setrow{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.setrow .lbl{width:70px;color:var(--muted)}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper button{min-width:40px;padding:0}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}body.tv #settings{zoom:1.2}#slots{inset:calc(var(--safe-t) + 56px) 12px calc(var(--safe-b) + 12px);background:var(--panel);border:1px solid var(--panel-border);z-index:7;border-radius:14px;flex-direction:column;max-width:640px;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #000a}#slots[hidden]{display:none}.slot{border:1px solid var(--panel-border);border-radius:12px;margin:8px 0;padding:10px 12px}.slot.playing{border-color:var(--accent)}.slot-title{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:11px}.slot .row button{min-height:38px;font-size:14px}body.tv #slots{zoom:1.2}body.tv #sheet{width:440px;max-height:none;left:auto;right:calc(var(--safe-r) + 16px);top:calc(var(--safe-t) + 60px);bottom:calc(var(--safe-b) + 110px);transform:none}body.tv.controller #sheet{bottom:calc(var(--safe-b) + 110px)}body.tv #sheet .builds{grid-template-columns:1fr}.ctx{display:none}body.controller.hasmenu:not(.sheetfocus) .ctx-open,body.controller.sheetfocus .ctx-menu{display:inline}body.controller.sheetfocus #prompts>span:not(.ctx-menu){display:none}body.controller.hasmenu:not(.sheetfocus) .ctx-open b,body.controller.sheetfocus .ctx-menu b{background:var(--accent);color:#1a0e04}.toast.alert{background:#3a1616f2;border-color:#ff4136}.toast.bad{border-color:#ff8a3d}.toast.good{border-color:#4f9a5a}#bellbtn{padding:0 12px;font-size:16px;position:relative}#bellcount{color:#fff;text-align:center;background:#ff4136;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-5px}#bellcount[hidden]{display:none}#turnbanner{z-index:8;pointer-events:none;opacity:0;text-shadow:0 4px 24px #000;flex-direction:column;align-items:center;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#turnbanner b{letter-spacing:.04em;color:#fff;font-size:64px}#turnbanner span{color:var(--accent);text-transform:uppercase;letter-spacing:.3em;font-size:18px}#turnbanner.show{animation:1.7s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}#report{right:calc(var(--safe-r) + 12px);top:calc(var(--safe-t) + 58px);z-index:7;background:#12293af7;border:1px solid #4a7ca0;border-radius:14px;width:min(380px,100% - 24px);max-height:calc(100dvh - 160px);padding:12px 14px;animation:.25s ease-out slidein;position:absolute;overflow-y:auto;box-shadow:0 10px 30px #000a}#report[hidden]{display:none}#report.alerts{border-color:#ff4136;box-shadow:0 0 0 2px #ff413655,0 10px 30px #000a}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}.rep-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}#report h4,#notifs h4{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:10px 0 4px;font-size:12px}#report ul{margin:0;padding:0;list-style:none}#report li,.note-row{border-bottom:1px solid #24465d66;align-items:center;gap:8px;padding:5px 0;font-size:14px;display:flex}#report li .t,.note-row .t{flex:1}#report li button,.note-row button{min-height:30px;padding:0 10px;font-size:12px}#report li.alert .t,.note-row.alert .t{color:#ffb4ad}#report .primary{width:100%;margin-top:10px}#notifs{inset:calc(var(--safe-t) + 56px) 12px calc(var(--safe-b) + 12px);background:var(--panel);border:1px solid var(--panel-border);z-index:7;border-radius:14px;flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #000a}#notifs[hidden]{display:none}#battle{z-index:13;background:#020c18d9;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#battle[hidden]{display:none}.eventcard.battle{text-align:center;width:min(560px,100%);max-height:calc(100dvh - 24px);overflow-y:auto}.b-title{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:8px;font-size:13px}.b-sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.b-vs{color:var(--muted);font-weight:800}.b-side{border:2px solid var(--c);background:#0f2535;border-radius:12px;padding:10px 8px;position:relative}.b-icon{font-size:40px;line-height:1.1}.b-side b{font-size:15px;display:block}.b-side small{color:var(--muted);min-height:28px;font-size:11px;display:block}.hp{background:#0b1a24;border-radius:4px;height:8px;margin:4px 0 2px;overflow:hidden}.hp i{background:linear-gradient(90deg,#ff5a4d,#f2c14e 50%,#7bd36b);width:100%;height:100%;transition:width .9s ease-out;display:block}.hpnum{font-variant-numeric:tabular-nums;font-size:12px}.float{color:#ff5a4d;opacity:0;text-shadow:0 2px 10px #000;font-size:30px;font-weight:800;position:absolute;top:10px;left:50%;transform:translate(-50%)}.float.show{animation:1.4s ease-out forwards floatup}@keyframes floatup{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%,-6px)scale(1.2)}to{opacity:0;transform:translate(-50%,-40px)scale(1)}}.b-table{margin:12px 0 6px}.b-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.b-dice{justify-content:center;gap:10px;min-height:72px;margin:4px 0;display:flex}.die{color:#1b1b1b;border:3px solid var(--c);background:#f4efe3;border-radius:12px;justify-content:center;align-items:center;width:62px;height:62px;font-size:52px;line-height:1;display:inline-flex;box-shadow:0 4px #0007}.die.tumble{animation:.35s linear infinite tumble}@keyframes tumble{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(14deg)translateY(-8px)}50%{transform:rotate(-10deg)translateY(0)}75%{transform:rotate(8deg)translateY(-5px)}to{transform:rotate(0)}}.die.settled{animation:.25s ease-out thump}@keyframes thump{0%{transform:scale(1.25)}to{transform:scale(1)}}.die.win{box-shadow:0 0 0 4px #7bd36b,0 4px #0007}.die.lose{opacity:.55;filter:grayscale(.6)}.die.spare{opacity:.3}.b-pairs{flex-direction:column;gap:4px;min-height:54px;margin:6px 0;display:flex}.pair{border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:4px 10px;font-size:15px;animation:.25s ease-out slidein;display:flex}.pair small{color:var(--muted);margin-left:2px;font-size:10px}.pair .vs{color:var(--muted);font-size:12px}.pair b{text-align:left;min-width:130px}.pair.hit{background:#16301f}.pair.hit b{color:#7bd36b}.pair.miss{background:#3a1f16}.pair.miss b{color:#ff8a6b}.b-result{min-height:28px;margin:8px 0 12px;font-size:20px;font-weight:700}.b-result.good{color:#7bd36b}.b-result.bad{color:#ff7a6b}#b-ok{width:100%}body.tv #report,body.tv #notifs,body.tv .eventcard.battle,body.tv #turnbanner{zoom:1.2}.slot .row{flex-wrap:wrap}#endscreen #endload{width:100%;margin-top:8px}.seg3{gap:6px;display:inline-flex}.seg3 button{min-height:36px;padding:0 12px;font-size:14px}.seg3 button.sel{border-color:var(--accent);color:var(--accent);background:#1b3b54}.bicon{text-align:center;width:1.3em;display:inline-block}.builds button{position:relative}.builds .eta{color:#ffd9a8;background:#0b1a24;border-radius:8px;padding:1px 7px;font-size:12px;font-weight:600;position:absolute;top:8px;right:10px}.builds button.active .eta{color:#7bd36b}#talk{z-index:11;background:#020c18d0;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}#talk[hidden]{display:none}#talk .card{text-align:center;border-color:var(--c,var(--accent));max-height:calc(100dvh - 24px);overflow-y:auto}#talk .bubble{text-align:left}#talk .bubble.you{background:#16301f;border-color:#3d7a46}#talk .bubble b{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-style:normal;display:block}#talk-back{width:100%;margin-top:8px}#talk .primary{width:100%}body.tv #talk .card{zoom:1.2}#beaconbtn{border-color:#ff8a3d;min-height:40px;padding:0 12px;font-size:14px}#beaconbtn[hidden]{display:none}#beaconbtn.pulse{background:#4a2410;animation:1.2s ease-in-out infinite hlpulse}#beacon{inset:calc(var(--safe-t) + 56px) 12px calc(var(--safe-b) + 12px);background:var(--panel);z-index:7;border:1px solid #ff8a3d;border-radius:14px;flex-direction:column;max-width:640px;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #000a}#beacon[hidden]{display:none}.beaconguide h3{margin:14px 0 4px}.beaconguide p{color:#d0dfe9;margin:4px 0 8px}.beaconguide .ok{color:#7bd36b}.beaconguide .warn{color:#ff9a6b}.route{margin:4px 0 10px;padding:0;list-style:none}.route li{border-bottom:1px solid #24465d66;align-items:center;gap:8px;padding:5px 0;display:flex}.route li .t{flex:1}.route li small{color:var(--muted)}.route li.now{color:var(--accent)}.route li.wait{opacity:.6}.route li button{min-height:32px;padding:0 10px;font-size:13px}.beaconguide button.sel{color:#7bd36b;border-color:#3d7a46}.beaconguide>.primary,.beaconguide>button{width:100%;margin-top:4px}.cityrow{border:1px solid var(--panel-border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;padding:8px 10px;display:flex}.cityrow small{color:var(--muted)}.cityrow button{min-height:36px;padding:0 12px;font-size:13px}.builds button.wonder{background:#2a1a10;border-color:#ff8a3d}body.tv #beacon{zoom:1.2}