/* Drillers styles are composed from public/assets/drillers/game by build-game-styles.mjs. */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--paper:#f3f2eb;--white:#fffef9;--ink:#303c37;--muted:#879087;--line:#dcded4;--orange:#db613d;--orange-soft:#f9e8db;--green:#46624d;--green-soft:#e5ecdf;--gold:#d5ad5a;--blue:#648da0;--shadow:0 4px 20px #293c3110;font-family:'Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:350px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.43}button{border:0;background:none}button:not(:disabled),a{transition:background .18s,color .18s,transform .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button svg{width:18px;height:18px}a{color:inherit}.site-header{height:96px;padding:0 3.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{background:var(--orange);color:#fff8e9;width:39px;height:44px;border-radius:5px;display:grid;place-items:center}.brand-mark svg{width:27px;height:32px}.brand strong{font:800 31px/.9 'Barlow Condensed',sans-serif;letter-spacing:1.3px;display:block}.brand-dot{color:var(--orange)}.brand small{display:block;margin-top:8px;font-size:9px;font-weight:500;letter-spacing:4px}.site-header nav{height:100%;display:flex;align-items:stretch;gap:32px}.nav-link{font-size:13px;font-weight:500;position:relative;padding:0 8px;color:#81897f}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:3px;background:var(--orange)}.nav-link span{font-size:15px;margin-left:7px}.nav-link:hover{color:var(--orange)}.header-right{display:flex;align-items:center;gap:23px}.edition{font-size:10px;letter-spacing:1px;color:#94998e}.icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:23px;line-height:1}.icon-button:hover{background:var(--green-soft)}main{max-width:1560px;margin:auto;padding:30px 3.3% 20px}.heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:2.3px;color:var(--muted);display:flex;align-items:center;gap:9px;text-transform:uppercase}.eyebrow:before{content:'';width:20px;height:1px;background:var(--orange)}h1{font-size:25px;letter-spacing:1px;margin:6px 0 0;font-weight:600}h1 small{font:400 13px 'Noto Sans SC',sans-serif;letter-spacing:0;color:var(--muted);margin-left:14px}.top-tools{display:flex;gap:9px;align-items:center}.quiet-button{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#ffffff70}.quiet-button:hover{background:var(--white);border-color:#afbaad}.quiet-button.primary{background:var(--ink);border-color:var(--ink);color:var(--white)}.turn-banner{padding:14px 20px;display:flex;align-items:center;gap:14px;background:#e7ecdf;border:1px solid #d8e0ce;border-radius:7px;margin-bottom:24px;font-size:12px}.turn-number{font:700 26px 'Barlow Condensed',sans-serif;line-height:1;color:var(--green);padding-right:16px;border-right:1px solid #ccd6c2}.turn-number small{font:10px 'Noto Sans SC',sans-serif;display:block;margin-bottom:4px;letter-spacing:2px}.turn-banner strong{font-weight:600}.turn-banner p{margin:4px 0 0;color:#7a8971;font-size:11px}.banner-end{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px}.live-dot,.status-dot{width:6px;height:6px;background:#789767;border-radius:100%;display:inline-block}.workspace{display:grid;grid-template-columns:235px minmax(400px,1fr) 260px;gap:22px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:var(--shadow)}.panel-heading{padding:16px 17px 12px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}.panel-heading small{font:600 10px 'Barlow Condensed',sans-serif;color:var(--muted);letter-spacing:1.5px}.panel-heading .count{font-size:10px;color:var(--muted)}.player-tabs{display:flex;padding:5px 14px 13px;gap:5px}.player-tab{height:6px;flex:1;background:#e3e5db;border-radius:3px}.player-tab.active{background:var(--orange)}.mech-portrait{margin:0 14px;position:relative;height:153px;background:radial-gradient(ellipse at 50% 65%,#f9edcd 0,#eff0e7 60%);overflow:hidden;border:1px solid #e0e3d8;border-radius:5px}.mech-portrait:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#bec8b52b 1px,transparent 1px),linear-gradient(90deg,#bec8b52b 1px,transparent 1px);background-size:21px 21px}.mech-portrait img{width:100%;height:100%;object-fit:contain;position:relative}.mech-portrait .technical-label{position:absolute;left:10px;top:10px;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#959b8a}.mech-name{display:flex;justify-content:space-between;align-items:center;padding:13px 16px}.mech-name strong{font-size:14px}.tag{font-size:9px;background:var(--orange-soft);color:#ab5a36;border-radius:4px;padding:4px 7px}.gauge-group{border-top:1px solid var(--line);padding:14px 16px 5px}.gauge{margin-bottom:15px}.gauge-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:7px}.gauge-label span{display:flex;align-items:center;gap:6px;color:#778172}.gauge-label b{font:700 19px 'Barlow Condensed',sans-serif}.gauge-label b small{font-size:12px;color:#b0b4a7;font-weight:500}.gauge-track{display:flex;gap:3px;height:5px}.gauge-track i{height:100%;flex:1;background:#e6e7df;border-radius:1px}.gauge-track i.filled{background:var(--orange)}.gauge.blue i.filled{background:var(--blue)}.gauge.green i.filled{background:#81916f}.wallet{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;margin:0 15px;padding:14px 0 16px;gap:14px}.wallet div+div{border-left:1px solid var(--line);padding-left:18px}.wallet span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.wallet b{font:600 26px 'Barlow Condensed',sans-serif}.wallet em{font:normal 10px 'Noto Sans SC',sans-serif;color:#a1a68f;margin-left:5px}.cargo{margin-top:17px}.cargo-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:2px 10px 15px;gap:5px}.cargo-item{text-align:center;background:#f3f3ed;padding:8px 2px 5px;border-radius:4px}.cargo-item small{display:block;color:#8b9286;font-size:8px;margin-top:5px}.cargo-item b{font:600 18px 'Barlow Condensed',sans-serif}.gem{--gem:#bea279;display:inline-block;width:15px;height:17px;background:var(--gem);clip-path:polygon(50% 0,100% 28%,85% 82%,50% 100%,12% 80%,0 26%);box-shadow:inset -5px -5px 0 #0002;vertical-align:middle;position:relative}.gem:after{content:'';position:absolute;background:#fff4;width:5px;height:10px;left:3px;top:2px;transform:rotate(23deg)}.gem.copper{--gem:#bf8d59}.gem.silver{--gem:#8aa2b2}.gem.gold{--gem:#d8b950}.gem.crystal{--gem:#a078af}.cargo-item .gem{margin-right:5px}.cargo-actions{display:flex;gap:6px;padding:0 12px 13px}.cargo-actions button{flex:1;padding:8px 2px;font-size:10px}.objectives{margin-top:16px;padding:15px 16px;background:#e9ebdf;border:1px solid #dce0d0;border-radius:6px}.objectives .eyebrow{font-size:10px}.objective-line{display:flex;align-items:center;gap:10px;margin-top:12px}.objective-line svg{width:27px;height:27px;color:#8c957b}.objective-line strong{font-size:11px;display:block}.objective-line p{font-size:10px;color:#8a927c;margin:3px 0 0}.center-column{min-width:0}.mine-panel{border:1px solid #3c4b3b;border-radius:7px;background:#3b4738;overflow:hidden;position:relative;box-shadow:0 10px 25px #28322520}.mine-toolbar{height:49px;background:#333f32;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#f1f0df}.mine-toolbar h2{font-size:12px;font-weight:500;margin:0;display:flex;align-items:center;gap:8px}.mine-toolbar span{font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.3px;color:#a6b19a}.mine-toolbar button{color:#c5ccb9;border:1px solid #65725b;width:25px;height:25px;border-radius:3px;font:15px sans-serif}.mine-surface{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:0 17px;align-items:center;height:60px;background:linear-gradient(180deg,#bec1a9 0,#9ca388 88%,#697653 89%);border-bottom:4px solid #3d492f}.surface-label{font:10px 'Barlow Condensed',sans-serif;color:#3a4732}.surface-locations{display:grid;grid-template-columns:repeat(6,1fr);height:100%;align-items:end;gap:4px}.surface-cell{position:relative;min-height:47px;color:#3e4b35;border-bottom:2px solid #6c7959;font-size:9px;display:flex;align-items:center;justify-content:center;padding-top:18px}.surface-cell:before{content:'';position:absolute;top:9px;width:34px;height:16px;background:#596e50;clip-path:polygon(0 100%,0 22%,10% 22%,10% 0,90% 0,90% 22%,100% 22%,100% 100%);opacity:.5}.surface-cell.reachable{outline:2px dashed #e9eed3;outline-offset:-3px;cursor:pointer}.mine-map{padding:10px 17px 16px;background:radial-gradient(ellipse at 30% 10%,#77836525,transparent),#3b4738;position:relative}.mine-floor{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-bottom:5px}.depth-label{color:#bac2a3;font:500 11px 'Barlow Condensed',sans-serif;display:flex;flex-direction:column;justify-content:center;gap:4px}.depth-label small{font:8px 'Noto Sans SC',sans-serif;color:#829471}.floor-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.tile{min-width:0;position:relative;aspect-ratio:1.15;border:1px solid #ada77c55;border-radius:3px;padding:0;background:linear-gradient(135deg,#b5ae82,#87865e);box-shadow:inset 0 1px #e4ddb32b,0 2px 3px #18201555;overflow:visible;display:flex;align-items:center;justify-content:center}.tile.tier-2{background:linear-gradient(135deg,#8c9878,#627657)}.tile.tier-3{background:linear-gradient(135deg,#718a88,#4a6560)}.tile.tier-4{background:linear-gradient(135deg,#8a7c89,#5d5a6b)}.tile .tile-art{position:absolute;inset:0;border-radius:3px;opacity:.65;filter:saturate(.7);background-size:cover;background-position:center}.tile .gem{height:25px;width:22px;filter:drop-shadow(2px 3px 1px #0007);z-index:1}.tile-number{position:absolute;bottom:3px;right:4px;font:600 10px 'Barlow Condensed',sans-serif;color:#fffbe4;background:#2b3c336b;padding:0 3px;border-radius:2px;z-index:2}.tile.empty{background:#2e3b2b;border:1px solid #52614766;box-shadow:inset 0 1px 5px #1b27185e}.tile.empty:before,.tile.empty:after{content:'';position:absolute;background:#7c8b6933}.tile.empty:before{height:16px;left:0;right:0}.tile.empty:after{width:16px;top:0;bottom:0}.tile.reachable{outline:2px solid #e7d294;outline-offset:-2px;cursor:pointer}.tile.reachable:hover{filter:brightness(1.2);transform:translateY(-2px);z-index:3}.tile.selected{outline:3px solid #f3ba65;outline-offset:2px;z-index:4}.tile.locked{background:#263324;border:1px dashed #7b8c6433;box-shadow:none}.tile.locked:after{content:'?';color:#78906755;font:600 19px 'Barlow Condensed',sans-serif}.mech-token{width:29px;height:31px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#e6b254;border:2px solid #fff6cc;border-radius:6px 6px 10px 10px;box-shadow:0 2px 0 #473820,0 2px 10px #0008;display:grid;place-items:center;color:#5b5335}.mech-token:after{content:'';position:absolute;width:14px;height:5px;background:#3d5251;top:7px;border:1px solid #c7d8b9}.mech-token svg{width:19px;height:19px;margin-top:10px}.mech-token.p1{background:#79a5b3;border-color:#deeff5}.mech-token.p2{background:#d1938e;border-color:#ffe6dd}.mech-token.p3{background:#80a474;border-color:#e0efda}.mine-legend{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;background:#303e2e;border-top:1px solid #65755650;color:#b3bda0;font-size:9px}.mine-legend div{display:flex;gap:12px}.mine-legend i{width:7px;height:7px;border:1px solid #dcc887;display:inline-block;margin-right:5px}.mine-legend b{font-weight:400;color:#f0ddb5}.action-bar{margin-top:13px;border-radius:6px;border:1px solid var(--line);background:var(--white);padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.action-copy strong{font-size:11px}.action-copy p{font-size:10px;margin:4px 0 0;color:var(--muted)}.orange-button{background:var(--orange);color:white;padding:10px 17px;border-radius:4px;font-size:11px;white-space:nowrap;box-shadow:0 2px 0 #a34025}.orange-button:hover:not(:disabled){background:#bd4e2e;transform:translateY(-1px)}.mine-help{font-size:10px;color:#8b9483;display:flex;gap:7px;margin:11px 1px 0;line-height:1.8}.market-intro{font-size:10px;color:var(--muted);padding:0 17px;margin:0 0 15px;line-height:1.7}.market-list{padding:0 12px;display:grid;gap:9px}.market-card{display:grid;grid-template-columns:60px 1fr;gap:11px;position:relative;align-items:center;text-align:left;border:1px solid #e1e3d9;padding:6px;background:#f7f7f0;border-radius:4px;width:100%;min-height:91px}.market-card:hover{border-color:#acb99e;background:#eff2e6;transform:translateY(-1px)}.card-art{background:#d5d9c7;border-radius:3px;overflow:hidden;position:relative;display:block}.market-card .card-art{height:78px;width:58px;flex-shrink:0}.card-art img{display:block;width:100%;height:100%;object-fit:cover}.market-card strong{font-size:11px;display:block;margin-bottom:5px}.market-card p{font-size:9px;line-height:1.6;margin:0 0 7px;color:#8b9581}.price{font:600 16px 'Barlow Condensed',sans-serif;color:#5d6d48;display:flex;align-items:center;gap:4px}.price:before{content:'$';font-size:9px;font-family:sans-serif;border:1px solid #afbd9f;border-radius:50%;height:12px;width:12px;display:inline-grid;place-items:center}.market-type{position:absolute;right:7px;bottom:8px;color:#a5ad9a;font-size:8px}.market-footer{padding:14px 16px;margin-top:9px;border-top:1px solid var(--line);font-size:9px;color:#929a87;display:flex;justify-content:space-between}.log-panel{margin-top:17px}.log-list{padding:0 16px 9px;max-height:150px;overflow:auto}.log-item{font-size:10px;line-height:1.7;padding:8px 0 8px 11px;border-left:1px solid #dfe2d5;position:relative;color:#87907c}.log-item:before{content:'';position:absolute;width:5px;height:5px;background:#c4cbb7;border-radius:50%;left:-3px;top:14px}.log-item:first-child{color:#4e6445}.log-item:first-child:before{background:var(--orange)}.hand-section{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.hand-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.hand-heading h2{font-size:13px;margin:0}.hand-heading span{font-size:10px;color:var(--muted);margin-left:9px;font-weight:400}.hand-wrap{display:flex;gap:12px;align-items:stretch}.hand-cards{display:flex;gap:12px;flex:1;min-width:0;overflow-x:auto;padding:3px 3px 8px}.hand-card{background:var(--white);border:1px solid #d7dccb;border-radius:6px;display:flex;gap:11px;min-width:175px;flex:1;max-width:245px;padding:8px;text-align:left;position:relative;box-shadow:0 3px 0 #e3e6da;align-items:center}.hand-card:hover{transform:translateY(-3px);border-color:var(--orange)}.hand-card .card-art{height:90px;width:65px;flex-shrink:0}.hand-card strong{display:block;font-size:11px;margin-bottom:8px}.hand-card small{display:block;color:#8b9580;font-size:9px;line-height:1.8}.hand-card .card-index{position:absolute;top:5px;right:7px;font:11px 'Barlow Condensed',sans-serif;color:#b1b8a6}.deck-area{display:flex;gap:13px;padding-left:10px;align-items:center;border-left:1px solid var(--line);flex-shrink:0}.deck-box{width:55px;height:80px;background:repeating-linear-gradient(45deg,#3f503a,#3f503a 3px,#45573f 3px,#45573f 4px);border-radius:5px;border:3px solid var(--paper);outline:1px solid #a8b398;box-shadow:2px 2px #b9c1aa;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d9e0c9}.deck-box b{font:600 22px 'Barlow Condensed',sans-serif}.deck-box small{font-size:8px;margin-top:3px}.deck-box.discard{background:#dee2d3;outline:1px dashed #abb69a;color:#8e9b7e;box-shadow:none}.end-turn{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:122px;padding-left:4px}.end-turn small{font-size:9px;color:var(--muted);text-align:center}.end-turn button{font-size:11px;background:var(--green);color:white;border-radius:5px;padding:13px 16px}.end-turn button:hover{background:#334c38}footer{max-width:1560px;margin:0 auto;padding:10px 3.3% 23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9ba28f}footer .status-dot{width:5px;height:5px;margin-right:5px}footer button{font-size:9px;color:#899780;padding:7px 0}dialog{border:1px solid #c8cdbb;box-shadow:0 20px 100px #1a2a2366;border-radius:10px;background:var(--white);padding:0;width:min(660px,calc(100% - 32px));max-height:88dvh;color:var(--ink)}dialog::backdrop{background:#27362bd0;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:20px;margin:0}.dialog-head .eyebrow{margin-bottom:6px}.close{font-size:24px;color:var(--muted)}.dialog-body{padding:22px 26px;line-height:1.9;font-size:12px}.dialog-body p{margin:0 0 14px}.dialog-body h3{font-size:14px;margin:21px 0 9px}.dialog-body a{color:var(--green);text-underline-offset:4px}.dialog-body li{margin:8px 0}.dialog-body ul{padding-left:20px}.dialog-foot{padding:18px 26px;background:#f3f4ec;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;justify-content:flex-end}.dialog-foot small{margin-right:auto;color:#89927e;font-size:10px}.detail-card{display:flex;gap:26px;align-items:flex-start}.detail-card .card-art{width:190px;min-width:150px;aspect-ratio:0.71;height:auto;flex-shrink:0}.card-options{display:flex;flex-direction:column;gap:10px;width:100%}.choice{border:1px solid #dbe0ce;background:#f4f6ed;padding:12px 13px;border-radius:5px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px}.choice strong{font-size:12px;display:block}.choice small{color:#8a957d;font-size:10px;display:block}.choice:hover{border-color:#93a37d;background:#e9efde}.choice .arrow{color:var(--orange);font-size:20px}.notice{padding:12px 14px;border-radius:4px;background:#f8eddd;color:#937241;font-size:11px;margin:15px 0;line-height:1.8}.form-label{display:block;font-size:12px;margin:15px 0 7px}.dialog-body select,.dialog-body input{border:1px solid #cbd2bd;background:white;border-radius:4px;padding:10px 12px;width:100%;color:var(--ink)}.setup-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setup-options button{padding:20px;border:1px solid #cbd4be;border-radius:6px;text-align:left;background:#f4f6ed}.setup-options button.selected{border:2px solid var(--green);background:#e8eedf}.setup-options strong{display:block;font-size:14px}.setup-options small{font-size:10px;color:var(--muted)}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.rules-step{background:#f1f3e9;border-radius:6px;padding:16px}.rules-step b{color:var(--orange);font:600 27px 'Barlow Condensed',sans-serif}.rules-step h3{margin:4px 0;font-size:13px}.rules-step p{font-size:11px;margin:0;color:#7d8b71}.source-link{display:block;border-bottom:1px solid var(--line);padding:14px 0}.source-link small{color:#96a087;display:block;font-size:10px}.catalog-toolbar{display:flex;gap:8px;margin-bottom:22px}.catalog-toolbar button{padding:9px 20px;border:1px solid var(--line);border-radius:5px;font-size:12px}.catalog-toolbar button.active{background:var(--green);color:white}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:20px}.catalog-card{padding:11px;background:var(--white);border:1px solid var(--line);border-radius:6px;text-align:left}.catalog-card .card-art{width:100%;aspect-ratio:.71}.catalog-card strong{font-size:12px;display:block;margin:12px 0 5px}.catalog-card small{font-size:10px;color:var(--muted)}.catalog-card:hover{border-color:var(--green);transform:translateY(-2px)}.score-table{width:100%;border-collapse:collapse;margin-top:15px}.score-table td,.score-table th{text-align:left;border-bottom:1px solid var(--line);padding:10px;font-size:12px}.score-total{font:700 60px 'Barlow Condensed',sans-serif;color:var(--orange)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:#2e4434;color:#fffced;border-radius:5px;font-size:12px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.empty-hand{display:flex;align-items:center;justify-content:center;min-height:107px;width:100%;border:1px dashed #cad2be;border-radius:6px;color:#97a088;font-size:11px}.tutorial-strip{margin-bottom:20px;border:1px dashed #c7cdb6;border-radius:5px;padding:14px 18px;font-size:11px;color:#7b896b;display:flex;align-items:center;gap:10px}.tutorial-strip strong{color:#546749}.tutorial-strip button{margin-left:auto;font-size:18px}.permanent-list{padding:0 14px 12px;display:flex;flex-wrap:wrap;gap:5px}.permanent-list span{font-size:9px;padding:5px 7px;background:#e5ebdd;border-radius:3px;color:#687956}
@media(min-width:1500px){.workspace{grid-template-columns:255px minmax(500px,1fr) 280px;gap:25px}.mech-portrait{height:181px}.market-card{grid-template-columns:65px 1fr;min-height:107px}.market-card .card-art{width:64px;height:92px}.market-card strong{font-size:12px}.market-card p{font-size:10px}.tile{aspect-ratio:1.22}}
@media(max-width:1150px){main{padding:24px 22px 15px}.workspace{grid-template-columns:200px minmax(340px,1fr) 210px;gap:14px}.site-header{padding:0 23px}.site-header nav{gap:16px}.market-card{grid-template-columns:45px 1fr;gap:8px;min-height:80px}.market-card .card-art{width:45px;height:64px}.mech-portrait{height:132px}.market-type{display:none}.hand-card{min-width:155px}.hand-card .card-art{width:48px;height:70px}.hand-cards{gap:8px}.deck-area{gap:9px;padding-left:9px}.deck-box{width:43px;height:70px}.end-turn{min-width:110px}.end-turn button{padding:13px 10px}.mine-map{padding:9px 10px 13px}.mine-floor{grid-template-columns:27px 1fr;gap:6px}.mine-surface{grid-template-columns:27px 1fr;padding:0 10px;gap:6px}.heading-row{margin-bottom:19px}.tile .gem{width:18px;height:20px}}
@media(max-width:950px){.workspace{grid-template-columns:180px minmax(300px,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px;gap:15px}.market-list{grid-template-columns:repeat(3,1fr)}.market-card{grid-template-columns:1fr;text-align:center;justify-items:center;min-height:166px}.market-card .card-art{width:65px;height:91px}.market-card p{display:none}.market-card .price{justify-content:center}.log-panel{margin-top:0}.market-intro{margin-bottom:10px}.market-footer{padding:10px 15px}.market-list .market-card:nth-child(n+4){display:none}.hand-wrap{flex-wrap:wrap}.hand-cards{width:calc(100% - 220px)}.hand-card{min-width:145px}.hand-card .card-art{width:50px;height:70px}.hand-card strong{font-size:10px}.end-turn{min-width:107px}.header-right .edition{display:none}.mech-name strong{font-size:12px}.cargo-grid{gap:3px;padding-left:5px;padding-right:5px}.cargo-item .gem{width:11px;height:13px;margin-right:3px}.cargo-item b{font-size:16px}.tile{aspect-ratio:1.3}}
@media(max-width:670px){.site-header{height:77px;padding:0 17px}.brand strong{font-size:25px}.brand small{font-size:8px;letter-spacing:2px}.brand{gap:8px}.brand-mark{width:30px;height:36px}.brand-mark svg{width:22px;height:27px}.site-header nav{gap:10px}.nav-link{font-size:10px;padding:0 2px}.nav-link span{display:none}.nav-link.active:after{left:2px;right:2px}.header-right{display:none}main{padding:22px 14px 12px}.heading-row{gap:10px}.heading-row h1{font-size:22px}h1 small{display:none}.eyebrow{font-size:10px}.top-tools{gap:5px}.top-tools .quiet-button{font-size:10px;padding:7px 8px}.turn-banner{padding:12px;gap:11px;margin-bottom:18px;font-size:11px}.turn-banner p{font-size:9px}.banner-end{display:none}.turn-number{font-size:24px}.turn-number small{font-size:8px}.workspace{display:flex;flex-direction:column;gap:16px}.left-column{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:11px}.player-panel{grid-column:1/-1;display:grid;grid-template-columns:105px 1fr 100px;padding:12px;gap:0 12px;align-items:center}.player-panel .panel-heading{padding:0;grid-column:1/-1;margin-bottom:10px}.player-tabs{display:none}.mech-portrait{grid-row:2/4;margin:0;height:110px}.mech-name{padding:0;grid-column:2;align-self:end;gap:8px}.mech-name .tag{font-size:8px}.gauge-group{padding:9px 0 0;grid-column:2;border-top:0;grid-row:3;align-self:start}.gauge{margin-bottom:8px}.gauge-label{font-size:9px;margin-bottom:4px}.gauge-label b{font-size:15px}.gauge-label b small{font-size:10px}.gauge-track{height:4px}.wallet{grid-column:3;grid-row:2/4;display:block;border-top:0;border-left:1px solid var(--line);padding:0 0 0 15px;margin:0}.wallet div+div{border:0;padding:10px 0 0}.wallet b{font-size:25px}.wallet span{font-size:9px}.permanent-list{grid-column:1/-1;padding:8px 0 0}.cargo{margin:0}.objectives{margin:0;padding:14px}.cargo .panel-heading{padding:10px}.cargo .panel-heading h2{font-size:11px}.cargo .panel-heading .count{font-size:9px}.cargo-grid{padding-bottom:9px}.cargo-actions{padding:0 6px 9px;gap:4px}.cargo-actions button{font-size:9px}.objective-line{gap:7px;margin-top:12px}.objective-line strong{font-size:10px}.objective-line p{font-size:9px}.center-column{width:100%}.tile{aspect-ratio:1.3}.tile .gem{width:20px;height:23px}.right-column{display:block;width:100%}.market-list{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.market-card{min-width:117px;width:117px;flex-shrink:0;scroll-snap-align:start}.market-list .market-card:nth-child(n+4){display:grid}.market-card .card-art{width:66px;height:93px}.market-footer{margin-top:0}.log-panel{margin-top:15px}.log-list{display:flex;gap:15px;max-height:90px}.log-item{min-width:180px;flex:1}.hand-section{margin-top:20px}.hand-heading{align-items:start}.hand-heading span{display:block;margin:4px 0 0;font-size:9px}.hand-wrap{gap:8px}.hand-cards{width:100%;flex:none}.hand-card{min-width:158px;min-height:98px;max-width:none}.hand-card .card-art{height:78px;width:56px}.deck-area{border-left:0;padding:4px 0}.deck-box{height:48px;width:62px;display:flex;flex-direction:row;gap:5px}.deck-box b{font-size:19px}.deck-box small{font-size:9px}.end-turn{flex:1;max-width:210px;padding-left:16px;gap:4px}.end-turn button{padding:11px}.end-turn small{font-size:8px}footer{padding:10px 15px 20px;font-size:8px;gap:12px}footer>span:nth-child(2){display:none}footer button{font-size:8px}.detail-card{gap:14px}.detail-card .card-art{width:40%;min-width:100px}.dialog-body{padding:18px;line-height:1.8}.dialog-head{padding:18px}.dialog-head h2{font-size:18px}.dialog-foot{padding:15px 18px}.choice{padding:9px}.choice strong{font-size:11px}.choice small{font-size:9px}.rules-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.catalog-toolbar{overflow:auto}.catalog-toolbar button{white-space:nowrap;padding:8px 13px}.tutorial-strip{font-size:10px;padding:12px;line-height:1.8}.tutorial-strip span{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.cargo-grid{grid-template-columns:repeat(5,1fr)}.gauge-label svg{width:15px;height:15px}.surface-return{position:relative;width:100%;height:100%;display:flex;align-items:center;gap:10px;text-align:left;color:#34452c}.surface-return>span:first-child{font-size:32px}.surface-return b{font-size:11px}.surface-return small{font-size:9px;color:#56644b;margin-left:auto;margin-right:9px}.surface-return.reachable{outline:2px solid #f2df9a;outline-offset:-3px}.surface-tokens{position:absolute;left:40%;top:50%;width:20px;display:flex}.surface-tokens .mech-token{position:relative;margin-left:10px}.mine-map{background-image:linear-gradient(#34442ae0,#283627eb),var(--board-image);background-size:cover;background-position:center}.floor-cells{grid-template-columns:55px 1fr 3.5fr;min-height:67px}.mine-floor{margin-bottom:6px}.tile{aspect-ratio:auto;height:67px}.shaft{position:relative;border-left:2px solid #738262!important;border-right:2px solid #738262!important}.shaft .floor-tag{font:11px 'Barlow Condensed';color:#8d9d79}.shaft>svg{width:17px;height:17px;color:#7e8868}.shaft>b{font:12px 'Barlow Condensed';color:#7e8868}.shaft .mech-token:nth-of-type(3){transform:translate(-10%,-30%);z-index:6}.corridor-art svg{width:26px;height:26px;filter:drop-shadow(1px 2px #34442c);color:#e2deab}.tile-caption{position:absolute;top:3px;left:5px;font-size:8px;color:#f3eed0}.tile-number{font-size:9px}.mineral-zone{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px;padding:7px 8px;background:#84957240;border:1px solid #9fa78033;border-radius:3px;min-width:0;min-height:67px}.mineral-cube{padding:5px;border:1px solid transparent;border-radius:3px;background:#b2bf9a0d;min-width:30px;min-height:32px;display:grid;place-items:center}.mineral-cube .gem{height:23px;width:20px;filter:drop-shadow(2px 3px 1px #0007)}.mineral-cube.reachable{border-color:#daca8799;background:#d3d6a52b}.mineral-cube:hover{background:#bbc99555;transform:translateY(-2px)}.mineral-cube.selected{outline:2px solid #f4c277;outline-offset:1px}.no-minerals{font-size:9px;color:#9faf8b;text-align:center;flex:1}.entrance-lane,.barrier-lane{grid-column:2/4;display:flex;align-items:center;justify-content:center;gap:10px;height:67px;border-radius:3px;background:#7d8f6330;color:#a6b58c}.entrance-lane span{font-size:11px}.entrance-lane small{font-size:9px;color:#8f9f78}.entrance-lane i{font-size:25px;font-style:normal}.barrier-lane{background:repeating-linear-gradient(-45deg,#182b2317,#182b2317 7px,#0f251627 7px,#0f251627 14px);border:1px dashed #8d9d7150;flex-direction:column;gap:4px;position:relative}.barrier-lane strong{font-size:10px;font-weight:400;letter-spacing:2px;color:#8c9a79}.barrier-lane small{font-size:9px;color:#768368}.barrier-lane>span{position:absolute;left:13px;font-size:20px;color:#617555}.barrier-lane.reachable{outline:1px solid #d9c27d;border-color:#c9bc8555;background:#84934a33}.barrier-lane.selected{outline:2px solid #f3ba65}.unexplored .shaft{opacity:.6}.quick-actions{display:flex;gap:7px;margin-top:10px}.quick-actions button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;border:1px solid var(--line);border-radius:4px;background:#fcfcf4;padding:9px 5px;font-size:9px}.quick-actions button:hover:not(:disabled){border-color:#a5b393;background:#e9efdf}.quick-actions svg{width:13px;height:13px}.mine-help svg{width:13px;min-width:13px;height:16px}.objective-line svg{width:28px;flex-shrink:0}.progress-track{display:flex;gap:2px;height:7px;margin-top:14px}.progress-track i{flex:1;background:#d7ddcc}.progress-track i.filled{background:#758f64}.progress-track i.overflow{background:#d19b64}.text-link{font-size:9px;margin-top:11px;color:#8d987d}.market-footer button{font-size:9px;padding:0}.mini-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mini-card-grid button{padding:0;min-width:0}.mini-card-grid .card-art{width:100%;aspect-ratio:.71}.mini-card-grid span:not(.card-art){font-size:10px;display:block;margin-top:7px}.keep-cards{display:flex;gap:12px;overflow-x:auto;padding:8px 2px}.keep-card{min-width:90px;width:105px;font-size:10px;text-align:center;position:relative}.keep-card .card-art{width:100%;aspect-ratio:.71;border:2px solid transparent}.keep-card input{position:absolute;top:8px;right:8px;z-index:3;accent-color:var(--green);width:17px;height:17px}.keep-card input:checked+.card-art{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.keep-card span:last-child{display:block;margin-top:6px}.mech-portrait>.card-art{position:absolute;inset:0;background:none}.mech-portrait>.card-art img{object-fit:cover;object-position:50% 30%;transform:scale(1.15)}.market-card:nth-child(4){display:grid}
@media(min-width:1500px){.floor-cells,.mineral-zone,.tile,.entrance-lane,.barrier-lane{min-height:73px;height:73px}.floor-cells{grid-template-columns:62px 1fr 3.5fr}}
@media(max-width:950px){.market-card:nth-child(4){display:grid}.market-list{grid-template-columns:repeat(2,1fr)}.right-column{grid-template-columns:1fr 220px}.market-card{grid-template-columns:55px 1fr;text-align:left;justify-items:stretch;min-height:95px}.market-card .card-art{width:52px;height:74px}.market-card .price{justify-content:flex-start}.floor-cells{grid-template-columns:48px 1fr 3fr}.surface-return small{font-size:8px;margin-right:2px}.surface-return b{font-size:10px}.surface-return{gap:5px}.mineral-zone{padding:5px;gap:3px}.mineral-cube{min-width:26px;padding:3px}}
@media(max-width:670px){.market-card{display:grid;grid-template-columns:1fr;text-align:center;min-height:166px;justify-items:center}.market-card:nth-child(4){display:grid}.market-card .card-art{width:66px;height:93px}.market-card .price{justify-content:center}.floor-cells{grid-template-columns:43px 63px 1fr;min-height:63px}.tile,.entrance-lane,.barrier-lane{height:63px}.mineral-zone{min-height:63px}.tile-caption{font-size:8px}.cargo-item small{font-size:7px}.surface-return small{max-width:105px;line-height:1.5}.mineral-cube .gem{width:17px;height:20px}.mineral-cube{min-width:23px;min-height:25px}.quick-actions{gap:4px}.quick-actions button{font-size:8px;padding:9px 3px}.objective-line svg{width:20px}.mini-card-grid{grid-template-columns:repeat(3,1fr)}.tile-number{font-size:8px}.mech-portrait>.card-art img{object-position:center 20%}.action-copy p{font-size:9px;line-height:1.6}.orange-button{font-size:10px;padding:10px 12px}}
svg{width:18px;height:18px;flex-shrink:0}.mine-toolbar h2{white-space:nowrap}.mine-toolbar h2>svg{width:18px;height:18px}.panel-heading h2>svg{width:15px;height:15px}.draw-option{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--green)}.dialog-body .draw-option input{width:15px;height:15px;accent-color:var(--green)}
@media(min-width:951px){body{padding-bottom:162px}.hand-section{position:fixed;bottom:0;left:3.3%;right:3.3%;z-index:10;margin:0;padding:13px 15px 11px;background:#f3f2ebf5;border:1px solid #d7ddce;border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 -5px 25px #26382610;backdrop-filter:blur(10px)}.hand-heading{margin-bottom:10px}.hand-card .card-art{height:75px;width:54px}.hand-card{padding:6px 8px}.hand-cards{padding-bottom:4px}.hand-heading h2{font-size:12px}.site-header{height:80px}main{padding-top:24px}.heading-row{margin-bottom:20px}.turn-banner{margin-bottom:18px}.tutorial-strip{margin-bottom:17px;padding-top:10px;padding-bottom:10px}}
.action-bar{margin:0 0 12px}.selection-active{position:sticky;top:8px;z-index:7;border-color:#c7a86e;box-shadow:0 5px 25px #20372422}.unexplored .floor-cells{min-height:42px;height:42px}.unexplored .tile,.unexplored .barrier-lane{height:42px;min-height:42px}.unexplored .barrier-lane{flex-direction:row;gap:12px}.unexplored .barrier-lane>span{font-size:13px;left:9px}.unexplored .barrier-lane strong{letter-spacing:1px}.mine-map .unexplored:last-child{margin-bottom:0}
@media(max-width:670px){.unexplored .barrier-lane strong{font-size:9px}.unexplored .barrier-lane small{font-size:8px}.unexplored .barrier-lane{gap:7px}.unexplored .barrier-lane>span{display:none}}
.mech-portrait>img{object-fit:cover;object-position:center 40%}.mine-surface{background-image:linear-gradient(90deg,#bfc8a9ec,#bfc8a9bd),var(--surface-image);background-size:cover;background-position:center,center 29%}.mine-map{background-image:linear-gradient(#34442acc,#283627cc),var(--board-image);background-size:cover}.barrier-lane{background-color:#27352270}
.mine-map{background-size:cover,180% auto;background-position:center,center}

/* Drillers: original illustrated board, weathered metal, mineral green and safety yellow. */
:root{--paper:#151a19;--white:#252a27;--ink:#eee7d0;--muted:#a6ac96;--line:#4b4c3e;--orange:#e3af32;--orange-soft:#4d3b17;--green:#c7a947;--green-soft:#364338;--gold:#e9bc49;--blue:#7cabc3;--shadow:0 8px 24px #0005;color-scheme:dark}
body{background:radial-gradient(ellipse at 50% -10%,#364d3a 0,transparent 56%),linear-gradient(130deg,#1f2822,#141b1c 62%,#182426);color:var(--ink)}
.site-header{height:82px;background:linear-gradient(#263129,#171e1b);border-bottom:3px solid #8b732e;box-shadow:0 3px 16px #0008;padding:0 3%}
.brand{gap:0}.brand-mark,.brand-dot{display:none}.brand strong{font:800 italic 41px/.9 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#f5c538;text-shadow:2px 2px #725523,3px 4px #070d0a;transform:skew(-4deg)}.brand small{color:#c0bd9b;letter-spacing:5px;font-size:9px;margin:10px 0 0 4px}
.site-header nav{gap:24px}.nav-link{color:#a8ad99;font-size:12px;font-weight:600}.nav-link.active{color:#f4d175}.nav-link.active:after{height:3px;background:#efc347;box-shadow:0 0 15px #ecad4344}.nav-link:hover{color:#ffe3a1}.edition{color:#929985;letter-spacing:.4px}.icon-button{border-color:#6d745b;color:#e2ce8d;background:#303c2b}.icon-button:hover{background:#4e603c}
main{max-width:1620px;padding:24px 3% 18px}.heading-row{margin:0 0 16px;min-height:98px;padding:15px 23px;border:1px solid #4b583f;border-left:4px solid #c4a345;background-image:linear-gradient(90deg,#1a251e 25%,#1a251eec 50%,#1a251e66),url('/assets/drillers/game/assets/cover.webp');background-size:cover,420px auto;background-position:center,right 46%;background-repeat:no-repeat;box-shadow:0 4px 15px #0004;position:relative;overflow:hidden}.eyebrow{color:#b4b797;font-size:10px}.eyebrow:before{background:#d6b358}h1{font-size:29px;font-weight:800;letter-spacing:3px;margin:5px 0 0;color:#f0db9e;text-shadow:1px 2px #000}h1 small{color:#acb69b;font-size:11px;letter-spacing:.5px}.quiet-button{background:#28312ae8;border:1px solid #6b7156;border-radius:3px;color:#dcdac3;box-shadow:inset 0 1px #d8d4aa0d;font-size:10px}.quiet-button:hover{background:#48543d;border-color:#d6bb6e}.quiet-button.primary{background:#d7a433;border-color:#d7a433;color:#242016}
.turn-banner{padding:11px 17px;background:linear-gradient(110deg,#384331,#232d25);border-color:#566342;border-left:4px solid #b8ae54;border-radius:3px;margin-bottom:17px;box-shadow:inset 0 1px #dfe9aa10}.turn-number{color:#f0cc68;border-color:#5c6648}.turn-number small{color:#aebc91}.turn-banner strong{color:#ebe8c9}.turn-banner p{color:#a4b490;font-size:10px}.banner-end{color:#aabb8a}.live-dot,.status-dot{background:#b5c671;box-shadow:0 0 6px #a4d16b44}.tutorial-strip{background:#42452a55;border-color:#80794b;color:#b5b994;border-radius:2px;margin-bottom:16px}.tutorial-strip strong{color:#e3d78f}
.workspace{grid-template-columns:236px minmax(400px,1fr) 254px;gap:18px}.panel{background:linear-gradient(125deg,#34382e,#262d29 80%);border:1px solid #565846;border-radius:3px;box-shadow:inset 0 1px #eee9bc11,0 6px 18px #0005;position:relative}.panel:before{content:'';position:absolute;top:7px;right:7px;width:4px;height:4px;border-radius:50%;background:#928969;box-shadow:0 1px 2px #000;pointer-events:none}.panel-heading{padding:15px 15px 12px}.panel-heading h2{font-size:12px;color:#e8d897;letter-spacing:.4px}.panel-heading small{color:#8e9b7b}.player-tabs{padding:0 14px 11px}.player-tab{background:#3f4b39}.player-tab.active{background:linear-gradient(90deg,#e1b342,#a57525)}
.mech-portrait{height:185px;margin:0 12px;border:2px solid #84724b;border-radius:3px;background:#464633;box-shadow:inset 0 0 20px #0008}.mech-portrait:before{display:none}.mech-portrait>img{object-fit:cover;object-position:center 50%}.mech-portrait .technical-label{z-index:2;background:#20251ac7;color:#d9ca8e;padding:3px 5px;top:6px;left:6px;letter-spacing:1px;font-size:8px}.mech-name{padding:12px 15px}.mech-name strong{font-size:13px;letter-spacing:1px}.tag{color:#f3d27a;background:#5b4825;border:1px solid #8a7041;border-radius:2px;font-size:8px}.gauge-group{border-top-color:#535842;padding:13px 15px 0}.gauge{margin-bottom:12px}.gauge-label span{color:#a9b39a;font-size:10px}.gauge-label b{color:#e9dcaa;font-size:20px}.gauge-label b small{color:#7f8b76}.gauge-track{height:7px;gap:3px;padding:1px;background:#151e19;border:1px solid #4c5842;box-sizing:content-box}.gauge-track i{background:#35412f;border-radius:0}.gauge-track i.filled{background:#d6a431;box-shadow:0 0 4px #d6a43166}.gauge.blue i.filled{background:#68a6bd}.gauge.green i.filled{background:#a5bb6a}.wallet{border-color:#555b46;margin:0 14px}.wallet div+div{border-color:#555b46}.wallet span{color:#9da78b}.wallet b{color:#eddba5}.wallet em{color:#98a27f}
.cargo{margin-top:15px}.cargo-grid{padding:0 9px 12px;gap:4px}.cargo-item{background:#1b241d;border:1px solid #414e37;border-radius:2px}.cargo-item b{color:#d7d8b6}.cargo-item small{color:#9d9f84;font-size:8px}.cargo-actions{padding:0 10px 12px;gap:5px}.cargo-actions button{font-size:9px}.gem{filter:drop-shadow(1px 2px 1px #0007)}.objectives{border:1px solid #5d5f42;background:linear-gradient(135deg,#373d28,#262f22);border-radius:3px;padding:14px}.objective-line svg{color:#cdb66b}.objective-line strong{color:#e1d296}.objective-line p{color:#a1ac83}.progress-track{height:8px;background:#162018;padding:1px;gap:2px}.progress-track i{background:#47513a}.progress-track i.filled{background:#cbb356}.progress-track i.overflow{background:#a46146}.text-link{color:#c6bf8e;font-size:9px}
.action-bar{background:linear-gradient(110deg,#41452d,#273024);border:1px solid #79734b;border-radius:3px;padding:12px 14px;margin:0 0 12px;box-shadow:inset 0 1px #d2bc7119}.action-copy strong{color:#ecd894;font-size:12px}.action-copy p{color:#afb492;font-size:10px;line-height:1.7}.selection-active{background:linear-gradient(110deg,#594824,#2d3827);border-color:#e1bc56;z-index:8}.orange-button{background:linear-gradient(#e1bd52,#c7942b);color:#231d0c;border:1px solid #f7d26a;border-bottom:3px solid #7b591a;box-shadow:0 3px 6px #0004,inset 0 1px #fff2;font-weight:700;border-radius:3px;padding:10px 13px}.orange-button:hover:not(:disabled){background:linear-gradient(#f8d778,#d8aa40);color:#211a0a}
.mine-panel{background:#0c1211;border:2px solid #635c46;border-radius:4px;box-shadow:0 12px 28px #0007,inset 0 0 0 1px #a89a6222}.mine-toolbar{height:44px;background:linear-gradient(#34382e,#242b24);border-bottom:1px solid #645d43;padding:0 13px}.mine-toolbar h2{color:#e5d397;font-size:12px;font-weight:600}.mine-toolbar h2>span{color:#9caa86;font-size:9px}.board-tools{display:flex;gap:6px}.board-tools button{font-size:9px;width:auto;height:25px;padding:0 7px;border:1px solid #667353;color:#c2c5a2;background:#263023;border-radius:2px}.board-tools button:hover{background:#4a5636;color:#f4dda0}.board-nav{display:flex;gap:1px;padding:7px 10px;background:#19231d;border-bottom:1px solid #5a6244}.board-nav button{position:relative;flex:1;color:#c4c6ad;font:600 14px 'Barlow Condensed',sans-serif;padding:6px 4px;background:#2f3a2c;border:1px solid #586043;border-radius:2px}.board-nav button:first-child{font-size:10px}.board-nav button.not-open{color:#818d7b;background:#222c25;border-color:#394938}.board-nav button.current{color:#201b0e;background:#d3ad44;border-color:#f1d073}.board-nav button:hover{border-color:#edd071;color:#edd071}.board-nav button.current:hover{color:#201b0e}.board-nav i{position:absolute;bottom:2px;left:50%;width:3px;height:3px;border-radius:50%;background:#4e3610}
.board-stage{height:632px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a49050 #17201a;background:radial-gradient(ellipse at 50% 0,#393e2b,#101612 80%);position:relative}.board-canvas{position:relative;max-width:470px;width:100%;margin:0 auto;line-height:0;box-shadow:0 0 35px #000c}.original-board{width:100%;height:auto;display:block;pointer-events:none;user-select:none}.board-zone{position:absolute;left:0;right:0;line-height:1.4;pointer-events:none}.zone-label{position:absolute;left:3%;top:4%;font-size:9px;letter-spacing:1px;color:#f2e1b6;padding:2px 6px;background:#19201abf;border-left:2px solid #b5a158;text-shadow:0 1px 2px black;pointer-events:none}.board-zone.occupied:after{content:'';position:absolute;inset:0;border-right:3px solid #e7bc52;pointer-events:none}.board-move{pointer-events:auto;position:absolute;right:14%;top:12%;width:20%;height:60%;border:1px dashed #decf8866;border-radius:4px;background:#1b281633;color:#efe1bb;display:flex;align-items:center;justify-content:center;transition:.15s}.board-move>span:last-child:not(.mech-token){position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;background:#15201bd9;padding:2px 5px;border:1px solid #64734b;border-radius:2px}.board-move.reachable,.board-corridor.reachable,.board-barrier.reachable{border:2px solid #e8c15e;box-shadow:0 0 12px #f5c24266;background-color:#f1c65016}.board-move:hover,.board-corridor:hover{background-color:#e8b94538;outline:1px solid #eec670}.board-move.selected,.board-corridor.selected,.board-barrier.selected{outline:3px solid #fff1ac;outline-offset:3px;box-shadow:0 0 14px #eed56999}.mech-token{position:relative;top:auto;left:auto;transform:none;width:34px;height:40px;margin:0 1px;background:#d4a745;border:2px solid #fff0a9;border-radius:5px 5px 11px 11px;box-shadow:0 3px 0 #483a20,0 4px 8px #000}.mech-token svg{color:#4b391c;width:23px;height:24px;margin-top:11px}.mech-token:after{top:8px;width:18px;height:6px;background:#263f42;border-color:#9dbfb6}.mech-token.p1{background:#6a91a5;border-color:#e5f0ff}.mech-token.p2{background:#b75c51;border-color:#ffe4bb}.mech-token.p3{background:#6f8e50;border-color:#e6efb3}.zone-0 .board-move{top:62%;height:22%;right:16%;width:24%}.zone-1 .board-move{right:15%;height:54%;top:23%;width:28%}.zone-0 .zone-label{top:5%;font-size:11px;background:#263228de}.board-service{position:absolute;pointer-events:auto;top:42%;left:30%;font-size:10px;display:flex;gap:5px;align-items:center;background:#1e3022e8;color:#f2d590;border:1px solid #b9a365;padding:9px 12px;border-radius:3px;box-shadow:0 3px 9px #0005}.board-service:hover{background:#4d5630}.board-service:disabled{opacity:.7}.entrance-note{position:absolute;left:7%;bottom:9%;font-size:9px;padding:3px 5px;color:#e3cc8f;background:#192019ab}.board-corridor{pointer-events:auto;position:absolute;left:2.2%;top:24%;height:57%;width:23%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101b18ba;border:1px solid #8b8047;border-radius:5px;color:#dfc576;box-shadow:0 3px 9px #0006;text-shadow:0 1px #000}.board-corridor>span{font-size:9px;letter-spacing:1px}.board-corridor b{font:700 27px 'Barlow Condensed',sans-serif;color:#f1d594;line-height:1.1;margin:3px 0}.board-corridor b small{font:9px 'Noto Sans SC',sans-serif}.board-corridor em{font-size:8px;font-style:normal;color:#b7ba96}.board-minerals{pointer-events:auto;position:absolute;left:28%;right:24%;bottom:4%;min-height:29px;display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:center;background:#12201ad9;border:1px solid #5e6e4b;padding:4px;border-radius:3px;box-shadow:0 3px 8px #0006}.board-minerals>small{font-size:8px;color:#c1c4a0;line-height:1.4;text-align:center}.mineral-cube{pointer-events:auto;border:1px solid #59674d;padding:3px;min-width:26px;min-height:27px;background:#35413266;border-radius:2px}.mineral-cube .gem{width:17px;height:20px;filter:drop-shadow(1px 2px 2px #000)}.mineral-cube.reachable{border-color:#dac067;background:#a386323b}.mineral-cube:hover{background:#c7ae5566}.mineral-cube.selected{outline:2px solid #ffe7a0;outline-offset:1px}.board-barrier{pointer-events:auto;position:absolute;left:26%;right:26%;top:32%;height:35%;min-height:49px;background:#15221de6;border:1px solid #a89a56;border-radius:2px;box-shadow:0 4px 12px #000a;color:#e3d397;display:flex;flex-direction:column;align-items:center;justify-content:center}.board-barrier:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:repeating-linear-gradient(-45deg,#c7a043 0,#c7a043 5px,#252c20 5px,#252c20 10px)}.board-barrier>span{font-size:7px;color:#b3b690}.board-barrier b{font-size:10px;font-weight:600;letter-spacing:1px}.board-barrier>small{font-size:9px;color:#f3d287}.locked .board-move{opacity:.35}.board-original-full{display:block;width:100%;max-width:520px;margin:auto;height:auto}.mine-legend{background:#1b251d;border-color:#65714470;padding:10px 12px;color:#a9b68e;font-size:8px}.mine-legend i{width:7px;height:7px;display:inline-block;border:1px solid #dfbc59;margin-right:5px}.quick-actions{gap:6px;margin-top:10px}.quick-actions button{background:linear-gradient(#38412d,#242e23);border:1px solid #616b47;color:#d2c795;border-radius:2px;font-size:10px;padding:10px 6px}.quick-actions button:hover:not(:disabled){background:#536039;border-color:#cabb6b}.mine-help{font-size:9px;color:#8d9b7e;line-height:1.7;margin-top:10px}
.market-intro{color:#a6ad8f;padding:0 15px;font-size:9px;margin-bottom:12px}.market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.market-list .market-card:nth-child(n){display:block}.market-card{width:100%;min-width:0;padding:4px 4px 7px;min-height:0;display:block;background:#19231d;border:1px solid #64704a;border-radius:3px;text-align:left;box-shadow:0 3px 8px #0004}.market-card .card-art{width:100%;height:auto;aspect-ratio:.716;border-radius:3px;border:1px solid #877548}.market-card strong{font-size:10px;margin:8px 3px 5px;color:#e1d39b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-card p{display:none}.market-card .price{font:600 18px 'Barlow Condensed',sans-serif;justify-content:flex-start;color:#e1bc62;padding:0 3px;gap:3px}.price:before{color:#d3a74b;border-color:#bd943f}.price small{font-size:9px}.market-type{display:none}.market-card:hover{background:#3d482d;border-color:#e8c96a;transform:translateY(-2px)}.market-footer{border-color:#505e3f;color:#9aa983;font-size:8px;padding:12px;margin-top:12px}.market-footer button{color:#d6c887;font-size:8px}.log-panel{margin-top:15px}.log-list{max-height:194px;padding:0 14px 8px}.log-item{font-size:9px;border-color:#4d5b3e;color:#99a887;padding:8px 0 8px 10px}.log-item:first-child{color:#ddca8c}.log-item:before{background:#758458}.log-item:first-child:before{background:#e4b64b}
.hand-section{background:linear-gradient(#31372af7,#202b22fc);border:1px solid #6b734c;border-top:3px solid #bb9e4a;border-bottom:0;border-radius:5px 5px 0 0;box-shadow:0 -8px 30px #0008;padding:10px 14px;margin-top:24px;backdrop-filter:blur(10px)}.hand-heading{margin-bottom:8px;gap:15px;justify-content:flex-start}.hand-heading h2{color:#e5d59e;font-size:12px}.hand-heading h2>span{font-size:9px;color:#a1b08b;margin-left:9px}.hand-heading>.quiet-button{margin-left:auto;padding:6px 10px;font-size:9px}.hand-resources{display:flex;gap:7px}.hand-resources>span{display:flex;align-items:center;gap:4px;color:#ebcf7f;font:600 16px 'Barlow Condensed',sans-serif;border:1px solid #6b754b;background:#1d291d;padding:3px 9px;line-height:1}.hand-resources svg{width:14px;height:14px}.hand-cards{gap:13px;padding:4px 3px 3px;min-height:119px}.hand-card{width:77px;min-width:77px;max-width:77px;flex:none;background:#202a20;border:1px solid #7d7f4e;box-shadow:2px 3px 0 #111a13;border-radius:4px;padding:2px;display:block;position:relative}.hand-card .card-art{width:100%;height:auto;aspect-ratio:.715;border-radius:3px}.hand-card>span:last-child strong{font-size:8px;color:#d6d3aa;font-weight:500;margin:4px 0 2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hand-card>span:last-child small{display:none}.hand-card .card-index{top:5px;right:5px;z-index:2;color:#efd78e;background:#17201ade;padding:1px 3px;font-size:9px}.hand-card:hover{transform:translateY(-4px);border-color:#edcc70;background:#2c3627;box-shadow:0 4px 10px #0009}.deck-area{border-color:#5b6542;gap:10px;padding-left:17px}.deck-box{background:repeating-linear-gradient(45deg,#2a3827,#2a3827 3px,#36442c 3px,#36442c 4px);border-color:#9e9b66;outline:1px solid #192619;color:#d6cd98;width:51px;height:77px;box-shadow:2px 3px #101a12}.deck-box.discard{background:#263121;border-color:#6b7850;color:#b0b88f;outline:1px dashed #899664}.end-turn{min-width:137px;padding-left:12px;gap:8px}.end-turn button{color:#2d2209;background:linear-gradient(#e3c464,#b89536);border:1px solid #e6cc78;border-bottom:3px solid #756026;font-weight:700;border-radius:3px;padding:13px;font-size:11px}.end-turn button:hover{background:linear-gradient(#f9dc82,#cea943)}.end-turn small{color:#94a17d;font-size:8px}.empty-hand{border-color:#5e7348;color:#a8b88c;font-size:11px}
footer{padding:10px 3% 20px;color:#7f9076;font-size:8px}footer button{color:#b6bd91;font-size:8px}.catalog-toolbar button{background:#2f3b2b;border-color:#62704b;color:#bfc79b;border-radius:2px;font-size:11px}.catalog-toolbar button.active{background:#bc9f48;color:#231f12;border-color:#efd17a}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.catalog-card{background:#293427;border-color:#65744c;border-radius:3px;padding:7px}.catalog-card strong{color:#e1d09a;font-size:12px}.catalog-card small{color:#a0b08b;font-size:9px}.catalog-card:hover{border-color:#d8bc64;background:#35412c}
dialog{color-scheme:light;background:#e9ddbf;color:#3d3526;border:2px solid #a7915e;border-radius:5px;box-shadow:0 22px 100px #000b}dialog::backdrop{background:#060e0bc9;backdrop-filter:blur(5px)}.dialog-head{background:linear-gradient(#d9ca9f,#cdbd8d);border-bottom:3px solid #8c7541;padding:20px 24px}.dialog-head h2{font-weight:800;color:#343b25;font-size:21px}.dialog-head .eyebrow{color:#84744c}.dialog-head .eyebrow:before{background:#aa8436}.close{color:#76623d;font-size:26px}.dialog-body{padding:22px 24px;background-image:radial-gradient(#7c5f2714 .5px,transparent .5px);background-size:4px 4px;font-size:12px;line-height:1.9;color:#554830}.dialog-body h3{color:#424c2e}.dialog-body a{color:#516734}.dialog-foot{background:#d8ccaa;border-color:#a99a70;padding:15px 24px}.dialog-foot .quiet-button{color:#5a4e2e;background:#e8ddba;border-color:#a09566}.dialog-foot small{color:#7e734f}.dialog-body .card-art{background:#c4ba9b;border:2px solid #84724e}.dialog-body .eyebrow{color:#8a805d}.choice{background:#f5edda;border:1px solid #b3a274;border-radius:3px;color:#433c2b;padding:12px 14px}.choice strong{color:#465333;font-size:12px}.choice small{color:#8f7d55}.choice:hover{background:#e4dfbf;border-color:#8e9054}.choice .arrow{color:#977730}.draw-option{color:#64703b;font-size:11px}.notice{background:#dacb9d;border-left:3px solid #a98439;color:#685630;border-radius:2px;font-size:11px}.rules-grid{gap:12px}.rules-step{background:#f1e9d1;border:1px solid #c5b88c;border-radius:3px}.rules-step b{color:#9a752d}.rules-step h3{color:#4a5732}.rules-step p{color:#827248}.dialog-body select,.dialog-body input{background:#f7f0de;color:#55462e;border-color:#b5a478;border-radius:2px}.source-link{border-color:#baae88}.source-link small{color:#8c805d}.score-total{color:#9e792a}.score-table th,.score-table td{border-color:#baad88}.keep-card input{accent-color:#876d2e}.keep-card span:last-child{color:#6e5c36}.mini-card-grid span:not(.card-art){color:#715f38}.board-original-full{border:2px solid #827148}.permanent-list span{background:#3d4c30;color:#beca99}#toast{background:#d1b153;color:#2b2715;border:1px solid #f5d77d;border-radius:3px;box-shadow:0 7px 28px #0009;font-weight:600;font-size:11px;bottom:205px}

/* Compact table: the original upper and lower boards sit beside one another. */
:root{--dock:162px;font-family:'Noto Sans SC','PingFang SC',sans-serif}
body{min-width:320px;padding:0;background:#17241e}
.site-header{height:52px;padding:0 18px;border-bottom-width:2px}.brand strong{font-size:30px}.brand small{display:none}.site-header nav{gap:15px}.nav-link{font-size:11px}.edition{font-size:9px}.header-right{gap:12px}
main{max-width:1500px;margin:auto;padding:8px 12px;height:calc(100dvh - 76px);display:flex;flex-direction:column;gap:8px;min-height:560px}
.table-status{display:flex;align-items:center;gap:10px;height:34px;flex-shrink:0;font-size:12px}.round-chip{font:700 19px 'Barlow Condensed',sans-serif;color:#e8bf5b;background:#36452d;padding:4px 9px;border:1px solid #62704a;border-radius:2px}.phase-label{font-size:10px;color:#a7b18e}.top-tools{margin-left:auto;gap:6px}.quiet-button{padding:6px 9px;font-size:10px}.top-tools svg{width:13px;height:13px}.mobile-panels{display:none}
.workspace{grid-template-columns:200px minmax(0,1fr) 246px;gap:10px;flex:1;min-height:0;align-items:stretch}
.left-column,.right-column{min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#75834c #1a271e;display:flex;flex-direction:column;gap:8px}.left-column>*{flex-shrink:0}.right-column>*{flex-shrink:0}.panel-heading{padding:10px 10px 8px}.panel-heading h2{font-size:11px}.panel-heading small{font-size:8px}.panel:before{display:none}.player-tabs{padding:0 10px 7px;gap:4px}.player-tab{height:3px}.mech-portrait{height:96px;margin:0 9px}.mech-portrait>img{object-position:center 46%}.technical-label{display:none}.mech-name{padding:8px 10px}.mech-name strong{font-size:11px}.gauge-group{display:flex;flex-wrap:wrap;padding:8px 10px 0;gap:8px}.gauge{flex:1;margin-bottom:0;min-width:0}.gauge:first-child{flex:0 0 100%}.gauge-label{margin-bottom:4px}.gauge-label span{font-size:9px;gap:3px}.gauge-label b{font-size:19px}.gauge-track{height:4px;gap:2px}.wallet{margin:9px 10px 0;padding:8px 0;gap:9px}.wallet span{font-size:9px;margin:0}.wallet b{font-size:23px}.wallet div+div{padding-left:10px}
.cargo{margin:0}.cargo-grid{padding:0 8px 8px;gap:3px}.cargo-item{padding:5px 1px}.cargo-item b{font-size:15px}.cargo-item .gem{margin-right:2px;width:11px;height:13px}.cargo-item small{font-size:8px;margin-top:2px}.cargo-actions{padding:0 8px 8px}.cargo-actions button{font-size:9px;padding:6px 1px}.objectives{margin:0;padding:10px}.objectives>.eyebrow{display:none}.objective-line{margin:0;gap:8px}.objective-line svg{width:22px}.objective-line strong{font-size:10px}.objective-line p{font-size:9px;line-height:1.5}.progress-track{margin-top:8px;height:6px}.text-link{margin-top:6px}
.center-column{display:flex;flex-direction:column;min-height:0}.action-bar{height:46px;min-height:46px;flex-shrink:0;padding:7px 9px;gap:5px;margin:0 0 7px;position:relative;top:auto}.action-copy{min-width:0}.action-copy strong{font-size:11px}.action-copy p{font-size:9px;line-height:1.5;margin:2px 0 0}.action-bar .orange-button{padding:7px 9px;font-size:10px}.mine-panel{display:flex;flex-direction:column;flex:1;min-height:0;border-width:1px}.mine-toolbar{height:31px;min-height:31px;padding:0 8px}.mine-toolbar h2{font-size:10px;gap:5px}.mine-toolbar h2>span{font-size:8px}.board-tools{gap:4px}.board-tools button{font-size:9px;height:22px;padding:0 5px}.board-nav{padding:4px 6px;min-height:32px}.board-nav button{padding:3px;font-size:12px}.board-nav button:first-child{font-size:9px}.board-stage{height:auto;flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:0 4px;background:#0e1915}.board-canvas{max-width:100%;width:calc((100dvh - 366px)*1.4075);min-width:440px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:none;margin:0 auto}.board-segment{position:relative;min-width:0;line-height:0;box-shadow:0 0 8px #0007;align-self:start}.original-board{width:100%;height:auto;display:block}.mine-legend{height:24px;min-height:24px;padding:4px 8px;font-size:8px}.mine-help{display:none}.quick-actions{margin-top:6px;gap:5px;flex-shrink:0}.quick-actions button{padding:7px 3px;font-size:9px}.quick-actions svg{width:12px;height:12px}
.zone-label{font-size:8px;padding:2px 4px;letter-spacing:0}.zone-0 .zone-label{font-size:9px}.board-move{width:23%;right:12%;top:12%;height:61%}.board-move>span:last-child:not(.mech-token){font-size:8px;bottom:-8px;padding:1px 3px}.mech-token{width:27px;height:31px;border-width:1px}.mech-token svg{width:18px;height:19px}.mech-token:after{width:13px;height:5px;top:6px}.board-corridor{width:25%;left:1%;height:57%}.board-corridor>span{font-size:8px;letter-spacing:0}.board-corridor b{font-size:19px;margin:1px 0}.board-corridor b small,.board-corridor em{font-size:7px}.board-minerals{left:27%;right:23%;bottom:1%;gap:2px;padding:2px;min-height:23px}.mineral-cube{min-width:21px;min-height:24px;padding:2px}.mineral-cube .gem{width:13px;height:16px}.board-minerals>small{font-size:7px}.board-service{font-size:9px;padding:6px;left:25%;gap:3px}.board-service svg{width:13px;height:13px}.entrance-note{font-size:7px}.board-barrier{top:26%;height:43%;min-height:34px;left:24%;right:25%;padding:3px}.board-barrier b{font-size:9px;letter-spacing:0}.board-barrier>small{font-size:8px}.board-barrier>span{display:none}
.market-list{padding:0 8px;gap:7px;grid-template-columns:1fr 1fr}.market-list .market-card:nth-child(n){display:block;min-height:0;padding:0;border:1px solid #a38a4a;background:#18271e;border-radius:4px;overflow:hidden}.market-card .card-art{width:100%;height:auto;aspect-ratio:.715;display:block;border:0;border-radius:3px}.market-card>span:not(.card-art),.market-card p,.market-type{display:none}.market-footer{padding:8px;margin-top:8px;font-size:8px}.log-panel{margin:0;padding:10px}.log-panel summary{cursor:pointer;font-size:10px;color:#d9c582;list-style-position:inside}.log-panel summary span{float:right;font-size:8px;color:#92a57f}.log-list{max-height:180px;padding:6px 0 0}.log-item{font-size:9px}.log-panel[open] summary span{display:none}
.hand-section{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0;flex:0 0 var(--dock);height:var(--dock);max-height:none;padding:6px 10px 7px;border:1px solid #667548;border-top:2px solid #b7a15b;border-radius:4px;box-shadow:0 -2px 12px #0004;backdrop-filter:none;min-height:0}.hand-heading{margin:0 0 3px;min-height:25px;gap:9px}.hand-heading h2{font-size:11px;white-space:nowrap}.hand-heading h2>span{display:none}.hand-resources{gap:5px}.hand-resources>span{font-size:15px;margin:0;padding:3px 6px;gap:3px}.hand-resources svg{width:12px;height:12px}.hand-heading>.quiet-button{font-size:9px;padding:4px 8px}.hand-wrap{height:calc(100% - 28px);gap:12px;flex-wrap:nowrap;align-items:center}.hand-cards{height:100%;min-height:0;width:auto;flex:1;gap:9px;padding:2px 3px 5px;align-items:stretch;scroll-snap-type:x proximity}.hand-card{height:100%;width:auto;min-width:0;max-width:none;flex:0 0 auto;aspect-ratio:.715;padding:0;border:1px solid #aa9859;border-radius:4px;display:block;overflow:hidden;scroll-snap-align:start;box-shadow:2px 3px 0 #0007}.hand-card .card-art{height:100%;width:100%;border:0;aspect-ratio:.715}.hand-card:hover{transform:translateY(-2px)}.hand-card>span:not(.card-art){display:none}.deck-area{padding-left:12px;gap:8px;border-left:1px solid #576443;align-self:center}.deck-box{width:43px;height:64px;flex-direction:column;gap:0;font-size:12px}.deck-box b{font-size:23px}.deck-box small{font-size:8px}.end-turn{max-width:180px;min-width:126px;padding:0 0 0 5px;gap:6px;flex:none}.end-turn button{font-size:11px;padding:11px 12px}.end-turn small{font-size:8px}.empty-hand{padding:14px;font-size:11px;width:100%}
footer{height:24px;padding:0 13px;font-size:8px;max-width:1500px;margin:auto}footer>span:nth-child(2){display:none}footer button{padding:0;font-size:8px}
body[data-view=catalog] main{height:auto;min-height:calc(100dvh - 76px);display:block}.heading-row{min-height:70px;margin-bottom:16px;padding:10px 15px}h1{font-size:23px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:13px}.catalog-card small{display:none}.catalog-card .card-art{aspect-ratio:.715}.catalog-toolbar{margin-bottom:15px}
#card-peek{position:fixed;z-index:40;width:230px;padding:7px;color:#ede6c8;background:#253526;border:1px solid #b5a365;border-radius:5px;box-shadow:0 15px 40px #000b;pointer-events:none}#card-peek[hidden]{display:none}#card-peek .card-art{width:100%;aspect-ratio:.715}#card-peek strong{font-size:12px;display:block;margin-top:7px}#card-peek p{font-size:11px;line-height:1.6;margin:5px 0;color:#c3caaa}#card-peek small{font-size:9px;color:#9dab87}#toast{bottom:calc(var(--dock) + 37px);max-width:calc(100% - 24px);font-size:11px}
@media(min-width:1600px){main{max-width:1560px}.workspace{grid-template-columns:220px minmax(0,1fr) 280px}.mech-portrait{height:130px}.market-list{gap:9px}}
@media(max-width:1100px) and (min-width:761px){.workspace{grid-template-columns:170px minmax(0,1fr) 204px;gap:7px}.board-canvas{min-width:360px}.mech-portrait{height:82px}.panel-heading small{display:none}.mech-name strong{font-size:10px}.wallet b{font-size:20px}.phase-label{font-size:9px}.board-move>span:last-child:not(.mech-token){font-size:7px}.board-corridor em{display:none}.hand-cards{gap:7px}}
@media(max-width:760px){
 :root{--dock:169px}.site-header{height:45px;padding:0 10px}.brand strong{font-size:25px}.site-header nav{gap:2px;position:static;transform:none}.nav-link{font-size:10px;padding:0 6px}.nav-link span{display:none}.header-right{display:none}
 main{height:calc(100dvh - 45px);min-height:530px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));gap:5px}.table-status{height:29px;font-size:10px;gap:6px}.round-chip{font-size:16px;padding:3px 6px}.phase-label{display:none}.top-tools{gap:4px}.top-tools .quiet-button{font-size:9px;padding:4px 6px}.top-tools .quiet-button span{display:none}
 .mobile-panels{display:flex;flex-shrink:0;gap:4px;height:32px}.mobile-panels button{flex:1;background:#24372a;color:#9fb18e;font-size:11px;border:1px solid #506843;border-radius:3px;padding:4px}.mobile-panels button.active{color:#ecd389;background:#415330;border-color:#b3a65a}
 .workspace{display:block;min-height:0;overflow:hidden;flex:1}.left-column,.right-column,.center-column{height:100%;min-height:0;display:none}.left-column,.right-column{overflow:auto;gap:7px}.center-column{overflow:hidden}body[data-panel=mine] .center-column{display:flex}body[data-panel=player] .left-column{display:flex}body[data-panel=market] .right-column{display:flex}
 .action-bar{min-height:42px;height:42px;margin-bottom:5px;padding:5px 7px}.action-copy strong{font-size:10px}.action-copy p{font-size:8px}.action-bar .orange-button{font-size:9px;padding:6px}.action-bar .orange-button span{display:none}.mine-toolbar{height:28px;min-height:28px}.mine-toolbar h2>span{display:none}.board-nav{min-height:31px;padding:3px 5px}.board-nav button{font-size:12px}.board-stage{display:block;padding:0;scrollbar-width:thin}.board-canvas{display:flex;flex-direction:column;gap:0;width:100%;max-width:440px;min-width:0}.board-segment{width:100%;flex-shrink:0}.mine-legend{height:21px;min-height:21px;font-size:8px;padding:3px 6px}.quick-actions{margin-top:4px;gap:4px}.quick-actions button{padding:6px 2px;font-size:9px;min-height:29px}.board-move{min-height:44px}.mineral-cube{min-width:30px;min-height:30px}.mineral-cube .gem{width:17px;height:20px}.board-barrier{min-height:44px}.board-corridor{min-height:44px}.board-corridor b{font-size:24px}.board-corridor>span,.board-corridor b small{font-size:9px}.board-corridor em{font-size:8px}.board-move>span:last-child:not(.mech-token){font-size:9px}.zone-label{font-size:9px}.board-service{font-size:10px;padding:9px}.board-minerals{bottom:3%;padding:3px}.mech-token{width:32px;height:37px}.mech-token:after{width:16px;height:6px}.mech-token svg{width:22px;height:23px}
 .hand-section{padding:5px 7px;flex-basis:var(--dock);height:var(--dock);border-radius:4px;min-height:0}.hand-heading{gap:5px;min-height:25px;margin-bottom:3px}.hand-heading h2{font-size:10px}.hand-resources{gap:4px;margin-left:auto}.hand-resources>span{font-size:14px;padding:3px 5px}.hand-heading>.quiet-button{display:none}.hand-wrap{height:calc(100% - 28px);gap:6px;flex-wrap:nowrap;align-items:center;position:relative;padding-bottom:32px}.hand-cards{height:100%;width:auto;flex:1;min-width:0;gap:7px;align-items:stretch;padding:2px 2px 3px}.hand-card{flex:0 0 auto;width:auto;min-width:0;max-width:none;height:100%;min-height:0;aspect-ratio:.715;border-radius:3px}.hand-card .card-art{width:100%;height:100%}.deck-area{position:absolute;bottom:0;left:0;gap:4px;padding:0;border:0;height:28px}.deck-box,.deck-box.discard{height:24px;width:56px;flex-direction:row;border-width:1px;border-radius:3px;gap:4px;outline:none}.deck-box b{font-size:15px}.deck-box small{font-size:9px;margin:0}.end-turn{position:absolute;bottom:0;right:0;min-width:117px;width:auto;max-width:none;margin:0;padding:0;height:28px}.end-turn button{font-size:10px;padding:5px 12px}.end-turn small{display:none}.empty-hand{padding:8px;font-size:10px}footer{display:none}
 .player-panel{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto auto}.player-panel .panel-heading{grid-column:1/-1}.player-tabs{display:none}.mech-portrait{height:112px;grid-row:2/4;grid-column:1;margin:0 8px 8px}.mech-name{padding:0 10px 7px;grid-column:2;flex-wrap:wrap;gap:5px}.gauge-group{grid-column:2;padding:0 10px 7px;border:0}.gauge:first-child{flex-basis:100%}.wallet{grid-column:1/-1;margin:0 9px;display:flex;justify-content:space-around;padding:6px 0}.wallet>div{display:flex;align-items:center;gap:10px}.wallet div+div{border:0}.cargo-grid{padding:0 10px 7px}.cargo-item{padding:6px}.cargo-item .gem{width:16px;height:18px}.cargo-item small{display:inline;margin-left:3px}.cargo-item b{font-size:18px}.cargo-actions button{font-size:10px;padding:7px}.objectives{padding:10px}.objectives .text-link{float:right;margin-top:6px}.market-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 8px}.market-card .card-art{width:100%;height:auto}.market .panel-heading{padding:9px}.market-footer{margin-top:8px;padding:8px}.log-panel{padding:9px}.right-column .log-list{max-height:none}.log-item{font-size:10px}.log-panel[open]{flex:1}
 dialog{width:calc(100% - 18px);max-height:92dvh}.dialog-head{padding:12px 15px}.dialog-head h2{font-size:17px}.dialog-head .eyebrow{font-size:8px}.dialog-body{padding:15px}.dialog-foot{padding:12px 15px}.detail-card{gap:12px;align-items:start}.detail-card .card-art{width:43%;min-width:110px;aspect-ratio:.715}.card-options{gap:7px}.card-options .eyebrow{font-size:8px;letter-spacing:.5px}.card-options p{font-size:11px;line-height:1.65;margin:0}.choice{padding:8px}.choice strong{font-size:10px}.choice small{font-size:9px}.choice .arrow{font-size:15px}.notice{font-size:10px}.rules-grid{grid-template-columns:1fr}#toast{bottom:calc(var(--dock) + 12px);font-size:10px}#card-peek{display:none}
 body[data-view=catalog] main{height:auto;min-height:calc(100dvh - 45px)}.heading-row{min-height:66px;padding:10px;margin:0 0 10px}h1{font-size:19px;letter-spacing:1px}h1 small{display:block;font-size:10px;margin:4px 0 0}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-card{padding:4px}.catalog-card strong{font-size:9px}.catalog-toolbar{gap:5px;margin-bottom:10px}.catalog-toolbar button{font-size:10px;padding:6px 8px}
}
@media(max-width:760px) and (max-height:720px){:root{--dock:147px}.action-copy p{display:none}.mine-legend{display:none}.hand-wrap{padding-bottom:29px}.hand-heading{min-height:24px}.hand-section{padding-top:3px}.table-status{height:26px}.mobile-panels{height:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px){main{max-width:1280px}.board-stage{container-type:size}.board-canvas{width:min(100%,calc(100cqh * 1.4075 - 6px));min-width:0}.board-corridor em{display:none}}

.hand-cards{justify-content:safe center}
@media(max-width:760px){:root{--dock:194px}.market-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-cards{gap:10px}}
@media(max-width:760px) and (max-height:720px){:root{--dock:164px}}

/* The active hand leads; market cards stay compact and open at full size on demand. */
@media(min-width:761px){
 :root{--dock:clamp(214px,28dvh,252px)}
 .workspace{grid-template-columns:200px minmax(0,1fr) clamp(180px,15vw,210px)}
 .hand-cards{gap:12px;padding-top:2px;padding-bottom:3px}
 .market-list{gap:6px;padding:0 7px}
 .market .panel-heading small{display:none}
}
@media(min-width:761px) and (max-width:1100px){
 .workspace{grid-template-columns:170px minmax(0,1fr) 180px}
}
@media(max-width:760px){
 :root{--dock:clamp(208px,28dvh,240px)}
 .hand-section{padding:4px 7px}
 .hand-cards{gap:8px;padding:2px 2px 3px}
 .market-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 8px}
 .market-list .market-card{align-self:start}
}

/* The outpost and crew use the same machinery, brass and charcoal as the mine. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.text-button{color:#c7c5b9;font-size:12px;padding:6px}.text-button:hover{color:#ffe69b}.text-button.danger{color:#e9a68c}
body[data-screen=lobby] main,body[data-screen=room] main{height:auto;min-height:calc(100dvh - 110px);display:block;padding:28px 28px 40px;max-width:1320px}
body[data-screen=lobby] footer,body[data-screen=room] footer{display:flex}
body[data-screen=lobby] #toast,body[data-screen=room] #toast{bottom:24px}
.lobby-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.45fr);gap:32px;align-items:start}
.lobby-layout button,.room-shell button{min-height:42px}
.lobby-layout input{color-scheme:dark;background:#101619;color:#fff0cc;border:1px solid #5c625d;border-radius:7px;padding:12px 14px;font-size:14px;min-width:0}
.lobby-layout input::placeholder{color:#8f9795}.lobby-layout input:focus-visible,.lobby-layout button:focus-visible,.room-shell button:focus-visible{outline:2px solid #f3cc50;outline-offset:3px}
.lobby-hero{position:relative;overflow:hidden;border:1px solid #77623b;border-radius:14px;box-shadow:0 18px 45px #0005;background:#131b1d}
.hero-art{position:absolute;inset:0;background:linear-gradient(180deg,#11191b1a,#11191b5e 26%,#11191bf2 54%),url('/assets/drillers/game/assets/outpost.webp') center top/auto 370px no-repeat;opacity:.9}
.hero-machine{position:relative;height:270px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#e9b93926,transparent 65%);overflow:hidden}
.hero-machine:after{content:"";position:absolute;bottom:4px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#e8ba4d,transparent)}
.hero-machine img{width:82%;height:228px;object-fit:contain;filter:drop-shadow(0 18px 13px #0008);margin-top:20px}
.machine-number{position:absolute;top:17px;left:22px;color:#ecd59b;font-size:9px;letter-spacing:2px}
.machine-caption{position:absolute;bottom:16px;right:17px;border:1px solid #b28d4180;border-radius:20px;background:#171c1ede;padding:5px 10px;font-size:10px;color:#f0d998}
.hero-content{position:relative;padding:20px 30px 27px;z-index:1}
.hero-content .eyebrow{color:#f1cb60;letter-spacing:3px;font-size:10px}
.hero-content h1{font-size:44px;line-height:1.15;letter-spacing:2px;color:#ffe19a;margin:13px 0 15px;text-shadow:0 3px 8px #0006}
.hero-content p{font-size:14px;color:#bdc3bf;line-height:1.8;margin:0}
.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 17px}.hero-tags span{font-size:11px;padding:6px 9px;border:1px solid #7e755444;background:#151b1dcc;color:#d3d1bc;border-radius:4px}
.hero-start{width:100%;font-size:14px;padding:12px 18px}.hero-practice{display:block;font-size:11px;padding:9px 0 0;color:#a6b0ad;min-height:32px!important}.hero-practice:hover{color:#ffe3a3}
.lobby-main{min-width:0;padding:8px 0}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:23px}.lobby-heading h2{font-size:25px;margin:9px 0 0;color:#eee9da;overflow-wrap:anywhere}.lobby-heading .eyebrow{font-size:10px;color:#c8b47e}.lobby-heading .text-button{flex-shrink:0}
.lobby-command{display:flex;gap:14px;padding:17px;border:1px solid #73603b;background:linear-gradient(115deg,#2c3031,#1b2426);border-radius:10px;box-shadow:inset 0 1px #f0dc9b1c}
.lobby-command>button{font-size:14px;white-space:nowrap;padding:12px 18px}.lobby-command form{display:flex;gap:7px;min-width:0;flex:1}.lobby-command input{width:100%;min-width:80px;text-transform:uppercase;letter-spacing:2px}.lobby-command .quiet-button{font-size:13px;white-space:nowrap;padding:9px 14px}
.lobby-tabs{display:flex;gap:21px;align-items:center;margin:22px 0 18px;border-bottom:1px solid #69706c55}.lobby-tabs>button,.auth-tabs>button{padding:11px 0;color:#adb5b0;font-size:13px;border-bottom:3px solid transparent}.lobby-tabs>button.selected,.auth-tabs>button.selected{color:#f4d476;border-bottom-color:#edc34c}.lobby-tabs>span{font-size:11px;color:#a1aaa5;margin-left:auto}.lobby-tabs>button:last-child{font-size:22px;padding:0 7px}
.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table-card{background:linear-gradient(125deg,#2b3336,#1a2428);border:1px solid #56605b;border-top:2px solid #9c8145;border-radius:10px;padding:18px;box-shadow:0 6px 16px #0003}.table-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.table-card-top>b{font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#c9b684}.room-state{font-size:11px;border:1px solid #69938366;color:#b3d9bd;padding:4px 7px;background:#17352a66;border-radius:4px}.room-state.playing{color:#f4d38f;border-color:#dca65366;background:#5c421433}.table-card h3{font-size:16px;font-weight:650;line-height:1.6;color:#ede8d9;overflow-wrap:anywhere;margin:17px 0 6px}.table-card p{color:#aab8b2;font-size:12px;min-height:20px;margin:0 0 17px;overflow-wrap:anywhere}.table-card-bottom{display:flex;gap:6px;align-items:center;border-top:1px solid #9eaa9a25;padding-top:13px;flex-wrap:wrap}.table-card-bottom>span{font-size:11px;color:#b0bab3;margin-right:auto}.table-card-bottom button{font-size:12px;padding:7px 10px;min-height:36px}.table-card-bottom small{color:#a2aca6}
.empty-lobby{grid-column:1/-1;padding:28px 20px;text-align:center;border:1px dashed #626e61;border-radius:10px;background:radial-gradient(ellipse at 50% 25%,#b5933320,transparent 70%),#182326}.empty-lobby>img{display:block;width:112px;height:100px;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 8px #0005);opacity:.9}.empty-lobby h3{font-size:18px;font-weight:600;color:#e6ddbf;margin:13px 0 8px}.empty-lobby p{font-size:13px;color:#aeb9b1;line-height:1.6;margin:0}
.lobby-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.lobby-pagination span{font-size:12px;color:#aeb8b2}.my-rooms{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}.my-rooms>span{font-size:12px;color:#bac3bb}.room-pill{border:1px solid #a28a4f;background:#57482455;color:#edd49a;font-size:12px;border-radius:5px;padding:6px 10px!important;min-height:34px!important}
.auth-panel{max-width:410px;margin:45px auto;padding:0 12px}.auth-panel h2{font-size:30px;color:#eee2bb;margin:17px 0 11px}.auth-panel>p{font-size:14px;color:#aebbb3;line-height:1.8}.auth-tabs{display:flex;gap:34px;margin:23px 0;border-bottom:1px solid #68736d55}.auth-tabs>button{font-size:15px;padding:12px 16px}.auth-panel form{display:flex;flex-direction:column;gap:8px}.auth-panel label{font-size:13px;color:#ced3c7;margin-top:8px}.auth-panel input{padding:13px 12px}.auth-panel form>.orange-button{margin-top:6px;font-size:14px;padding:13px}.auth-panel>small{display:block;color:#a7b2aa;font-size:12px;margin-top:21px}.auth-panel>small button{font-size:12px}.auth-panel #auth-error{min-height:18px;margin:4px 0 0;color:#efa78a;font-size:12px}.loading-label{color:#b4c2b7;font-size:14px}
.room-shell{max-width:960px;margin:10px auto;background:linear-gradient(135deg,#253034f5,#111c21f7);padding:28px;border:1px solid #76633c;box-shadow:0 18px 60px #0006;border-radius:14px;position:relative;overflow:hidden}.room-shell:before{content:"";position:absolute;inset:0 0 auto;height:170px;background:linear-gradient(90deg,#192428ed,#19242880),url('/assets/drillers/game/assets/outpost.webp') center 46%/cover;opacity:.7;pointer-events:none}.room-shell>*{position:relative}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.room-heading h2{font-size:24px;color:#f2e9cf;margin:10px 0 0}.room-heading h2 span{font:700 34px 'Barlow Condensed',sans-serif;color:#f0ca66;letter-spacing:4px;margin-left:14px}.room-heading .eyebrow{color:#c6b27e}.room-heading>.quiet-button{font-size:13px;padding:10px 14px}
.crew-brief{display:flex;flex-wrap:wrap;gap:12px 23px;align-items:center;padding:13px 0 20px;border-top:1px solid #c5ad6533;color:#c0c9bf;font-size:13px}.crew-brief b{font-size:18px;color:#efdc9c;margin-left:3px}.crew-brief p{font-size:12px;margin:0 0 0 auto;color:#a6b3ab;line-height:1.6}
.room-members{display:grid;grid-template-columns:1fr 1fr;gap:14px}.room-seat{display:flex;align-items:center;gap:15px;border:1px dashed #53625e;background:#121d218a;border-radius:10px;min-height:138px;padding:15px;color:#93a19b;position:relative}.room-seat.occupied{background:radial-gradient(ellipse at 0 50%,#c28e2424,transparent 65%),linear-gradient(120deg,#30383b,#202b30);border-style:solid;border-color:#69716a}.room-seat.ready{border-color:#ad985d;box-shadow:inset 0 0 0 1px #d7c27e13}.seat-machine{width:92px;height:98px;flex-shrink:0;position:relative;display:grid;place-items:center;border-bottom:2px solid #b39b51}.seat-1 .seat-machine{border-color:#67a4bd}.seat-2 .seat-machine{border-color:#ce7973}.seat-3 .seat-machine{border-color:#86b28c}.seat-machine img{width:100%;height:88px;object-fit:contain;filter:drop-shadow(0 9px 5px #0006)}.seat-number{position:absolute!important;top:0;left:0;margin:0!important;font:700 10px 'Barlow Condensed',sans-serif;color:#f2dd9e;background:#0c151b99;padding:2px 4px}.empty-seat-mark{font-size:35px!important;color:#63716c;margin:0!important}.seat-info{min-width:0;flex:1}.room-seat strong{display:block;color:#eee8d5;font-size:16px;overflow-wrap:anywhere}.seat-role{font-size:11px;display:block;margin-top:6px;color:#aebbb3;line-height:1.5}.seat-status{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.ready-badge{font-size:11px;border:1px solid #68747066;padding:4px 6px;border-radius:4px;color:#bec7bf}.ready-badge.is-ready{color:#f2d88c;border-color:#b6994f77;background:#81642122}.presence-label{font-size:10px;color:#9caaa3;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.presence-label:before{content:"";height:5px;width:5px;border-radius:50%;background:#718078}.presence-label[data-status=online]:before{background:#8fcb93;box-shadow:0 0 6px #8fcb9344}.presence-label[data-status=online]{color:#b7d6b9}.presence-label[data-status=away]:before{background:#ddba65}.seat-tools{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.seat-tools button{font-size:10px;min-height:30px;padding:4px}
.room-controls{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}.room-controls button{padding:12px 22px;font-size:14px}.room-controls p{font-size:14px;color:#c4cec3;line-height:1.7}.spectators{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:16px 0;border-top:1px solid #7b8b7044;font-size:12px;color:#b7c4b8}.spectators>span:not(:first-child){padding:1px 9px;border:1px solid #7c8a7044;border-radius:4px;background:#10181e44}.spectators button{min-height:28px;margin-left:5px}.room-footer{display:flex;gap:11px;align-items:center;border-top:1px solid #7b8b7044;padding-top:19px;flex-wrap:wrap}.room-footer>span{margin-right:auto;font-size:12px;color:#acb8ad}.room-note{font-size:12px;color:#a0b0a5;line-height:1.8;margin:16px 0 0}.spectator-hand{display:flex;align-items:center;justify-content:center;gap:20px}.spectator-hand span{font-size:12px;color:#b7c0b5}.top-tools [data-sync]{font-size:11px;color:#b9c3b6}
@media(max-width:1100px){.lobby-layout{grid-template-columns:minmax(275px,.85fr) minmax(0,1.3fr);gap:23px}.hero-content{padding:18px 24px 25px}.hero-content h1{font-size:39px}.lobby-command{flex-direction:column}.table-grid{grid-template-columns:1fr}.lobby-heading h2{font-size:23px}.room-shell{padding:23px}.room-seat{gap:10px;padding:12px}.seat-machine{width:76px}.seat-tools button{font-size:9px}.crew-brief p{margin-left:0}}
@media(max-width:760px){body[data-screen=lobby] main,body[data-screen=room] main{padding:14px 12px 30px;min-height:calc(100dvh - 60px)}.lobby-layout{display:flex;flex-direction:column;gap:24px}.lobby-hero{width:100%;min-height:270px}.hero-art{background:linear-gradient(90deg,#11191bf5,#11191b66),url('/assets/drillers/game/assets/outpost.webp') center/cover}.hero-machine{position:absolute;right:-10px;top:16px;width:51%;height:200px;opacity:.9}.hero-machine img{width:100%;height:160px;margin-top:0}.machine-number{display:none}.machine-caption{bottom:0;right:20px;font-size:9px}.hero-machine:after{bottom:23px}.hero-content{padding:24px 20px 19px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.6px;max-width:60%}.hero-content h1{font-size:32px;letter-spacing:2px;margin:11px 0 13px;line-height:1.2}.hero-content p{font-size:12px;max-width:57%;line-height:1.65}.hero-tags{margin:21px 0 12px;gap:5px}.hero-tags span{font-size:10px;padding:5px 7px}.hero-start{width:auto;font-size:12px;padding:10px 14px;min-height:42px}.hero-practice{display:inline-block;margin-left:12px;font-size:10px}.lobby-main{width:100%;padding:0}.auth-panel{margin:0 auto;padding:0 8px 15px;max-width:460px}.auth-panel h2{font-size:26px;margin:10px 0}.auth-tabs{margin:16px 0}.auth-panel input,.lobby-command input{font-size:16px}.auth-panel>small{margin-top:14px}.lobby-heading{margin-bottom:16px;align-items:flex-start}.lobby-heading h2{font-size:21px}.lobby-heading .eyebrow{font-size:9px}.lobby-command{padding:13px;gap:10px}.lobby-command>button{width:100%;padding:11px}.lobby-command form{width:100%}.lobby-tabs{margin:17px 0;gap:18px}.lobby-tabs>span{font-size:10px}.table-card{padding:15px}.table-card h3{margin:13px 0 5px}.table-card p{margin-bottom:13px;min-height:0}.table-card-bottom button{min-height:40px}.table-grid{gap:12px}.empty-lobby{padding:22px 12px}.room-shell{padding:18px 14px;margin:0}.room-heading{align-items:flex-start;margin-bottom:16px;gap:9px}.room-heading h2{font-size:17px;display:flex;flex-direction:column}.room-heading h2 span{margin:8px 0 0;font-size:32px}.room-heading>.quiet-button{font-size:11px;padding:9px 10px;flex-shrink:0}.room-heading .eyebrow{font-size:8px;letter-spacing:1px}.crew-brief{gap:8px 18px;padding:13px 0 16px;font-size:12px}.crew-brief p{width:100%;font-size:11px}.room-members{grid-template-columns:1fr;gap:10px}.room-seat{padding:12px;min-height:112px;gap:13px}.seat-machine{width:80px;height:85px}.seat-machine img{height:80px}.room-seat strong{font-size:15px}.seat-tools button{min-height:36px;font-size:10px}.seat-status{margin-top:9px}.room-controls{margin:19px 0;gap:9px}.room-controls button{flex:1;font-size:13px;padding:11px;white-space:nowrap;min-height:44px}.room-footer{gap:8px;padding-top:15px}.room-footer>span{width:100%}.room-footer button{font-size:11px;min-height:40px}.spectator-hand{flex-direction:column;gap:8px;padding:14px}.spectator-hand span{font-size:11px}.top-tools [data-sync]{font-size:10px}body[data-screen=lobby] footer,body[data-screen=room] footer{padding:10px 14px;font-size:9px}body[data-screen=lobby] #toast,body[data-screen=room] #toast{bottom:18px}}
@media(prefers-reduced-motion:reduce){.lobby-layout *,.room-shell *{scroll-behavior:auto;transition:none!important}}

/* Drillers table: readable industrial controls around the original components. */
:root{--paper:#111618;--white:#20272b;--ink:#eee9db;--muted:#a7b1b2;--line:#424b4b;--orange:#f4c342;--green:#89b8a4;--dock:210px;--shadow:0 8px 22px #0004}
body{background-color:#111618;background-image:linear-gradient(#111618e8,#111618f2),url('/assets/drillers/game/assets/outpost.webp');background-size:cover;background-position:center;background-attachment:fixed;color:#eee9db;min-width:320px}
button{touch-action:manipulation}button:disabled{opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffdc76;outline-offset:3px}
.site-header{height:60px;background:#151b1eee;border-bottom:1px solid #75602f;padding:0 24px;box-shadow:0 4px 20px #0004;position:relative;z-index:15}
.brand strong{font-size:31px;color:#ffd256}.site-header nav{align-items:center;gap:9px;height:auto}.nav-link{font-size:12px;color:#d2d4cb;min-height:38px;display:inline-flex;align-items:center;padding:0 12px}.nav-link.active:after{display:none}.nav-link:hover{background:#3b4141;border-radius:4px}.header-right{display:none}
.game-menu{position:relative}.game-menu summary{cursor:pointer;color:#d2d4cb;font-size:12px;padding:10px;list-style:none;border:1px solid #515747;border-radius:4px}.game-menu nav{position:absolute;right:0;top:44px;display:flex;flex-direction:column;align-items:stretch;background:#20272b;border:1px solid #596056;box-shadow:0 12px 30px #0008;padding:8px;min-width:160px;border-radius:6px}.game-menu .nav-link{text-align:left;white-space:nowrap;justify-content:flex-start}
body[data-screen=game] main{max-width:1740px;height:calc(100dvh - 60px);min-height:650px;padding:12px 18px 10px;gap:10px;display:flex;flex-direction:column}
body[data-screen=game] footer{display:none}.table-status{height:48px;min-height:48px;background:none;border:0;gap:12px;padding:0 2px;font-size:14px;box-shadow:none;background-image:none}
.round-chip{height:44px;min-width:52px;display:flex;align-items:center;justify-content:center;gap:4px;background:#2b2f28;border:1px solid #79663c;color:#ffd36b;font-size:25px}.round-chip small{font:10px 'Noto Sans SC',sans-serif;writing-mode:vertical-rl;letter-spacing:1px}.turn-mech{height:50px;width:52px;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}.turn-owner strong{display:block;font-size:15px;color:#f8e9ba}.turn-owner>span{display:block;font-size:11px;color:#a6b0b1;margin-top:4px}.top-tools{margin-left:auto;gap:7px;min-width:0}.top-tools [data-sync]{font-size:10px;color:#a6b9b1;max-width:120px}.quiet-button{min-height:36px;font-size:12px;padding:8px 12px;border-radius:5px;background:linear-gradient(#30393d,#222a2d);color:#dce0d7;border-color:#525c59}
.orange-button,.end-turn button{background:linear-gradient(#ffdb68,#eab62e);border:1px solid #ffe397;border-bottom:3px solid #97751d;border-radius:6px;box-shadow:0 2px 7px #0005,inset 0 1px #fff9;color:#27200d;font-size:13px;padding:10px 17px;min-height:40px;font-weight:800}
.orange-button:hover:not(:disabled),.end-turn button:hover:not(:disabled){background:linear-gradient(#ffe797,#f4ca50)}
.action-bar{background:linear-gradient(100deg,#272e30,#1b2225);background-image:linear-gradient(100deg,#272e30,#1b2225);border:1px solid #4f554b;border-left:4px solid #e9bf4b;border-radius:5px;height:auto;min-height:65px;flex:0 0 auto;margin:0;padding:10px 14px;gap:12px;position:relative;box-shadow:0 4px 12px #0002}
.action-copy strong{font-size:14px;color:#ffdb77}.action-copy p{font-size:12px;color:#bcc4bd;line-height:1.65;margin:4px 0 0}.action-buttons{display:flex;gap:8px;align-items:center;flex-shrink:0}.selection-active{border-color:#eec45b;background:linear-gradient(100deg,#383328,#20292b)}
.preview-changes{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.preview-changes>span{display:flex;gap:7px;align-items:center;background:#12191dbb;border:1px solid #665c3a;padding:6px 10px;border-radius:4px;font-size:13px}.preview-changes small{color:#c2c6ba;font-size:11px}.preview-changes b{font-weight:500;color:#aeb8b7}.preview-changes i{font-style:normal;color:#b8a56d}.preview-changes strong{color:#ffdc78;font-size:15px}.preview-status{color:#98cdb4;font-size:12px}.preview-error{color:#ffc0a0!important}.action-preview p{font-size:13px;line-height:1.85}.action-preview .preview-changes{margin:18px 0}.action-preview .preview-changes>span{flex:1;min-width:150px;padding:16px}.action-preview .preview-changes strong{font-size:23px}
.workspace{display:grid;grid-template-columns:minmax(250px,300px) minmax(380px,1fr) 235px;gap:12px;flex:1;min-height:0;overflow:hidden;align-items:stretch}
.left-column,.right-column{height:100%;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#776e4c #171e21;gap:12px;display:flex;flex-direction:column}.left-column>*{flex-shrink:0}.right-column>*{flex-shrink:0}.center-column{min-height:0;overflow:hidden;display:flex;flex-direction:column}.panel{background:linear-gradient(140deg,#293237,#1d2529);border-color:#46504e;border-radius:6px;box-shadow:0 5px 16px #0003;background-image:linear-gradient(140deg,#293237,#1d2529)}.panel-heading{padding:13px 12px 10px}.panel-heading h2{font-size:13px;color:#e9d396}.panel-heading small{color:#94a29f;font-size:10px}
.mine-panel{border:1px solid #6b634b;flex:1;min-height:0;border-radius:5px;box-shadow:0 6px 20px #0008;background:#0b1012}.mine-toolbar{height:39px;min-height:39px;padding:0 12px;background:#20272a}.mine-toolbar h2{font-size:12px;letter-spacing:1px}.mine-toolbar h2>span{display:none}.board-tools{gap:5px}.board-tools button{min-width:30px;height:29px;font-size:12px;padding:0 7px;background:#343d3d;border-color:#5a6256}.board-nav{padding:6px 8px;background:#171e21;min-height:41px;gap:4px}.board-nav button{min-height:30px;font-size:14px;border-color:#515c55;background:#283334;color:#b8c1b7}.board-nav button:first-child{font-size:11px}.board-nav button.current{background:#dbb647;color:#241c0c;border-color:#ffda71}.board-nav button.not-open{background:#192226;color:#89938e;border-style:dashed}
.board-stage{height:auto;flex:1;min-height:0;overflow:auto;display:block;padding:0;container-type:normal;background:radial-gradient(ellipse at 50% 20%,#34322a,#101619 75%);touch-action:none;cursor:grab;overscroll-behavior:contain;scrollbar-color:#a1905f #151b1d}.board-stage.panning{cursor:grabbing}.board-canvas{display:block;max-width:none;min-width:0;width:100%;margin:0 auto;line-height:0;box-shadow:0 0 45px #000b}.board-segment{width:100%;display:block;line-height:0;margin:0;position:relative}.original-board{width:100%;height:auto}
.zone-label,.zone-0 .zone-label{font-size:11px;letter-spacing:.3px;padding:4px 7px;background:#141c21e6;color:#f4dfa4;border-left:3px solid #d7b259}.board-move{right:13%;width:24%;border:1px dashed #ddd3aa66;background:#080e1118}.board-move>span:last-child:not(.mech-token){font-size:10px;bottom:-8px;padding:4px 6px;background:#19242cf2;border-color:#a09060;color:#ffe5aa}.board-move.reachable,.board-corridor.reachable,.board-barrier.reachable{border-color:#ffda68;box-shadow:0 0 0 1px #a5792655,0 0 18px #ffca3944}.board-move.selected,.board-corridor.selected,.board-barrier.selected{outline:3px solid #ffdf75;outline-offset:3px}
.mech-token{width:65px;height:68px;margin:0 -7px;position:relative;background:none!important;border:0!important;box-shadow:none;border-radius:0;color:white;display:inline-flex;align-items:end;justify-content:center;flex-shrink:0}.mech-token img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #000b)}.mech-token:after{display:none}.mech-token>span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);min-width:18px;height:18px;border-radius:100%;border:1px solid #ffe394;background:#252727;color:#ffe191;font-size:10px;display:grid;place-items:center;line-height:1}
.board-corridor{background:#10181ed9;top:26%;left:2%;width:24%;border-color:#af9962;border-radius:4px;height:52%;min-height:48px}.board-corridor>span{font-size:11px;letter-spacing:.5px}.board-corridor b{font-size:30px;margin:4px 0}.board-corridor b small{font-size:10px}.board-corridor em{display:block;font-size:9px;color:#bac3b8}.board-minerals{left:28%;right:26%;bottom:3%;padding:5px;gap:4px;min-height:34px;background:#142029e3;border-color:#89906b}.mineral-cube{min-width:30px;min-height:30px;padding:4px;background:#2c3738;border-color:#727a6b}.mineral-cube .gem{width:20px;height:23px}.board-minerals>small{font-size:10px;color:#c1cabc}.board-barrier{left:29%;right:25%;top:29%;height:42%;background:#141c22e8;border-color:#c9a75e;min-height:50px}.board-barrier b{font-size:13px;letter-spacing:1px}.board-barrier>span{display:block;font-size:9px}.board-barrier>small{font-size:11px;margin-top:3px}.board-service{font-size:12px;padding:11px 14px;background:#2b3031ed;border-color:#e1bf6a;color:#ffe39a}.entrance-note{font-size:10px}.mine-legend{font-size:10px;padding:6px 10px;min-height:28px;height:28px;background:#1b2428;color:#aebaae}.quick-actions{gap:7px;margin-top:8px}.quick-actions button{font-size:12px;min-height:37px;padding:8px;background:#293236;border-color:#505d59;color:#ddd7bd}.quick-actions svg{width:15px;height:15px}.quick-actions button:hover:not(:disabled){background:#3b4646;border-color:#bfa05a}
.market-intro{font-size:11px;line-height:1.7;margin:0 0 10px;color:#aeb9b3;padding:0 12px}.market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px;overflow:visible}.market-list .market-card:nth-child(n){display:block;padding:0;min-width:0;width:auto;background:#131b20;border-color:#82734e;border-radius:4px;box-shadow:0 4px 7px #0005}.market-card .card-art{width:100%;height:auto;aspect-ratio:.715}.market-card .equipment-label{display:flex!important;align-items:center;justify-content:space-between;gap:4px;padding:7px}.equipment-label strong{display:block;font-size:10px;margin:0;color:#e2ddc8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-label b{font:700 15px 'Barlow Condensed',sans-serif;color:#f1cb6b;white-space:nowrap}.equipment-label small{font-size:8px}.market-footer{font-size:10px;padding:10px;margin:0;border-color:#434f49}.market-footer button{font-size:10px}.outpost-entry{display:block;width:calc(100% - 20px);margin:0 10px 10px;min-height:36px;border:1px solid #6a745f;border-radius:4px;color:#d7d4b2;font-size:12px;background:#283535}
.crew-player{display:flex;align-items:center;gap:9px;padding:10px;width:100%;text-align:left;border-top:1px solid #45514b;position:relative;min-height:76px;background:#1b2628}.crew-player.active{background:#49432b44;border-left:3px solid #f4c45a}.crew-player img{width:44px;height:52px;object-fit:contain}.crew-player>span{min-width:0;flex:1}.crew-player strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ecdfb1}.crew-player small{display:block;font-size:9px;color:#a9b7af;margin-top:5px}.crew-player>b{font:700 23px 'Barlow Condensed',sans-serif;color:#ecc866;text-align:right}.crew-player>b small{font-size:9px;font-weight:400;display:inline;padding-left:3px}.crew-player em{position:absolute;top:3px;right:8px;font-size:8px;font-style:normal;color:#e1c56e}.log-panel{padding:0;max-height:280px}.log-list{padding:0 12px 10px;max-height:230px;display:block}.log-item{display:flex;gap:8px;font-size:11px;line-height:1.7;border-color:#414d46;color:#aab8b2;padding:9px 0}.log-item p{margin:0}.log-item>span{font:700 12px 'Barlow Condensed',sans-serif;color:#c1a965;padding-top:3px}.log-item:before{display:none}.log-item:first-child{color:#efd794}
.hand-section{height:var(--dock);flex:0 0 var(--dock);padding:9px 14px 10px;border:1px solid #626348;border-top:2px solid #c7a84b;border-radius:6px;background:linear-gradient(110deg,#2c3437,#192125);background-image:linear-gradient(110deg,#2c3437,#192125);box-shadow:0 -3px 20px #0005}.hand-heading{height:26px;min-height:26px;margin-bottom:6px;align-items:center;gap:14px}.hand-heading h2{font-size:12px;margin:0}.hand-heading h2>span{display:none}.hand-resources{gap:7px}.hand-resources>span{font-size:18px;border-color:#5e6451;background:#111b21;padding:4px 10px;color:#f7d371}.hand-resources svg{width:15px;height:15px}.hand-resources .credits-resource{font-size:11px}.credits-resource b{font-size:17px}.hand-heading>.quiet-button{font-size:10px;min-height:28px;padding:4px 8px}.hand-wrap{height:calc(100% - 32px);gap:16px;padding:0;align-items:stretch}.hand-cards{height:100%;min-width:0;gap:12px;padding:0 4px 4px;justify-content:safe center;align-items:stretch;overflow:auto}.hand-card{height:100%;aspect-ratio:.715;position:relative;border:1px solid #ad9658;border-radius:5px;background:#252c30;padding:0;box-shadow:0 3px 7px #0007}.hand-card .card-art{height:100%;width:100%;aspect-ratio:.715}.hand-card .hand-card-caption{display:block!important;position:absolute;bottom:0;left:0;right:0;padding:5px 2px;font-size:10px;color:#f2e3b9;background:#10191deb;border-top:1px solid #b3a16e;text-align:center}.deck-area{position:static;display:flex;padding:0 16px;border-color:#4f5b53;align-items:center}.deck-box,.deck-box.discard{height:74px;width:48px;display:flex;flex-direction:column;gap:3px;background:#27343a;color:#d7d2b3;border:1px solid #8c835e;border-radius:4px;font-size:12px}.deck-box b{font-size:25px}.deck-box small{font-size:10px}.deck-box.discard{background:#192429;border-style:dashed;color:#adbaaf}.end-turn{position:static;width:auto;max-width:170px;min-width:142px;justify-content:center;align-self:center}.end-turn button{font-size:13px;min-height:44px}.end-turn small{font-size:10px;color:#acb9ae;line-height:1.6}.empty-hand{font-size:12px;border-color:#586753;background:#1b262a;color:#adb9b1}.mobile-panels{display:none}
dialog{color-scheme:dark;width:min(840px,calc(100vw - 32px));max-height:90dvh;background:#1f292e;color:#e3e4d8;border:1px solid #9d8650;border-radius:9px;box-shadow:0 24px 100px #000c;padding:0}dialog::backdrop{background:#080e11d9;backdrop-filter:blur(5px)}.dialog-head{background:linear-gradient(120deg,#343c3f,#222b30);border-bottom:2px solid #b49448;padding:20px 24px}.dialog-head h2{color:#f4d88d;font-size:22px}.dialog-head .eyebrow{font-size:10px;color:#aeb8aa}.close{font-size:28px;color:#e6d7a7;min-width:36px;min-height:36px}.dialog-body{background:none;padding:24px;color:#cbd2c8;font-size:13px;line-height:1.85}.dialog-foot{background:#162126;border-top:1px solid #505d50;padding:16px 24px;gap:10px;display:flex;justify-content:flex-end}.dialog-body .notice{background:#3a3b2a;border-left-color:#d3ac4d;color:#dbd2ae;font-size:12px}.dialog-body select,.dialog-body input{background:#172227;color:#e8e2ca;border-color:#77806d}.dialog-body .choice{background:linear-gradient(120deg,#303c3d,#212e32);border:1px solid #626e5d;color:#e8ddb7;padding:14px;border-radius:5px}.choice strong{font-size:13px;color:#eedb9e}.choice small{font-size:11px;color:#adbcae}.choice:hover:not(:disabled){border-color:#e4c067;background:#394437}.detail-card{gap:24px;align-items:start}.detail-card>.card-art{width:40%;min-width:145px;max-width:260px;height:auto;aspect-ratio:.715;filter:drop-shadow(0 9px 10px #0007)}.card-options .eyebrow{font-size:10px;color:#c3b477}.card-options p{font-size:13px;line-height:1.85}.draw-option{color:#b6d1bd;font-size:12px}.rules-step{background:#273439;border-color:#586457}.rules-step h3{color:#f0d78f}.rules-step p{color:#b9c9bc}.rules-step b{color:#cfa84c}.keep-card span:last-child{color:#d9d9c3}.keep-card{min-width:115px;width:115px}.mini-card-grid span:not(.card-art){color:#d8d5be}.surface-hero{height:160px;position:relative;overflow:hidden;border:1px solid #6b765f;border-radius:5px;margin:-4px 0 15px}.surface-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.65}.surface-hero>div{position:absolute;inset:0;padding:20px;background:linear-gradient(90deg,#11212bee,transparent)}.surface-hero span{font-size:10px;letter-spacing:3px;color:#dbcc96}.surface-hero strong{display:block;font:700 44px 'Barlow Condensed',sans-serif;color:#ffdb7d;margin:12px 0 4px}.surface-hero strong small{font:12px 'Noto Sans SC',sans-serif}.surface-hero p{margin:0;font-size:12px;color:#dbdfca}.surface-hint{font-size:12px;color:#b7c5b9}.surface-services{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:14px;text-align:left;border:1px solid #66705c;border-radius:5px;background:#273438}.service-card>span{display:flex;align-items:center;gap:8px;color:#ddce96;font-size:12px}.service-card>strong{font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 7px;color:#f0e7c9}.service-card strong b{font:700 21px 'Barlow Condensed',sans-serif;color:#f6cc64}.service-card>small{font-size:10px;color:#a9bdb1}.service-card:hover:not(:disabled){background:#39443c;border-color:#eac467}
.result-banner{border-left:4px solid #d7b151;padding:4px 14px;margin-bottom:20px}.result-banner>span{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#a5b8aa}.result-banner h3{font-size:19px;margin:6px 0;color:#f2d784}.result-podium{display:flex;gap:12px;justify-content:center;margin:15px 0 22px}.result-player{flex:1;max-width:215px;min-width:0;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#29393c,#18272c);border:1px solid #596b5b;border-radius:8px;padding:13px;position:relative}.result-player.leader{border-color:#dbbd61;box-shadow:0 0 24px #c9a43e16}.result-rank{font-size:11px;color:#c7c8ab}.result-player img{width:100%;height:125px;object-fit:contain;filter:drop-shadow(0 5px 5px #0008)}.result-player>strong{font-size:13px;color:#e2d8b5;max-width:100%;overflow-wrap:anywhere;text-align:center}.result-player>b{font:800 45px 'Barlow Condensed',sans-serif;color:#f3cc64;line-height:1.3}.result-player>b small{font:10px 'Noto Sans SC',sans-serif;color:#a3b7a7;margin-left:5px}.score-scroll{overflow:auto}.score-table{min-width:320px;width:100%;border-collapse:collapse;background:#16252b}.score-table th,.score-table td{padding:10px 12px;border-bottom:1px solid #4e6053;color:#c4d0bf;font-size:12px;text-align:right;white-space:nowrap}.score-table th:first-child{text-align:left}.score-table tr:last-child th,.score-table tr:last-child td{border-top:2px solid #b89a51;color:#f2d679;font-weight:700;font-size:15px}.score-table td.negative{color:#ebaa92}.score-table thead th{color:#e6d89c;background:#2c393a}
#toast{font-size:12px;background:#f2cb67;color:#262318;border-color:#ffe39d;border-radius:5px;bottom:calc(var(--dock) + 24px)}#card-peek{background:#1c292d;border-color:#b7a063;color:#e6dfc1}#card-peek p{color:#bfccbf}#card-peek strong{font-size:14px}.catalog-card{background:#253438;border-color:#68725b}.catalog-card strong{font-size:13px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.catalog-card small{display:block;font-size:11px;color:#aabcb0;line-height:1.7}
@media(min-width:1700px){.workspace{grid-template-columns:330px minmax(500px,1fr) 270px}:root{--dock:230px}}
@media(min-width:900px) and (max-width:1150px){.workspace{grid-template-columns:235px minmax(280px,1fr) 190px;gap:8px}body[data-screen=game] main{padding:8px;gap:8px}.market-list{gap:6px;padding:0 7px}.equipment-label strong{font-size:9px}.equipment-label b{font-size:12px}.deck-area{display:none}.action-copy p{font-size:11px}.top-tools [data-sync]{display:none}.board-corridor em{display:none}}
@media(max-width:899px){
 :root{--dock:180px}
 .site-header{height:50px;padding:0 12px}.brand strong{font-size:26px}.site-header>nav{gap:2px}.site-header .nav-link{padding:0 8px;font-size:11px;min-height:36px}.game-menu summary{font-size:11px;padding:8px}.game-menu nav{top:38px}.site-header .table-link{display:none}
 body[data-screen=game] main{height:calc(100dvh - 50px);min-height:610px;padding:6px 7px 0;gap:6px}.table-status{height:43px;min-height:43px;gap:7px}.round-chip{height:36px;min-width:42px;font-size:22px}.round-chip small{font-size:9px}.turn-mech{height:41px;width:37px}.turn-owner strong{font-size:12px}.turn-owner>span{font-size:9px;margin-top:3px}.top-tools{gap:4px}.top-tools .quiet-button{font-size:10px;padding:6px 7px;min-height:32px}.top-tools [data-sync]{display:none}.top-tools svg{width:15px;height:15px}
 .action-bar{min-height:65px;padding:8px 10px;gap:7px}.action-copy strong{font-size:12px}.action-copy p{display:block;font-size:10px;line-height:1.55;margin-top:4px}.action-bar .orange-button{font-size:11px;min-height:34px;padding:7px 10px}.action-buttons{gap:5px;flex-direction:column}.action-cancel{font-size:10px;min-height:28px;padding:4px 8px}.action-bar .preview-changes{gap:4px;margin-top:5px}.action-bar .preview-changes>span{font-size:10px;padding:3px 5px;gap:4px}.action-bar .preview-changes small{font-size:9px}.action-bar .preview-changes strong{font-size:11px}
 .workspace{display:block;flex:1;min-height:0;overflow:hidden}.left-column,.right-column,.center-column{height:100%;min-height:0;display:none;overflow:auto}.center-column{overflow:hidden}body[data-panel=mine] .center-column{display:flex}body[data-panel=player] .left-column{display:block}body[data-panel=market] .right-column,body[data-panel=crew] .right-column,body[data-panel=log] .right-column{display:block}body[data-panel=market] .right-column .crew-panel,body[data-panel=market] .right-column .log-panel,body[data-panel=crew] .right-column .market,body[data-panel=crew] .right-column .log-panel,body[data-panel=log] .right-column .market,body[data-panel=log] .right-column .crew-panel{display:none}
 .mine-toolbar{height:34px;min-height:34px;padding:0 8px}.mine-toolbar h2{font-size:11px;letter-spacing:0}.board-tools{gap:4px}.board-tools button{height:27px;min-width:27px;padding:0 6px;font-size:11px}.board-nav{min-height:37px;padding:4px 5px;gap:3px}.board-nav button{min-height:28px;font-size:13px}.mine-legend{height:24px;min-height:24px;font-size:9px;padding:4px 7px}.zone-label,.zone-0 .zone-label{font-size:10px;padding:3px 5px}.board-corridor>span{font-size:10px}.board-corridor b{font-size:25px;margin:1px 0}.board-corridor b small{font-size:9px}.board-corridor em{font-size:8px}.board-minerals{padding:3px;gap:3px}.mineral-cube{min-width:29px;min-height:29px}.mineral-cube .gem{width:19px;height:22px}.board-move>span:last-child:not(.mech-token){font-size:9px;padding:2px 4px}.mech-token{width:53px;height:57px}.board-service{font-size:10px;padding:8px 10px}.entrance-note{font-size:9px}.board-barrier b{font-size:11px}.board-barrier>small{font-size:10px}.board-barrier>span{display:none}.quick-actions{margin-top:5px;gap:5px}.quick-actions button{min-height:33px;font-size:10px;padding:6px 2px}.quick-actions svg{width:13px;height:13px}
 .hand-section{height:var(--dock);flex-basis:var(--dock);padding:6px 8px 7px;border-radius:5px}.hand-heading{height:25px;min-height:25px;gap:5px;margin-bottom:4px}.hand-heading h2{font-size:10px;max-width:115px;overflow:hidden;text-overflow:ellipsis}.hand-resources{margin-left:auto;gap:4px}.hand-resources>span{font-size:15px;padding:3px 5px;gap:3px}.hand-resources svg{height:12px;width:12px}.hand-resources .credits-resource{font-size:9px}.credits-resource b{font-size:14px}.hand-heading>.quiet-button{display:none}.hand-wrap{height:calc(100% - 29px);position:relative;padding-bottom:30px;gap:5px}.hand-cards{height:100%;gap:9px;padding:0 2px 3px}.hand-card{height:100%;min-height:0;aspect-ratio:.715}.hand-card .hand-card-caption{font-size:8px;padding:3px 1px}.deck-area{position:absolute;bottom:0;left:0;padding:0;border:0;display:flex;height:26px;gap:5px}.deck-box,.deck-box.discard{height:26px;width:56px;min-height:26px;flex-direction:row;gap:4px;background:#29373c}.deck-box b{font-size:16px}.deck-box small{font-size:9px}.end-turn{position:absolute;right:0;bottom:0;height:27px;min-width:115px;padding:0;margin:0;display:block}.end-turn button{min-height:27px;font-size:10px;padding:4px 12px}.end-turn small{display:none}
 .mobile-panels{display:flex;height:47px;min-height:47px;gap:0;padding:0 2px env(safe-area-inset-bottom);background:#172025;border-top:1px solid #6e6546;margin:0 -7px;flex-shrink:0}.mobile-panels button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;font-size:10px;background:none;border:0;border-radius:0;color:#90a19b;min-height:43px;padding:3px}.mobile-panels svg{width:17px;height:17px}.mobile-panels button.active{background:#6f60231f;color:#ffdb72;border-top:2px solid #e5bc4b}
 .market-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px}.market-list .market-card:nth-child(n){width:auto}.market-card .card-art{width:100%;height:auto}.market-card .equipment-label{padding:9px}.equipment-label strong{font-size:12px}.equipment-label b{font-size:19px}.market-intro{font-size:12px}.market-footer,.market-footer button{font-size:11px}.outpost-entry{min-height:40px}.crew-player{min-height:96px;padding:12px 16px;gap:15px}.crew-player img{width:66px;height:70px}.crew-player strong{font-size:15px}.crew-player small{font-size:11px}.crew-player em{font-size:10px;top:7px;right:12px}.crew-player>b{font-size:32px}.log-panel{max-height:none}.log-list{max-height:none}.log-item{font-size:12px;padding:12px 0}.log-item>span{font-size:13px}
 dialog{width:calc(100vw - 20px);max-height:92dvh}.dialog-head{padding:14px 16px}.dialog-head h2{font-size:19px}.dialog-head .eyebrow{font-size:8px}.dialog-body{padding:16px;font-size:12px}.dialog-foot{padding:12px 16px;flex-wrap:wrap}.dialog-foot button{font-size:12px}.detail-card{gap:13px}.detail-card>.card-art{min-width:105px;width:40%}.card-options .eyebrow{font-size:9px}.card-options p{font-size:12px}.dialog-body .choice{padding:11px}.choice strong{font-size:12px}.choice small{font-size:10px}.choice .arrow{font-size:16px}.preview-changes{gap:6px}.action-preview .preview-changes>span{min-width:125px;padding:12px}.surface-hero{height:135px}.surface-services{gap:8px}.service-card{padding:11px}.service-card>strong{font-size:12px;gap:5px}.service-card strong b{font-size:17px}.service-card>span{font-size:11px}.service-card>small{font-size:9px}.result-podium{gap:7px;flex-wrap:wrap}.result-player{min-width:38%;padding:10px}.result-player img{height:115px}.result-player>b{font-size:40px}.result-banner h3{font-size:17px}.score-table th,.score-table td{font-size:11px;padding:9px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card strong{font-size:12px}.catalog-card small{font-size:10px}#toast{bottom:calc(var(--dock) + 70px);font-size:11px}
}
@media(max-width:899px) and (min-height:850px){:root{--dock:207px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.dialog-foot .quiet-button{background:linear-gradient(#303e40,#223034);color:#d7e0d2;border:1px solid #65725d}
.mech-token img{height:92%;width:76%;object-fit:cover;border:2px solid #e5bc58;border-radius:8px 8px 17px 17px;box-shadow:0 3px 0 #0d171c,0 4px 14px #0008}
.mech-token.p1 img{border-color:#dd8d76}.mech-token.p2 img{border-color:#7dbb86}.mech-token.p3 img{border-color:#7cb9df}
.turn-mech{object-fit:cover;border:1px solid #8c8153;border-radius:5px}
.dialog-body>.cockpit-board--expanded{min-width:0;width:100%}
dialog{overflow:hidden}#modal-content{display:flex;flex-direction:column;max-height:88dvh}.dialog-head,.dialog-foot{flex-shrink:0}.dialog-body{min-height:0;overflow:auto}.result-player img{height:108px}.result-player>b{font-size:38px}
.cockpit-view-tools{display:flex;align-items:center;gap:7px;margin-bottom:12px}.cockpit-view-tools>span{font-size:11px;color:#b8c6b9;margin-right:auto}.cockpit-view-tools button{min-width:35px}.cockpit-viewport{max-height:55dvh;overflow:auto;overscroll-behavior:contain;scrollbar-color:#b3a367 #172326;border:1px solid #5d6e5b;background:#111c22;touch-action:pan-x pan-y}.cockpit-viewport .cockpit-board--expanded{width:780px;min-width:0;max-width:none}.cockpit-viewport .cockpit-board--expanded .cockpit-art{width:100%}
.turn-owner{min-width:0;flex:1}.turn-owner strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-tools{flex-shrink:0}

.cockpit{--cockpit-ink:#f1ead8;--cockpit-muted:#a8b2b2;--cockpit-gold:#f7c748;position:relative;min-width:0;overflow:hidden;color:var(--cockpit-ink);border:1px solid #4a4f48;border-radius:14px;background:linear-gradient(145deg,#2d3437,#171d20 45%,#202528);box-shadow:0 8px 24px #0004,inset 0 1px #ffffff16}
.cockpit button{font:inherit;cursor:pointer}.cockpit button:disabled{cursor:not-allowed;opacity:.4}.cockpit button:focus-visible,.cockpit summary:focus-visible{outline:2px solid #f6cc57;outline-offset:3px}.cockpit button:hover:not(:disabled){filter:brightness(1.16)}
.cockpit-heading{display:flex;align-items:center;gap:10px;padding:14px 12px 12px;position:relative;border-bottom:1px solid #ffffff12}.cockpit-portrait{width:48px;height:60px;object-fit:cover;object-position:50% 45%;border:1px solid #bca35a;border-radius:8px;box-shadow:0 4px 8px #0007}.cockpit-heading>div{min-width:0;flex:1}.cockpit-kicker{font-size:9px;font-weight:700;letter-spacing:1px;color:#edc968}.cockpit-heading h2{font-size:17px;line-height:1.3;margin:4px 0;font-weight:800;overflow-wrap:anywhere;color:#fff6df}.cockpit-heading p{font-size:10px;margin:0;color:var(--cockpit-muted)}.cockpit-score{flex-shrink:0;display:grid;gap:4px;text-align:center;background:none;border:0;color:#f8ca58;padding:0 0 0 5px}.cockpit-score strong{font-size:27px;line-height:1;font-variant-numeric:tabular-nums}.cockpit-score span{font-size:9px;color:#b7bfb9}
.cockpit-board-wrap{position:relative;padding:6px 0 2px;background:#111719}.cockpit-board{position:relative;aspect-ratio:1600/760;isolation:isolate;line-height:1;width:100%;overflow:hidden}.cockpit-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.cockpit-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:3%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#df7627;color:white;font-size:clamp(7px,1vw,12px);font-weight:900;box-shadow:0 1px 4px #000,0 0 0 1px #0009;z-index:2;pointer-events:none}.cockpit-marker--move{background:#459fd8}.cockpit-marker--drill{background:#293039}.cockpit-cap-marker{position:absolute;left:var(--x);top:var(--y);width:4.8%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid #ffe28a;border-radius:50%;box-shadow:0 0 5px #000;pointer-events:none;z-index:1}.cockpit-board-cargo{position:absolute;left:var(--x);top:92%;transform:translate(-50%,-50%);width:3.5%;height:7.4%;display:grid;place-items:center}.cockpit-board-cargo--locked{background:#070e13ba;color:#758080;border-radius:2px;font-size:10px}.cockpit-board-cargo .cockpit-gem{width:70%;height:70%;margin:0}.cockpit-drone{position:absolute;left:var(--x);top:91%;transform:translate(-50%,-50%);width:6%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;pointer-events:none;color:transparent}.cockpit-drone--ready{background:radial-gradient(circle at 40% 30%,#f9e38d,#b89b28 55%,#62521b 58%,#f7d447 65%,#706a52 74%);color:#18201f;font-size:clamp(8px,2vw,22px);font-weight:900;box-shadow:0 2px 4px #0008}.cockpit-sold-marker{position:absolute;left:var(--x);top:var(--y);width:2.8%;height:6.4%;transform:translate(-50%,-50%);pointer-events:none}.cockpit-sold-marker .cockpit-gem{width:100%;height:100%;margin:0}.cockpit-zoom{position:absolute;right:8px;top:9px;border:1px solid #b8a65d;background:#101a20e8;color:#f8dc8e;border-radius:5px;font-size:10px!important;padding:5px 8px;min-height:28px;z-index:3}.cockpit-hotspot{position:absolute;background:transparent;color:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;padding:0}.cockpit-hotspot:hover,.cockpit-hotspot:focus-visible{border-color:#ffe083;background:#f2c54215;color:#f2dd97}.cockpit-hotspot span{position:absolute;bottom:3px;left:3px;font-size:clamp(7px,1.1vw,12px);background:#111b20c9;padding:3px;border-radius:3px;opacity:0}.cockpit-hotspot:hover span,.cockpit-hotspot:focus-visible span{opacity:1}.cockpit-hotspot--market{left:71%;top:33%;width:28%;height:40%}.cockpit-board--expanded{min-width:720px;max-width:1200px}.cockpit-board--expanded .cockpit-marker{font-size:16px}
.cockpit-readouts{padding:11px 12px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.cockpit-fuel{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:8px 10px;background:#0e1519;border:1px solid #685b35;border-radius:6px}.cockpit-fuel>div{white-space:nowrap;display:flex;align-items:center;gap:9px}.cockpit-fuel span{font-size:11px;color:#e2c16f}.cockpit-fuel strong{font-size:20px;color:#ffcf61;font-variant-numeric:tabular-nums}.cockpit-fuel small{font-size:11px;font-weight:500;color:#a5a79d}.cockpit-fuel-track{height:12px;flex:1;background:#2e2c22;border:1px solid #65552f;border-radius:2px;overflow:hidden}.cockpit-fuel-track i{display:block;height:100%;background:repeating-linear-gradient(100deg,transparent 0,transparent 14px,#222b2d 14px,#222b2d 17px),linear-gradient(#ffda6c,#ee9b31);transition:width .2s ease}.cockpit-stat{border:1px solid #3f4a4f;border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:8px;background:#111a20;gap:3px}.cockpit-stat span{font-size:10px;white-space:nowrap}.cockpit-stat strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.cockpit-stat--move{color:#7ec8f1}.cockpit-stat--drill{color:#c6d3d9}.cockpit-stat--money{color:#f6c963}
.cockpit-cargo,.cockpit-progress{padding:14px 12px 0}.cockpit-section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.cockpit-section-title h3{font-size:12px;margin:0;color:#e7e9dc;display:flex;align-items:center;gap:8px}.cockpit-section-title b{font-size:17px;color:#f7d278;font-variant-numeric:tabular-nums}.cockpit-section-title b small{font-size:11px;color:#8f9c9f;font-weight:400}.cockpit-section-title>span{font-size:9px;color:#9eaaa9}.cockpit-section-title>button{font-size:10px;border:0;padding:4px 0;background:none;color:#d5c17b}.cockpit-slots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cockpit-slot{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0;aspect-ratio: .75;background:#10191e;border:1px solid #5b6261;border-radius:5px;box-shadow:inset 0 3px 5px #0009}.cockpit-slot>span{font-size:20px;color:#616f73}.cockpit-slot small{font-size:8px;color:#c4cdca;white-space:nowrap}.cockpit-slot--locked{opacity:.35;border-style:dashed;background:repeating-linear-gradient(135deg,#0a1115,#0a1115 5px,#242a2c 5px,#242a2c 6px)}.cockpit-slot--filled{border-color:#8b8a60}.cockpit-gem{display:inline-block;flex:none;width:16px;height:18px;background:linear-gradient(135deg,#ffffff95,transparent 46%),linear-gradient(25deg,#0005,transparent 55%),var(--mineral);clip-path:polygon(50% 0,94% 21%,100% 73%,50% 100%,5% 75%,0 24%);filter:drop-shadow(0 1px 2px #0008)}.cockpit-cargo-actions{display:flex;gap:7px;margin-top:9px}.cockpit-cargo-actions button{flex:1;padding:8px 5px;border:1px solid #565e5e;border-radius:5px;background:linear-gradient(#354047,#202a30);font-size:11px;color:#dce3d5;min-height:36px}.cockpit-cargo-actions b{color:#f0cd67;font-size:11px;margin-left:6px}
.cockpit-progress-track{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:2px;height:24px;margin-top:17px;border:1px solid #505c60;background:#0b1419;padding:3px;border-radius:5px}.cockpit-progress-track>i{position:relative;display:block;border-radius:1px;background:#28343b;min-width:0}.cockpit-progress-track>i.is-excavated{background:linear-gradient(#c8ab57,#8f7031)}.cockpit-progress-track>i.is-overflow{background:linear-gradient(#9b7788,#614552)}.cockpit-progress-track>i>span{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);background:#625282;border:1px solid #aa98bc;border-radius:50%;color:#fff4ff;width:18px;height:18px;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:800}.cockpit-progress-track>i:last-child>span{background:#b58c2b;border-color:#f4d267;color:#0d1a21;left:auto;right:-5px;transform:none}.cockpit-progress>p{margin:7px 0 0;font-size:10px;color:#9eaaa9}
.cockpit-market{margin:12px;border-top:1px solid #ffffff13;padding-top:10px}.cockpit-market summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;cursor:pointer;list-style:none;padding:4px 0}.cockpit-market summary>span:last-child{font-size:9px;color:#b9ae80}.cockpit-market summary>span:last-child:after{content:' ＋'}.cockpit-market[open] summary>span:last-child:after{content:' −'}.cockpit-market summary::-webkit-details-marker{display:none}.cockpit-market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.cockpit-market-grid>div{display:flex;flex-direction:column;align-items:center;gap:6px;background:#111a20;padding:8px 2px;border-radius:4px}.cockpit-market-grid>div>span{font-size:9px;color:#c7d0ce}.cockpit-market-grid strong{font-size:15px;color:#f4d17a}.cockpit-market-grid small{font-size:8px;color:#aeb7ae}.cockpit-market-pips{display:flex;gap:3px}.cockpit-market-pips i{display:block;width:5px;height:5px;border:1px solid #728084;border-radius:50%}.cockpit-market-pips i.is-sold{background:#d1b960;border-color:#d1b960}
@media(max-width:899px){.cockpit-heading{padding:16px}.cockpit-portrait{width:58px;height:65px}.cockpit-heading h2{font-size:20px}.cockpit-kicker{font-size:10px}.cockpit-heading p{font-size:11px}.cockpit-score strong{font-size:32px}.cockpit-board-wrap{padding:10px 0 2px}.cockpit-readouts,.cockpit-cargo,.cockpit-progress{padding-left:16px;padding-right:16px}.cockpit-fuel{padding:10px}.cockpit-fuel strong{font-size:24px}.cockpit-stat{padding:12px 10px}.cockpit-stat span{font-size:12px}.cockpit-stat strong{font-size:25px}.cockpit-section-title h3{font-size:14px}.cockpit-section-title>span{font-size:10px}.cockpit-slots{gap:6px}.cockpit-slot small{font-size:9px}.cockpit-slot .cockpit-gem{width:20px;height:22px}.cockpit-cargo-actions button{font-size:12px;min-height:42px}.cockpit-progress{padding-top:18px}.cockpit-progress-track{height:30px}.cockpit-progress>p{font-size:11px}.cockpit-market{margin:16px}.cockpit-market summary{font-size:13px}.cockpit-market-grid>div{padding:12px 3px}.cockpit-market-grid>div>span{font-size:11px}.cockpit-zoom{font-size:11px!important;min-height:32px}}
@media(prefers-reduced-motion:reduce){.cockpit-fuel-track i{transition:none}}

/* Separate workspaces: a full board spread on computers, task pages on phones. */
.table-command{display:contents}
.turn-summary{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.desktop-panels{display:none}
.market-description{display:none}
.card-art{position:relative;overflow:hidden;background:#172125}
.card-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.cockpit-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.card-art[data-image-state=loading]::before{content:attr(data-image-label) ' · 载入中';position:absolute;inset:0;display:grid;place-items:center;padding:9px;color:#c1c6b6;font-size:11px;line-height:1.5;text-align:center}
.card-art img[data-image-state=loading],.game-image-frame img[data-image-state=error]{opacity:0}
.game-image-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:8px;color:#dfcc92;background:#202b2f;font-size:11px;line-height:1.5;text-align:center;pointer-events:none}
.game-image-retry-notice{position:fixed;z-index:120;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 14px;border:1px solid #d9b95f;border-radius:5px;box-shadow:0 5px 20px #0008;background:#253137;color:#f3e4bd;font-size:12px}
.game-image-retry-notice button{white-space:nowrap;border:1px solid #bfa55a;border-radius:4px;padding:6px 10px;background:#e7bf59;color:#252016}

@media(min-width:900px){
 body[data-screen=game]{padding-bottom:0;overflow:hidden}
 body[data-screen=game] .site-header{height:40px;padding:0 14px}
 body[data-screen=game] .brand strong{font-size:25px}
 body[data-screen=game] .site-header .nav-link{min-height:30px;padding:0 10px;font-size:11px}
 body[data-screen=game] .game-menu summary{padding:6px 9px;font-size:11px}
 body[data-screen=game] .game-menu nav{top:32px}
 body[data-screen=game] main{
   --dock:182px;
   display:grid;grid-template-columns:260px minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr) var(--dock);
   width:100%;max-width:none;height:calc(100dvh - 40px);min-height:0;
   margin:0;padding:8px 12px;gap:8px;overflow:hidden;
 }
 .table-command{
   grid-column:1/-1;grid-row:1;
   display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr) auto;
   align-items:center;gap:12px;min-height:44px;flex:0 0 auto;
   border-bottom:1px solid #454b3e;padding-bottom:6px;
 }
 .table-status{display:contents}
 .turn-summary{grid-column:1;grid-row:1;gap:7px}
 .round-chip{height:35px;min-width:42px;font-size:23px}
 .turn-mech{width:31px;height:36px}
 .turn-owner strong{font-size:13px;line-height:1.4}
 .turn-owner>span{font-size:10px;margin-top:1px}
 .top-tools{grid-column:3;grid-row:1;gap:5px;margin:0}
 .top-tools .quiet-button{font-size:11px;min-height:32px;padding:6px 9px}
 .top-tools [data-sync]{max-width:65px;font-size:9px}
 .action-bar{
   grid-column:2;grid-row:1;min-width:0;min-height:36px;
   padding:3px 10px;margin:0;gap:8px;border:0;border-left:2px solid #d1ab47;
   border-radius:0;background:none;box-shadow:none;
 }
 .action-copy{min-width:0}
 .action-copy strong{font-size:12px;line-height:1.4}
 .action-copy p{font-size:11px;line-height:1.5;margin:1px 0 0}
 .action-bar .orange-button,.action-bar .quiet-button{font-size:11px;padding:5px 10px;min-height:30px}
 .action-bar .preview-changes{margin-top:4px;gap:5px}
 .action-bar .preview-changes>span{padding:3px 6px;font-size:11px;gap:4px}
 .action-bar .preview-changes small{font-size:10px}
 .action-bar .preview-changes strong{font-size:12px}
 .workspace{display:contents}
 .left-column,.right-column,.center-column{display:flex;grid-column:auto;min-width:0;width:auto;height:100%;min-height:0}
 .left-column{grid-column:1;grid-row:2/4;overflow:auto;scrollbar-gutter:stable}
 .center-column{grid-column:2;grid-row:2/4}
 .right-column{grid-column:3;grid-row:2;overflow:hidden;gap:7px}
 .right-column>.panel{min-height:0;overflow:auto;flex:1;margin:0}
 .desktop-panels{display:flex;flex:0 0 32px;border:1px solid #535e52;background:#1a2528;border-radius:4px;overflow:hidden}
 .desktop-panels button{flex:1;min-height:30px;font-size:12px;color:#aabbb4;border:0;border-radius:0}
 .desktop-panels button.active{background:#47452f;color:#ffdc7d;box-shadow:inset 0 -2px #e3bd59}
 .right-column[data-desktop-panel=market]>.crew-panel,.right-column[data-desktop-panel=market]>.log-panel,
 .right-column[data-desktop-panel=crew]>.market,.right-column[data-desktop-panel=crew]>.log-panel,
 .right-column[data-desktop-panel=log]>.market,.right-column[data-desktop-panel=log]>.crew-panel{display:none}
 .panel-heading{padding:10px 10px 7px}
 .market-intro{font-size:11px;padding:0 10px;margin-bottom:8px}
 .right-column>.market{display:flex;flex-direction:column;overflow:hidden}
 .market-list{gap:6px;padding:0 8px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}
 .market-list .market-card:nth-child(n){min-width:0;min-height:56px;max-height:92px;flex:1;display:flex;gap:0;overflow:hidden;text-align:left;align-items:stretch}
 .market-card .card-art{display:block;flex:0 0 auto;aspect-ratio:420/590;width:auto;height:100%;min-height:0}
 .market-card .equipment-label{padding:7px 8px;flex:1;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:4px 6px}
 .market-description{grid-column:1/-1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#b8c2b7;font-size:10px;line-height:1.5}
 .market-card .equipment-label strong{white-space:normal}
 .market-card .equipment-label strong{font-size:12px}
 .market-card .equipment-label b{font-size:16px}
 .market-footer{padding:8px;font-size:10px}
 .outpost-entry{min-height:30px;margin-bottom:7px;flex-shrink:0}
 .log-list{max-height:none}
 .mine-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .mine-toolbar{height:30px;min-height:30px;padding:0 8px}
 .mine-toolbar h2{font-size:12px;letter-spacing:0}
 .board-tools{gap:4px}
 .board-tools button{height:26px;min-width:29px;font-size:11px}
 .board-nav{height:32px;min-height:32px;padding:3px 6px;gap:4px}
 .board-nav button{min-height:25px;font-size:12px;padding:3px}
 .board-stage{flex:1;min-height:0;height:auto;display:block;padding:0}
 .board-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start;margin:0 auto;max-width:none}
 .board-segment{width:100%;min-width:0;position:relative;container-type:inline-size}
 .original-board{width:100%;height:auto;display:block}
 .zone-label,.zone-0 .zone-label{font-size:clamp(9px,3.1cqw,12px);letter-spacing:0;padding:2px 4px;border-left-width:2px}
 .board-move{right:13%;width:25%}
 .board-move>span:last-child:not(.mech-token){font-size:clamp(8px,3cqw,11px);padding:2px 3px;bottom:-5px}
 .mech-token{width:clamp(27px,12cqw,65px);height:clamp(32px,14cqw,68px);margin:0 -5px}
 .mech-token>span{width:14px;height:14px;min-width:14px;font-size:9px}
 .mech-token img{border-width:1px}
 .board-corridor{min-height:43px;height:52%;left:2%;width:25%;padding:3px 1px;display:flex;flex-direction:column;justify-content:center}
 .board-corridor>span{font-size:clamp(9px,3.2cqw,12px);letter-spacing:0}
 .board-corridor b{font-size:clamp(20px,8cqw,30px);line-height:1;margin:2px 0}
 .board-corridor b small{font-size:9px}
 .board-corridor em{display:none}
 .board-minerals{min-height:25px;padding:2px;gap:2px;bottom:2%;right:26%;left:29%}
 .mineral-cube{min-width:23px;min-height:23px;padding:2px}
 .mineral-cube .gem{width:16px;height:18px}
 .board-minerals>small{font-size:9px;line-height:1.3}
 .board-barrier{min-height:34px;padding:3px;top:32%;height:44%}
 .board-barrier>span{display:none}
 .board-barrier b{font-size:clamp(10px,3.7cqw,14px);letter-spacing:0}
 .board-barrier>small{font-size:10px;margin-top:2px}
 .board-service{font-size:11px;padding:7px 8px}
 .entrance-note{font-size:9px}
 .mine-legend{height:20px;min-height:20px;padding:3px 8px;font-size:9px}
 .quick-actions{margin-top:5px;gap:6px;flex:0 0 31px}
 .quick-actions button{min-height:31px;padding:5px;font-size:11px}
 .mine-help{display:none}
 .cockpit{border-radius:7px}
 .cockpit-heading{padding:8px;gap:8px}
 .cockpit-portrait{width:34px;height:42px;border-radius:5px}
 .cockpit-kicker{font-size:9px;letter-spacing:.4px}
 .cockpit-heading h2{font-size:14px;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cockpit-heading p{font-size:10px}
 .cockpit-score strong{font-size:25px}
 .cockpit-score span{font-size:8px}
 .cockpit-board-wrap{padding:3px 0 0}
 .cockpit-zoom{font-size:10px!important;min-height:25px;padding:3px 6px;top:6px;right:5px}
 .cockpit-readouts{padding:7px 8px 0;gap:5px}
 .cockpit-fuel{padding:5px 7px}
 .cockpit-fuel strong{font-size:20px}
 .cockpit-stat{padding:6px}
 .cockpit-stat strong{font-size:20px}
 .cockpit-cargo,.cockpit-progress{padding:9px 8px 0}
 .cockpit-section-title{margin-bottom:6px}
 .cockpit-section-title h3{font-size:11px}
 .cockpit-section-title b{font-size:15px}
 .cockpit-slot{aspect-ratio:1;min-height:28px;gap:1px}
 .cockpit-slot .cockpit-gem{width:13px;height:14px}
 .cockpit-slot small{font-size:8px}
 .cockpit-cargo-actions{margin-top:6px;gap:5px}
 .cockpit-cargo-actions button{min-height:30px;padding:5px;font-size:11px}
 .cockpit-progress-track{height:20px;margin-top:15px}
 .cockpit-progress>p{font-size:9px;margin:4px 0 0}
 .cockpit-market{margin:8px;padding-top:5px}
 .cockpit-market summary{font-size:10px}
 .hand-section{grid-column:3;grid-row:3;position:relative;inset:auto;min-height:0;height:100%;flex:none;margin:0;padding:6px 10px;border-radius:5px;width:auto;backdrop-filter:none}
 .hand-heading{height:23px;min-height:23px;margin-bottom:4px;gap:5px}
 .hand-heading h2{font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .hand-resources{margin-left:auto;gap:3px;flex-shrink:0}
 .hand-resources>span{font-size:14px;padding:2px 4px;gap:2px}
 .hand-resources svg{width:12px;height:12px}
 .hand-heading>.quiet-button{display:none}
 .hand-wrap{position:relative;height:calc(100% - 27px);display:flex;flex-wrap:nowrap;padding:0 0 32px;gap:0}
 .hand-cards{width:auto;flex:1;height:100%;min-width:0;gap:9px;justify-content:safe center;align-items:center;padding:0 2px}
 .hand-card{min-width:0;max-width:none;min-height:0;flex:0 0 calc((100% - 18px)/3);max-height:100%;height:auto;width:auto;aspect-ratio:420/590;padding:0;display:block}
 .hand-cards:has(.hand-card:nth-child(4)) .hand-card{flex-basis:calc((100% - 18px)/3.25)}
 .hand-cards{scrollbar-width:thin;scrollbar-color:#9b8b59 #172126}
 .hand-card .card-art{width:100%;height:100%;display:block}
 .hand-card .hand-card-caption{padding:3px 2px;font-size:10px}
 .deck-area{position:absolute;bottom:0;left:0;display:flex;gap:5px;padding:0;flex:none;border:0}
 .deck-box,.deck-box.discard{height:28px;width:49px;font-size:10px;min-height:0;flex-direction:row;gap:4px}
 .deck-box b{font-size:16px}
 .deck-box small{font-size:9px}
 .end-turn{position:absolute;bottom:0;right:0;min-width:116px;max-width:130px;padding:0;flex:none}
 .end-turn button{min-height:28px;padding:4px 10px;font-size:11px}
 .end-turn small{display:none}
 .empty-hand{min-height:0}
 .spectator-hand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;font-size:12px}
 .mobile-panels{display:none}
 #toast{bottom:calc(var(--dock) + 18px)}
 body[data-view=catalog]{overflow:auto}
 body[data-view=catalog] main{height:auto;min-height:calc(100dvh - 40px);overflow:visible;display:block;padding:20px}
}
@media(min-width:900px) and (max-width:1199px){
 body[data-screen=game] main{grid-template-columns:230px minmax(0,1fr) 248px;gap:8px;--dock:168px}
 .table-command{grid-template-columns:215px minmax(0,1fr) auto;gap:8px}
 .top-tools [data-sync]{display:none}
 .turn-mech{display:none}
 .action-copy p{font-size:10px}
 .market-card .equipment-label strong{font-size:10px}
}
@media(min-width:900px) and (max-height:719px){
 body[data-screen=game] main{--dock:168px;padding:6px 10px;gap:6px}
 .table-command{min-height:42px;padding-bottom:4px}
 .market-list .market-card:nth-child(n){min-height:44px}
 .market-description{-webkit-line-clamp:1}
 .cockpit-heading p{display:none}
 .cockpit-progress>p{display:none}
 .cockpit-cargo,.cockpit-progress{padding-top:7px}
}
@media(max-width:899px){
 .table-command{display:contents}
 .turn-summary{gap:7px}
 .right-column .desktop-panels{display:none}
 .board-canvas{display:block}
 .card-art img{object-fit:cover}
 .hand-section{position:relative;inset:auto;margin:0}
 .hand-card{min-width:0;max-width:none;padding:0;display:block;flex:0 0 auto}
 .hand-cards{width:auto;flex:1}
 .hand-wrap{flex-wrap:nowrap}
}