:root{font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#e8e4d5;background:#242822;line-height:1.65;font-synthesis:none;--paper:#e4dfcc;--ink:#292e28;--gold:#cfb675}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #757768;background:#343b30;color:inherit;padding:.65rem .9rem;border-radius:3px;line-height:1.35}button:hover:not(:disabled){border-color:var(--gold);background:#45503e}button:disabled{cursor:default;opacity:.48}button.primary{background:var(--gold);color:#252a23;border-color:var(--gold);font-weight:700}input,select{background:#f1eddf;color:#252a23;border:1px solid #8e9580;border-radius:3px;padding:.55rem;max-width:100%;min-height:42px}input[type=number]{width:85px}input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px;accent-color:#7a6d37}label{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}label.inline{display:inline-flex;flex-direction:row;align-items:center;margin-right:1rem}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,4vw,4.2rem);font-weight:500;line-height:1.2;letter-spacing:.04em}h2{font-size:1.22rem;line-height:1.4}h3{font-size:1rem}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2.2rem;border-bottom:1px solid #555b4c}.brand{text-decoration:none;display:flex;align-items:baseline;gap:1rem}.brand strong{font-family:Georgia,serif;font-size:2rem;letter-spacing:.16em;color:#d5bd85}.brand span{letter-spacing:.22em;color:#bbb9aa;font-size:.9rem}nav{display:flex;align-items:center;gap:1rem;font-size:.85rem}nav button{padding:.4rem .65rem;background:transparent}.connection{color:#c1c7a9;font-size:.75rem}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.18em;color:#bdb59b;margin-bottom:.7rem}.credit{font-size:.73rem;color:#a8ad9b}.entry{display:grid;grid-template-columns:1.25fr 1fr;min-height:calc(100vh - 100px)}.entry-image{overflow:hidden;position:relative}.entry-image img{height:100%;width:100%;object-fit:cover;object-position:65% center;filter:brightness(.82)}.entry-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#242822)}.entry-copy{padding:6vh 5vw 4rem;max-width:620px}.entry-copy>p{color:#c5c8b6}.facts{display:flex;gap:2.2rem;margin:2rem 0}.facts span{font-size:.75rem;color:#b3bba5}.facts b{display:block;font-family:Georgia,serif;font-size:1.8rem;color:#e8ddbc}.entry-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.entry-tabs [aria-pressed=true]{border-bottom:3px solid var(--gold)}#entry button[type=submit],#entry .primary{width:100%;margin-top:1rem}.lobby{padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:70vh}.lobby>img{width:100%;box-shadow:0 16px 48px #0007}.seats{margin:2rem 0;display:grid;gap:.6rem}.seats article{border-bottom:1px solid #666e56;padding:.7rem;display:flex;justify-content:space-between}.seats article span{font-size:.8rem;color:#bac2aa}.buttons{display:flex;gap:.7rem}.player-tabs{display:flex;gap:.6rem;padding:1rem 2rem;overflow:auto}.player-tabs button{flex:1;min-width:155px;text-align:left;border-top:3px solid var(--faction);background:#2b3329}.player-tabs button.viewed{background:#414837}.player-tabs button.current{box-shadow:inset 0 0 0 1px var(--gold)}.player-tabs b,.player-tabs small,.player-tabs span{display:block}.player-tabs small{color:#bbc0b0}.player-tabs span{font-size:.86rem;margin-top:.3rem;white-space:nowrap}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;padding:0 2rem;align-items:start}.map-panel{border:1px solid #575d4c;background:#1b201b}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .7rem;font-size:.72rem;gap:1rem;color:#c4c8b7}.map-toolbar div{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.map-toolbar button{padding:.2rem .55rem}.map-scroll{overflow:auto;max-height:80vh;scrollbar-color:#8c956f #22291d}.native-board{display:block;height:auto;max-width:none}.hex-hit{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer}.hex-hit:hover,.hex-hit:focus{stroke:#ffe6a4;fill:#fae1a314;outline:0}.picked .hex-hit{stroke:#ffeca4}.destination{fill:none;stroke:#fff7bf;stroke-width:3;stroke-dasharray:6 5;pointer-events:none}.unit{cursor:pointer}.unit.selected>circle{stroke:#fffacb;stroke-width:3;fill:#0005}.unit:hover>circle,.unit:focus>circle{stroke:#fff;outline:0}.unit path{pointer-events:none}.resource-count{font-size:10px;fill:white;text-anchor:middle;font-weight:800;pointer-events:none}.building-letter{font-size:10px;fill:#fff;text-anchor:middle}.board-caption{font-size:.75rem;padding:.7rem 0;color:#b8c0a9;display:flex;flex-direction:column;gap:.25rem}.board-caption small{color:#999e8e}.action-panel{background:var(--paper);color:var(--ink);padding:1.25rem;position:sticky;top:.6rem;max-height:90vh;overflow:auto;box-shadow:0 6px 20px #0003}.action-panel h2{margin-bottom:.7rem}.action-panel .eyebrow{color:#706c51}.action-panel p{font-size:.85rem;line-height:1.7}.action-panel button{background:#ece7d9;color:#273025;border-color:#8c927d}.action-panel button.primary{background:#535f42;color:#fff;border-color:#535f42}.action-panel button:hover:not(:disabled){background:#d1d7c0}.action-panel button.primary:hover{background:#3f5031}.action-panel label{font-size:.8rem}.action-panel form>button{margin:.6rem .5rem 0 0}.action-panel select{width:100%}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.8rem 0}.choice-grid button{font-size:.86rem}.payment{background:#cec7b050}.payment label,.action-panel fieldset label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}.payment select{width:auto;max-width:55%}.payment input{max-width:80px}fieldset{margin:1rem 0;padding:.6rem;border:1px solid #a5a68e;min-width:0}legend{font-size:.8rem;padding:0 .3rem;font-weight:700}.pay-resource+div{border-top:1px solid #b5b69d;padding-top:.4rem}.pay-resource label{font-size:.75rem}.encounter-art{display:block;width:100%;image-rendering:auto;border:5px solid #8b9875;box-shadow:0 2px 7px #0003}.factory-choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.factory-choices label{position:relative;border:2px solid transparent;padding:.2rem;display:flex;align-items:center;cursor:pointer}.factory-choices label:has(:checked){border-color:#717b4a}.factory-choices input{position:absolute;top:8px;left:8px}.factory-choices span{font-size:.67rem}.factory-art{display:block;width:100%;aspect-ratio:240/390}.player-mat{padding:1.5rem 2rem;max-width:1450px;margin:auto}.mat-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mat-caption span{font-size:.78rem;color:#c0c5b1}.faction-art{height:170px;background-size:cover;background-position:center;position:relative;border:1px solid #606552}.faction-art.rusviet{background-size:cover;background-position:center 3%}.faction-art span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1b221bec);padding:2.3rem 1.1rem .7rem;color:#eee9d4;font-size:.9rem}.mech-abilities{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #69735a;border-top:0}.mech-abilities button{border:0;border-right:1px solid #626b55;border-radius:0;background:#252e25;text-align:left;padding:.8rem}.mech-abilities button.unlocked{background:#4b553a}.mech-abilities b{font-size:.82rem}.mech-abilities span{display:block;font-size:.68rem;color:#bbc3ad;line-height:1.5;margin-top:.3rem}.industrial-mat{position:relative;margin-top:1rem}.industrial-mat img{width:100%;display:block}.mat-hotspot{position:absolute;top:0;width:24.8%;height:100%;border:2px solid transparent;background:transparent}.mat-hotspot:disabled{opacity:1}.mat-hotspot:hover:not(:disabled){background:#dfcb7b1a;border-color:#e4d895}.mat-hotspot.active{border-color:#dac77a}.mat-hotspot i{position:absolute;top:8%;left:8%;color:#dcc27e;filter:drop-shadow(1px 2px 1px black);font-size:2rem}.action-columns{display:flex;gap:.5rem;margin:1rem 0}.action-columns>button{flex:1;text-align:left;position:relative;background:#465139;padding:1rem}.action-columns>button:disabled{opacity:1;cursor:default}.action-columns>button b,.action-columns>button small{display:block}.action-columns>button b{font-size:1rem;color:#ece8d9}.action-columns>button small{font-size:.73rem;color:#c1c6ae}.action-columns hr{border:0;border-top:1px solid #889173;margin:1rem 0}.action-columns .active{border:2px solid var(--gold)}.action-columns em{position:absolute;right:.4rem;top:.4rem;font-size:.6rem;color:#e4ca87;font-style:normal}.action-columns>button.factory-slot{padding:.4rem;flex:0 0 100px}.factory-slot .factory-art{max-height:150px}.factory-slot span{font-size:.7rem}.mat-status{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.78rem;color:#c0c5b3}.private-cards{padding:1rem 2rem;max-width:1450px;margin:auto}.private-cards h2 small{font-size:.75rem;color:#b7bca8;font-weight:400}.objectives{display:flex;gap:1rem;flex-wrap:wrap}.objectives article{display:flex;max-width:560px;gap:1rem;align-items:start;background:#373f32;padding:1rem;border:1px solid #656c55;flex:1}.objectives img{width:160px;max-width:40%;height:auto}.objectives p{font-size:.8rem;color:#ced0bc}.objectives button{font-size:.75rem}.combat-hand{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.combat-hand>span,.combat-hand label{display:flex;align-items:center;justify-content:center;position:relative;min-width:42px;height:62px;background:#ccae55;border:2px solid #eee0b2;color:#292a22;font-size:1.4rem;font-family:Georgia,serif;font-weight:700;border-radius:4px;box-shadow:0 2px 4px #0004;margin:0}.combat-hand label{width:49px}.combat-hand label:has(:checked){outline:2px solid #394b2e;transform:translateY(-3px)}.combat-hand input{position:absolute;top:3px;left:3px}.combat-hand b{margin-top:8px}.lower-row{padding:1rem 2rem;display:flex;gap:1rem}.lower-row details{flex:1;background:#30372c;padding:1rem}.lower-row summary{cursor:pointer}.lower-row li,.lower-row p{font-size:.8rem}.lower-row form{display:flex;align-items:end;gap:1rem}.lower-row label{font-size:.8rem}.results{margin:1rem 2rem;padding:2rem;background:#cfc6a8;color:#293024}.results h1{font-size:2.2rem}.results table{border-collapse:collapse;width:100%;margin:1rem 0}.results td,.results th{padding:.5rem;border-bottom:1px solid #999c81;text-align:right}.results th:first-child{text-align:left}.table-scroll{overflow:auto}.resource-label{display:inline-block;margin-right:1rem}footer{text-align:center;font-size:.68rem;color:#919884;padding:2rem}dialog{max-width:720px;width:calc(100% - 2rem);max-height:85vh;overflow:auto;background:#e2ddca;color:#2b3325;border:1px solid #747b63;padding:2rem;box-shadow:0 14px 60px #0008}dialog::backdrop{background:#0c160dcc;backdrop-filter:blur(3px)}dialog .close{float:right;margin:-1rem -1rem 1rem 1rem;background:#d3cfbc;color:#2e3327}dialog p{font-size:.9rem}dialog .credit{color:#656e59}dialog input{width:100%}dialog a{color:#466538}#notice{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:100;background:#eedcb0;color:#343425;padding:.8rem 1.2rem;max-width:90%;box-shadow:0 4px 24px #0008;border:1px solid #9f8f53;font-size:.9rem}
@media(min-width:1650px){.table-layout{grid-template-columns:minmax(0,1fr) 390px}.action-panel{padding:1.5rem}.faction-art{height:220px}}@media(max-width:1000px){header{padding:1rem}.brand span{display:none}nav{gap:.5rem}.table-layout{padding:0 1rem;grid-template-columns:minmax(0,1fr) 300px;gap:.6rem}.player-tabs{padding:1rem}.player-mat,.private-cards{padding:1rem}.mat-caption{align-items:start;flex-direction:column}.faction-art{height:140px}.lobby{padding:2rem;gap:2rem;grid-template-columns:1fr}.entry{grid-template-columns:1fr 1fr}.entry-copy{padding:3rem 2rem}.action-columns>button{padding:.7rem}.objectives article{min-width:350px}.lower-row{padding:1rem}}@media(max-width:750px){header{padding:.7rem}.brand strong{font-size:1.4rem}.connection{display:none}nav{font-size:.7rem}nav button{font-size:.7rem}.entry{display:flex;flex-direction:column-reverse}.entry-image{height:200px}.entry-image:after{background:linear-gradient(#242822,transparent)}.entry-copy{padding:2.4rem 1.5rem 1rem}.entry-copy h1{font-size:3rem}.facts{margin:1.5rem 0}.table-layout{display:flex;flex-direction:column;padding:0 .6rem}.map-column{width:100%}.action-panel{position:static;width:100%;max-height:none;padding:1rem}.map-scroll{max-height:70vh}.map-toolbar>span{font-size:.65rem}.player-tabs{padding:.65rem;gap:.4rem}.player-tabs button{min-width:135px;padding:.5rem;font-size:.85rem}.mech-abilities{grid-template-columns:1fr 1fr}.mech-abilities button{border-bottom:1px solid #626b55}.action-columns{overflow:auto}.action-columns>button{min-width:128px}.objectives{display:block}.objectives article{min-width:0;margin:.7rem 0}.objectives img{width:140px}.lower-row{display:block}.lower-row details{margin:.5rem 0}.lobby{padding:2rem 1rem}.lobby img{margin-top:1rem}.player-mat{padding-top:1.5rem}.private-cards{padding-top:1.5rem}.factory-choices{grid-template-columns:repeat(3,1fr)}.factory-choices label{font-size:.7rem}.results{margin:.7rem;padding:1rem}.results table{font-size:.75rem}.mat-caption h2{margin-bottom:0}.mat-caption{margin-bottom:.8rem}}

.mat-pieces{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}