:root{--paper:#edf1f2;--ink:#253c50;--muted:#71818c;--green:#2d83b1;--sage:#e2edf0;--line:#cedbe0;--red:#cf5447;--blue:#3588c1;--gold:#d39a2d;--white:#f9fbfb}body{background-color:#edf1f2;background-image:radial-gradient(#7490a012 .8px,#0000 .8px);background-size:7px 7px}.troop-art{aspect-ratio:1;background-image:url(/battle/troop-atlas.webp);background-repeat:no-repeat;background-size:400% 200%;flex-shrink:0;display:block}.brand-icon{background:linear-gradient(#54b7db,#2e85b3);border-radius:10px;transform:none;box-shadow:inset 0 2px #ace9f2,0 3px #256587}.brand b{letter-spacing:0}.button,.help-button,.room-chip,.panel,.modal,.seat-status,.invite-box,input,select{border-radius:8px}.primary:not(:disabled):hover{background:linear-gradient(#55b6df,#328bbd)}.secondary,.subtle{color:#325d79;background:#deedf3;box-shadow:inset 0 1px #f8feff,0 2px #becfd6}.eyebrow,.hero-description,.site-footer{color:#68757b}.hero h1{letter-spacing:-1.8px;font-size:52px}.hero h1>span{color:#368eb8}.title-spark,.hero-sticker,.scene-orbit{display:none}.hero-scene{height:590px}.hero-board{filter:drop-shadow(9px 16px 10px #19272d30);width:295px;top:25px;transform:translate(-50%)rotate(-5deg)}.hero-board .board{border:3px solid #79a14a;border-radius:8px;box-shadow:0 5px #50753a}.troop-art.hero-duck{width:175px;height:175px;bottom:12px;left:-4px;transform:rotate(-5deg)}.troop-art.hero-rex{width:205px;height:205px;bottom:10px;right:-12px;transform:rotate(4deg)}.scene-label{color:#ede5c8;box-shadow:none;background:#263a43;border-color:#263a43;border-radius:2px;padding:8px 12px;font-size:9px;top:3px;transform:translate(-50%)}.scene-caption{color:#69747a;bottom:1px}.gallery-card,.gallery-card:nth-child(3n+2){background:linear-gradient(#edf5f7,#d3e4eb);border-color:#bfced4;border-radius:10px;box-shadow:inset 0 2px #fff,0 3px #b9cbd4}.gallery-card:hover{background:linear-gradient(#f3fbfd,#c8e1ec)}.gallery-card .troop-art{width:min(100%,110px);height:auto}.gallery-card>span:last-child{color:#616d70}.player-avatar,.seat-avatar{background:linear-gradient(#dcecf2,#b6d2e0);border-radius:9px}.player-avatar .troop-art{width:100%;height:100%}.rules-art{background:#dfeef3;border-radius:8px}.rules-intro,.rules-map,.rule-note{border-radius:8px}.modal{background:#f8fbfc;border-color:#b8cfda;box-shadow:0 8px #42607840,0 20px 80px #18334440}.board{--road-edge:#b4a16b;--road-face:#efdb9c;--road-shadow:#34572d;--road-detail:#b89c5f;--plinth-top:#d9dcb8;--plinth-side:#7f9474;--tile-size:clamp(36px, 11.3cqw, 61px);aspect-ratio:100/167;color:#485147;background:#8fbf48;border:3px solid #527d41;border-radius:12px;box-shadow:0 2px #bdd788,0 6px #3c5345,0 12px 20px #19272b35;container-type:inline-size}.board-land{border-radius:9px;overflow:hidden}.board.theme-clouds{--road-edge:#adb7b0;--road-face:#f6efd6;--road-shadow:#6386a1;--plinth-top:#e6eae3;--plinth-side:#91a6b5;border-color:#8bafc2}.board.theme-volcano{--road-edge:#8f7c60;--road-face:#c2b38e;--road-shadow:#23372c;--plinth-top:#b9b7a0;--plinth-side:#657464;border-color:#886d50}.board.theme-cemetery{--road-edge:#829fa1;--road-face:#bcd1c2;--road-shadow:#0e293f;--road-detail:#7d9b96;--plinth-top:#a9c5c1;--plinth-side:#536d83;border-color:#436a81}.board.theme-sea{--road-edge:#9e754d;--road-face:#e2bc7c;--road-shadow:#126c7c;--plinth-top:#e9dfb0;--plinth-side:#a9976b;border-color:#429ba9}.board.theme-pool{--road-edge:#9cc6cc;--road-face:#f2f1d9;--road-shadow:#26899d;--plinth-top:#f5e8bd;--plinth-side:#c19c69;border-color:#6ab7c3}.board.theme-battlefield{--road-edge:#a58c56;--road-face:#d8c387;--road-shadow:#5b642f;border-color:#878e45}.board.theme-metal{--road-edge:#658b9e;--road-face:#adc2c8;--road-shadow:#102639;--road-detail:#3f94ae;--plinth-top:#a7c6ce;--plinth-side:#496578;border-color:#637e97}.board .region{fill:#edf0a8;fill-opacity:0}.board .region.red{fill:#b1483f;fill-opacity:.24}.board .region.blue{fill:#2866a4;fill-opacity:.25}.board .path-shadow{fill:none;stroke:var(--road-shadow);stroke-width:4.4px;stroke-linecap:round;opacity:.33;transform:translateY(.75px)}.board .path-edge{fill:none;stroke:var(--road-edge);stroke-width:3.8px;stroke-linecap:round}.board .path{fill:none;stroke:var(--road-face);stroke-width:3.1px;stroke-linecap:round}.board .path-light{fill:none;stroke:#fff6d4;stroke-width:.35px;stroke-linecap:round;opacity:.42;transform:translateY(-1.2px)}.board .path-grain{fill:none;stroke:var(--road-detail);stroke-width:.32px;stroke-dasharray:.15 3;stroke-linecap:round;opacity:.5}.board.theme-sea .path{stroke-dasharray:1.4 .25;stroke-linecap:butt}.board.theme-metal .path-grain{stroke-dasharray:2 3;stroke-width:.45px;opacity:.9}.board .platform-shadow{fill:var(--road-shadow);opacity:.28}.board .platform-foot{fill:var(--plinth-side)}.board .platform-rim{fill:var(--plinth-top);stroke:#fff4d7;stroke-width:.35px}.board .base{width:var(--tile-size);height:var(--tile-size);box-shadow:none;color:#735b32;background:url(/battle/terrain-props.webp) 0 100%/200% 222.34% no-repeat;border:0;border-radius:2px;transition:filter .15s}.board .base:not(.occupied):hover{filter:brightness(1.15)drop-shadow(0 0 2px #fff0bd)}.board:not(.decorative) .base:before{content:"";border-radius:inherit;width:max(100%,44px);height:max(100%,44px);position:absolute;inset:auto}.board .base.special{box-shadow:none;color:#715628;background-color:#0000;background-position:100% 100%;border:0}.board .base.special>svg{width:43%;height:43%;box-shadow:none;color:#fff6d1;stroke-width:2.8px;filter:drop-shadow(0 1px 1px #50381d);background:0 0;border:0;padding:0}.board .allowed{color:#fff4bc;background:#304d61;border-radius:4px;padding:2px 4px;font-size:8px;line-height:1.15;bottom:-4px;box-shadow:0 1px #f8e7a0}.board .base.hq .allowed{z-index:2;white-space:nowrap;bottom:-18px}.board .base.occupied .allowed{z-index:2;white-space:nowrap;bottom:-15px}.board.decorative .allowed{padding:1px 2px;font-size:5px;bottom:-2px}.board.decorative .base.hq .allowed{bottom:-11px}.board .empty-dot{display:none}.board .base.hq{width:calc(var(--tile-size) * 1.45);height:calc(var(--tile-size) * 1.45);box-shadow:none;background:0 0;border:0;border-radius:0}.board .base.hq.blue{background:0 0;border:0}.board .base .headquarters-art{background:url(/battle/terrain-props.webp) 0 0/200% 181.74% no-repeat;width:120%;max-width:none;height:120%;position:absolute;bottom:-5%}.board .hq-label{color:#fff6df;z-index:1;background:linear-gradient(#e37559,#b34335);border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;bottom:-5px;box-shadow:inset 0 1px #ffb985,0 2px #713e30}.board .blue .hq-label{background:linear-gradient(#5caad4,#307eae);box-shadow:inset 0 1px #9ed9ec,0 2px #2a516f}.board .base.occupied{background:radial-gradient(at 50% 10%,#527388,#203f57);border:4px solid #ce594a;border-radius:6px;box-shadow:inset 0 0 0 1px #f5b495,0 3px #5c4142,0 4px 0 1px #d1d7ce,0 6px 7px #172a3638}.board .base.occupied.blue{background:radial-gradient(at 50% 10%,#6a99b0,#244a69);border-color:#3b89bd;box-shadow:inset 0 0 0 1px #9ed7e6,0 3px #365b79,0 4px 0 1px #d1d7ce,0 6px 7px #172a3638}.board .base .troop-art{filter:drop-shadow(0 2px 1px #0008);background-size:400% 200%;width:100%;height:100%;bottom:0}.board .power{color:#fffbe8;text-shadow:0 2px 1px #67352b;background:linear-gradient(#e57a58,#bf483b);border:1px solid #f5ae80;border-radius:5px 5px 2px 2px;width:28px;height:20px;font-size:17px;font-weight:900;line-height:1;top:-15px;bottom:auto;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffd2aa,0 2px #773e35}.board .blue .power{background:linear-gradient(#65b3d8,#347fae);border-color:#95d7e9;box-shadow:inset 0 1px #c9f3fd,0 2px #325578}.board .stack-count{background:#324f51;border:1px solid #fff4d2;width:18px;height:18px;font-size:10px;bottom:-7px;right:-7px}.board .base-effect-dot{color:#674e2a;background:#f4cf79;width:18px;height:18px;inset:auto auto -7px -6px}.board .base.legal{border-color:#fff2b0;animation:none;box-shadow:0 3px #5f6d51,0 0 0 2px #233e42,0 0 0 4px #ffde72}.board .base.legal:after{pointer-events:none;border:1px dashed #fff4c5;border-radius:4px;inset:-7px}.board .base.target-selected{outline-offset:4px;outline:3px solid #f6c259}.board .medal-spot{min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;gap:3px;padding:0}.medal-token{color:#ffdb66;background:linear-gradient(#607e8b,#344f62);border:1.5px solid #edf1ce;border-radius:50%;place-items:center;width:clamp(19px,4.6cqw,27px);height:clamp(19px,4.6cqw,27px);display:grid;box-shadow:inset 0 1px #a0bdc0,0 2px #29495b}.board .medal-token svg{filter:drop-shadow(0 1px #8a713b);width:66%;height:66%}.board .medal-count{display:none}@container (max-width:520px){.board .medal-token:not(:first-child){display:none}.board .medal-token{width:16px;height:16px}.board .medal-spot:has(.medal-count){background:#3e555c;border:1px solid #cbd5ac;border-radius:20px;gap:1px;padding-right:4px}.board .medal-count{color:#ffe18a;font-size:10px;font-weight:800;display:inline}.board.decorative .medal-count{font-size:6px}.board.decorative .medal-spot:has(.medal-count){padding-right:2px}}.board .medal-spot.claimed{opacity:.65}.board .medal-spot.claimed.red .medal-token{background:#ad5446}.board .medal-spot.claimed.blue .medal-token{background:#347a9e}.board .board-corner{color:#f8efc9;letter-spacing:.4px;background:#3c604fbb;border-radius:4px;padding:3px 6px;font-size:7px;bottom:3px;left:4px}.board:not(.decorative) .board-corner{display:none}.board.decorative{--tile-size:9.6cqw}.board.decorative .base{border-width:1px;border-radius:2px;min-width:0}.board.decorative .base.hq{width:calc(var(--tile-size) * 1.4);height:calc(var(--tile-size) * 1.4);box-shadow:none}.board.decorative .base .troop-art{width:100%;height:100%}.board.decorative .power{border-width:1px;border-radius:2px 2px 0 0;width:14px;height:12px;font-size:9px;top:-9px;left:50%}.board.decorative .medal-token{border-width:.8px;width:4.6cqw;height:4.6cqw}.board.decorative .medal-spot{gap:1px}.board.decorative .base.special>svg{padding:2px}.board.decorative .board-corner{font-size:5px}.map-preview .board{--tile-size:10cqw;aspect-ratio:100/167}.map-preview .board .base{width:var(--tile-size);height:var(--tile-size)}.in-match .hand-card>span:last-child:not(.troop-art):not(.frozen-label){text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#172529eb);line-height:18px;position:absolute;bottom:0;left:0;right:0}body:has(.in-match){background-color:#e9eff1}.in-match{max-width:1440px;padding:0 40px 28px}.in-match .site-header{border-color:#bdc5c5;height:64px}.in-match .brand b{font-size:19px}.in-match .brand small{font-size:7px}.in-match .brand-icon{border-radius:9px;width:34px;height:34px}.in-match .game-page{max-width:1200px;padding:16px 0 20px}.in-match .game-topline{gap:16px;margin-bottom:14px}.in-match .game-topline h1{margin-top:6px;font-size:24px}.in-match .game-topline .eyebrow{color:#707a68;letter-spacing:1.2px;font-size:10px}.in-match .game-subtitle{color:#7c8475;font-size:9px}.battle-status{white-space:nowrap;color:#426078;background:#dae5e9;border:1px solid #b3cad5;border-radius:7px;align-items:center;gap:8px;margin-left:auto;padding:8px 11px;font-size:11px;font-weight:700;display:flex;box-shadow:inset 0 1px #f5feff,0 2px #b4c9d2}.battle-status>span{background:#8c9784;border-radius:50%;width:7px;height:7px}.battle-status.your-turn{color:#236287;background:linear-gradient(#e5f7fc,#c6e8f2);border-color:#8fc5da}.battle-status.your-turn>span{background:#4e8a5b;box-shadow:0 0 0 3px #4e8a5b18}.in-match .game-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start;gap:16px 30px;display:grid}.in-match .battle-area{background:linear-gradient(#dfe9e8,#d2deda);border:1px solid #bdcfd3;border-radius:10px;grid-area:1/1/3;min-width:0;padding:9px 8px 10px;box-shadow:inset 0 2px #fafff5,0 3px #b3c3bc}.in-match .battle-board-wrap{width:calc(100% - 18px);max-width:440px;margin:3px auto 0}.in-match .board-legend{color:#675e46;gap:18px;margin:14px 0 0;font-size:9px}.in-match .legend-dot{background:#e6e5d2;border-color:#8a9378;border-radius:2px}.command-area{flex-direction:column;grid-area:1/2;gap:14px;min-width:0;display:flex}.opponent-dock{order:-1}.in-match .opponent-dock .opponent-hand{justify-content:flex-start;padding:10px 14px 3px}.in-match .player-bar{background:linear-gradient(#fcfefe,#eff5f6);border:1px solid #c1d3da;border-left:4px solid #cf594b;border-radius:8px;gap:10px;padding:8px 10px;box-shadow:0 2px #c9d7dc}.in-match .player-bar.blue{border-left-color:#4984a5}.in-match .player-bar.playing{background:linear-gradient(#f6fcff,#deeff5);border-color:#a6ccdc #a6ccdc #a6ccdc #cf594b}.in-match .player-bar.blue.playing{border-left-color:#4984a5}.in-match .player-name b{color:#304d43;font-size:14px}.in-match .player-name>span{color:#687665;font-size:10px}.in-match .player-name b small{font-size:9px}.in-match .player-stats{gap:14px}.in-match .player-stats>span{color:#657161}.in-match .player-stats small{opacity:1;font-size:10px}.in-match .player-stats strong{color:#ad7e2e;font-size:21px}.in-match .opponent-hand{gap:6px;padding:12px 0 10px}.in-match .opponent-hand small{color:#6d634d;font-size:10px}.in-match .card-back{color:#ffe4a4;background:linear-gradient(135deg,#ec8566,#ca594a);border:2px solid #efb489;border-radius:4px;outline:1px solid #b75243;width:24px;height:27px;box-shadow:inset 0 1px #ffce9e,0 2px #834c3c}.in-match .opponent-hand.blue .card-back{background:linear-gradient(135deg,#6bb9db,#3b83b5);border-color:#abd9e7;outline-color:#3a79a6;box-shadow:inset 0 1px #d3f0f6,0 2px #365e7c}.in-match .hand-rack{background:repeating-linear-gradient(1deg,#0000 0 7px,#a5763510 7px 8px),linear-gradient(#d3ac77 0,#edce9b 12%,#dfbb87 88%,#bb8e54 89%,#d8b17b 95%,#ba8f58 100%);border:1px solid #c19b65;border-radius:8px;order:2;padding:15px 13px 23px;box-shadow:inset 0 2px #fff0d2,0 4px #987048}.in-match .hand-heading{align-items:baseline;margin:0 0 24px}.in-match .hand-heading>b{color:#302f27;font-size:12px}.in-match .hand-heading>b span{color:#4e4737;font-size:10px}.in-match .hand-heading>small{color:#4b422e;font-size:9px}.in-match .hand-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 11px;min-height:80px}.in-match .hand-card{aspect-ratio:1;background:radial-gradient(at 50% 0,#648c9e,#27475d 90%);border:5px solid #d2604c;border-radius:8px;min-height:0;padding:4px;box-shadow:inset 0 0 0 1px #f8c79b,0 3px #7e4238,0 4px 0 1px #d0d4c8,0 6px 7px #775b3438}.in-match .hand-card.blue{background:radial-gradient(at 50% 0,#76b1cd,#2a5375 90%);border-color:#428fc2;box-shadow:inset 0 0 0 1px #b1e2ee,0 3px #355a7d,0 4px 0 1px #d0d4c8,0 6px 7px #775b3438}.in-match .hand-card .troop-art{filter:drop-shadow(0 2px 1px #0008);width:100%;max-width:none;height:auto;margin:0}.in-match .hand-card>span:not(.frozen-label){color:#f4e5c8;font-size:9px}.in-match .hand-power{color:#fff9e6;text-shadow:0 2px 1px #7d3d30;background:linear-gradient(#ee8b62,#ce5645);border:1px solid #f3bf8c;border-radius:6px 6px 2px 2px;place-items:center;width:34px;height:24px;padding:0;font-family:inherit;font-size:21px;font-weight:900;line-height:1;display:grid;top:-18px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffe3ae,0 2px #864638}.in-match .hand-card.blue .hand-power{color:#fff9e6;background:linear-gradient(#6cbde1,#398abc);border-color:#b3e8f2;box-shadow:inset 0 1px #e3fbff,0 2px #345d80}.in-match .hand-card.selected{outline-offset:3px;outline:2px solid #ffdf87;transform:translateY(-5px)}.in-match .hand-card.selected:hover{transform:translateY(-5px)}.in-match .turn-controls{background:#f4f8fa;border:1px solid #c1d5de;border-radius:8px;order:1;padding:13px 14px;box-shadow:0 2px #c4d6dc}.in-match .turn-controls.active{background:linear-gradient(#ecf8fc,#d9edf4);border-color:#9fcada}.in-match .turn-text h2{color:#2c4b54;margin-bottom:6px;font-size:15px}.in-match .turn-text p{color:#5b6b6d;font-size:12px}.in-match .turn-dot{width:8px;height:8px}.in-match .action-buttons{gap:9px;margin-top:14px}.in-match .action-buttons .primary{flex:1;box-shadow:inset 0 2px #b4e8f5,0 3px #27658b}.in-match .action-buttons .button{min-height:46px;font-size:13px}.in-match .selected-ability{color:#4c6267;font-size:12px}.in-match .game-sidebar{grid-area:2/2;grid-template-columns:1fr;gap:12px;padding-top:4px;display:grid}.in-match .objective-card{background:linear-gradient(#fff9df,#f4e9c2);border-color:#dccc98;border-radius:8px;padding:14px 16px;box-shadow:inset 0 1px #fffef4,0 2px #d5c18a}.in-match .objective-card>.eyebrow{color:#8a7852;letter-spacing:1px;margin-bottom:7px;font-size:9px}.in-match .objective-card>svg{width:23px;top:17px;right:17px}.in-match .objective-card h2{letter-spacing:0;margin-bottom:6px;font-size:17px}.in-match .objective-card p{color:#756c56;font-size:11px}.in-match .objective-progress{color:#c4b99d;vertical-align:middle;gap:7px;margin-top:12px;display:inline-flex}.in-match .objective-progress svg{width:21px;height:21px}.in-match .objective-card>span{color:#7c6d4d;margin:12px 0 0 13px;font-size:11px;display:inline-block}.in-match .sidebar-card{background:#f4f8f9;border-color:#cad9df;border-radius:8px;padding:13px 15px}.in-match .sidebar-card .panel-title h3{font-size:13px}.in-match .sidebar-card>p{color:#69765f;margin:9px 0 0;font-size:12px}.in-match .sidebar-card .text-button{min-height:34px;font-size:11px}.in-match .game-logs{gap:10px;margin:12px 0 4px}.in-match .game-logs p{color:#5f705a;font-size:12px}.in-match .game-logs small{color:#7e8973;font-size:9px}.in-match .room-share{justify-self:start;font-size:11px}.in-match .result-section{margin-top:24px}@media (min-width:1280px){.in-match .game-layout{grid-template-columns:minmax(0,1.22fr) minmax(370px,.9fr);gap:17px 32px}.in-match .game-sidebar{grid-template-columns:1fr 1fr}.in-match .objective-card{grid-column:1/-1}}@media (min-width:981px){.in-match{--match-board-width:clamp(310px,calc((100dvh - 195px) / 1.67),440px)}.in-match .game-layout{grid-template-columns:minmax(0,calc(var(--match-board-width) + 36px)) minmax(340px,450px);justify-content:center;gap:16px 28px}.in-match .game-page{max-width:calc(var(--match-board-width) + 514px)}}@media (min-width:761px){.in-match .battle-area>.player-bar,.in-match .battle-area>.opponent-hand{display:none}}@media (max-width:980px) and (min-width:761px){.in-match{padding:0 22px 25px}.in-match .game-layout{grid-template-columns:minmax(0,1fr) 320px;gap:14px 19px}.in-match .battle-area{padding:12px 8px}.in-match .battle-board-wrap{width:calc(100% - 10px)}.in-match .hand-rack{padding:14px 12px 18px}.in-match .hand-cards{gap:24px 8px}.in-match .hand-card{min-height:0}.in-match .hand-card .troop-art{height:auto}.in-match .hand-heading>small,.in-match .player-stats>span small{display:none}.in-match .player-avatar{width:35px;height:35px}.in-match .player-avatar .troop-art{height:38px}.in-match .player-name b{font-size:12px}}@media (max-width:760px){.opponent-dock{display:none}.in-match{padding:0 15px max(22px,env(safe-area-inset-bottom))}.in-match .site-header{height:65px}.in-match .brand-icon{border-radius:9px;width:34px;height:34px}.in-match .brand b{font-size:17px}.in-match .brand small{font-size:6px}.in-match .game-page{max-width:530px;padding:16px 0 10px}.in-match .game-layout{flex-direction:column;gap:20px;display:flex}.in-match .battle-area,.in-match .command-area{width:100%}.in-match .game-topline{gap:8px;margin-bottom:15px}.in-match .game-topline h1{font-size:21px}.in-match .game-subtitle{display:none}.in-match .game-topline .eyebrow{font-size:9px}.battle-status{gap:5px;padding:7px 10px;font-size:10px}.in-match .game-top-actions{gap:0}.in-match .game-top-actions .text-button{justify-content:center;gap:0;width:36px;font-size:0}.in-match .game-top-actions .icon-button{min-width:36px}.in-match .battle-area{border-radius:9px;padding:10px 8px 13px}.in-match .battle-board-wrap{width:calc(100% - 14px);max-width:440px;margin-top:7px}.in-match .player-bar{gap:9px;padding:7px 9px}.in-match .player-name b{font-size:13px}.in-match .player-name>span{font-size:9px}.in-match .player-stats{gap:10px}.in-match .player-stats>span{font-size:12px}.in-match .player-stats strong{font-size:19px}.in-match .player-stats>span small{display:none}.in-match .opponent-hand{padding:10px 0 9px}.in-match .card-back{border-width:1px;width:19px;height:23px}.in-match .opponent-hand small{font-size:9px}.in-match .board-legend{gap:14px;margin-top:13px;font-size:8px}.board .base{border-radius:6px}.board .base.occupied{border-width:3px}.board .power{width:25px;height:18px;font-size:15px;top:-14px;left:50%}.board .medal-spot{gap:2px}.board .hq-label{padding:2px 6px;font-size:8px}.in-match .command-area{gap:12px}.in-match .turn-controls{padding:14px}.in-match .turn-text h2{font-size:15px}.in-match .turn-text p{font-size:11px}.in-match .hand-rack{padding:15px 13px 19px}.in-match .hand-heading>b{font-size:12px}.in-match .hand-heading>small{font-size:9px}.in-match .hand-cards{gap:24px 10px}.in-match .hand-card{min-height:0}.in-match .hand-card .troop-art{height:auto}.in-match .game-sidebar{width:100%;padding:0;display:grid}.in-match .game-sidebar .sidebar-card{display:none}.in-match .objective-card{padding:14px 16px}.in-match .objective-card h2{font-size:16px}}@media (max-width:360px){.in-match{padding-left:10px;padding-right:10px}.in-match .brand b{font-size:15px}.in-match .brand small{letter-spacing:1px}.in-match .battle-area{padding-left:8px;padding-right:8px}.in-match .battle-board-wrap{width:calc(100% - 10px)}.in-match .player-avatar{width:31px;height:33px}.in-match .player-name b{font-size:12px}.in-match .player-stats{gap:7px}.in-match .player-stats strong{font-size:17px}.in-match .hand-heading>small{font-size:8px}.in-match .hand-cards{gap:23px 8px}.in-match .hand-card{border-width:4px;min-height:0}.in-match .hand-card .troop-art{height:auto}.in-match .hand-card>span:not(.frozen-label){font-size:10px}.in-match .hand-power{width:28px;height:21px;font-size:18px;top:-16px}.battle-status{padding:6px 8px;font-size:9px}}@media (max-width:980px) and (min-width:761px){.hero h1{font-size:40px}.hero-board{width:240px}.troop-art.hero-duck{width:145px;height:145px}.troop-art.hero-rex{width:165px;height:165px}}@media (max-width:760px){.hero h1{font-size:42px}.hero-scene{height:460px}.hero-board{width:235px;top:28px}.troop-art.hero-duck{width:140px;height:140px;bottom:0;left:0}.troop-art.hero-rex{width:155px;height:155px;bottom:0;right:0}.scene-label{font-size:8px;top:9px}.scene-caption{display:none}.gallery-card .troop-art{width:100%;height:auto}.in-match .battle-board-wrap{width:calc(100% - 10px)}.in-match .hand-heading{margin-bottom:23px}}@media (prefers-reduced-motion:reduce){.hand-card,.gallery-card,.button{transition:none}}.primary{text-shadow:0 1px 1px #245a80;background:linear-gradient(#4ca9d1,#2f83b3);border:1px solid #2e79a5;box-shadow:inset 0 2px #a0dcec,0 3px #25658b}.in-match .game-topline h1,.hero h1,.brand b{font-weight:850}.rules-troops article{background:#edf4f7;border-radius:8px}.rules-troops p,.rules-steps p,.rules-map p,.rule-note p{color:#586e7d}.rules-art b{color:#335f7c;font-weight:900}.rules-clarification{color:#586e7d;background:#edf4f7;border:1px solid #c9d9df;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:11px}.rules-clarification summary{cursor:pointer;min-height:24px;font-weight:700}.rules-clarification p{margin-top:8px;line-height:1.8}@media (max-width:480px){.result-section{padding:22px 16px}.result-score{gap:12px}.result-score>span{flex-direction:column;flex:1;gap:5px}.result-buttons{flex-direction:column}}
:root{--paper:#0c1729;--ink:#f3f3eb;--muted:#aabed0;--line:#35506a;--green:#f5cc74;--gold:#f5cc74;--arena-panel:#18314b;--arena-edge:#3c5c77}:is(body,body:has(.in-match)){background-color:#0c1729;background-image:radial-gradient(at 75% 8%,#244d684d,#0000 55%),radial-gradient(at 0 70%,#21375466,#0000 50%),repeating-linear-gradient(135deg,#0000 0 35px,#afcce903 35px 36px);background-size:auto;background-attachment:fixed}.royal-ui{max-width:1280px;color:var(--ink);padding:0 40px}.royal-ui ::selection{color:#14263c;background:#f5cc74}.royal-ui :is(button,a,input,select):focus-visible{outline-offset:4px;outline:3px solid #ffe39d}.royal-ui .site-header{border-bottom:1px solid #a7bdd91c;height:88px}.royal-ui .brand{gap:11px}.royal-ui .brand b{color:#fff5dc;letter-spacing:.3px;font-size:22px;font-weight:900}.royal-ui .brand-dot{color:#f5cc74}.royal-ui .brand small{color:#95afc6;letter-spacing:2.1px;font-size:7px}.royal-ui .brand-icon{color:#263d55;background:linear-gradient(145deg,#ffe9a1,#dca84b);border:1px solid #ffdc8a;border-radius:13px;width:43px;height:45px;box-shadow:inset 0 2px #fff4cd,0 4px #8e672f,0 8px 18px #0003}.royal-ui .header-note{color:#aac2d7;letter-spacing:1px;font-size:11px}.royal-ui .header-actions{gap:10px}.royal-ui .icon-button{color:#b5cadd;border-radius:10px}.royal-ui .icon-button:hover{color:#fff0c6;background:#233e58}.royal-ui .help-button{color:#d0dfec;background:#1a3048;border:1px solid #3c546d;border-radius:10px;box-shadow:inset 0 1px #ffffff0c,0 3px #08111d}.royal-ui .eyebrow{color:#d9bd7b;letter-spacing:2px;font-size:10px}.royal-ui .text-button{color:#c9d9e7}.royal-ui .text-button:hover{color:#ffe3a0}.royal-ui .button{border-radius:10px;transition:background .18s,box-shadow .18s,transform .18s}.royal-ui .primary,.royal-ui.in-match .action-buttons .primary{color:#3c2a10;text-shadow:0 1px #ffedb4;background:linear-gradient(#ffe4a1 0%,#f5cc74 45%,#eeb850 100%);border:1px solid #ffe9a7;font-weight:850;box-shadow:inset 0 2px #fff5cc,0 4px #9a692a,0 7px 15px #0003}.royal-ui .primary:not(:disabled):hover{background:linear-gradient(#fff0c1,#f8cf73 55%,#f6c15b);box-shadow:inset 0 2px #fff7dc,0 4px #9a692a,0 9px 24px #e4b34c24}.royal-ui .secondary,.royal-ui .subtle{color:#dceaf4;background:linear-gradient(#2a4965,#1b344d);border:1px solid #4a6881;box-shadow:inset 0 1px #7593aa44,0 3px #0b1b2a}.royal-ui input,.royal-ui select{color:#f5f5ed;background:#10253a;border:1px solid #48617a;border-radius:8px;min-height:45px;box-shadow:inset 0 2px 4px #0003}.royal-ui input::placeholder{color:#92abc1}.royal-ui input:focus{border-color:#f0cd7c}.royal-ui label{color:#bdcede}.royal-ui .hero{grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);gap:64px;min-height:0;padding:34px 0 30px}.royal-ui .hero h1{color:#fff8e9;letter-spacing:-1.5px;text-shadow:0 4px #07101f;max-width:none;margin:15px 0 16px;font-size:clamp(42px,4.2vw,58px);line-height:1.13}.royal-ui .hero h1>span{color:#f5cc74}.royal-ui .hero-description{color:#aec4d7;margin-bottom:22px;font-size:13px;line-height:1.8}.royal-ui .room-form{text-align:left;background:linear-gradient(145deg,#213c57,#142b43);border:1px solid #59728b;border-top-color:#8197aa;border-radius:16px;max-width:410px;padding:20px 22px;position:relative;box-shadow:inset 0 1px #ffffff12,0 5px #07101d,0 20px 35px #0003}.form-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.form-heading>span{color:#fff1cc;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.form-heading>span svg{color:#edc777}.form-heading>small{color:#a6bdd2;font-size:10px}.royal-ui .form-tabs{background:#0c1d2f;border:1px solid #28445e;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:15px;padding:4px;display:grid}.royal-ui .form-tabs button{color:#b2c7db;border-radius:5px;justify-content:center;min-height:38px;padding:0 8px;font-size:12px}.royal-ui .form-tabs button.active{color:#ffdf95;background:linear-gradient(#35536e,#28435d);box-shadow:inset 0 1px #59758e,0 2px 4px #0003}.royal-ui .form-tabs button.active:after{display:none}.royal-ui .room-form label{margin-bottom:7px;font-size:11px}.royal-ui .map-start{flex-direction:row;align-items:center;gap:6px;margin:13px 0 17px}.royal-ui .map-start>span{color:#c6d7e4;gap:7px;font-size:11px}.royal-ui .map-start small{color:#a6bdd0;margin-left:auto;font-size:9px}.royal-ui .tiny-map{color:#f5cc74;background:#38546a;border-radius:6px}.royal-ui .start-button{min-height:49px;font-size:13px}.royal-ui .form-footnote{color:#a5bbcf;margin-top:16px;font-size:9px}.royal-ui .resume-link{color:#b8cee1;margin-top:8px;font-size:11px}.royal-ui .invite-note{color:#ffedbc;background:#47616a;line-height:1.7}.royal-ui .hero-scene{height:552px;overflow:visible}.royal-ui .scene-orbit{background:radial-gradient(#3d91a85c,#25537029 55%,#0000 72%);border-radius:50%;display:block;inset:20px -20px 25px;transform:none}.royal-ui .scene-orbit:after{border:1px solid #799fac1c;border-radius:50%;inset:45px 12px;transform:rotate(-28deg)}.scene-platform{background:radial-gradient(#41687980,#19344e77 55%,#0000 70%);border-radius:50%;height:116px;position:absolute;inset:auto -5% 40px;transform:rotate(-7deg)}.royal-ui .hero-board{filter:drop-shadow(16px 22px 8px #020b1b99);width:267px;top:52px;left:51%;transform:translate(-50%)perspective(1000px)rotateX(16deg)rotate(-13deg)}.royal-ui .hero-board .board{border:5px solid #b6c48a;border-radius:14px;box-shadow:0 3px #6f8562,0 9px #354e43,0 11px #749879}.royal-ui .troop-art.hero-duck{filter:drop-shadow(0 14px 9px #030a1d99);width:197px;height:197px;bottom:28px;left:-32px;transform:rotate(-8deg)}.royal-ui .troop-art.hero-rex{filter:drop-shadow(0 14px 9px #030a1d99);width:232px;height:232px;bottom:29px;right:-30px;transform:rotate(6deg)}.royal-ui .scene-label{color:#f6dc9d;background:linear-gradient(120deg,#36506a,#172f47);border:1px solid #708b91;border-bottom:3px solid #0a1b2c;border-radius:10px;gap:11px;padding:10px 14px;font-size:12px;font-weight:700;top:9px;left:53%;transform:translate(-50%)rotate(-3deg);box-shadow:0 8px 18px #0003}.scene-label small{color:#bdcddd;letter-spacing:1.7px;margin-top:3px;font-size:7px;display:block}.scene-number{color:#ffe1a2;border-left:1px solid #7891a54d;margin-left:2px;padding-left:12px;font-size:24px;font-weight:900}.hero-versus{z-index:3;color:#ffe2a0;text-shadow:0 3px #8c591e,2px 6px #06111c,0 0 24px #eabe4c80;font-size:39px;font-style:italic;font-weight:950;position:absolute;bottom:65px;left:49%;transform:translate(-50%)rotate(-8deg)}.royal-ui .scene-caption{letter-spacing:2px;color:#8caabd;align-items:center;gap:11px;font-size:7px;font-weight:700;display:flex;bottom:5px;left:50%}.royal-ui .scene-caption span{color:#c6d9e8;margin:0}.scene-caption i{background:#ecc66e;border-radius:50%;width:3px;height:3px}.royal-ui .floating-star{color:#e2c17a;filter:drop-shadow(0 0 9px #e7b85e55)}.royal-ui .star-one{top:148px;left:4%}.royal-ui .star-two{top:111px;right:2%}.home-highlights{background:linear-gradient(90deg,#0000,#23405c55,#0000);border-top:1px solid #7592ac33;border-bottom:1px solid #7592ac33;grid-template-columns:repeat(3,1fr);padding:18px 14px;display:grid}.home-highlights>span{grid-template-columns:26px auto;justify-content:center;gap:4px 9px;display:grid}.home-highlights>span+span{border-left:1px solid #819fb333}.home-highlights svg{color:#e4c27c;grid-row:span 2;align-self:center}.home-highlights b{color:#eaf0f4;font-size:12px}.home-highlights small{color:#9db6cc;font-size:10px}.royal-ui .troop-gallery{border-top:0;padding:32px 0 36px}.royal-ui .gallery-heading{margin-bottom:24px}.royal-ui .gallery-heading h2{color:#f4ecd8;font-size:23px}.royal-ui .gallery-heading .text-button{font-size:11px}.royal-ui .gallery-grid{gap:13px}.royal-ui .gallery-card,.royal-ui .gallery-card:nth-child(3n+2){background:radial-gradient(at 50% 32%,#4b7580,#0000 75%),linear-gradient(#213f59,#132b41);border:1px solid #53748d;border-top-color:#7d9bad;border-radius:13px;padding:17px 8px 14px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 0 0 3px #23445d,0 4px #050e1c,0 10px 15px #0002}.royal-ui .gallery-card:nth-child(2n){background:radial-gradient(at 50% 32%,#676480,#0000 75%),linear-gradient(#35405b,#172a41)}.royal-ui .gallery-card:hover{border-color:#ffe2a0;transform:none;box-shadow:inset 0 0 0 3px #587184,0 4px #050e1c,0 0 18px #e0b55920}.royal-ui .gallery-card .troop-art{filter:drop-shadow(0 6px 3px #08122299);width:100%;height:auto}.royal-ui .gallery-card b{color:#fff3d5;margin-top:8px;font-size:12px}.royal-ui .gallery-card>span:last-child{color:#b8cddd;font-size:9px}.royal-ui .gallery-power{z-index:1;color:#3c2a13;background:linear-gradient(#ffe5a3,#d9a549);border:1px solid #f4d98c;border-radius:6px 6px 9px 9px;place-items:center;min-width:28px;height:29px;font-family:inherit;font-size:16px;font-weight:900;display:grid;top:-9px;left:10px;box-shadow:0 3px #745729}.royal-ui .site-footer{color:#9ab2c7;border-top-color:#354d624d}.royal-ui .lobby{max-width:1080px;padding:24px 0 36px}.royal-ui .page-heading{margin-bottom:20px}.royal-ui .page-heading h1{color:#fff1d2;margin:9px 0;font-size:32px}.royal-ui .page-heading p{color:#b1c7da;font-size:13px}.royal-ui .lobby-grid{grid-template-columns:1.08fr 1fr;align-items:stretch;gap:24px}.royal-ui .panel{background:linear-gradient(145deg,#213d57,#152b43);border:1px solid #4b6780;border-top-color:#6a839a;border-radius:17px;padding:25px;box-shadow:inset 0 1px #ffffff0a,0 5px #071321,0 18px 30px #0002}.royal-ui .panel-title h2{color:#fff1ce;align-items:center;gap:8px;font-size:16px;display:flex}.royal-ui .panel-title h2 svg{color:#edcb86}.royal-ui .pill{color:#c9dce9;background:#0e263c;border:1px solid #405d75;border-radius:7px}.royal-ui .player-seats{gap:20px;margin:20px 0;position:relative}.royal-ui .player-seat{background:radial-gradient(at top,#944d4f66,#0000 85%),linear-gradient(#422d39,#243345);border:1px solid #ad7160;border-top:3px solid #ed9980;border-radius:12px;padding:18px 8px 16px;box-shadow:inset 0 0 0 3px #3a394966,0 3px #0b192a}.royal-ui .player-seat.blue{background:radial-gradient(at top,#387aa577,#0000 85%),linear-gradient(#214967,#182f48);border-color:#8ed4eb #4e88ab #4e88ab}.royal-ui .player-seat.empty{color:#bed6e8;background:#193249;border-style:solid dashed dashed}.royal-ui .seat-avatar{background:radial-gradient(#dca76929,#0000 70%);width:100px;height:100px}.royal-ui .seat-avatar .troop-art{filter:drop-shadow(0 8px 3px #0005);width:100px;height:100px}.royal-ui .player-seat h3{color:#fff2d7;font-size:15px}.royal-ui .player-seat p{color:#b8c8d8;font-size:10px}.royal-ui .seat-status{color:#d6dfea;background:#14283d;border:1px solid #5b7187;border-radius:6px}.royal-ui .seat-status.ready{color:#cdf5d5;background:#295246;border-color:#75a188}.seat-versus{color:#ffdf94;text-shadow:0 3px #6c4b25;z-index:1;font-size:22px;font-style:italic;font-weight:950;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.royal-ui .invite-box{background:#0d2338;border:1px solid #3c5972;border-radius:10px;padding:16px}.royal-ui .invite-box small{color:#a9c0d4}.royal-ui .invite-box strong{color:#ffe0a1;font-variant-numeric:tabular-nums;letter-spacing:3px;font-size:23px}.royal-ui .invite-box .button{padding:10px 12px;font-size:11px}.royal-ui .lobby-hint{color:#acc1d3;line-height:1.8}.royal-ui .ready-button.is-ready{color:#dff6e6;text-shadow:none;background:linear-gradient(#477d65,#2d5b49);border-color:#8fc6a0;box-shadow:inset 0 1px #aed9b8,0 4px #173e2f}.selected-map{grid-template-columns:112px 1fr;align-items:center;gap:22px;margin:22px 0;display:grid}.royal-ui .selected-map .map-preview{filter:drop-shadow(4px 7px 5px #0004);width:112px;margin:0;transform:rotate(-5deg)}.selected-map-copy{min-width:0}.selected-map-copy>.eyebrow{letter-spacing:1px;font-size:8px}.selected-map-copy h3{color:#fff0c8;margin:8px 0;font-size:21px}.selected-map-copy p{color:#b2c7d7;font-size:11px;line-height:1.8}.royal-ui .map-meta{color:#e2c78b;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px;font-size:10px;display:flex}.map-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.map-choice{color:#ccdfeb;background:#0d2336;border:1px solid #506d84;border-radius:8px;min-width:0;min-height:77px;transition:border-color .18s;position:relative;overflow:hidden;box-shadow:0 2px #0a1929}.map-choice .terrain-thumbnail{opacity:.85;width:100%;height:52px;display:block}.map-choice>span:last-of-type{white-space:nowrap;padding:6px 2px;font-size:9px;font-weight:650;display:block}.map-choice>svg:not(.terrain-thumbnail){color:#2a2a22;box-sizing:content-box;background:#f5cc74;border-radius:50%;padding:2px;position:absolute;top:5px;right:5px;box-shadow:0 1px 3px #0008}.map-choice.selected,.map-choice:not(:disabled):hover{color:#ffe6ab;border-color:#f5d286;box-shadow:0 0 0 1px #f5cc7455,0 2px #806437}.map-choice.selected .terrain-thumbnail,.map-choice:not(:disabled):hover .terrain-thumbnail{opacity:1}.royal-ui .map-choice:disabled{opacity:1;cursor:default}.royal-ui .map-panel>small{color:#afc3d5}.royal-ui .lobby-tip{color:#b5c7d8;border-color:#3a5268}.royal-ui .lobby-tip>svg{color:#e8c47b}.royal-ui .room-chip{color:#b6ccde;background:#132b43;border:1px solid #3b5670;border-radius:8px;padding:9px 12px}.royal-ui.in-match{max-width:1380px;padding:0 32px 28px}.royal-ui.in-match .site-header{border-color:#607f982e;height:72px}.royal-ui.in-match .game-page{padding-top:20px}.royal-ui.in-match .game-topline{border-bottom:1px solid #7791ab29;margin-bottom:20px;padding-bottom:14px}.royal-ui.in-match .game-topline h1{color:#fff1d0;font-size:24px}.royal-ui.in-match .game-topline .eyebrow{color:#b1c6d8;font-size:10px}.royal-ui.in-match .game-subtitle{color:#8eacc2}.royal-ui .battle-status{color:#c4d8e7;background:#203d57;border:1px solid #56748a;border-radius:8px;box-shadow:inset 0 1px #7896a633,0 3px #081727}.royal-ui .battle-status>span{background:#a0b9ca}.royal-ui .battle-status.your-turn{color:#ffdfa0;background:linear-gradient(#514c3f,#343b3b);border-color:#bda26c}.royal-ui .battle-status.your-turn>span{background:#f5cc74;box-shadow:0 0 0 3px #f5cc7419,0 0 9px #f5cc7455}.royal-ui.in-match .battle-area{background:linear-gradient(145deg,#3a5360,#1f3948 38%,#243b48);border:1px solid #77909d;border-top-color:#a4b4b7;border-radius:16px;padding:10px 10px 13px;position:relative;box-shadow:inset 0 0 0 4px #58707b66,0 6px #071522,0 8px #3e5866,0 20px 32px #0005}.arena-frame-title{color:#e3d0a0;letter-spacing:1.7px;align-items:center;gap:7px;padding:1px 7px 11px;font-size:8px;display:flex}.arena-frame-title>span:last-child{color:#b6cad6;letter-spacing:1px;margin-left:auto;font-size:8px}.royal-ui.in-match .battle-board-wrap{width:calc(100% - 14px);margin-top:3px}.royal-ui.in-match .board{border-width:3px;box-shadow:0 1px #c8d4b8,0 6px #18372e,0 12px 12px #06152377}.royal-ui.in-match .board-legend{color:#c1d1d8;gap:13px;margin:16px 0 1px;font-size:9px}.royal-ui.in-match .command-area{gap:14px}.royal-ui.in-match .player-bar{background:linear-gradient(110deg,#493a46,#223d55 80%);border:1px solid #6c6470;border-left:4px solid #ed8d75;border-radius:11px;gap:10px;padding:10px 12px;box-shadow:inset 0 1px #d0ad9922,0 3px #091827}.royal-ui.in-match .player-bar.blue{background:linear-gradient(110deg,#28516c,#20374f 80%);border-color:#4c718d #4c718d #4c718d #77caee}.royal-ui.in-match .player-bar.playing{border-top-color:#c8b486;box-shadow:inset 0 1px #eddba244,0 3px #091827}.royal-ui.in-match .player-avatar{background:#14263b66;border-radius:9px;width:42px;height:42px}.royal-ui.in-match .player-avatar .troop-art{filter:drop-shadow(0 3px 2px #06111d66)}.royal-ui.in-match .player-name b{color:#fff3d9;font-size:13px}.royal-ui.in-match .player-name>span{color:#c0d0de;font-size:10px}.royal-ui.in-match .player-name b small{color:#dce9f2;background:#55728a66}.royal-ui.in-match .player-stats>span{color:#c0d0df;font-size:12px}.royal-ui.in-match .player-stats strong{color:#f4ce7d;font-size:21px}.royal-ui.in-match .player-stats strong small{color:#abbfd1}.royal-ui.in-match .opponent-dock{border-bottom:1px solid #52728a44;padding-bottom:1px}.royal-ui.in-match .opponent-dock .opponent-hand{justify-content:flex-end;padding:10px 3px 12px}.royal-ui.in-match .opponent-hand small{color:#a7bed2}.royal-ui.in-match .card-back{border-radius:4px 4px 6px 6px;box-shadow:inset 0 0 0 2px #ffffff15,0 3px #091727}.royal-ui.in-match .turn-controls{background:linear-gradient(125deg,#1d3b53,#142a40);border:1px solid #56748c;border-radius:12px;padding:15px;box-shadow:inset 0 1px #8aa5b522,0 3px #081827}.royal-ui.in-match .turn-controls.active{background:radial-gradient(at 0 0,#c69d4422,#0000 80%),linear-gradient(125deg,#253e4b,#172f46);border-color:#ba9b61}.royal-ui.in-match .turn-text h2{color:#fff0c8;font-size:15px}.royal-ui.in-match .turn-text p{color:#c1d4e3;font-size:11px;line-height:1.8}.royal-ui.in-match .turn-dot{background:#8da4b7}.royal-ui.in-match .active .turn-dot{background:#f5cc74;box-shadow:0 0 0 4px #f5cc7416}.royal-ui.in-match .selected-ability{color:#b9d0e2;border-top:1px solid #6b839644;padding-top:10px;font-size:11px;line-height:1.8}.royal-ui.in-match .selected-ability b{color:#ffda8c}.royal-ui.in-match .hand-rack{background:repeating-linear-gradient(2deg,#0000 0 14px,#dbb96e06 14px 15px),linear-gradient(#4d4940,#3a3e3e 17%,#2b3540 89%,#68563b 90%,#9a7d51 95%,#574632);border:1px solid #9c835e;border-top-color:#c0a77c;border-radius:12px;padding:15px 15px 23px;box-shadow:inset 0 2px #ffe2a426,inset 0 0 0 4px #d5bc8233,0 5px #091827}.royal-ui.in-match .hand-heading{margin:0 0 24px}.royal-ui.in-match .hand-heading>b{color:#ffedc3;font-size:12px}.royal-ui.in-match .hand-heading>b span{color:#e0d2b9;margin-left:6px;font-size:10px}.royal-ui.in-match .hand-heading>small{color:#c5cdd1;font-size:9px}.royal-ui.in-match .hand-card{background:radial-gradient(at 50% 25%,#8b6973,#293a50 85%);border-color:#cf6b55;border-radius:9px;box-shadow:inset 0 0 0 1px #ffcf9c,0 3px #8a493c,0 4px 0 1px #e8d4b5,0 8px 8px #0005}.royal-ui.in-match .hand-card.blue{background:radial-gradient(at 50% 25%,#6e98b7,#223b58 85%);border-color:#4e9dce;box-shadow:inset 0 0 0 1px #caedfb,0 3px #385e84,0 4px 0 1px #d5e8eb,0 8px 8px #0005}.royal-ui.in-match .hand-card.selected{outline-offset:3px;filter:drop-shadow(0 0 5px #e5bf6866);outline:2px solid #ffdf92}.royal-ui.in-match .hand-card>span:last-child:not(.troop-art):not(.frozen-label){color:#fff4d9;background:linear-gradient(#0000,#0b192ff2);font-weight:750;line-height:20px}.royal-ui.in-match .hand-power{box-shadow:inset 0 1px #ffe4b8,0 3px #4d3441}.royal-ui.in-match .game-sidebar{gap:12px}.royal-ui.in-match .objective-card{background:linear-gradient(120deg,#414638,#253b45);border:1px solid #8b815f;border-radius:11px;padding:15px 17px;box-shadow:inset 0 1px #ddcc8b33,0 3px #081827}.royal-ui.in-match .objective-card>.eyebrow{color:#e8cf8c;font-size:9px}.royal-ui.in-match .objective-card h2{color:#fff1c6;font-size:17px}.royal-ui.in-match .objective-card p,.royal-ui.in-match .objective-card>span{color:#c6d1ce;font-size:10px}.royal-ui.in-match .objective-card>svg{color:#e8c67d}.royal-ui.in-match .objective-progress{color:#bba66c;gap:7px}.royal-ui.in-match .objective-progress .earned{color:#ffe39c;filter:drop-shadow(0 0 4px #eac47166)}.royal-ui.in-match .sidebar-card{background:#172e45;border:1px solid #3f5c74;border-radius:11px;padding:14px}.royal-ui.in-match .sidebar-card .panel-title h3{color:#d9e5ed}.royal-ui.in-match .sidebar-card>p,.royal-ui.in-match .game-logs p{color:#b5c9d9;font-size:11px}.royal-ui.in-match .game-logs small{color:#94aec4}.royal-ui.in-match .room-share{color:#aabfd1}.royal-ui .modal-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040d20cc}.royal-ui .modal{--ink:#243b50;--muted:#5e7387;--green:#2d678d;color:#243b50;background:#edf3f5;border:1px solid #71899e;border-radius:16px;box-shadow:0 7px #142940,0 30px 90px #0007}.royal-ui .modal-header{color:#fff0ce;background:linear-gradient(#28465f,#1a334d);border-bottom:2px solid #bb9c62}.royal-ui .modal-header .icon-button{color:#e0e9ee}.royal-ui .modal-content>p{color:#526779}.royal-ui .modal :is(button,a):focus-visible{outline-color:#2d78a1}.royal-ui .modal .text-button{color:#285e83}.royal-ui .modal .rules-intro{color:#284c66;background:#dbe7eb}.royal-ui .modal .rules-map{background:#e4e9da}.royal-ui .modal .rules-troops article{background:#f6fafb;border:1px solid #bfd0d9}.royal-ui .modal .rules-art{background:radial-gradient(#c9e0e8,#e4eef1)}.royal-ui .modal .rules-heading{color:#284760}.royal-ui .modal .rule-note{background:#e9e0c8}.royal-ui .result-section{background:radial-gradient(at 50% 15%,#8b793340,#0000 65%),linear-gradient(#294255,#142d43);border:1px solid #ad9563;border-radius:18px;box-shadow:inset 0 0 0 4px #d0ae6022,0 7px #081626}.royal-ui .result-section h2{color:#ffdf96}.royal-ui .result-section>p,.royal-ui .result-section>small{color:#c5d7e4}.royal-ui .result-score{color:#d5e1eb}.royal-ui .result-score .red{color:#ffc0a6}.royal-ui .result-score .blue{color:#b2e2ff}.royal-ui .result-score b{color:#ffe1a2}.royal-ui .error-banner{color:#ffe0ce;background:#553d42;border-color:#ab7477}.royal-ui .connection-banner{color:#ffe8ad;background:#4b4738;border-color:#a29260}.royal-ui .connection-banner button{color:#fff1cb}.royal-ui .toast{color:#fff1c6;background:#203b50;border:1px solid #aa986a;box-shadow:0 8px 30px #0005}.royal-ui .empty-hand{color:#d3e0e9}.royal-ui .blind-card{color:#fce2a5;background:#294c68;border:1px solid #7696ae}.royal-ui .revive-targets button{color:#e5edf3;background:#2d4a62;border:1px solid #6b879a}@media (min-width:981px){.royal-ui.in-match{--match-board-width:clamp(310px, calc((100dvh - 235px) / 1.67), 440px)}.royal-ui.in-match .game-layout{grid-template-columns:minmax(0, calc(var(--match-board-width) + 36px)) minmax(340px, 450px);gap:18px 26px}.royal-ui.in-match .game-page{max-width:calc(var(--match-board-width) + 514px)}}@media (max-width:1100px){.royal-ui .hero{gap:35px}.royal-ui .hero-board{width:242px;top:76px}.royal-ui .troop-art.hero-duck{width:160px;height:160px;bottom:58px;left:-16px}.royal-ui .troop-art.hero-rex{width:185px;height:185px;bottom:57px;right:-12px}.hero-versus{bottom:75px}.royal-ui .scene-label{top:34px}.royal-ui .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}.royal-ui .gallery-card .troop-art{width:min(100%,120px)}.royal-ui .invite-box{flex-direction:column;align-items:stretch}.royal-ui .invite-box>div{text-align:center}}@media (max-width:800px) and (min-width:761px){.royal-ui{padding:0 24px}.royal-ui .hero{grid-template-columns:minmax(290px,1fr) minmax(0,1fr);gap:18px}.royal-ui .hero h1{font-size:43px}.royal-ui .hero-board{width:209px}.royal-ui .hero-scene{height:495px}.royal-ui .scene-label{font-size:10px}.royal-ui .troop-art.hero-duck{width:135px;height:135px}.royal-ui .troop-art.hero-rex{width:155px;height:155px}.royal-ui .map-start{flex-wrap:wrap}.royal-ui .selected-map{grid-template-columns:80px 1fr;gap:12px}.royal-ui .selected-map .map-preview{width:80px}.map-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.royal-ui,.royal-ui.in-match{padding-left:18px;padding-right:18px}.royal-ui .site-header,.royal-ui.in-match .site-header{height:74px}.royal-ui .brand b,.royal-ui.in-match .brand b{font-size:17px}.royal-ui .brand small{letter-spacing:1.5px;font-size:6px}.royal-ui .brand-icon{border-radius:10px;width:36px;height:38px}.royal-ui .header-actions{gap:3px}.royal-ui .help-button{min-width:42px;padding:10px}.royal-ui .hero{text-align:center;grid-template-columns:minmax(0,1fr);gap:0;padding:20px 0 24px;display:grid}.royal-ui .hero-copy{display:contents}.royal-ui .hero-copy>.eyebrow{letter-spacing:1.5px;order:0;justify-content:center;font-size:9px}.royal-ui .hero h1{order:1;max-width:none;margin:10px 0;font-size:40px;line-height:1.12}.royal-ui .hero h1 br{display:none}.royal-ui .hero h1>span{display:block}.royal-ui .hero-description{order:2;margin:0;font-size:12px}.royal-ui .hero-description br{display:none}.royal-ui .hero-scene{order:3;width:100%;max-width:400px;height:225px;margin:12px auto 8px}.royal-ui .hero-board{width:132px;top:0;left:50%;transform:translate(-50%)perspective(800px)rotateX(28deg)rotate(-15deg)}.royal-ui .hero-board .board{border-width:3px;border-radius:8px}.royal-ui .scene-label,.royal-ui .scene-caption{display:none}.royal-ui .scene-orbit{inset:0 -5px}.scene-platform{height:65px;bottom:0;left:0;right:0}.royal-ui .troop-art.hero-duck{width:115px;height:115px;bottom:4px;left:6px}.royal-ui .troop-art.hero-rex{width:132px;height:132px;bottom:4px;right:1px}.hero-versus{font-size:28px;bottom:16px;left:50%}.royal-ui .star-one{width:18px;top:43px;left:6%}.royal-ui .star-two{width:14px;top:22px;right:9%}.royal-ui .room-form{border-radius:14px;order:4;width:100%;max-width:440px;margin:0 auto;padding:18px}.royal-ui .resume-link{order:5;margin:10px auto 0}.royal-ui .form-tabs{gap:4px}.royal-ui .room-form input{font-size:16px}.royal-ui .map-start small{font-size:9px}.home-highlights{padding:16px 0}.home-highlights>span{flex-direction:column;align-items:center;gap:7px;display:flex}.home-highlights b{font-size:10px}.home-highlights small{display:none}.royal-ui .troop-gallery{padding:27px 0 30px}.royal-ui .gallery-heading{gap:8px;margin-bottom:24px}.royal-ui .gallery-heading h2{font-size:19px}.royal-ui .gallery-heading .eyebrow{font-size:7px}.royal-ui .gallery-heading .text-button{font-size:9px}.royal-ui .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 9px}.royal-ui .gallery-card{border-radius:9px;padding:13px 3px 11px}.royal-ui .gallery-card b{margin-top:5px;font-size:10px}.royal-ui .gallery-card>span:last-child{font-size:8px}.royal-ui .gallery-power{min-width:23px;height:24px;font-size:13px;top:-8px;left:7px}.royal-ui .lobby{padding:24px 0}.royal-ui .lobby-grid{flex-direction:column;gap:22px;display:flex}.royal-ui .page-heading h1{font-size:27px}.royal-ui .page-heading p{font-size:11px}.royal-ui .panel{border-radius:14px;padding:20px}.royal-ui .player-seats{gap:16px;margin:20px 0}.royal-ui .seat-avatar,.royal-ui .seat-avatar .troop-art{width:100px;height:100px}.royal-ui .player-seat{padding:12px 5px}.royal-ui .player-seat h3{font-size:13px}.seat-versus{font-size:19px}.royal-ui .invite-box{flex-direction:row;align-items:center;padding:12px}.royal-ui .invite-box>div{text-align:left}.royal-ui .invite-box strong{letter-spacing:1.5px;font-size:18px}.royal-ui .invite-box .button{gap:5px;padding:9px;font-size:10px}.selected-map{grid-template-columns:100px 1fr;gap:20px;margin:22px 0}.royal-ui .selected-map .map-preview{width:100px}.selected-map-copy h3{font-size:19px}.map-choices{gap:8px}.map-choice>span:last-of-type{font-size:8px}.royal-ui.in-match .game-page{padding-top:17px}.royal-ui.in-match .game-topline{gap:8px;margin-bottom:17px;padding-bottom:13px}.royal-ui.in-match .game-topline h1{font-size:20px}.royal-ui.in-match .game-topline .eyebrow{letter-spacing:1px;font-size:9px}.royal-ui .battle-status{padding:7px 8px;font-size:10px}.royal-ui.in-match .battle-area{border-radius:13px;padding:10px 8px 13px}.arena-frame-title{padding-bottom:10px;font-size:7px}.royal-ui.in-match .battle-board-wrap{width:calc(100% - 10px);margin-top:6px}.royal-ui.in-match .board-legend{gap:12px;font-size:8px}.royal-ui.in-match .player-bar{gap:9px;padding:8px 9px}.royal-ui.in-match .player-avatar{width:34px;height:36px}.royal-ui.in-match .player-name b{font-size:12px}.royal-ui.in-match .player-name>span{font-size:9px}.royal-ui.in-match .player-stats{gap:10px}.royal-ui.in-match .player-stats strong{font-size:19px}.royal-ui.in-match .hand-rack{padding:15px 13px 22px}.royal-ui.in-match .game-layout{gap:20px}.royal-ui.in-match .command-area{gap:13px}.royal-ui.in-match .hand-heading>small{font-size:8px}.royal-ui.in-match .objective-card{padding:15px}.royal-ui.in-match .objective-card h2{font-size:16px}.royal-ui .modal-header{padding:16px}.royal-ui .modal-header h2{font-size:17px}}@media (max-width:360px){.royal-ui,.royal-ui.in-match{padding-left:12px;padding-right:12px}.royal-ui .brand b,.royal-ui.in-match .brand b{font-size:15px}.royal-ui .brand small{letter-spacing:1.4px;font-size:5px}.royal-ui .brand-icon{width:33px;height:35px}.royal-ui .hero h1{font-size:39px}.royal-ui .hero-description{font-size:11px}.royal-ui .hero-scene{height:200px;margin-top:12px}.royal-ui .hero-board{width:120px}.royal-ui .troop-art.hero-duck{width:110px;height:110px;left:0}.royal-ui .troop-art.hero-rex{width:125px;height:125px;right:-1px}.royal-ui .room-form{padding:16px}.royal-ui .map-start>span{font-size:10px}.royal-ui .map-start small{font-size:8px}.royal-ui .gallery-heading h2{font-size:17px}.royal-ui .gallery-heading .text-button{font-size:8px}.royal-ui .gallery-grid{gap:21px 7px}.royal-ui .gallery-card b{font-size:9px}.royal-ui .gallery-card>span:last-child{font-size:7px}.royal-ui .panel{padding:16px}.royal-ui .seat-avatar,.royal-ui .seat-avatar .troop-art{width:86px;height:86px}.royal-ui .player-seat h3{font-size:12px}.royal-ui .player-seat p{font-size:9px}.royal-ui .invite-box{flex-direction:column;align-items:stretch;gap:13px}.royal-ui .invite-box>div{text-align:center}.selected-map{grid-template-columns:86px 1fr;gap:16px}.royal-ui .selected-map .map-preview{width:86px}.selected-map-copy h3{font-size:17px}.selected-map-copy p{font-size:10px}.map-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.map-choice .terrain-thumbnail{height:47px}.map-choice>span:last-of-type{font-size:10px}.royal-ui.in-match .game-topline h1{font-size:18px}.royal-ui .battle-status{padding:7px;font-size:9px}.royal-ui.in-match .player-bar,.royal-ui.in-match .player-stats{gap:7px}.royal-ui.in-match .player-stats strong{font-size:17px}}@media (prefers-reduced-motion:no-preference){.royal-ui .hero-copy,.royal-ui .hero-scene{animation:.45s ease-out both arena-enter}.royal-ui .hero-scene{animation-delay:80ms}@keyframes arena-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}