:root{--ink: #2b2017;--ink-soft: #5a4a38;--paper: #ece3cd;--paper-dark: #ddd2b6;--paper-edge: #c9bb98;--accent: #a93226;--serif: "Georgia", "Times New Roman", "Noto Serif JP", serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--serif);background:#1d1813;color:var(--ink)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:linear-gradient(180deg,#f4e9c90a,#0000002e),linear-gradient(180deg,#241d15,#2e251a);color:var(--paper);border-bottom:3px solid var(--accent);box-shadow:0 2px 8px #0a07048c;position:relative;z-index:5}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand-text{display:flex;flex-direction:column;line-height:1.2}.clan-mon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid currentColor;border-radius:50%;font-size:.95rem;background:#f4e9c914;flex-shrink:0;vertical-align:middle}.panel-owner .clan-mon{width:22px;height:22px;font-size:.75rem;background:transparent}.topbar-title{font-size:1.15rem;letter-spacing:.12em}.topbar-version{font-size:.65rem;letter-spacing:.08em;color:#b8a888;vertical-align:super}.topbar-clan{font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.topbar-stats{display:flex;gap:26px}.stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#b8a888}.stat-value{font-size:1.05rem}.stat-value small{font-size:.7rem;color:#9fb58a}.topbar-actions{display:flex;gap:10px;align-items:center}.end-turn-btn{font-family:var(--serif);font-size:1rem;letter-spacing:.08em;padding:9px 22px;color:var(--paper);background:linear-gradient(180deg,#b8412f,#962d1f);border:1px solid #7a241b;border-radius:3px;cursor:pointer;box-shadow:inset 0 1px #fff0d240,0 2px 4px #0a070480;transition:transform .08s ease,box-shadow .08s ease}.end-turn-btn:hover{background:linear-gradient(180deg,#c8503c,#a73524)}.end-turn-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0a070466}.trade-btn{margin-left:6px;padding:1px 7px;font-size:.85rem;background:#3a2f22;color:#cdbf9f;border:1px solid #5a4a38;border-radius:3px;cursor:pointer;vertical-align:middle}.trade-btn:hover:not(:disabled){background:#4a3c2a;color:var(--paper)}.trade-btn:disabled{opacity:.4;cursor:not-allowed}.lang-btn{font-family:var(--serif);font-size:.8rem;padding:6px 10px;background:transparent;color:#b8a888;border:1px solid #5a4a38;border-radius:3px;cursor:pointer}.lang-btn:hover{color:var(--paper)}.main{flex:1;display:flex;min-height:0}.map-area{flex:1;position:relative;display:flex;min-width:0}.map-wrap{flex:1;display:flex;position:relative}.zoom-controls{position:absolute;top:14px;right:14px;z-index:10;display:flex;flex-direction:column;gap:5px}.zoom-controls button{width:34px;height:34px;font-family:var(--serif);font-size:1.1rem;line-height:1;background:#221b13e0;color:var(--paper);border:1px solid #4a3c2a;border-radius:4px;cursor:pointer}.zoom-controls button:hover{background:#3a2f22}.map-svg{cursor:grab;touch-action:none}.map-svg:active{cursor:grabbing}.map-svg{width:100%;height:100%;display:block}.province{stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;cursor:pointer;transition:fill-opacity .15s ease}.province:hover{fill-opacity:.92!important}.province.selected{stroke-width:4.5;stroke:#f4e9c9}.lake{fill:#c9c2af;stroke:var(--ink);stroke-width:1.5;pointer-events:none}.province-label{font-family:var(--serif);font-size:19px;fill:#f7efda;paint-order:stroke;stroke:#1e160ed9;stroke-width:3px;text-anchor:middle;letter-spacing:.06em}.province-sub{font-size:15px;fill:#f3e6bd;paint-order:stroke;stroke:#1e160ecc;stroke-width:2.5px;text-anchor:middle}.resource-watermark{font-size:46px;fill:#1e160e29;text-anchor:middle;dominant-baseline:middle}.map-svg.dense .resource-watermark{font-size:32px}.slot-dot{fill:#1e160e59;stroke:#f7efda8c;stroke-width:.6px}.slot-dot.built{fill:#6b4a1f;stroke:#f0d98a;stroke-width:.8px}.slot-letter{font-size:6.5px;font-weight:700;fill:#f7efda;text-anchor:middle}.province-castle{font-size:11px;fill:#f7efda;paint-order:stroke;stroke:#1e160ecc;stroke-width:2px;text-anchor:middle}.log-panel{position:absolute;left:14px;bottom:14px;width:320px;max-height:200px;overflow-y:auto;padding:10px 14px;background:#221b13e0;color:var(--paper);border:1px solid #4a3c2a;border-radius:4px;font-size:.85rem}.log-panel h3{margin:0 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#b8a888}.log-panel ul{margin:0;padding-left:0;list-style:none}.log-panel li{margin-bottom:3px}.log-turn{color:#8d7f63;font-variant-numeric:tabular-nums;margin-right:3px}.replay-bar{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:12px;padding:7px 14px;background:#221b13f0;color:var(--paper);border:1px solid #6b5636;border-radius:6px;font-size:.85rem;box-shadow:0 4px 14px #140f0a80}.replay-bar strong{letter-spacing:.18em;color:#d8b24a}.replay-action{color:#b8a888;font-family:var(--mono, monospace);font-size:.78rem}.replay-controls{display:flex;align-items:center;gap:4px}.replay-controls button{background:#2e251a;color:var(--paper);border:1px solid #5a4a38;border-radius:4px;padding:2px 8px;cursor:pointer}.replay-controls button:disabled{opacity:.4;cursor:default}.side{width:330px;flex-shrink:0;display:flex;flex-direction:column;border-left:3px solid var(--ink);background:var(--paper);min-height:0}.side-tabs{display:flex;border-bottom:2px solid var(--ink)}.side-tab{flex:1;font-family:var(--serif);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;padding:10px 0;background:var(--paper-dark);color:var(--ink-soft);border:none;border-right:1px solid var(--paper-edge);cursor:pointer}.side-tab:last-child{border-right:none}.side-tab.active{background:var(--paper);color:var(--ink);font-weight:700}.side-panel{flex:1;min-height:0;display:flex}.panel{flex:1;overflow-y:auto;padding:18px 20px;background:radial-gradient(ellipse at 30% 0%,#fffaeb80,#fffaeb00 60%),repeating-linear-gradient(-42deg,rgba(90,74,56,.025) 0px,rgba(90,74,56,.025) 2px,transparent 2px,transparent 7px),var(--paper);color:var(--ink);box-shadow:inset 4px 0 10px -6px #140f0a80}.panel::-webkit-scrollbar{width:9px}.panel::-webkit-scrollbar-thumb{background:var(--paper-edge);border-radius:5px;border:2px solid var(--paper)}.panel-title{margin:0 0 2px;font-size:1.5rem;letter-spacing:.08em;border-bottom:2px solid var(--ink);padding-bottom:6px}.panel-owner{margin:8px 0 14px;font-size:.9rem;color:var(--ink-soft)}.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:10px 12px;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:4px;font-size:.9rem}.panel-stats div{display:flex;justify-content:space-between;gap:8px}.panel-stats div span:first-child{color:var(--ink-soft)}.panel-section{margin:18px 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft)}.panel-hint{font-size:.88rem;color:var(--ink-soft);font-style:italic}.resource-list,.building-list{margin:0;padding:0;list-style:none}.resource-list li{display:flex;flex-direction:column;padding:6px 10px;margin-bottom:6px;background:var(--paper-dark);border-left:3px solid var(--accent);border-radius:2px;font-size:.9rem}.resource-list small{color:var(--ink-soft)}.building-list li{padding:5px 10px;margin-bottom:4px;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:2px;font-size:.9rem}.construction{margin-top:10px;padding:8px 10px;border:1px dashed var(--ink-soft);border-radius:3px;font-size:.88rem;display:flex;flex-direction:column;gap:4px}.text-btn{align-self:flex-start;font-family:var(--serif);font-size:.8rem;background:none;border:none;color:var(--accent);cursor:pointer;padding:0;text-decoration:underline}.build-menu{display:flex;flex-direction:column;gap:6px}.build-btn{font-family:var(--serif);display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;background:#f4ecd8;color:var(--ink);border:1px solid var(--ink-soft);border-radius:3px;cursor:pointer;text-align:left}.build-btn:hover:not(:disabled){background:#fff7e0;border-color:var(--ink)}.build-btn:disabled{opacity:.55;cursor:not-allowed}.build-name{font-size:.95rem}.build-cost{font-size:.78rem;color:var(--ink-soft)}.build-error{font-size:.75rem;color:var(--accent)}.build-btn.small{padding:4px 10px;font-size:.82rem}.province.move-target{stroke:#f4e9c9;stroke-dasharray:8 5;stroke-width:4}.order-arrow{stroke:#f4e9c9;stroke-width:3.5;stroke-dasharray:7 5;opacity:.9}.army-marker{cursor:pointer}.banner-pole{stroke:#2b2017;stroke-width:1.8;stroke-linecap:round}.banner-cloth{stroke:#1d1813;stroke-width:1.5;filter:drop-shadow(1px 2px 1.5px rgba(20,15,10,.45))}.army-marker:hover .banner-cloth{filter:drop-shadow(1px 2px 3px rgba(20,15,10,.65)) brightness(1.12)}.army-marker.selected .banner-cloth{stroke:#f4e9c9;stroke-width:2.5}.army-flag{font-size:9px;fill:#f7efda;text-anchor:middle}.army-men{font-size:8px;fill:#f7efda;text-anchor:middle;paint-order:stroke;stroke:#140f0a80;stroke-width:1.5px}.army-comp-bg{fill:#f4e9c9d9;stroke:#140f0a59;stroke-width:.6}.army-glyph{fill:none;stroke:#1d1813;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.army-glyph .ug-fill{fill:#1d1813;stroke:none}.unit-weapon-glyph{width:17px;height:17px;vertical-align:middle;margin-right:3px;fill:none;stroke:#3a2f22;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.unit-weapon-glyph .ug-fill{fill:#3a2f22;stroke:none}.castle-icon .castle-base{fill:#5a4a38;stroke:#2b2017;stroke-width:1}.castle-icon .castle-wall{fill:#f0e6cd;stroke:#2b2017;stroke-width:.8}.castle-icon .castle-roof{fill:#3a4750;stroke:#1d1813;stroke-width:.8}.ink-glyph path{fill:none;stroke:#1e160e8c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.resource-badge{fill:#1e160e8c}.lake-wave{fill:none;stroke:#1e1e2866;stroke-width:1.2;stroke-linecap:round;pointer-events:none}.cartouche rect{fill:#f0e6cdeb;stroke:#2b2017;stroke-width:2}.cartouche-title{font-size:22px;letter-spacing:.35em;fill:#2b2017;text-anchor:middle}.cartouche-sub{font-size:11px;letter-spacing:.18em;fill:#5a4a38;text-anchor:middle;text-transform:uppercase}.grain-overlay{opacity:.14;mix-blend-mode:multiply}.island-base{fill:var(--paper-dark);stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.legendary-icon{font-size:14px;fill:#e8b34b;paint-order:stroke;stroke:#1e160ee6;stroke-width:2.5px;text-anchor:middle}.map-svg.dense .province-label{font-size:11px;stroke-width:2.2px}.map-svg.dense .province-sub{font-size:9px}.map-svg.dense .resource-badge,.map-svg.dense .ink-glyph{display:none}.map-svg.dense .siege-icon,.map-svg.dense .legendary-icon{font-size:11px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#140f0ab3}.menu-panel{width:440px;max-height:84vh;overflow-y:auto;padding:22px 26px;background:var(--paper);border:3px solid var(--ink);border-radius:6px;color:var(--ink);box-shadow:0 12px 40px #0a070499}.menu-panel h2{margin:0 0 8px;letter-spacing:.1em;border-bottom:2px solid var(--ink);padding-bottom:6px}.menu-panel.outcome{text-align:center}.menu-panel.outcome.victory h2{color:#6e8f3e;border-color:#6e8f3e}.menu-panel.outcome.defeat h2{color:var(--accent);border-color:var(--accent)}.menu-panel.outcome .mission-buttons{justify-content:center;margin-top:14px}.save-slot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:3px;font-size:.9rem}.save-slot small{color:var(--ink-soft)}.save-slot-actions{display:flex;gap:10px;flex-shrink:0}.save-slot-actions .text-btn:disabled{opacity:.4;cursor:not-allowed}.menu-close{margin-top:16px;width:100%}.feedback-button{position:fixed;right:18px;bottom:18px;z-index:70;width:52px;height:52px;border-radius:50%;border:2px solid #7a241b;background:linear-gradient(180deg,#b8412f,#962d1f);color:var(--paper);font-size:1.4rem;cursor:pointer;box-shadow:0 3px 10px #0a07048c;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.feedback-button:hover:not(:disabled){transform:scale(1.08)}.feedback-button:disabled{cursor:progress}.feedback-spinner{width:20px;height:20px;border:3px solid rgba(244,233,201,.3);border-top-color:var(--paper);border-radius:50%;animation:feedback-spin .7s linear infinite}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#140f0ab8;padding:20px}.feedback-modal{width:min(760px,96vw);max-height:92vh;overflow-y:auto;padding:18px 22px;background:var(--paper);border:3px solid var(--ink);border-radius:6px;color:var(--ink);box-shadow:0 12px 40px #0a070499}.feedback-modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:12px}.feedback-modal-head h2{margin:0;letter-spacing:.08em}.feedback-close{background:none;border:none;font-size:1.1rem;color:var(--ink-soft);cursor:pointer}.feedback-noshot{font-style:italic;color:var(--ink-soft)}.annotator{margin-bottom:12px}.annotator-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:6px 8px;margin-bottom:8px;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:4px}.annotator-tools,.annotator-colors,.annotator-actions{display:flex;gap:6px;align-items:center}.annotator-colors{margin-right:auto}.annotator-btn{width:32px;height:30px;font-size:1rem;background:#f4ecd8;border:1px solid var(--ink-soft);border-radius:3px;cursor:pointer}.annotator-btn.active{background:var(--ink);color:var(--paper)}.annotator-color{width:24px;height:24px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--ink-soft);cursor:pointer;padding:0}.annotator-color.active{box-shadow:0 0 0 2px var(--ink)}.annotator-stage{position:relative;line-height:0;border:1px solid var(--paper-edge);border-radius:3px;overflow:hidden;background:#1d1813}.annotator-img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.annotator-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.feedback-comment-label{display:block;margin:4px 0;font-size:.9rem;color:var(--ink-soft)}.feedback-comment{width:100%;font-family:var(--serif);font-size:.95rem;color:var(--ink);background:#f4ecd8;border:1px solid var(--ink-soft);border-radius:4px;padding:8px 10px;resize:vertical}.feedback-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 12px;font-size:.82rem}.feedback-count{color:var(--ink-soft)}.feedback-count.short,.feedback-error{color:var(--accent)}.feedback-actions{display:flex;justify-content:flex-end;gap:10px}.feedback-cancel{font-family:var(--serif);font-size:.95rem;padding:8px 16px;background:var(--paper-dark);color:var(--ink);border:1px solid var(--ink-soft);border-radius:3px;cursor:pointer}.feedback-send{font-family:var(--serif);font-size:.95rem;padding:8px 20px;color:var(--paper);background:linear-gradient(180deg,#b8412f,#962d1f);border:1px solid #7a241b;border-radius:3px;cursor:pointer}.feedback-send:disabled{opacity:.5;cursor:not-allowed}.feedback-toast{position:fixed;bottom:84px;right:18px;z-index:95;padding:11px 16px;border-radius:4px;color:var(--paper);font-size:.9rem;box-shadow:0 3px 12px #0a070480}.feedback-toast.ok{background:#4a6e34;border:1px solid #38521f}.feedback-toast.err{background:#962d1f;border:1px solid #7a241b}.army-card{padding:8px 10px;margin-bottom:8px;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:4px;font-size:.88rem}.army-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.army-card-head{display:flex;justify-content:space-between;margin-bottom:6px}.army-units{display:flex;flex-wrap:wrap;gap:4px}.unit-chip{padding:2px 7px;background:#f4ecd8;border:1px solid var(--paper-edge);border-radius:10px;font-size:.8rem;white-space:nowrap}.unit-chip small{color:#a8842c;font-weight:600}.panel-army-count{font-weight:400;color:#8a7a52;font-size:.8em}.unit-move{margin-left:4px;font-size:.7rem;border:1px solid var(--paper-edge);border-radius:6px;background:#fffdf6;color:#3a2c18;cursor:pointer}.unit-chip .ability-icon{margin-left:2px;font-size:.78rem;filter:saturate(.85)}.unit-chip .unit-recovery{color:#b06a4f}.army-actions{margin-top:7px}.army-order{font-size:.85rem;color:var(--ink-soft)}.mission-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.sabotage-flag{grid-column:1 / -1;color:var(--accent);font-weight:700}.hero-stats{margin:4px 0;font-size:.85rem;color:var(--ink-soft)}.hero-wounded{color:var(--accent)}.hero-equipment{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.unit-chip.learned{background:#e3ddc4;color:#5a6e44;border-color:#9aa56f}.skill-tree{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.skill-branch{display:flex;flex-direction:column;gap:3px;min-width:116px;flex:1 1 116px}.skill-branch-head{font-size:.72rem;font-weight:700;color:#6b5836;letter-spacing:.02em;border-bottom:1px solid var(--paper-edge);padding-bottom:2px;margin-bottom:1px}.skill-node{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:3px 6px;border:1px solid var(--paper-edge);border-radius:6px;background:#fffdf6;color:#3a2c18;font-size:.74rem;line-height:1.15;cursor:pointer;text-align:left}.skill-node:disabled{cursor:default;opacity:.55}.skill-node.learned{background:#e3ddc4;color:#4f6238;border-color:#9aa56f;opacity:1}.skill-node.tier-2{border-left:3px solid #bfa14a}.skill-node.tier-3{border-left:3px solid #b5762a}.skill-node-name{font-weight:600}.skill-node-meta{font-size:.62rem;color:#8a7a52}.inventory-item{display:flex;justify-content:space-between;align-items:center;gap:8px}.equip-target{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;color:var(--ink-soft)}.equip-target select{font-family:var(--serif);font-size:.85rem;color:var(--ink);background:#f4ecd8;border:1px solid var(--ink-soft);border-radius:3px;padding:3px 6px}.raid-planner{display:flex;flex-direction:column;gap:6px}.raid-hero{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.siege-icon{font-size:15px;fill:#ff5b45;paint-order:stroke;stroke:#1e160ee6;stroke-width:2.5px;text-anchor:middle}.siege-banner{margin:10px 0;padding:8px 10px;border:2px solid var(--accent);border-radius:4px;background:#a9322614;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.relation-row{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:.85rem;color:var(--ink-soft)}.relation-bar{position:relative;flex:1;height:12px;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:6px;overflow:hidden}.relation-bar:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ink-soft)}.relation-fill{position:absolute;top:0;bottom:0;background:#7da964}.relation-fill.negative{background:#c0392b}.relation-value{position:absolute;width:100%;text-align:center;font-size:.68rem;line-height:12px;color:var(--ink)}.battle-objective{margin:0 0 6px;font-size:.9rem;color:#e8b34b;letter-spacing:.06em}.objective-ring{fill:none;stroke:#e8b34b;stroke-width:2.5;stroke-dasharray:6 4}.general-ring{fill:none;stroke:#d9a441;stroke-width:2;opacity:.85}.general-banner{font-size:13px;text-anchor:middle;pointer-events:none}.facing-marker{fill:#2b2018;opacity:.55;pointer-events:none}.turn-handle{fill:#f4ecd8;stroke:#8a6d3b;stroke-width:1;cursor:pointer;opacity:.8}.turn-handle:hover{fill:#e8b34b;opacity:1}.turn-handle.current{fill:#8a6d3b}.agent-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0;font-size:.85rem}.battle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#5a4a3847,#0000 65%),repeating-linear-gradient(35deg,rgba(244,233,201,.012) 0px,rgba(244,233,201,.012) 2px,transparent 2px,transparent 6px),#16110c;color:var(--paper)}.battle-header{padding:12px 24px;border-bottom:2px solid var(--accent)}.battle-header h2{margin:0 0 6px;font-size:1.3rem;letter-spacing:.1em}.battle-sides{display:flex;gap:24px;align-items:center;font-size:.95rem}.battle-round{color:#b8a888;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em}.battle-body{flex:1;display:flex;min-height:0}.battle-svg{flex:1;height:100%;min-width:0}.battle-hex{stroke:#3a2f22;stroke-width:1.5;transition:filter .1s ease}.battle-unit .token-shape{filter:drop-shadow(1.5px 2.5px 2px rgba(10,7,4,.55))}.battle-hex.reachable{stroke:#f4e9c9;stroke-width:2.5;cursor:pointer;filter:brightness(1.15)}.battle-hex.deploy-zone{stroke:#d8b24a;stroke-width:2.5;stroke-dasharray:6 4;cursor:pointer;filter:brightness(1.08)}.battle-unit{cursor:default}.battle-unit .token-shape{stroke:#1d1813;stroke-width:2}.battle-unit.active .token-shape{stroke:#f4e9c9;stroke-width:3.5}.battle-unit.selectable{cursor:pointer}.battle-unit.deploy-draggable{cursor:grab;touch-action:none}.battle-unit.deploy-draggable:active{cursor:grabbing}.battle-unit.selectable .token-shape{stroke:#d8c89a;stroke-width:3;stroke-dasharray:5 4}.battle-unit.deploy-selected .token-shape{stroke:#d8b24a;stroke-width:4;stroke-dasharray:none;filter:drop-shadow(0 0 4px #d8b24a)}.battle-unit.acted{opacity:.45}.battle-unit.heal-target .token-shape{stroke:#7da964;stroke-width:3.5;cursor:pointer}.battle-unit.smoked{opacity:.55}.smoke-cloud{font-size:13px;text-anchor:middle}.retreat-btn{border-color:var(--accent)!important;color:#ff8d7a!important}.battle-unit.target .token-shape{stroke:#ff5b45;stroke-width:3.5;cursor:crosshair}.battle-hint{font-size:.78rem;color:#b8a888;font-style:italic;margin:6px 0}.battle-legend{border-top:1px solid #4a3c2a;padding-top:8px;font-size:.82rem}.battle-legend h3{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#b8a888}.battle-legend p{margin:3px 0}.battle-legend small{color:#8d7f63}.legend-kanji{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#3a2f22;border-radius:50%;font-size:.8rem}.battle-unit-kanji{font-size:18px;fill:#f7efda;text-anchor:middle}.battle-unit-men{font-size:11px;fill:#f7efda;text-anchor:middle}.battle-unit-mon{font-size:11px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#1d1813;stroke-width:2px}.battle-unit-level{font-size:10px;font-weight:700;fill:#f0d98a;text-anchor:middle;paint-order:stroke;stroke:#1d1813;stroke-width:2px}.battle-unit-fortify{font-size:12px;text-anchor:middle}.battle-panel{width:280px;flex-shrink:0;padding:16px;display:flex;flex-direction:column;gap:12px;border-left:1px solid #4a3c2a;overflow-y:auto}.battle-active-unit h3{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:#b8a888}.battle-active-unit p{margin:4px 0}.battle-unit-stats{font-size:.85rem;color:#b8a888}.battle-panel .build-btn{background:#2e251a;color:var(--paper);border-color:#5a4a38}.battle-panel .build-btn:hover:not(:disabled){background:#3a2f22;border-color:var(--paper-edge)}.auto-resolve{margin-top:auto}.battle-log{max-height:220px;overflow-y:auto;font-size:.82rem;color:#cdbf9f;border-top:1px solid #4a3c2a;padding-top:8px}.battle-log p{margin:3px 0}.battle-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#140f0ad1}.battle-result h2{font-size:1.6rem;letter-spacing:.1em;color:var(--paper)}.hero-card{position:relative;min-height:92px;padding-left:92px}.hero-portrait{position:absolute;left:8px;top:8px;width:76px;height:76px;object-fit:cover;object-position:top center;border-radius:4px;border:1px solid var(--paper-edge);background:#f4ecd8}.unit-icon{display:inline-block;width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:3px}.battle-active-art{display:block;width:100%;max-width:180px;margin:0 auto 6px;border-radius:4px;background:#f4ecd8;border:1px solid #4a3c2a}.legend-row{display:flex;align-items:center;gap:6px}.legend-icon{width:24px;height:24px;object-fit:contain;background:#f4ecd8;border-radius:3px}.lobby-screen{min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:24px 12px 48px;background:radial-gradient(circle at 50% -10%,#3a3024,#1d1813 60%);overflow-y:auto}.lobby-panel{width:100%;max-width:540px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:8px;box-shadow:0 10px 40px #00000080;padding:20px 22px 26px;color:var(--ink)}.lobby-title{font-size:1.5rem;margin:0 0 14px;color:var(--accent);border-bottom:2px solid var(--paper-edge);padding-bottom:8px}.lobby-section{margin:18px 0}.lobby-section h2{font-size:1.05rem;margin:0 0 8px;color:var(--ink)}.lobby-count{color:var(--ink-soft);font-weight:400;font-size:.9rem}.lobby-hint{font-size:.85rem;color:var(--ink-soft);margin:4px 0}.lobby-hint.warn{color:var(--accent)}.lobby-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--paper-edge);border-radius:4px;background:#f4ecd8;color:var(--ink);font-family:var(--serif);font-size:.9rem}.lobby-link-row,.lobby-share-row{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}.share-wa{background:#25d366!important;color:#08381b!important}.share-tg{background:#2aabee!important;color:#06304a!important}.lobby-seats{list-style:none;margin:8px 0;padding:0}.lobby-seat{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--paper-edge);border-radius:4px;margin-bottom:6px;background:var(--paper-dark)}.lobby-seat.taken{opacity:.85}.lobby-seat.mine{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.seat-clan{font-weight:700;flex:1}.seat-state{font-size:.85rem;color:var(--ink-soft)}.lobby-join-name{margin:10px 0}.lobby-me{margin:12px 0;padding:10px 12px;background:var(--paper-dark);border-radius:4px}.lobby-resume{margin-top:8px}.lobby-error{color:#fff;background:var(--accent);padding:8px 10px;border-radius:4px;font-size:.88rem;margin:10px 0}.lobby-home{margin-top:16px}.lobby-version{margin-top:14px;font-size:.75rem;color:var(--ink-soft);text-align:right}.mp-bar{display:flex;align-items:center;gap:12px;padding:6px 14px;background:#2b2017;color:#ece3cd;border-bottom:2px solid var(--accent);font-size:.9rem}.mp-bar.my-turn{background:#3a2e1c;border-bottom-color:#d4af37}.mp-bar-status{font-weight:700}.mp-bar-error{color:#ffb4a8}.mp-bar-leave{margin-left:auto;color:#ece3cd;text-decoration:underline}