:root{--bg: #0a0a0d;--panel: linear-gradient(180deg, rgba(38, 31, 24, .93), rgba(24, 19, 15, .95));--panel-solid: #201a14;--raise: rgba(214, 180, 120, .07);--edge: rgba(198, 158, 92, .26);--edge-strong: rgba(226, 190, 118, .55);--text: #ece2cd;--dim: #a2947c;--gold: #e8bf68;--good: #8fce86;--bad: #e0705f;--info: #86bde0;--radius: 6px;--shadow: 0 10px 30px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(232, 191, 104, .12);--display: "Trebuchet MS", "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#game{position:fixed;inset:0;width:100vw;height:100vh;display:block;image-rendering:pixelated;cursor:crosshair}.hidden{display:none!important}.ico{display:inline-block;vertical-align:-3px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;width:14px;height:14px;flex:none}.ico.kind{width:10px;height:10px;vertical-align:-1px;margin-right:4px;opacity:.85}.screen{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;background:radial-gradient(900px 500px at 50% 20%,rgba(120,90,220,.18),transparent 70%),radial-gradient(700px 400px at 80% 90%,rgba(240,201,90,.08),transparent 70%),linear-gradient(170deg,#080a10,#10131d 60%,#080a10);z-index:50}.screen:before{content:"";position:absolute;inset:0;background-image:var(--backdrop, none);background-size:cover;background-position:center;opacity:.32;filter:blur(1px);pointer-events:none;z-index:-1}@media(prefers-reduced-motion:reduce){.screen:before{transition:none}}.panel{background:var(--panel-solid);border:1px solid var(--edge);border-radius:18px;box-shadow:var(--shadow);padding:30px 34px;width:min(94vw,760px);margin-block:auto}.menu-panel h1{margin:0;font-family:var(--display);font-size:46px;font-weight:800;letter-spacing:4px;color:var(--gold);text-shadow:0 2px 0 #2a1f14,0 0 26px rgba(232,191,104,.3)}h2,.card-head,.stat-val,.big-timer{font-family:var(--display)}.menu-panel h1 span{color:var(--dim);font-size:22px;font-weight:500;letter-spacing:0}.menu-panel h1 em{font-style:normal;margin-left:10px;padding:3px 9px;font-size:15px;font-weight:700;letter-spacing:2px;vertical-align:middle;color:#bfe6a0;background:#78be5a29;border:1px solid rgba(140,210,110,.45);border-radius:6px}.tagline{margin:6px 0 12px;color:var(--dim);max-width:60ch;line-height:1.5}.edition-seg{margin-bottom:6px}.edition-seg button{padding:9px 6px;font-size:12.5px}.edition-note{margin:0 0 18px;font-size:11.5px;line-height:1.45}.field-row{display:flex;gap:10px}.field-row #name-input{flex:2}.field-row #room-input{flex:1}.field-row #join-btn{flex:none;padding:0 20px;border-color:var(--edge-strong);background:#e8bf6829;color:var(--gold);font-weight:700}input[type=text],input:not([type]){width:100%;padding:12px 14px;background:#0d1018;border:1px solid var(--edge);border-radius:10px;color:var(--text);font:inherit;outline:none;transition:border-color .15s}input:focus{border-color:var(--gold)}button{cursor:pointer;font:inherit;color:var(--text);background:var(--raise);border:1px solid var(--edge);border-radius:9px;padding:8px 12px;transition:background .12s,border-color .12s,transform .06s}button:hover{background:#ffffff1f;border-color:var(--edge-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{width:100%;margin-top:12px;padding:15px;font-size:18px;font-weight:700;letter-spacing:3px;color:#1a1408;background:linear-gradient(180deg,#ffe08a,#e0ad3d);border:none;border-radius:12px}button.primary:hover{filter:brightness(1.07)}.browser-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.browser-head button{font-size:12px;padding:6px 12px;letter-spacing:0;text-transform:none}.room-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.room-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:var(--raise);border:1px solid var(--edge);border-radius:10px;text-align:left;cursor:pointer}.room-row:hover{border-color:var(--gold);background:#f0c95a1a}.room-row .code{font:700 15px/1 ui-monospace,monospace;letter-spacing:2px;color:var(--gold);min-width:58px}.room-row .fill{flex:1;display:flex;flex-direction:column;gap:4px}.room-row .fill .txt{font-size:12.5px}.room-row .fill .txt b{font-variant-numeric:tabular-nums}.room-row .fill .meter{height:4px;background:#0c0f17;border-radius:3px;overflow:hidden}.room-row .fill .meter>i{display:block;height:100%;background:linear-gradient(90deg,#6f5bd0,var(--gold))}.room-row .status{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:#6ed09a29;color:var(--good);white-space:nowrap}.room-row .status.live{background:#ef727229;color:var(--bad)}.room-row .status.full{background:#9aa0b029;color:var(--dim)}.room-row .status.wait{background:#9aa0b01f;color:var(--dim)}.room-row .status.soon b{font-variant-numeric:tabular-nums;font-size:12px}.room-empty{color:var(--dim);font-size:13px;padding:14px;text-align:center}.how{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}.how h3{margin:0 0 4px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}.how p{margin:0 0 14px;color:#c3c6d0;line-height:1.55;font-size:13px}.status{margin-top:18px;color:var(--dim);font-size:12.5px}.muted{color:var(--dim);font-size:13px}.legal{margin-top:14px;font-size:11px;color:#9aa0b0a6}.legal a{color:#9aa0b0e6}.lobby-panel{width:min(94vw,560px);text-align:center}.lobby-panel h2{margin:0;font-size:20px;font-weight:600}.big-timer{font-size:68px;font-weight:800;color:var(--gold);margin:4px 0 16px;font-variant-numeric:tabular-nums}.lobby-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;max-height:40vh;overflow-y:auto;margin-bottom:14px}.lobby-players div{background:var(--raise);border:1px solid var(--edge);border-radius:8px;padding:6px 9px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-tag{color:var(--dim);font-size:12px;letter-spacing:1px;margin-top:10px}#lobby-leave{width:100%;margin-top:8px;padding:9px;font-size:12.5px}.team-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-bottom:14px}.team-pick.auto{display:block}.team-pick.auto .muted{font-size:12.5px;line-height:1.5}.team-btn{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:12.5px;background:var(--raise);border:1px solid var(--edge);border-radius:8px}.team-btn .chip{width:10px;height:10px;border-radius:3px;flex:none}.team-btn small{margin-left:auto;color:var(--dim);font-variant-numeric:tabular-nums}.team-btn.on{border-color:var(--gold);background:#f0c95a29;color:var(--gold)}#create-panel{background:var(--raise);border:1px solid var(--edge);border-radius:10px;padding:12px 14px 10px;margin-bottom:10px;text-align:left}.create-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px}.create-row>label{width:96px;flex:none;color:var(--dim)}.create-row input[type=range]{flex:1;accent-color:var(--gold);margin:0;min-width:0}.create-val{width:34px;text-align:right;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.seg{display:flex;flex:1;gap:0}.seg button{flex:1;padding:6px 4px;font-size:11.5px;border-radius:0;border:1px solid var(--edge);border-right-width:0;background:transparent}.seg button:first-child{border-radius:7px 0 0 7px}.seg button:last-child{border-radius:0 7px 7px 0;border-right-width:1px}.seg button.on{border-color:var(--gold);background:#f0c95a29;color:var(--gold)}#create-note{margin:4px 0 10px;font-size:11.5px;line-height:1.45}.create-actions{display:flex;gap:7px}.create-actions button{flex:1;padding:9px;font-size:12.5px}.lobby-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.stat{display:flex;flex-direction:column;gap:2px;background:var(--raise);border:1px solid var(--edge);border-radius:10px;padding:8px 6px}.stat-val{font-size:18px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.stat-key{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.lobby-fill{height:6px;background:#0c0f17;border:1px solid var(--edge);border-radius:4px;overflow:hidden;margin-bottom:14px}#lobby-fill-bar{height:100%;width:0%;background:linear-gradient(90deg,#6f5bd0,var(--gold));transition:width .3s ease-out}.zzz{color:var(--info);font-weight:700;letter-spacing:-1px}.row.offline .nm{opacity:.6;font-style:italic}.race-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.race-card{display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:10px 11px;background:var(--raise);border:1px solid var(--edge);border-radius:var(--radius);text-align:left;cursor:pointer}.race-card:hover{border-color:var(--edge-strong)}.race-card.on{border-color:var(--gold);background:#e8bf6824;box-shadow:inset 0 0 20px #e8bf681f}.race-card .rname{font-family:var(--display);font-size:15px;font-weight:700;color:var(--gold);letter-spacing:1px}.race-card .rtag{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.race-card .rdesc{font-size:11.5px;color:#cbbfa6;line-height:1.4}#settings-btn{padding:2px 8px;font-size:14px;line-height:1.2}#settings-panel{position:absolute;top:52px;right:10px;width:260px;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:var(--radius);box-shadow:var(--shadow);z-index:46;overflow:hidden}#settings-panel .card-head{cursor:default}#settings-panel .card-head:before{content:none}.setting{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font-size:12.5px}.setting label{width:54px;color:var(--dim)}.setting input[type=range]{flex:1;accent-color:var(--gold);margin:0}.setting span{width:26px;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold)}.setting-note{padding:10px 12px;font-size:11px;color:var(--dim);line-height:1.5}#close-settings{margin:0 12px 12px;width:calc(100% - 24px)}#hud{position:fixed;inset:0;pointer-events:none;z-index:20}#hud>*{pointer-events:auto}.card{background:var(--panel);backdrop-filter:blur(8px);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;gap:6px;padding:7px 10px 6px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);background:linear-gradient(180deg,rgba(232,191,104,.14),transparent);border-bottom:1px solid var(--edge);cursor:pointer;user-select:none}.card-head:before{content:"▾";font-size:9px;color:var(--dim);transition:transform .15s}.card.folded .card-head:before{transform:rotate(-90deg)}.card.folded>*:not(.card-head){display:none!important}body.cinematic #left-col,body.cinematic #right-col,body.cinematic #ping-box,body.cinematic #fullscreen-btn,body.cinematic #bottom-bar{display:none}.head-note{margin-left:auto;font-weight:500;letter-spacing:0;text-transform:none;font-size:11px}kbd{font:600 9px/1.5 ui-monospace,monospace;background:var(--raise);border:1px solid var(--edge);border-radius:4px;padding:0 4px;color:var(--dim)}#top-bar{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;gap:12px;pointer-events:none}#top-bar>*{pointer-events:auto}#resources{display:flex;gap:6px;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow)}.res{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;transition:background .15s}.res:hover{background:var(--raise)}.res .col{display:flex;flex-direction:column;line-height:1.15}.res .amt{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.res .inc{font-size:10px;color:var(--good);font-variant-numeric:tabular-nums}.res.low .amt,.res.low .inc{color:var(--bad)}.res+.res{border-left:1px solid var(--edge)}#phase-box{margin-left:auto;text-align:center;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:var(--radius);padding:6px 16px;box-shadow:var(--shadow)}#phase-label{font-size:9.5px;letter-spacing:2px;color:var(--dim);font-weight:700}#phase-timer{font-size:22px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.1}#net-box{font-size:11px;color:var(--dim);padding-top:8px;min-width:54px;text-align:right}#win-track{height:4px;width:150px;margin:4px auto 2px;background:#0c0f17;border-radius:3px;overflow:hidden}#win-bar{height:100%;width:0%;background:linear-gradient(90deg,#6f5bd0,var(--gold));transition:width .4s}#win-note{font-size:9.5px;color:var(--dim);letter-spacing:.5px}#training-list{padding:0 6px 6px;display:flex;flex-direction:column;gap:3px}.train-row{display:flex;align-items:center;gap:5px;font-size:11px;background:var(--raise);border-radius:6px;padding:3px 6px}.train-row .bar{flex:1;height:4px;background:#0c0f17;border-radius:3px;overflow:hidden}.train-row .bar>i{display:block;height:100%;background:var(--gold)}.train-row .where{color:var(--dim);font-size:9.5px}#left-col{position:absolute;left:10px;top:76px;display:flex;flex-direction:column;gap:8px;width:248px;max-height:calc(100vh - 230px)}#right-col{position:absolute;right:10px;top:76px;display:flex;flex-direction:column;gap:8px;width:210px;max-height:calc(100vh - 210px)}#left-col .card,#right-col .card{display:flex;flex-direction:column;min-height:0}#left-col{overflow:hidden}#team-list{max-height:40vh;overflow-y:auto}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.palette{display:flex;flex-direction:column;gap:2px;padding:6px;overflow-y:auto;min-height:0;flex:1 1 auto}#training-list{flex:none}.pal-btn{display:flex;align-items:center;gap:10px;padding:7px 9px;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;min-width:0}.pal-btn>.ico{flex:none}.pal-btn:hover{background:var(--raise);border-color:var(--edge)}.pal-btn .txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;line-height:1.2}.pal-btn .ttl{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-btn .ttl small{color:var(--dim);font-weight:500;font-size:9.5px;margin-left:5px}.pal-btn .cost{display:flex;align-items:center;flex-wrap:wrap;row-gap:1px}.c{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums;vertical-align:-2px}.c b{color:var(--text);font-weight:600}.c+.c{margin-left:9px}.pal-btn .cost .c{font-size:11px}.pal-btn .cost .c+.c{margin-left:7px}.pal-btn .cost .ico{width:11px;height:11px}.pal-btn.active{border-color:var(--gold);background:#f0c95a24}.pal-btn.cant{opacity:.45}.pal-btn.cant .cost .c,.pal-btn.cant .cost .c b{color:var(--bad)}.pal-btn.wall-btn+.pal-btn:not(.wall-btn){margin-top:6px;border-top:1px solid var(--edge);padding-top:11px}.pal-btn.upgrade .ttl:after{content:" ▲";color:var(--good);font-size:9px}.pal-btn.upgrade{background:#7ec8781a}.row{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:4px 9px;cursor:pointer;border-left:2px solid transparent}.row:hover{background:var(--raise)}.row .chip{width:9px;height:9px;border-radius:3px;flex:none;box-shadow:0 0 6px currentColor}.row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .nm small{color:var(--dim);font-size:9.5px;letter-spacing:.5px}.row .val{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11.5px}.row.me{background:#f0c95a1f;border-left-color:var(--gold)}.row.dead{opacity:.35}.row .tag{font-size:8.5px;font-weight:700;letter-spacing:.5px;padding:1px 4px;border-radius:4px;background:#7cc4ff2e;color:var(--info)}.row .tag.ally{background:#6ed09a2e;color:var(--good)}#bottom-bar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:360px;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 12px 10px}#troop-bar{position:relative;display:flex;align-items:center;min-height:34px;padding:4px 9px;background:#0c0f17;border:1px solid var(--edge);border-radius:7px;overflow:hidden}#troop-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#6f5bd0,#a98cf5);transition:width .25s ease-out}#troop-text{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 5px;width:100%;line-height:1.35;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.8)}#ratio-row{display:flex;align-items:center;gap:9px;margin-top:7px}#ratio{flex:1;accent-color:var(--gold);margin:0}#ratio-label{font-size:12px;font-weight:700;color:var(--gold);width:38px;text-align:right;font-variant-numeric:tabular-nums}#realm-row{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid var(--edge)}#realm-row button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;font-size:12px;white-space:nowrap}#realm-row button .ico{width:15px;height:15px}#defend-btn:hover{border-color:var(--info);color:var(--info)}#defend-btn.on{border-color:var(--info);background:#7cc4ff2e;color:var(--info)}#repair-btn.on{border-color:var(--gold);background:#f0c95a29;color:var(--gold)}#repair-btn.on .ico{animation:hammering 1.1s linear infinite}@keyframes hammering{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#repair-btn.on.broke{border-color:var(--bad);color:var(--bad);background:#e0705f24}#repair-btn.on.broke .ico{animation:none;opacity:.5}#power-btn{border-color:#b887ff80;color:#c9a6ff}#power-btn:hover{border-color:#b887ff;background:#b887ff29}#power-btn.cant{opacity:.42;border-color:var(--edge);color:var(--dim)}#power-btn.armed{border-color:#b887ff;color:#e6d4ff;background:#b887ff3d;animation:charged .9s ease-in-out infinite}@keyframes charged{0%,to{box-shadow:0 0 #b887ff00}50%{box-shadow:0 0 14px #b887ffa6}}#attack-list{display:flex;flex-direction:column;gap:3px;margin-top:7px;padding-top:7px;border-top:1px solid var(--edge)}.atk-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--dim);padding:2px 0}.atk-who{display:flex;align-items:center;gap:5px;flex:1;min-width:0;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atk-who .chip{width:8px;height:8px;border-radius:2px;flex:none}.atk-who .chip.wild{background:#6f7686}.atk-who .race-tag{color:var(--dim)}.atk-men{display:flex;align-items:center;gap:3px;flex:none;font-variant-numeric:tabular-nums}.atk-off{flex:none;width:20px;height:20px;padding:0;line-height:1;font-size:11px;color:var(--dim)}.atk-off:hover{border-color:var(--bad);color:var(--bad);background:#e0705f24}#squad-row{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid var(--edge)}#squad-count{font-size:11.5px;color:var(--dim);flex:1;white-space:nowrap}#squad-row button{display:flex;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;white-space:nowrap}#squad-row button .ico{width:13px;height:13px}#squad-spare.on{border-color:var(--good);background:#7ec8782e;color:var(--good)}#squad-disband:hover{border-color:var(--bad);color:var(--bad)}#ping-box{position:absolute;left:10px;bottom:12px;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px}#fullscreen-btn{position:absolute;right:10px;bottom:12px;width:36px;height:32px;padding:0;font-size:16px;line-height:1;border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(10px);box-shadow:var(--shadow)}body.fullscreen #fullscreen-btn{border-color:var(--gold);color:var(--gold)}#ping-row{display:flex;gap:4px;margin-top:6px}#ping-row button{flex:1;padding:4px;font-size:10.5px;letter-spacing:.5px}#ping-row button.on{border-color:var(--gold);background:#f0c95a2e;color:var(--gold)}#notices{position:absolute;top:74px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;width:min(460px,60vw)}.notice{background:var(--panel-solid);border:1px solid var(--edge);border-left:3px solid var(--gold);border-radius:8px;padding:7px 13px;font-size:12.5px;box-shadow:var(--shadow);animation:slide .2s ease-out}.notice.good{border-left-color:var(--good)}.notice.bad{border-left-color:var(--bad)}.notice.diplo{border-left-color:var(--info)}@keyframes slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}#hint{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:21px;font-weight:700;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.95);pointer-events:none;text-align:center;white-space:pre-line;line-height:1.45}#tooltip{position:absolute;max-width:250px;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:10px;box-shadow:var(--shadow);padding:9px 11px;font-size:12px;line-height:1.45;pointer-events:none;z-index:58}#tooltip h4{margin:0 0 3px;font-size:13px}#tooltip .t-desc{color:#c3c6d0}#tooltip .t-line{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--dim)}#tooltip .t-good{color:var(--good)}#tooltip .t-bad{color:var(--bad)}#diplo-popup{position:absolute;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:12px;box-shadow:var(--shadow);padding:10px;width:205px;font-size:12px;z-index:45}#diplo-popup h4{margin:0 0 2px;font-size:13.5px}#diplo-popup .sub{color:var(--dim);font-size:11px;margin-bottom:8px}#diplo-popup button{width:100%;margin-bottom:4px;font-size:11.5px;padding:6px}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:4px}.gift-grid button{margin:0;padding:5px 0}#result-list{margin:16px 0}.result-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:5px;background:var(--raise);border:1px solid var(--edge)}.result-row.win{border-color:var(--gold);background:#f0c95a1f}.result-row .chip{width:14px;height:14px;border-radius:4px}#hover-card{position:absolute;width:236px;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:10px;box-shadow:var(--shadow);padding:9px 11px;font-size:12px;line-height:1.45;pointer-events:none;z-index:46}#hover-card h4{margin:0 0 3px;font-size:13px;font-family:var(--display)}#hover-card .t-desc{color:#c3c6d0;font-size:11.5px}#hover-card .t-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:5px;color:var(--dim)}#hover-card .t-good{color:var(--good)}#hover-card .t-bad,.room-row.ffa .code{color:var(--bad)}.room-row.vsai .code{color:#7fd4ff}.room-row.vsai:hover{border-color:#7fd4ff;background:#7fd4ff1a}.room-row .txt small{color:#a2947c8c;letter-spacing:.5px}.room-row .txt .next{color:#c8b07ad9}.row .val.troops{min-width:62px;text-align:right;display:flex;align-items:center;gap:3px;justify-content:flex-end}.row .val.troops small{color:#a2947cbf}#troop-text .rate{color:#b7f0a8;font-weight:500;flex-basis:100%;text-align:center}#troop-text .rate em{color:var(--gold);font-style:normal}#troop-text .rate em.lean{color:var(--bad)}#hover-card .chip{width:9px;height:9px;border-radius:3px;flex:none}#hover-card h4 small{color:var(--dim);font-weight:400}#realm-strip{position:absolute;top:62px;left:50%;transform:translate(-50%);max-width:min(88vw,780px);display:flex;align-items:center;flex-wrap:wrap;gap:0 9px;padding:5px 13px;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:999px;box-shadow:var(--shadow);font-size:12px;line-height:1.3;color:var(--dim);white-space:nowrap;pointer-events:none;z-index:46}#realm-strip b{color:var(--ink);font-weight:600}#realm-strip .chip{width:9px;height:9px;border-radius:3px;flex:none}#realm-strip .race-tag{color:var(--dim)}#realm-strip b.war{color:var(--bad)}#realm-strip b.safe{color:var(--good)}#realm-strip .sep{width:1px;height:11px;background:var(--edge);display:inline-block;flex:none}#radial{position:absolute;width:0;height:0;z-index:48}.radial-hub{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3a2e21f7,#14100cf7);border:1px solid var(--edge-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;text-align:center;padding:0 8px}.radial-hub b{font-family:var(--display);font-size:12px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;max-width:100%}.radial-hub span{font-size:9.5px;color:var(--dim);letter-spacing:.4px}.radial-hub .pct{font-size:9px;color:var(--gold)}.radial-hub.attack{border-color:var(--bad);box-shadow:var(--shadow),0 0 18px #e0705f66}.radial-hub.attack b{color:var(--bad);font-size:14px}.radial-hub.aid{border-color:var(--info);box-shadow:var(--shadow),0 0 18px #86bde066}.radial-hub.aid b{color:var(--info);font-size:14px;display:flex;align-items:center;justify-content:center;gap:4px}.radial-hub.aid b .ico{flex:none;vertical-align:0}.radial-hub.off{opacity:.5;filter:grayscale(.7)}.radial-hub.attack:hover,.radial-hub.aid:hover{transform:translate(-50%,-50%) scale(1.06)}#aid-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:12px;box-shadow:var(--shadow);padding:4px 0 12px;z-index:50}#aid-panel .card-head{padding:9px 13px}.aid-row{display:flex;align-items:center;gap:8px;padding:4px 13px;font-size:12px}.aid-row input[type=range]{flex:1;accent-color:var(--gold);margin:0}.aid-row .amt{width:42px;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold);font-weight:600}.aid-row .have{width:56px;color:var(--dim);font-size:10.5px}.aid-note{padding:8px 13px 4px;font-size:11px;color:var(--dim);line-height:1.45}.aid-actions{display:flex;gap:6px;padding:6px 13px 0}.aid-actions button{flex:1;padding:8px;font-size:12px}.aid-actions .primary{border-color:var(--edge-strong);background:#8fce8629;color:var(--good)}.aid-actions button:disabled{opacity:.4;cursor:default}.radial-btn{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--edge);background:linear-gradient(180deg,#2e251bf7,#16120df7);box-shadow:0 5px 14px #0000008c;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--text);transition:transform .09s ease-out,border-color .09s}.radial-btn:hover{border-color:var(--gold);transform:translate(-50%,-50%) scale(1.16);z-index:2}.radial-btn .rl{position:absolute;bottom:-25px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:9px;letter-spacing:.2px;white-space:nowrap;color:var(--dim);text-shadow:0 1px 3px #000;pointer-events:none}.radial-btn:hover .rl{color:var(--gold)}.radial-btn .rc{display:flex;align-items:center}.radial-btn .rc .c{font-size:9.5px;gap:2px;text-shadow:0 1px 3px #000}.radial-btn .rc .c+.c{margin-left:5px}.radial-btn .rc .ico{width:9px;height:9px}.radial-btn.off{opacity:.34;filter:grayscale(.85);border-color:#e0705f59}.radial-btn.off:hover{border-color:var(--bad);transform:translate(-50%,-50%) scale(1.06)}#defeat{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0806049e;backdrop-filter:blur(2px);z-index:60}.defeat-panel{position:relative;width:min(430px,88vw);background:var(--panel);border:1px solid var(--edge-strong);border-radius:12px;box-shadow:var(--shadow);padding:26px 28px 22px;text-align:center}.defeat-panel h2{margin:0 0 8px;font-family:var(--display);font-size:25px;color:var(--bad);letter-spacing:.5px}.defeat-panel p{margin:0 0 18px;color:var(--dim);font-size:13px;line-height:1.55}.defeat-actions{display:flex;flex-direction:column;gap:7px}.defeat-actions button{width:100%;padding:10px;font-size:13px}.defeat-actions .primary{border-color:var(--edge-strong);background:#e8bf6829;color:var(--gold)}.defeat-x{position:absolute;top:8px;right:10px;width:28px;height:28px;padding:0;font-size:17px;line-height:1;border-radius:50%}body.spectating #left-col,body.spectating #bottom-bar{display:none}#results{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0806049e;backdrop-filter:blur(2px);z-index:61}#results .defeat-panel{width:min(460px,90vw)}#results h2{color:var(--gold)}#result-list{margin:0 0 18px;display:flex;flex-direction:column;gap:5px}.result-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;font-size:13px;background:#ffffff08}.result-row.win{background:#f0c95a24}.result-row .chip{width:11px;height:11px;border-radius:3px}#watch-bar{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:40;display:flex;gap:8px}#watch-bar button{padding:6px 13px;font-size:12px}#result-reopen{border-color:var(--gold);background:#f0c95a29;color:var(--gold)}#leave-match{border-color:var(--edge-strong);background:#0a0c12d1}.t-price{display:flex;flex-wrap:wrap;gap:4px 10px;margin:2px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--edge);font-size:14px;font-variant-numeric:tabular-nums}.race-tag{color:var(--dim);font-weight:400;font-size:.72em}.t-fit{font-variant-numeric:tabular-nums}.t-fit.good{color:var(--good)}.t-fit.bad{color:var(--bad)}.t-big{font-family:var(--display);font-size:17px;margin:2px 0 6px;font-variant-numeric:tabular-nums}.t-big.good{color:var(--good)}.t-big.bad{color:var(--bad)}.t-big small{color:var(--dim);font-size:11.5px;font-family:inherit}.t-price .c{gap:4px}.t-price .c b{font-size:14px}.c.short,.c.short b,.pal-btn .cost .c.short b{color:var(--bad)}#ad-frame{position:fixed;inset:0;z-index:62;pointer-events:none}.ad-slot{position:absolute;pointer-events:auto;overflow:hidden;background:#0a0c128c;border:1px solid rgba(198,158,92,.16);border-radius:8px}.ad-vert{width:160px;height:min(600px,calc(100vh - 32px));top:50%;transform:translateY(-50%)}#ad-left{left:16px}#ad-right{right:16px}.ad-horz{height:90px;bottom:16px;left:50%;transform:translate(-50%);width:min(970px,calc(100vw - 400px))}body.ads-on .screen{padding-left:194px;padding-right:194px;padding-bottom:120px}body.ads-on #defeat,body.ads-on #results{padding-bottom:120px}body.ads-sides-only .ad-horz{display:none}body.ads-sides-only .screen{padding-bottom:20px}.ad-dev{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a2947cbf;text-align:center;background:repeating-linear-gradient(135deg,rgba(198,158,92,.05) 0 9px,transparent 9px 18px)}.ad-dev b{font-family:var(--display);font-size:15px;letter-spacing:3px;color:#e8bf6899}.ad-dev span{font-size:11px;font-variant-numeric:tabular-nums}.ad-dev small{font-size:9.5px;opacity:.6;line-height:1.35}@media(max-width:1199px){.ad-vert{display:none}.ad-horz{width:min(970px,calc(100vw - 32px))}body.ads-on .screen{padding-left:20px;padding-right:20px}}@media(max-width:759px){.ad-horz{width:320px;height:50px}body.ads-on .screen,body.ads-on #defeat,body.ads-on #results{padding-bottom:80px}}@media(max-width:900px){.how{grid-template-columns:1fr}#left-col{width:214px}#right-col{width:172px}.pal-btn{gap:7px;padding:6px 7px}}