@font-face{font-family:Field Display;src:url(assets/display.woff) format("woff");font-weight:800;font-display:swap}
@font-face{font-family:Field Condensed;src:url(assets/condensed.woff) format("woff");font-weight:700;font-display:swap}
:root{color-scheme:dark;--paper:#eeeee2;--soft:#a4aba0;--muted:#8d9689;--amber:#e9b866;--edge:#3d453a;--field:#10140f;--panel:#1c211a;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{min-width:300px;scroll-behavior:smooth}
body{margin:0;color:var(--paper);font:14px/1.45 var(--sans);background-color:#111510;background-image:radial-gradient(ellipse at 48% 12%,#2830245c,transparent 70%),linear-gradient(#959c8405 1px,transparent 1px),linear-gradient(90deg,#959c8405 1px,transparent 1px);background-size:auto,46px 46px,46px 46px;min-height:100vh}
button,a{font:inherit;-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer;border:0;background:none}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
button:hover:not(:disabled){filter:brightness(1.11)}
.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.symbol-library{position:absolute;width:0;height:0;overflow:hidden}
.topbar{background:#121610;border-bottom:1px solid #3a4034}
.topbar-inner,.workspace{width:min(1144px,calc(100% - 96px));margin:auto}
.topbar-inner{height:63px;display:flex;align-items:center;gap:42px}
.brand{display:flex;align-items:center;gap:11px;user-select:none;flex:none}
.brand img{width:35px;height:40px;object-fit:contain}
.brand>span{font-family:"Field Display",var(--sans);font-weight:800;font-size:14px;line-height:1.06;letter-spacing:2px;color:#eceee1}
.brand small{font:700 8px/1.7 var(--sans);letter-spacing:2.95px;display:block}
.topbar nav{height:100%;display:flex;align-items:stretch;gap:30px}
.topbar nav>*{text-decoration:none;display:flex;align-items:center;gap:9px;position:relative;color:#aab0a3;font-weight:600;font-size:13px;padding:1px 1px 0}
.topbar nav .nav-active{color:#efc67e}
.nav-active:after{content:"";height:2px;background:#dbad64;position:absolute;bottom:0;left:0;right:0}
.topbar nav .icon{width:15px;height:15px}
.sound-button{margin-left:auto;width:36px;height:34px;border:1px solid #41483d;border-radius:4px;display:grid;place-items:center;color:#c5ccbc;background:#23281f}
.sound-button .off-wave,.audio-off,.sound-button.muted .audio-on{display:none}
.sound-button.muted .audio-off{display:block}
.workspace{padding:22px 0 32px;scroll-margin-top:10px}
.hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(157px,19vh,205px);border:1px solid #596148;border-radius:5px;background:#151a13}
.hero-art,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-art{background:url(assets/forward-valley.webp) center 45%/cover no-repeat}
.hero-shade{background:linear-gradient(90deg,rgba(13,18,12,.76),rgba(17,22,13,.38) 32%,transparent 54%),linear-gradient(0deg,#10170f55,transparent 35%);box-shadow:inset 0 0 36px #12150f30}
.hero-type{position:absolute;left:clamp(23px,3.1vw,44px);top:50%;transform:translateY(-50%)}
.eyebrow{color:#e9bf78;font:700 10px/1.2 var(--mono);letter-spacing:2.4px;display:flex;gap:11px;align-items:center;margin-bottom:9px}
.stripes{width:26px;height:9px;transform:skew(-24deg);background:repeating-linear-gradient(90deg,#dfaf64 0 6px,transparent 6px 9px)}
h1{margin:0;font:800 clamp(42px,4.3vw,63px)/.91 "Field Display",var(--sans);letter-spacing:-2.4px;color:#f3f2df;text-shadow:0 2px 11px #0c110b52}
.hero-hud{position:absolute;right:2.5%;top:10%;width:45%;height:80%;pointer-events:none;opacity:.72}
.hero-hud i{position:absolute;height:9px;width:9px;border-color:#efe8c590;border-style:solid;border-width:0}
.hero-hud i:nth-child(1){top:0;left:0;border-left-width:1px;border-top-width:1px}.hero-hud i:nth-child(2){top:0;right:0;border-right-width:1px;border-top-width:1px}.hero-hud i:nth-child(3){bottom:0;left:0;border-left-width:1px;border-bottom-width:1px}.hero-hud i:nth-child(4){bottom:0;right:0;border-right-width:1px;border-bottom-width:1px}
.hero-ticks{position:absolute;bottom:10%;right:4.4%;width:60px;height:4px;background:repeating-linear-gradient(90deg,transparent 0 5px,#e8e4bf7a 5px 6px)}
.game-layout{margin-top:19px;display:grid;grid-template-columns:minmax(0,1.68fr) minmax(305px,.99fr);gap:20px;align-items:start}
.panel{border:1px solid var(--edge);border-radius:5px;background:linear-gradient(130deg,#20261d,#1a1f18 83%);box-shadow:0 3px 18px #0002;overflow:hidden}
.section-header{height:50px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #3a4235;background:linear-gradient(90deg,#252b22,#22271f);position:relative}
.section-header h2{margin:0;display:flex;align-items:center;gap:10px;font:700 21px/1.1 "Field Condensed",var(--sans);letter-spacing:.18px;color:#e8eade}
.section-header h2 .icon{color:var(--amber);width:18px;height:18px;stroke-width:1.7}
.board-action{display:flex;align-items:center;gap:7px;color:#c0c7b7;font-size:12px;font-weight:600;min-height:36px;padding:2px 0 2px 8px}
.board-action .icon{width:15px;height:15px}
#board-turn{display:none}
.board-panel{background:#1c221a}
.board-mount{position:relative;margin:13px 18px 0;background:linear-gradient(145deg,#30382c,#232b20 46%,#293126);border:1px solid #414a39;border-radius:3px;box-shadow:inset 0 1px 1px #59614b44}
.board-frame{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr) 23px;grid-template-rows:minmax(0,1fr) 21px;padding:15px 0 1px;width:min(100%,clamp(430px,calc(100svh - 295px),640px));margin:auto}
#ranks{display:grid;grid-template-rows:repeat(8,1fr);grid-row:1;grid-column:1;text-align:center}
#ranks span,#files span{color:#b9c1a8;font:500 10px/1 var(--mono);display:grid;place-items:center}
#files{display:grid;grid-column:2;grid-row:2;grid-template-columns:repeat(8,1fr);text-transform:uppercase}
#board{width:100%;aspect-ratio:1;grid-column:2;grid-row:1;display:grid;grid-template:repeat(8,minmax(0,1fr))/repeat(8,minmax(0,1fr));overflow:hidden;box-shadow:0 0 0 2px #12180f,inset 0 0 6px #000;isolation:isolate}
.frame-corner{position:absolute;width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,#65715c,#3d4735 43%,#1c2319 45% 59%,#56614e 64%);box-shadow:0 0 0 1px #12170f80;z-index:1}
.tl{top:6px;left:6px}.tr{top:6px;right:6px}.bl{bottom:6px;left:6px}.br{bottom:6px;right:6px}
.square{width:100%;height:100%;min-height:0;min-width:0;padding:0;margin:0;border:0;border-radius:0;display:grid;place-items:center;position:relative;-webkit-user-select:none;user-select:none;touch-action:manipulation;isolation:isolate}
.square.light{background-color:#c4c6a8;background-image:linear-gradient(135deg,#f3edd825,transparent 70%)}
.square.dark{background-color:#6f7c5c;background-image:linear-gradient(135deg,#99a48322,transparent 75%)}
.square:hover:not(:disabled){filter:none}
.square[draggable="true"]{cursor:grab}.square[draggable="true"]:active{cursor:grabbing}
@media(hover:hover){.square[draggable="true"]:hover:after{content:"";position:absolute;inset:0;border:2px solid #e8d4a2a1;pointer-events:none}}
.square .piece{display:grid;place-items:center;width:95%;height:95%;pointer-events:none;z-index:1;filter:drop-shadow(0 2px 1px #171d1240)}
.piece svg{display:block;width:100%;height:100%;pointer-events:none}
.square.last-move{background-image:linear-gradient(#e4bd4e45,#e4bd4e45);box-shadow:inset 0 0 0 2px #e0b8599c}
.square.selected{background-image:linear-gradient(#e0b45e55,#e0b45e55);box-shadow:inset 0 0 0 3px #e5b85e}
.square.legal:before{content:"";position:absolute;inset:36.5%;border-radius:50%;background:#2636247a;box-shadow:inset 0 0 0 1px #26362433;pointer-events:none}
.square.legal.capture:before{inset:4%;border:4px solid #58441ba3;background:transparent;z-index:2;box-shadow:none}
.square.check{background-image:radial-gradient(#ec7553c4,#b94f377d 70%);box-shadow:inset 0 0 0 3px #983418}
.square:focus-visible{outline:3px dashed #563813;outline-offset:-5px;z-index:3}
.board-footer{margin:0 21px;display:flex;align-items:center;gap:10px;height:35px;color:#969f8e;font:10px/1 var(--mono);letter-spacing:.4px}
.board-footer>span{display:inline-flex;align-items:center;gap:8px}
.footer-divider{background:#536049;width:2px;height:2px}
.status-led{width:5px;height:5px;border-radius:50%;background:#95ad7d}
.surface-code{margin-left:auto;width:37px;height:7px;background:repeating-linear-gradient(112deg,#4b5644 0 3px,transparent 3px 6px)}
.sidebar{display:grid;gap:15px}
.control-body{padding:17px 19px 18px}
.status-box{position:relative;padding:13px 15px 14px;border:1px solid #4a5240;border-left:3px solid #deb168;border-radius:2px;background:linear-gradient(110deg,#303729,#262d22);overflow:hidden}
.status-box:after{content:"";background:repeating-linear-gradient(120deg,transparent 0 5px,#d5d8ad08 5px 8px);position:absolute;top:0;bottom:0;right:0;width:25%;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.micro-label{font:600 9px/1 var(--mono);color:#abb39e;letter-spacing:1.55px}
.status-box .micro-label{color:#d5b37c}
.turn-state{display:flex;align-items:center;gap:10px;margin-top:8px}
#turn-lamp{width:11px;height:11px;border-radius:2px;background:#e9e8d5;box-shadow:inset 0 0 0 1px #e9eadc,0 2px 3px #0003;flex:none}
#turn-lamp.black{background:#2f3630;box-shadow:inset 0 0 0 1px #949e8a}
#turn-lamp.ended{background:#caa65e}
#turn-title{font:700 25px/1.12 "Field Condensed",var(--sans);letter-spacing:.1px}
#turn-detail{margin:7px 0 0;color:#bac1b2;font-size:12px;line-height:1.45}
.match-type{display:flex;align-items:center;justify-content:space-between;margin:18px 0 7px;gap:10px}
#mode-label{font:10px/1.15 var(--mono);color:#c5cbbd;letter-spacing:.1px}
.seat{display:flex;align-items:center;gap:11px;padding:9px 0;min-height:55px}
.seat+.seat{border-top:1px solid #363e31}
.unit-crest{border:1px solid #4d5744;border-radius:3px;width:38px;height:38px;flex:none;display:grid;place-items:center}
.unit-crest svg{width:27px;height:27px}
.unit-crest.ivory{background:#343e2d;color:#c8d3b1}
.unit-crest.obsidian{background:#39352b;color:#c4a572;border-color:#544a39}
.unit-info{min-width:0}
.unit-info h3{margin:0 0 1px;font:600 14px/1.3 var(--sans);letter-spacing:.05px;color:#e6e8dc}
.unit-info>span{color:#aeb6a3;font:11px/1.3 var(--sans)}
.captures{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:36%;row-gap:1px}
.captured-piece{display:inline-block;width:16px;height:21px;margin-left:-3px}
.captured-piece svg{width:21px;height:21px}
.match-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:14px}
.primary-button,.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;padding:8px 13px;transition:background-color .15s,color .15s}
.primary-button{background:#e1b36d;color:#211e17;border-color:#e3bc82;box-shadow:inset 0 1px 0 #f6dba14a}
.secondary-button{background:#2b3227;border-color:#4d5746;color:#d5dccd}
.secondary-button:disabled{background:#23291f;border-color:#3b4335;color:#87917d}
.match-actions .icon{width:15px;height:15px;stroke-width:2}
.log-count{min-width:25px;height:21px;padding:1px 6px;border:1px solid #47513d;border-radius:3px;background:#30382a;color:#c3cdb7;font:11px/17px var(--mono);text-align:center}
#move-log{padding:10px 18px;overflow-y:auto;max-height:161px;scrollbar-color:#536047 #20271d}
.log-empty{display:flex;min-height:77px;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#98a28d;font:11px/1.3 var(--mono)}
.log-empty svg{width:23px;height:23px;color:#69785c}
.log-row{display:grid;grid-template-columns:36px 1fr 1fr;color:#d9ded0;font:13px/1.2 var(--mono);padding:8px 7px;border-bottom:1px solid #30392c}
.log-row:last-child{border-bottom:0}.log-row span:first-child{color:#8c9b7f;font-size:11px}.log-row:nth-child(2n){background:#ffffff03}
dialog{background:#20271d;color:var(--paper);border:1px solid #677159;border-radius:6px;box-shadow:0 24px 95px #000a;padding:0;width:min(430px,calc(100% - 30px));max-height:86svh}
dialog::backdrop{background:#0b100bcc;backdrop-filter:blur(4px)}
.dialog-header,.dialog-footer{padding:16px 20px;display:flex;align-items:center;gap:10px}
.dialog-header{justify-content:space-between;background:#2a3226;border-bottom:1px solid var(--edge)}
.dialog-header h2{font:700 25px/1.1 "Field Condensed",var(--sans);margin:0;color:#ebeadd}
.dialog-close{display:grid;place-items:center;border:1px solid #56604c;width:30px;height:30px;border-radius:3px;color:#c6ceb9;padding:5px}
.dialog-close svg{width:16px;height:16px}
.dialog-body{padding:19px 20px}
.dialog-footer{border-top:1px solid var(--edge);justify-content:flex-end}
.dialog-note,.manual-list p{font-size:13px;line-height:1.55;color:#c2c9b8}
.dialog-note{margin:15px 0 0}
.option-group{margin:0 0 16px;padding:0;border:0;min-width:0}.option-group:last-of-type{margin-bottom:0}.option-group[hidden]{display:none}
.option-group legend{margin:0 0 8px;padding:0;color:#bdc7b0;font:600 11px/1.3 var(--mono)}
.option-grid,.promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.option,.promotion-option{border:1px solid #4c5744;border-radius:3px;background:#283024;color:#cbd3c1;cursor:pointer}
.option{position:relative;text-align:center;padding:8px;font-size:13px}.option input{position:absolute;opacity:0;inset:0;cursor:pointer}
.option:has(input:checked){background:#45412d;color:#f2d295;border-color:#bb9b61}.option:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}
.promotion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.promotion-option{display:grid;justify-items:center;font-size:12px;padding:5px}
.promotion-option svg{width:100%;max-width:54px}
.manual-list details+details{border-top:1px solid var(--edge)}.manual-list summary{padding:11px 1px;cursor:pointer;font-weight:600}.manual-list details[open] summary{color:var(--amber)}.manual-list p{margin:0 0 15px}.manual-list details:first-child summary{padding-top:0}
@media(min-width:1450px){.workspace{padding-top:26px}.game-layout{gap:23px}.hero{height:185px}}
@media(max-width:1000px){.topbar-inner,.workspace{width:calc(100% - 42px)}.game-layout{grid-template-columns:minmax(0,1.5fr) minmax(273px,1fr);gap:14px}.board-mount{margin:12px 10px 0}.section-header{padding:0 14px}.control-body{padding:14px}.board-frame{grid-template-columns:18px minmax(0,1fr) 18px}.board-footer{margin:0 13px}}
@media(max-width:740px){.topbar-inner,.workspace{width:calc(100% - 28px)}.topbar-inner{height:55px;gap:24px}.topbar nav{gap:20px}.workspace{padding-top:14px}.hero{height:145px}.game-layout{display:flex;flex-direction:column;margin-top:13px;gap:13px}.board-panel,.sidebar{width:100%}.board-frame{width:100%;max-width:600px}.board-mount{margin:10px 10px 0}.sidebar{grid-template-columns:1fr 1fr;gap:12px}.section-header{height:45px}.hero-type{left:21px}.hero-type h1{font-size:46px}.board-footer{height:29px}#board-turn{display:inline-block;font:10px/1.2 var(--mono);color:#d5be8e;margin-left:auto}.section-header h2{font-size:20px}}
@media(max-width:550px){.topbar-inner{gap:13px}.brand{gap:6px}.brand img{width:26px;height:32px}.brand>span{font-size:10px;letter-spacing:1.5px}.brand small{font-size:6px;letter-spacing:2.1px}.topbar nav{gap:14px;margin-left:auto}.topbar nav>*{font-size:11.5px;gap:5px}.topbar nav .icon{width:13px;height:13px}.sound-button{width:30px;height:30px;margin-left:0}.sound-button .icon{width:16px;height:16px}.hero{height:132px}.hero-art{background-position:63% 47%;background-size:auto 129%}.hero-shade{background:linear-gradient(90deg,#10170fd6 0%,#10180f70 46%,transparent 70%)}.hero-type{left:16px}.hero-type h1{font-size:38px;letter-spacing:-1.7px}.eyebrow{font-size:8px;gap:7px;letter-spacing:1.7px;margin-bottom:8px}.stripes{width:21px;height:7px}.hero-hud{right:4%;width:38%}.hero-ticks{right:7%;width:35px}.sidebar{grid-template-columns:minmax(0,1fr)}.board-frame{grid-template-columns:15px minmax(0,1fr) 15px;grid-template-rows:minmax(0,1fr) 16px;padding-top:11px}.board-mount{margin:7px 6px 0}.section-header{padding:0 11px}.board-footer{margin:0 9px;font-size:9px;height:25px}.board-action{font-size:11px;gap:5px}.board-frame #files span,.board-frame #ranks span{font-size:8px}.control-body{padding:14px}.status-box{padding:12px 14px}.match-actions button{min-height:42px}.board-action{min-height:36px}.log-empty{min-height:66px}.board-action .icon{width:14px}.sidebar .section-header{padding:0 14px}.workspace{padding-bottom:20px}}
@media(max-width:375px){.topbar-inner,.workspace{width:calc(100% - 18px)}.topbar-inner{gap:8px}.topbar nav{gap:10px}.topbar nav .icon{display:none}.section-header{gap:6px}.board-action span{position:absolute;clip-path:inset(50%);width:1px;height:1px}.board-action{width:28px;justify-content:center}.hero-art{background-position:65% 49%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(min-width:1001px){
 .topbar-inner,.workspace{width:min(1144px,calc(100% - 72px),max(925px,calc(166svh - 515px)))}
 .hero{height:clamp(142px,17.4svh,190px)}
 .board-frame{width:min(100%,clamp(418px,calc(82.6svh - 206px),642px))}
}
@media(min-width:741px) and (max-height:810px){
 .topbar-inner{height:54px}.workspace{padding-top:14px}.hero{height:130px}.hero-type h1{font-size:42px}.game-layout{margin-top:14px}.section-header{height:43px}
 .board-frame{width:min(100%,clamp(394px,calc(100svh - 300px),595px))}.board-mount{margin-top:9px}
 .board-footer{height:27px}.sidebar{gap:12px}.control-body{padding-top:12px;padding-bottom:13px}.match-type{margin-top:13px}.match-actions{margin-top:9px}.log-empty{min-height:58px}
}

[hidden]{display:none!important}
.brand{padding:0;text-align:left}
.topbar nav .nav-short{display:none}
body:has(#main-menu:not([hidden])) .menu-nav{color:var(--amber)}
body:has(#main-menu:not([hidden])) .menu-nav:after{content:"";height:2px;background:var(--amber);position:absolute;bottom:0;inset-inline:0}
.table-column{min-width:0;display:grid;gap:15px}
.board-footer b{font-weight:500}
.board-mount{scroll-margin-top:8px}
#war-room .board-panel{scroll-margin-top:8px}
.resign-action{margin:12px auto 0;display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 7px;color:#b7bcab}
.resign-action .icon{width:12px;height:12px}
.resign-action:hover:not(:disabled){color:#dfaa87}
.resign-action:disabled{opacity:.45}
.hand-panel{background:linear-gradient(155deg,#272c20,#171d17)}
.hand-panel .section-header{gap:8px}
#hand-count{color:#c2c7b9;font:10px/1.4 var(--mono);text-align:right}
.hand-body{padding:12px 15px 15px}
.hand-instructions{display:flex;align-items:center;gap:8px;justify-content:space-between}
#hand-help{font-size:12px;color:#c0c8b6;margin:0;line-height:1.48}
#cancel-card{flex:none;min-height:29px;padding:4px 8px;font-size:11px;border-color:#87774f}
.hand-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}
.hand-list:empty{display:none}
.hand-list>.secondary-button{justify-self:start;grid-column:1/-1}
.hand-card{min-width:0;position:relative;text-align:left;display:flex;flex-direction:column;align-items:stretch;padding:0 0 12px;border-radius:4px;border:1px solid #687254;overflow:hidden;color:var(--paper);background:linear-gradient(155deg,#333c2d,#22281e);transition:border-color .16s,background .16s}
.hand-card img{width:100%;aspect-ratio:2.5;object-fit:cover;object-position:50% 41%;border-bottom:1px solid #59634b}
.hand-card-title{font:700 clamp(15px,1.35vw,20px)/1.1 "Field Condensed",var(--sans);padding:9px 9px 4px}
.hand-card-desc{font:11.5px/1.4 var(--sans);color:#c4ccba;padding:0 9px}
.hand-card[aria-disabled=true]{background:#262b23;border-color:#434b3d}
.hand-card[aria-disabled=true] img{filter:grayscale(.86) brightness(.72)}
.hand-card[aria-disabled=true] .hand-card-title{color:#afb7a6}
.hand-card[aria-disabled=true] .hand-card-desc{color:#abb2a3}
.hand-card.armed{border-color:#f1c576;box-shadow:0 0 0 1px #e6b966 inset;background:#3e3b29}
.hand-card.armed .hand-card-title{color:#ffc879}
.square.card-source:not(.selected){box-shadow:inset 0 0 0 3px #e9b554}
.square.card-source:not(.selected):after{content:"";position:absolute;top:4px;right:4px;border:4px solid transparent;border-top-color:#ffd88c;border-right-color:#ffd88c;pointer-events:none}
.log-card-name{display:block;font:10px/1.4 var(--sans);color:var(--amber);margin-top:3px}
.rating-ladders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rating-ladder{padding:13px;border:1px solid #4c5944;border-radius:3px;background:linear-gradient(145deg,#343e2d,#242b20)}
.rating-ladder h3{margin:0;color:#d2dbbf;font:700 17px/1.1 "Field Condensed",var(--sans)}
.rating-ladder>strong{display:block;color:#f1d19a;font:700 30px/1.15 "Field Condensed",var(--sans);margin:8px 0 3px}
.rating-ladder>strong span{color:#bda882;font:10px var(--mono)}
.rating-ladder>small{color:#c0c9b3;font:10px var(--mono)}
.rating-subhead{font:700 18px "Field Condensed",var(--sans);margin:21px 0 8px}
.rating-note{color:#b6c1a8;font-size:12px;line-height:1.55;margin:9px 0 1px}
.rating-record{font-size:12px;width:100%;border-collapse:collapse;margin:6px 0 14px}
.rating-record th,.rating-record td{padding:7px 3px;text-align:left;border-bottom:1px solid #3c4536}
.rating-record th{color:#b7c0af;font:500 10px var(--mono)}
.rating-record td:last-child,.rating-record th:last-child{text-align:right}
.rating-up{color:#bbdab0}.rating-down{color:#e8ad94}.rating-even{color:#babdac}
@media(max-width:740px){
 .table-column{width:100%;gap:12px}.hand-body{padding:10px 12px 12px}
}
@media(max-width:620px){
 .topbar-inner{gap:11px}.topbar nav{gap:14px;margin-left:auto}.topbar nav>*{font-size:12px;gap:5px}.topbar nav .nav-long{display:none}.topbar nav .nav-short{display:inline}
 .topbar .sound-button{margin-left:0}
}
@media(max-width:550px){
 .hand-card-title{padding:7px 6px 3px;font-size:16px}.hand-card-desc{padding:0 6px;font-size:10.5px;line-height:1.4}
 .hand-list{gap:5px}.hand-card{padding-bottom:9px}.hand-card img{aspect-ratio:1.9}
 .hand-panel .section-header h2{font-size:19px}.hand-panel .section-header{padding:0 12px}
}
@media(max-width:395px){
 .topbar-inner{gap:8px}.topbar nav{gap:11px}.topbar nav .icon{display:none}
 .topbar nav>*{font-size:11px}.brand{gap:4px}
}
@media(max-width:342px){
 .brand>span{display:none}
 .hand-card-title{font-size:14px}.hand-card-desc{font-size:10px}
}
.sidebar .hand-body{padding:11px 12px 13px}
.sidebar .hand-list{gap:6px}
.sidebar .hand-card-title{font-size:16px;padding:7px 6px 3px}
.sidebar .hand-card-desc{padding:0 6px;font-size:11px}
.sidebar .hand-card img{aspect-ratio:1.9}
.sidebar .hand-panel{grid-column:1/-1}
@media(min-width:741px){
 #war-room:has(#hand-panel:not([hidden])) .hero{height:106px}
 #war-room:has(#hand-panel:not([hidden])) .hero-type h1{font-size:33px}
 #war-room:has(#hand-panel:not([hidden])) .hero .eyebrow{font-size:9px;margin-bottom:6px}
 #war-room:has(#hand-panel:not([hidden])) #board-turn{display:inline-block;margin-left:auto;color:#c4cdb9;font:10px/1.2 var(--mono)}
 #war-room:has(#hand-panel:not([hidden])) .board-frame{width:min(100%,clamp(418px,calc(100svh - 307px),660px))}
}
@media(min-width:741px) and (max-width:1040px){
 .sidebar .hand-list{grid-template-columns:1fr}
 .sidebar .hand-card{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;padding:0 7px 0 0;align-content:center}
 .sidebar .hand-card img{grid-row:1/3;height:100%;min-height:50px;aspect-ratio:auto;object-fit:cover;border:0}
 .sidebar .hand-card-title{font-size:16px;padding:4px 0 1px 7px}
 .sidebar .hand-card-desc{font-size:10.5px;padding:0 0 5px 7px;line-height:1.25}
}
.hand-card-qty{position:absolute;top:5px;right:5px;z-index:1;border:1px solid #b3a481;background:#20251cf2;color:#f4d495;border-radius:2px;padding:1px 5px;font:700 11px/1.5 var(--mono)}
.hand-list:has(.hand-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.hand-list:has(.hand-card:only-child){grid-template-columns:minmax(0,1fr)}
@media(min-width:741px) and (max-width:1040px){.hand-list:has(.hand-card:nth-child(2):last-child){grid-template-columns:1fr}}