@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08161d;--panel:#0e222b;--muted:#92a8ad;--line:#27404a;--white:#e8eee9;--gold:#dfbe7a;--blue:#6dc4e4;--red:#ed8274}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#203b46;border-color:#829d9d}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button[hidden]{display:none}header{height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1600px;padding:0 42px;margin:auto}.brand{text-decoration:none;color:var(--white);display:flex;gap:16px;align-items:center;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:32px;font-weight:700;letter-spacing:2px}.brand i{font-style:normal;color:var(--gold);font-size:20px}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:2.2px;margin-top:5px;color:var(--muted)}.brand-mark{border:1px solid var(--gold);color:var(--gold);font-size:24px;width:48px;height:54px;display:grid;place-items:center;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.header-actions{display:flex;gap:14px;align-items:center}.quiet{padding:9px 13px;border-radius:3px;font-size:14px}.quiet span{color:var(--gold);margin-left:8px}.edition{font-size:12px;color:var(--muted);letter-spacing:1.7px;margin-right:20px}main{max-width:1600px;margin:0 auto;padding:30px 42px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.play-shell{min-width:0}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:2px;font-weight:600}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:500}h1{font-size:32px;margin:6px 0 0;letter-spacing:.3px}h2{font-size:28px;line-height:1.1;margin:14px 0}h3{font-size:23px;color:var(--gold)}.board-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 23px}.round{text-align:right;font-size:12px;letter-spacing:1px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.round span:last-child{color:var(--blue)}.scorebar{border:1px solid var(--line);padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--panel)}.score-team{display:flex;align-items:center;gap:12px}.score-team strong{font-size:16px;font-weight:500}.score-team small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:5px}.team-line{width:3px;height:32px;background:var(--blue)}.red .team-line{background:var(--red)}.score-team b{font:36px 'Barlow Condensed',sans-serif;margin-left:13px;color:var(--blue)}.red b{color:var(--red)}.score-caption{font-size:12px;color:var(--muted)}.score-center{font-size:10px;letter-spacing:2px;color:var(--muted)}.board-wrap{position:relative;height:clamp(370px,45vw,580px);overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#183440 0%,#0d242e 60%,#0b1d26 100%);border:1px solid var(--line);border-top:0}#board{width:100%;height:100%;display:block;touch-action:none}.cell-shape{fill:#122b35;stroke:#36505a;stroke-width:1.1}.hex-cell.legal .cell-shape{fill:#193d47;stroke:#668f91;stroke-dasharray:3 5}.hex-cell.legal:hover .cell-shape,.hex-cell.legal:focus .cell-shape{fill:#315a61;stroke:var(--gold);stroke-width:2;stroke-dasharray:none}.hex-cell{outline:none}.hex-cell.occupied .cell-shape{stroke-width:2}.hex-cell.target .cell-shape{stroke:var(--gold);stroke-width:4;stroke-dasharray:4 4}.hex-cell.target{cursor:crosshair}.hex-cell.changed{animation:flash 1s ease-out}.hex-cell text{pointer-events:none;font:14px 'DM Sans',sans-serif}.hex-cell.legal{cursor:pointer}.hex-cell:focus .cell-shape{stroke:var(--gold);stroke-width:3}.hex-cell .port{stroke-width:4;stroke-linecap:round}.board-corner{position:absolute;top:20px;left:22px;color:#90a6ad;font-size:10px;letter-spacing:3px;line-height:1.8;pointer-events:none}.board-corner span{font-size:9px;color:#547482}.board-tools{position:absolute;right:18px;bottom:18px;display:flex;background:#091e27}.board-tools button{width:36px;height:34px;font-size:16px}.board-tools button:nth-child(2){font-size:12px}.opening-hint{position:absolute;left:50%;top:70%;transform:translateX(-50%);text-align:center;width:85%;font-family:'Barlow Condensed',sans-serif;font-size:25px;pointer-events:none;color:#d7e5df}.opening-hint span{font:14px 'DM Sans',sans-serif;color:var(--muted);display:inline-block;margin-top:8px}.move-status{display:flex;align-items:center;gap:10px;background:#122b34;border:1px solid var(--line);border-top:0;padding:13px 18px;font-size:14px;min-height:48px}.pulse{width:6px;height:6px;flex-shrink:0;background:var(--blue);border-radius:50%}.pulse.busy{animation:pulse 1s infinite;background:var(--gold)}#passBtn{margin-left:auto;padding:5px 12px;white-space:nowrap}.hand-zone{padding-top:23px}.hand-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.hand-title>div:first-child{display:flex;gap:15px;align-items:center}#handTotal{font-size:12px;color:var(--muted)}.placement-tools{display:flex;align-items:center;gap:14px}kbd{font:11px 'DM Sans',sans-serif;color:var(--muted);border:1px solid var(--line);padding:1px 4px;margin-left:6px}.placement-tools label{font-size:13px;color:var(--gold);display:flex;align-items:center;gap:6px}.placement-tools input{accent-color:var(--gold);width:16px;height:16px}.hand{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px}.hand-card{border:1px solid var(--line);background:#102630;position:relative;border-radius:4px;min-width:0;text-align:left;padding:12px;display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;min-height:99px}.hand-card.selected{border-color:var(--gold);background:#1d333a;box-shadow:inset 0 -2px var(--gold)}.hand-card img{width:64px;height:70px;object-fit:cover;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hand-card strong{font:20px 'Barlow Condensed',sans-serif;display:block}.hand-card small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.hand-card .count{display:inline-block;font-size:12px;color:var(--gold);margin-top:8px}.card-help{font-size:13px;color:var(--muted);line-height:1.6;min-height:40px;margin:12px 0 0}aside{border-left:1px solid var(--line);padding-left:28px}aside section{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.difficulty{display:flex;gap:5px;margin-top:20px}.difficulty button{flex:1;padding:11px 2px;font-size:13px;border-radius:3px}.difficulty button span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.difficulty .selected{border-color:var(--gold);color:var(--gold);background:#253333}.opponent-panel p{font-size:13px;color:var(--muted);line-height:1.7;min-height:43px;margin:13px 0 20px}.opponent-cards{display:flex;align-items:center;gap:13px}.opponent-cards img{width:48px;height:55px;object-fit:cover;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.opponent-cards strong{font-size:14px;font-weight:500}.opponent-cards span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.briefing h2{font-size:29px}.briefing ol{margin:20px 0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7}.briefing li{padding-left:5px;margin-bottom:12px}.briefing li::marker{color:var(--gold);font-size:12px}.briefing b{color:var(--white);font-weight:500}.cyber-note{display:flex;gap:12px;align-items:center;padding:15px 12px;background:#152b32;border:1px solid var(--line);border-radius:3px}.cyber-icon{font-size:28px;color:var(--gold)}.cyber-note strong{display:block;font-size:13px;font-weight:500}.cyber-note span:not(.cyber-icon){display:block;font-size:12px;color:var(--muted);margin-top:5px}.log-panel{border-bottom:0;margin-bottom:0}.log-title{display:flex;justify-content:space-between;align-items:center}#logCount{font-size:10px;color:var(--muted);letter-spacing:1px}#log{padding:0;list-style:none;max-height:235px;overflow:auto;margin:18px 0 0;scrollbar-width:thin}#log li{font-size:12px;line-height:1.65;color:var(--muted);padding:9px 0;border-bottom:1px solid #213842}#log li:first-child{color:var(--white)}#log .log-num{font-size:10px;color:#778f99;margin-right:9px}footer{max-width:1600px;margin:0 auto;padding:15px 42px 30px;display:flex;justify-content:space-between;color:#8199a1;font-size:10px;letter-spacing:1.5px}footer span:last-child{letter-spacing:.3px}dialog{background:#112831;color:var(--white);border:1px solid #537079;border-radius:8px;width:min(620px,calc(100% - 32px));padding:28px;max-height:85vh;line-height:1.7}dialog::backdrop{background:#031017dc;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:25px;border:0;padding:0 8px}dialog h2{font-size:42px;margin:14px 0 20px}dialog p,dialog dd{font-size:15px;color:#b5c5c7}dialog dt{font-weight:600;color:var(--gold);margin-top:18px}dialog dd{margin:5px 0 12px}.primary{display:block;width:100%;background:var(--gold);color:#10232b;border-color:var(--gold);padding:13px;font-weight:600;border-radius:4px;margin-top:24px}.primary:hover:not(:disabled){background:#efd5a4;color:#10232b}.first-choice{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.first-choice select{padding:8px;background:var(--panel);border:1px solid var(--line);color:var(--white)}#endDialog>.quiet{margin-top:12px;width:100%}@keyframes pulse{50%{opacity:.3}}@keyframes flash{0%{filter:brightness(2)}100%{filter:brightness(1)}}@media(min-width:1450px){.hand-card{grid-template-columns:72px 1fr}.hand-card img{width:72px;height:78px}}@media(max-width:1100px){header{padding:0 24px}main{padding:25px 24px;gap:20px;grid-template-columns:minmax(0,1fr) 255px}aside{padding-left:20px}.hand-card{display:block;text-align:center;padding:9px 4px}.hand-card img{height:62px;width:58px}.hand-card strong{font-size:19px}.hand-card small{display:none}.hand-card .count{margin-top:4px}.score-center{display:none}.hand-title{align-items:flex-start}.hand-title>div:first-child{flex-direction:column;align-items:flex-start;gap:6px}.placement-tools{flex-wrap:wrap;justify-content:flex-end}.edition{display:none}.score-caption{display:none}}@media(max-width:760px){header{height:80px;padding:0 16px}.brand{font-size:27px;gap:10px}.brand-mark{width:35px;height:42px;font-size:20px}.brand small{font-size:8px;letter-spacing:1.2px}.header-actions{gap:6px}.header-actions button{font-size:12px;padding:8px}.header-actions .quiet span{display:none}main{display:block;padding:22px 14px 0}.board-top{padding-bottom:17px}h1{font-size:28px}.eyebrow{font-size:10px}.round{font-size:10px}.board-wrap{height:450px}.scorebar{padding:12px 16px}.score-team b{font-size:31px}.score-team strong{font-size:14px}.score-team small{font-size:9px}.board-corner{left:14px;top:14px;font-size:9px}.hand{gap:6px}.hand-card strong{font-size:18px}.hand-title .quiet{font-size:12px;padding:6px 8px}.placement-tools label{font-size:12px}.hand-zone{padding-top:18px}aside{border-left:0;padding-left:0;margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px}aside section{margin:0;padding-bottom:20px}.opponent-panel h2,.briefing h2{font-size:25px}.difficulty{flex-direction:column;margin-top:12px;gap:5px}.difficulty button{text-align:left;padding:9px 10px}.difficulty button span{display:inline;float:right;margin:2px 0 0}.opponent-panel p{min-height:0}.briefing ol{font-size:13px;padding-left:16px}.cyber-note{padding:10px 8px}.cyber-icon{display:none}.log-panel{grid-column:1/-1}.log-panel #log{max-height:150px}footer{padding:24px 15px;font-size:9px;gap:20px}.opening-hint{font-size:22px;top:65%}.opening-hint span{font-size:12px}.move-status{font-size:13px;padding:11px 12px}kbd{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}} 
/* Compact play table: board and hand share the available viewport. */
.inspection[hidden]{display:none}.inspection{position:absolute;right:14px;top:14px;width:205px;padding:12px;background:#081a23f5;border:1px solid var(--gold);border-radius:6px;box-shadow:0 10px 35px #0008;pointer-events:none;z-index:3}.inspection img{display:block;width:130px;height:130px;object-fit:cover;margin:0 auto 8px;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.inspection strong{display:block;font-size:16px;color:var(--gold)}.inspection span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.briefing{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.briefing summary{font-size:14px;cursor:pointer;color:var(--gold);padding:6px 0}.briefing>.eyebrow{display:none}.briefing h2{font-size:24px}.card-help{font-size:14px}.opponent-panel p{font-size:14px}.hex-cell.occupied[role=button]{cursor:help}
@media(min-width:761px){header{height:66px;padding:0 24px}.brand{font-size:26px}.brand-mark{height:39px;width:37px;font-size:20px}.brand small{font-size:9px;margin-top:2px}.edition{font-size:10px}main{padding:14px 24px 8px;gap:20px;grid-template-columns:minmax(0,1fr) 240px;height:calc(100dvh - 95px);min-height:540px;max-width:1800px}.play-shell{display:flex;flex-direction:column;min-height:0}.board-top{padding-bottom:9px;flex-shrink:0}.board-top>div:first-child{display:flex;align-items:baseline;gap:15px}h1{font-size:24px;margin:0}.round{flex-direction:row;gap:15px}.scorebar{padding:8px 16px;flex-shrink:0}.score-team b{font-size:29px}.score-team small{display:none}.team-line{height:25px}.score-center{font-size:9px}.board-wrap{height:auto;flex:1;min-height:250px}.move-status{min-height:39px;padding:9px 14px;flex-shrink:0}.hand-zone{padding-top:10px;flex-shrink:0}.hand-title>div:first-child{flex-direction:row;align-items:center}.hand{padding-top:9px;gap:9px}.hand-card{min-height:76px;padding:6px 10px;display:grid;grid-template-columns:55px 1fr;text-align:left;gap:8px}.hand-card img{width:55px;height:59px}.hand-card strong{font-size:21px}.hand-card small{display:none}.hand-card .count{margin-top:4px}.card-help{margin:6px 0 0;min-height:22px;font-size:13px;line-height:1.4}.placement-tools .quiet{padding:5px 9px}aside{padding-left:18px;overflow:auto;scrollbar-width:thin}aside section{padding-bottom:15px;margin-bottom:16px}.opponent-panel h2{font-size:23px;margin:9px 0}.difficulty{margin-top:12px}.difficulty button{font-size:12px;padding:9px 1px}.opponent-panel p{margin:10px 0;min-height:0}.opponent-cards img{width:35px;height:39px}.log-panel #log{max-height:220px;margin-top:10px}footer{padding:5px 24px 8px;height:29px;font-size:9px;max-width:1800px}}
@media(max-width:760px){header{height:64px}.brand small{display:none}main{padding-top:12px}.board-top{padding-bottom:9px}.board-top h1{font-size:23px}.board-wrap{height:clamp(280px,calc(100svh - 320px),500px)}.scorebar{padding:7px 12px}.score-team small{display:none}.hand-zone{padding-top:9px}.hand{padding-top:8px}.hand-card{padding:5px 3px;min-height:76px}.hand-card img{width:42px;height:42px}.hand-card strong{font-size:16px}.hand-card .count{font-size:11px;margin-top:2px}.card-help{font-size:12px;min-height:0;margin:7px 0}.hand-title>div:first-child{gap:3px}.board-corner{display:none}.inspection{width:154px;right:8px;top:8px;padding:9px}.inspection img{width:98px;height:98px}.inspection strong{font-size:14px}.inspection span{font-size:11px}aside{margin-top:18px;display:flex;flex-direction:column;gap:12px}.difficulty{flex-direction:row}.difficulty button{font-size:13px;text-align:center;padding:8px}.difficulty button span{display:block;float:none}.opponent-panel h2{display:none}.opponent-cards{display:none}.opponent-panel p{margin-bottom:0}.briefing{margin-bottom:0}.briefing h2{display:none}.log-panel #log{max-height:120px}footer{padding:14px}}