:root{--ink: #16130f;--ink-2: #1e1a15;--ink-3: #272219;--line: #3a3229;--text: #ece6da;--muted: #9a9083;--gold: #c2a05c;--gold-dim: #8a7340;--oxblood: #a2453c;--sage: #7d9470;--paper: #e8dcc0;--paper-2: #dccfae;--paper-ink: #3a3125;--paper-line: #b9a882;--radius: 4px;color-scheme:dark;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:var(--ink);background-image:var(--grain),radial-gradient(120% 80% at 50% 0%,#241f18 0%,var(--ink) 70%);background-blend-mode:overlay,normal}.serif{font-family:Cormorant Garamond,Georgia,serif}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;letter-spacing:.01em;margin:0}h1{font-size:30px}h2{font-size:20px}.label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:500}.muted{color:var(--muted);font-size:13px}.numeral{font-family:Cormorant Garamond,Georgia,serif;font-variant-numeric:tabular-nums}button{font:inherit;font-size:14px;color:var(--text);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);padding:11px 16px;cursor:pointer;transition:background .14s,border-color .14s,color .14s}button:hover:not(:disabled){background:#302920;border-color:var(--gold-dim)}button:active:not(:disabled){background:#221d16}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#d0ae68,var(--gold));color:#2a2113;border-color:#8f7538;font-weight:600;letter-spacing:.04em}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ddbd77,#cbaa66)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text)}input,select{font:inherit;color:var(--text);background:#14110d;border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px;width:100%}input:focus,select:focus{outline:none;border-color:var(--gold-dim)}.screen{min-height:100%;display:flex;flex-direction:column;padding:18px;gap:16px;max-width:580px;margin:0 auto}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:18px}.parchment{position:relative;color:var(--paper-ink);background-color:var(--paper);background-image:var(--grain),radial-gradient(130% 90% at 20% 0%,rgba(255,252,240,.9),transparent 55%),radial-gradient(110% 100% at 90% 110%,rgba(150,120,70,.28),transparent 60%),linear-gradient(175deg,var(--paper) 0%,var(--paper-2) 100%);background-blend-mode:multiply,screen,multiply,normal;border:1px solid #a9946c;border-radius:3px;padding:22px 24px;box-shadow:inset 0 0 40px #785f3247,inset 0 1px #fffdf499,0 10px 28px #00000073}.parchment h1,.parchment h2,.parchment h3{color:#2c2418}.parchment .label{color:#7a6a4e}.parchment .muted{color:#6d5f47}.parchment hr{border:none;border-top:1px solid var(--paper-line);margin:14px 0}.codex{background-image:var(--grain),linear-gradient(90deg,rgba(120,95,50,.3) 0%,transparent 6%,transparent 94%,rgba(120,95,50,.3) 100%),linear-gradient(90deg,transparent 49.2%,rgba(120,95,50,.42) 50%,transparent 50.8%),linear-gradient(175deg,var(--paper) 0%,var(--paper-2) 100%);background-blend-mode:multiply,multiply,multiply,normal}.codex-title{text-align:center;font-size:24px;letter-spacing:.06em;border-bottom:1px solid var(--paper-line);padding-bottom:10px;margin-bottom:6px}.codex-entry{border-bottom:1px dashed rgba(150,128,90,.5);padding:11px 2px}.codex-entry:last-child{border-bottom:none}.codex-entry .name{font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:600}.codex-entry.locked{opacity:.5}.seal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8514a,#7e2f2a);color:#f3dcc8;font-size:13px;box-shadow:0 1px 3px #0006;flex:none}.brand{text-align:center;padding:28px 0 6px}.brand .crest{font-size:40px;color:var(--gold)}.brand h1{margin-top:12px;letter-spacing:.06em}.brand p{margin:6px 0 0}.code-pill{font-family:Cormorant Garamond,Georgia,serif;font-size:34px;font-weight:700;letter-spacing:.35em;text-indent:.35em;text-align:center;padding:10px 0 14px;color:#2c2418;-webkit-user-select:all;user-select:all}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:inset 0 -2px 4px #00000059}.swatch[aria-pressed=true]{border-color:var(--text);transform:scale(1.08)}.swatch:disabled{opacity:.22;cursor:not-allowed}.member{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.member:first-of-type{border-top:none}.dot{width:11px;height:11px;border-radius:50%;flex:none}.game{height:100%;display:flex;flex-direction:column}.hud{padding:9px 14px;background:linear-gradient(180deg,var(--ink-2),var(--ink));border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.hud-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.hud .numeral{font-size:17px}.timer{letter-spacing:.06em}.timer.urgent{color:var(--oxblood)}.board-wrap{flex:1;position:relative;overflow:hidden;touch-action:none}.board-canvas{display:block;width:100%;height:100%;cursor:grab}.board-canvas:active{cursor:grabbing}.board-zoom{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px}.board-zoom button{width:38px;height:38px;padding:0;font-size:18px;background:#16130fdb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tray{background:linear-gradient(0deg,var(--ink-2),var(--ink));border-top:1px solid var(--line);padding:11px 14px;display:flex;flex-direction:column;gap:10px}.orders-list{display:flex;flex-direction:column;gap:5px;max-height:108px;overflow-y:auto}.order-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink-3);border-left:2px solid var(--gold-dim);border-radius:0 var(--radius) var(--radius) 0;padding:7px 11px;font-size:13px}.panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;max-width:620px;width:100%;margin:0 auto}.panel-back{align-self:flex-start;padding:6px 10px;font-size:13px}.tabs{display:flex;background:var(--ink-2);border-top:1px solid var(--line);flex:none}.tabs button{flex:1;border:none;border-radius:0;background:transparent;padding:13px 4px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.tabs button[aria-selected=true]{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0806bd;display:flex;align-items:center;justify-content:center;padding:18px;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet>*{width:100%;max-width:460px;max-height:88vh;overflow-y:auto}.strength{display:flex;align-items:center;justify-content:space-around;text-align:center}.strength .value{font-family:Cormorant Garamond,Georgia,serif;font-size:46px;line-height:1}.verdict{text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;padding:10px 0;letter-spacing:.04em}.verdict.win{color:#4f7a48}.verdict.lose{color:#9c3d35}.verdict.trade{color:#8a6c28}.parts{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;font-size:11px}.parts span{background:#785f3229;border:1px solid rgba(150,128,90,.4);border-radius:2px;padding:2px 7px;color:#5e5039}.banner{background:#c2a05c1a;border-left:2px solid var(--gold-dim);padding:9px 14px;font-size:13px;color:#d8cdb8}.report-list{display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto}.report-item{border-bottom:1px dashed rgba(150,128,90,.45);padding:8px 2px;font-size:14px}.report-item:last-child{border-bottom:none}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:92px;background:var(--oxblood);color:#f7e8e0;padding:11px 18px;border-radius:var(--radius);font-size:13px;z-index:30;max-width:90vw;box-shadow:0 6px 20px #00000080}@media(orientation:landscape)and (max-height:520px){.game{flex-direction:row}.hud{order:1;width:178px;flex:none;border-bottom:none;border-right:1px solid var(--line);justify-content:flex-start;padding-top:12px}.hud-line{flex-direction:column;align-items:flex-start;gap:2px}.board-wrap{order:2}.tray{order:3;width:200px;flex:none;border-top:none;border-left:1px solid var(--line)}.orders-list{max-height:none;flex:1}.tabs{order:4;flex-direction:column;width:62px;flex:none;border-top:none;border-left:1px solid var(--line)}.tabs button[aria-selected=true]{box-shadow:inset -2px 0 0 var(--gold)}}@media(max-width:420px){.screen{padding:14px}.code-pill{font-size:27px;letter-spacing:.25em}}.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}.layer-controls{display:flex;align-items:center;gap:2px}.layer-controls button{padding:3px 9px;font-size:16px;line-height:1}.layer-controls .numeral{font-size:13px;min-width:30px;text-align:center;color:var(--muted)}.parchment .layer-controls .numeral{color:#6d5f47}.portrait-plate{display:flex;align-items:center;gap:14px}.portrait-plate .name{font-family:Cormorant Garamond,Georgia,serif;font-size:21px}@media(max-width:420px){.layer-grid{grid-template-columns:1fr}}.gauge{margin-bottom:14px}.gauge-track{position:relative;height:9px;margin-top:5px;background:#785f3238;border:1px solid rgba(150,128,90,.5);border-radius:2px;overflow:hidden}.gauge-fill{height:100%;transition:width .4s ease}.gauge-target{position:absolute;top:-3px;width:2px;height:15px;background:#3a3125;opacity:.75}.envoy{border-top:1px solid var(--paper-line);padding:14px 0}.envoy:first-of-type{border-top:none}.envoy-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.envoy-actions button{background:#785f321f;border-color:#96805a8c;color:#3a3125;padding:7px 11px;font-size:13px}.envoy-actions button:hover:not(:disabled){background:#785f323d}.amount-row{display:flex;align-items:center;gap:8px;margin-top:8px}.amount-row input{width:74px;padding:6px 8px;background:#fffdf4b3;border-color:#96805a99;color:#3a3125}.intel{background:#3c322317;border-left:2px solid #8a7340;padding:9px 12px;margin-top:10px;border-radius:0 3px 3px 0}.tutorial .board-wrap{min-height:42vh}.tutorial-card{margin:0;border-radius:0;border-left:none;border-right:none;padding:16px 18px;font-size:15px;line-height:1.5;flex:none;max-height:52vh;overflow-y:auto}.tutorial-card button{flex:none}.tutorial .tabs button:disabled{opacity:.3}@media(orientation:landscape)and (max-height:520px){.tutorial{flex-direction:row}.tutorial .hud{order:1;width:150px}.tutorial .board-wrap{order:2;min-height:0}.tutorial-card{order:3;width:260px;max-height:none;border:none;border-left:1px solid var(--line)}.tutorial .tabs{order:4}}.tut-ring{position:fixed;border:2px solid var(--gold);border-radius:6px;box-shadow:0 0 0 3px #c2a05c40,0 0 18px #c2a05c8c;pointer-events:none;z-index:40;animation:tut-pulse 1.4s ease-in-out infinite}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 3px #c2a05c33,0 0 14px #c2a05c73}50%{box-shadow:0 0 0 5px #c2a05c57,0 0 22px #c2a05cb3}}.tut-note{display:flex;align-items:flex-start;gap:9px;margin:10px 0 0;padding:9px 11px;background:#785f3221;border-left:2px solid #8a7340;border-radius:0 3px 3px 0;font-size:13.5px}.tut-delta{margin-top:10px;padding:9px 11px;background:#50694624;border-left:2px solid #5f7a52;border-radius:0 3px 3px 0;font-size:13.5px}.tut-delta .label{margin-bottom:4px}.unit-entry{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px dashed rgba(150,128,90,.45)}.unit-entry:last-of-type{border-bottom:none}.move-grid{display:grid;grid-template-columns:repeat(7,9px);gap:1px;flex:none}.move-cell{width:9px;height:9px;background:#785f3229;border:1px solid rgba(150,128,90,.32)}.move-cell.reach{background:#b89a52}.move-cell.centre{background:#3a3125}@media(max-width:420px){.unit-entry{flex-wrap:wrap}.move-grid{grid-template-columns:repeat(7,11px)}}.security-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:-4px 0 14px}.security-levels button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;font-size:12px}.security-levels button small{font-size:9.5px;opacity:.8;white-space:nowrap}.parchment .security-levels button{background:transparent;color:var(--paper-ink);border:1px solid var(--paper-line)}.parchment .security-levels button:hover:not(:disabled){background:#3a312514}.parchment .security-levels button.on{background:#3a3125;color:#f1e6cc;border-color:#3a3125}.tut-figure{margin:0 0 12px;padding:10px 12px 9px;background:#fffaee73;border:1px solid var(--paper-line);border-radius:4px;font-size:12.5px;line-height:1.35;color:var(--paper-ink)}.tut-figure figcaption{font-family:Cormorant Garamond,Georgia,serif;font-weight:700;font-size:15px;margin-bottom:7px;letter-spacing:.02em}.tut-figure .pos{color:#4f7a48}.tut-figure .neg{color:#9c3d35}.tut-figure .muted{color:#6d5f47}.fig-legend{margin-top:7px;font-size:11.5px;color:#6d5f47}.fig-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fig-keys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.fig-keys li{display:flex;align-items:center;gap:6px}.fig-keys i{display:inline-block;width:13px;height:13px;border-radius:2px;border:1px solid rgba(58,49,37,.25)}.fig-keys i.ring,.fig-cell.ring{outline:1.5px dashed rgba(58,49,37,.55);outline-offset:-3px}.fig-ledger{display:flex;flex-direction:column;gap:4px}.fig-ledger-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(40px,1fr) 46px;gap:8px;align-items:center}.fig-ledger-row b{text-align:right;font-variant-numeric:tabular-nums}.fig-ledger-row.total{border-top:1px solid var(--paper-line);padding-top:4px;margin-top:2px;font-weight:600}.fig-bar{height:8px;background:#3a312514;border-radius:2px;overflow:hidden}.fig-bar i{display:block;height:100%}.fig-bar i.pos{background:#6f9a5f}.fig-bar i.neg{background:#b0574d}.fig-upkeep{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px}.fig-upkeep-item{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:6px;align-items:center}.fig-upkeep-item canvas{grid-row:span 2}.fig-upkeep-item .name{font-weight:600}.fig-upkeep-item .coins{color:#8a7340;letter-spacing:1px}.fig-upkeep-item .coins small{color:#6d5f47;letter-spacing:0}.fig-upkeep-item .ok{color:#4f7a48;font-size:11px}.fig-upkeep-item .no{color:#9c3d35;font-size:11px;font-weight:600}.fig-table{width:100%;border-collapse:collapse;font-size:12px}.fig-table th,.fig-table td{padding:3px 4px;border-bottom:1px dashed rgba(150,128,90,.45);text-align:left;vertical-align:top}.fig-table thead th{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#7a6a4e}.fig-table tbody th{white-space:nowrap}.fig-table tr.upkeep td{color:#9c3d35}.fig-table tr.highlight{background:#785f321a}.fig-tag{font-size:10.5px;color:#8a7340;font-weight:600}.fig-grid{display:grid;gap:1px;background:#3a312524;border:1px solid rgba(58,49,37,.2);width:max-content}.fig-cell{position:relative;display:flex;align-items:center;justify-content:center;background:#efe5cd;line-height:1;font-weight:700}.fig-cell em{position:absolute;right:1px;top:-1px;font-style:normal;font-size:9px;color:#9c3d35;font-weight:800}.fig-cell canvas{pointer-events:none}.fig-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fig-step{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;text-align:center;max-width:104px}.fig-arrow{font-size:18px;color:#8a7340;font-weight:700}.fig-laststand{display:flex;align-items:center;gap:6px;font-size:24px}.fig-laststand span{position:relative;color:#3a3125}.fig-laststand span.fallen{color:#3a312559}.fig-laststand em{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-style:normal;color:#9c3d35;font-size:22px}.fig-laststand .crown.open{color:#9c3d35;text-shadow:0 0 6px rgba(156,61,53,.4)}.fig-triangle{position:relative;width:220px;height:140px;margin:0 auto}.fig-triangle .edges{position:absolute;top:8px;right:10px;bottom:0;left:10px;width:200px;height:120px}.fig-triangle .edges line{stroke:#8a7340;stroke-width:2}.fig-triangle .edges text{font-size:12px;font-weight:700;fill:#4f7a48}.fig-triangle .node{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;z-index:1}.fig-triangle .node.top{left:50%;top:-4px;transform:translate(-50%)}.fig-triangle .node.left{left:0;bottom:0}.fig-triangle .node.right{right:0;bottom:0}.fig-chart{width:100%;max-width:320px;height:auto;display:block}.fig-chart .danger{fill:#9c3d351f}.fig-chart .axis{stroke:#3a312566}.fig-chart .line{fill:none;stroke:#3a3125;stroke-width:1.8}.fig-chart circle.dot{fill:#3a3125}.fig-chart circle.gain{fill:#4f7a48}.fig-chart circle.end{fill:#9c3d35}.fig-chart text{font-size:9px;fill:#3a3125}.fig-chart text.gain{fill:#4f7a48;font-weight:700}.fig-chart text.end{fill:#9c3d35;font-weight:700}.fig-chart text.warn{fill:#9c3d35;font-size:8px}