:root{--ink: #1a1714;--parchment: #e8dfc8;--mist: #9aa7b2;--ember: #c45c26;--deep: #0c1218;--men-p: #1e4d8c;--men-s: #f5f7fa;--orcs-p: #8b0000;--orcs-s: #1a1a1a;--elves-p: #2d6a4f;--elves-s: #7b2cbf;--dwarves-p: #6b4226;--dwarves-s: #e6b800;--font-body: "Source Sans 3", sans-serif;--font-display: "Cinzel", serif;--text-display: clamp(3rem, 10vw, 6rem);--text-subtitle: clamp(1rem, 2.5vw, 1.4rem);--text-title: 1.35rem;--text-heading: 1.15rem;--text-body: 1rem;--text-label: .875rem;--text-caption: .8rem;--track-display: .08em;font-family:var(--font-body);font-size:var(--text-body);line-height:1.45;color:var(--parchment);background:var(--deep)}h1,h2,h3,button,.subtitle,.welcome-card figcaption{font-family:var(--font-display);letter-spacing:var(--track-display)}h2{font-size:var(--text-title);font-weight:600}h3{font-size:var(--text-heading);font-weight:600}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%}button,select{font:inherit;cursor:pointer}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2;background:transparent;color:var(--parchment);border:1px solid rgba(232,223,200,.4);border-radius:2px;padding:.7rem 1.2rem}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(45,106,79,.25),transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(30,77,140,.28),transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(139,0,0,.18),transparent 50%),linear-gradient(160deg,#0b1520,#1a120c 55%,#0e1a14);z-index:0}.screen>*{position:relative;z-index:1}.brand{font-size:var(--text-display);letter-spacing:.12em;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.55);animation:rise 1s ease-out both}.subtitle{font-size:var(--text-subtitle);opacity:.85;margin:.4rem 0 1.5rem;letter-spacing:.08em;animation:rise 1.2s ease-out both}.tagline{max-width:28rem;text-align:center;opacity:.8;margin-bottom:2rem;animation:rise 1.4s ease-out both}.screen.welcome{justify-content:flex-start;padding-top:1rem;padding-bottom:1.25rem}.screen.welcome .brand{line-height:.95}.screen.welcome .subtitle{margin:.15rem 0 .75rem}.welcome-layout{display:flex;align-items:center;justify-content:center;gap:3rem;animation:rise 1.3s ease-out both}.screen.welcome .menu-list{min-width:min(16rem,34vw);flex:0 0 auto}.welcome-showcase{display:flex;flex-direction:column;align-items:center}.welcome-alliances{display:flex;gap:1rem;margin:0 0 1.15rem}.welcome-card{margin:0;width:148px;text-align:center}.welcome-frame{position:relative;height:184px}.welcome-town,.welcome-general{display:block;object-fit:cover;border:1px solid #c9a66b;background:#12100e}.welcome-town{width:148px;height:148px}.welcome-general{position:absolute;left:50%;bottom:0;width:76px;height:76px;transform:translate(-50%);object-position:center 18%;border-width:2px;box-shadow:0 8px 18px #00000080}.welcome-card figcaption{margin-top:.35rem;font-size:var(--text-label)}.welcome-general-name{font-size:var(--text-caption);opacity:.75;margin-top:.1rem}.screen.welcome .tagline{margin-bottom:0}@media(max-width:980px){.welcome-layout{flex-direction:column;align-items:center;gap:1.5rem}.screen.welcome .menu-list{width:min(20rem,90vw)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cta{background:linear-gradient(180deg,#d9a066,#a85b2a);color:#1a120c;border:1px solid transparent;padding:.85rem 2.2rem;border-radius:2px;font-weight:700;box-shadow:0 8px 24px #00000059}.screen>.cta{animation:rise 1.6s ease-out both}.cta:hover{filter:brightness(1.08)}.menu-list{display:flex;flex-direction:column;gap:.75rem;min-width:min(20rem,90vw)}.menu-list button{background:transparent;border:1px solid rgba(232,223,200,.35);color:var(--parchment);padding:.85rem 1rem;text-align:left;transition:background .2s,border-color .2s}.menu-list button:hover:not(:disabled){background:#e8dfc814;border-color:#e8dfc8b3}.menu-list button:disabled{opacity:.35;cursor:not-allowed}.panel{width:min(920px,96vw);background:#0c1218e0;border:1px solid rgba(232,223,200,.25);padding:1.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel.new-game{width:min(1180px,98vw);padding:.85rem 1rem .75rem}.panel h2{margin-top:0}.new-game-title{display:flex;align-items:center;gap:.35rem;margin-bottom:.55rem}.new-game-title h2{margin:0}.setup-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.player-rows{display:flex;flex-direction:column;gap:.55rem;margin-top:.7rem}.player-row{display:flex;align-items:center;gap:1.15rem;padding:.45rem .75rem;border-radius:4px;border:2px solid var(--seat, #1e4e8c);background:#080c1073;box-shadow:inset 0 0 0 1px #00000073}.seat-banner{width:30px;height:72px;flex:0 0 auto;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.seat-banner-slot{width:36px;align-self:stretch;position:relative}.seat-banner-slot .seat-banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.picker{display:grid;grid-template-columns:1.7rem 72px 1.7rem;column-gap:.35rem;justify-items:center;align-items:center}.picker-controls{display:contents}.picker-controls>.picker-arrow:first-child{grid-column:1;grid-row:2}.picker-controls>.picker-frame{grid-column:2;grid-row:2}.picker-controls>.picker-arrow:last-child{grid-column:3;grid-row:2}.ai-note{margin:1.15rem 0 0;opacity:.8;font-size:var(--text-caption)}.picker .label-help{grid-column:1 / -1;grid-row:1;justify-content:center;margin-bottom:.22rem}.picker .label-text{position:relative;display:inline-block;font-size:var(--text-label);letter-spacing:0;text-align:center}.picker-arrow{width:1.7rem;height:72px;padding:0;background:#121820;color:var(--parchment);border:1px solid rgba(232,223,200,.35);font-size:var(--text-title);line-height:1}.picker-arrow:disabled{opacity:.35;cursor:not-allowed}.picker-frame{width:72px;height:72px;border:1px solid #c9a66b;background:#151b24;overflow:hidden}.picker-frame img{width:72px;height:72px;object-fit:cover;object-position:center;display:block}.picker-caption{grid-column:1 / -1;grid-row:3;margin-top:.22rem;text-align:center;font-size:var(--text-caption);line-height:1.2}.field label{display:block;font-size:inherit;opacity:.75;margin-bottom:0}.field select,.field .option-row{width:100%;background:#121820;color:var(--parchment);border:1px solid rgba(232,223,200,.3);padding:.55rem .65rem}.alliance-men{background:linear-gradient(160deg,var(--men-p),#0f2748);color:var(--men-s)}.alliance-orcs{background:linear-gradient(160deg,var(--orcs-p),var(--orcs-s));color:#eee}.alliance-elves{background:linear-gradient(160deg,var(--elves-p),var(--elves-s));color:#f3e9ff}.alliance-dwarves{background:linear-gradient(160deg,var(--dwarves-p),#3d2614);color:var(--dwarves-s)}.modal,.help-bubble{background:#16120e;border:1px solid #c9a66b;color:var(--parchment);box-shadow:0 12px 30px #00000073}.help-bubble{position:fixed;z-index:50;max-width:320px;padding:1.25rem 1.5rem;font-size:var(--text-body)}.modal h3,.help-bubble h3{margin:0 0 .5rem}.help-bubble div+div{margin-top:.2rem}.help-figures{display:flex;gap:.45rem;width:fit-content;margin-top:.45rem}.help-figures img{width:72px;height:72px;object-fit:cover;object-position:center;border:1px solid #c9a66b;display:block}.setting-row{display:flex;align-items:center;gap:.55rem;margin:.7rem 0;font-size:var(--text-body);line-height:1.2}.setting-name{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-body);font-size:var(--text-body)}.settings-form .setting-control[type=checkbox]{order:-1}.setting-row label{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:0}.modal.settings-modal{width:26rem}.modal.settings-modal .settings-form{width:100%}.modal.settings-modal .setting-row{width:100%;gap:1rem}.modal.settings-modal .setting-name{justify-content:flex-start}.modal.settings-modal .setting-control{order:0;margin-left:auto;flex:0 0 auto}.setting-select{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:0;background:#121820;color:var(--parchment);border:1px solid rgba(232,223,200,.3);padding:.35rem .55rem}.label-help{display:flex;align-items:center;gap:.35em;font-size:var(--text-label);line-height:1.2}.field .label-help{margin-bottom:.35rem}.picker .label-text .help-icon{position:absolute;left:calc(100% + .35em);top:50%;transform:translateY(-50%);margin:0}.help-icon{width:1.15em;height:1.15em;min-width:1.15em;min-height:0;padding:0;margin:0;border-radius:50%;border:1px solid #c9a66b;color:#c9a66b;background:transparent;box-shadow:none;font-family:inherit;font-size:1em;font-weight:600;letter-spacing:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle}.row-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.modal .row-actions button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}.panel.new-game .row-actions{margin-top:.65rem}.ghost{background:transparent;border:1px solid rgba(232,223,200,.4);color:var(--parchment);padding:.85rem 1.4rem;box-shadow:none}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}#game-root>canvas:not(.iso-play){position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#game-root .iso-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:grab}#game-root .iso-play.is-panning{cursor:grabbing}#minimap{position:fixed;left:.75rem;bottom:.75rem;z-index:6;width:200px;height:200px;overflow:hidden;border:1px solid rgba(201,166,107,.75);background:#000;box-shadow:0 2px 12px #0000008c;cursor:pointer;touch-action:none}#minimap canvas{display:block;width:100%;height:100%}.minimap-view{position:absolute;box-sizing:border-box;border:1px solid #f4efe4;background:#f4efe429;pointer-events:none}.minimap-zoom{position:absolute;top:.28rem;left:.28rem;z-index:2;pointer-events:none;padding:.02rem .32rem;color:var(--parchment);font-family:var(--font-body);font-size:var(--text-caption);line-height:1.3;background:#0a0e12d1;border:1px solid rgba(232,223,200,.45)}#hud{--dock-gap: .75rem;--dock-column: 200px;--minimap-reserve: var(--dock-column);position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}#minimap.is-collapsed{display:none}.hud-messages,.hud-hero-row,.hud-actions,.minimap-dock{pointer-events:auto}.hud-messages{position:absolute;z-index:6;left:var(--dock-gap);top:var(--dock-gap);width:var(--dock-column);bottom:calc(var(--dock-gap) + var(--minimap-reserve) + .4rem);display:flex;flex-direction:column;min-height:0;background:#0a0e12d1;border:1px solid rgba(232,223,200,.25)}.hud-hero-row{position:absolute;z-index:6;top:var(--dock-gap);left:calc(var(--dock-gap) + var(--dock-column) + .55rem);display:flex;align-items:center;gap:.4rem;width:max-content;max-width:calc(100vw - var(--dock-column) - 8.5rem);padding:.28rem .35rem .28rem .28rem;background:#0a0e12d1;border:1px solid rgba(232,223,200,.25)}.hud-hero-row img{width:48px;height:48px;object-fit:cover;display:block}.hud-actions{position:absolute;z-index:6;top:var(--dock-gap);right:var(--dock-gap);display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;padding:.28rem;background:#0a0e12d1;border:1px solid rgba(232,223,200,.25)}.hud-actions .cta,.hud-actions .ghost{width:100%;padding:.28rem .55rem;font-size:var(--text-caption);letter-spacing:.04em;box-shadow:none}.minimap-dock{position:absolute;z-index:7;left:var(--dock-gap);bottom:var(--dock-gap);width:var(--dock-column);height:var(--dock-column);pointer-events:none}.minimap-dock .hud-collapse,.minimap-dock .hud-pill{pointer-events:auto}.hud-hero-body,.hud-action-body{display:flex;align-items:center;gap:.55rem}.hud-action-body{flex-direction:column;align-items:stretch;align-self:stretch;gap:.28rem;min-width:7.4rem}.hud-hero-row .hud-collapse,.hud-actions .hud-collapse{position:static;flex:0 0 auto}.hud-hero-row .hud-hero-body{order:1}.hud-hero-row .hud-collapse{order:2}.hud-hero-body .seat-banner-slot{width:20px;height:48px;align-self:center}.hud-collapse{position:absolute;top:.2rem;right:.2rem;z-index:1;width:1.15rem;height:1.15rem;padding:0;line-height:1;font-family:var(--font-body);letter-spacing:0;color:var(--parchment);background:#0a0e12e6;border:1px solid rgba(232,223,200,.45);border-radius:0;cursor:pointer}.hud-pill{display:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:.4rem;font-family:var(--font-body);letter-spacing:0;font-size:var(--text-caption);color:var(--parchment);background:#0a0e12d1;border:1px solid rgba(232,223,200,.45);border-radius:0;padding:.18rem .5rem .18rem .18rem;cursor:pointer}.hud-pill-label{order:1}.hud-expand{order:0;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:1px solid rgba(232,223,200,.45);border-radius:0;line-height:1;font-size:.95rem;flex:0 0 auto}#hud:not(.show-messages) .hud-messages,#hud:not(.show-hero) .hud-hero-row,#hud:not(.show-actions) .hud-actions,#hud:not(.show-minimap) .minimap-dock{width:auto;height:auto;padding:0;background:transparent;border:none}#hud:not(.show-messages) .hud-messages{bottom:auto}#hud:not(.show-messages) .hud-messages .event-log,#hud:not(.show-messages) .hud-messages .hud-collapse,#hud:not(.show-hero) .hud-hero-row .hud-hero-body,#hud:not(.show-hero) .hud-hero-row .hud-collapse,#hud:not(.show-actions) .hud-actions .hud-action-body,#hud:not(.show-actions) .hud-actions .hud-collapse,#hud:not(.show-minimap) .minimap-dock .hud-collapse,#hud.show-messages .hud-messages .hud-pill,#hud.show-hero .hud-hero-row .hud-pill,#hud.show-actions .hud-actions .hud-pill,#hud.show-minimap .minimap-dock .hud-pill{display:none}#hud:not(.show-messages) .hud-messages .hud-pill,#hud:not(.show-hero) .hud-hero-row .hud-pill,#hud:not(.show-actions) .hud-actions .hud-pill,#hud:not(.show-minimap) .minimap-dock .hud-pill{display:inline-flex}.event-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.35rem 1.4rem .35rem .5rem;color:var(--parchment);font-size:var(--text-caption);line-height:1.4}.event-line{overflow-wrap:anywhere}.resources{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;font-size:var(--text-label)}.res{display:inline-flex;align-items:center;gap:.28rem}.res img{width:22px;height:22px;object-fit:contain;display:block}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.modal{padding:1.25rem 1.5rem;min-width:min(360px,92vw)}.modal-figures{display:flex;align-items:center;gap:.65rem;margin-top:.75rem}.modal-figures.has-plate{width:fit-content;padding:.5rem;border-radius:2px}.modal-figures img{width:72px;height:72px;object-fit:cover;object-position:center;border:1px solid #c9a66b;display:block}.modal.fireplace-modal{width:520px}.modal.windmill-modal{width:420px}.modal.windmill-modal .modal-figures img{width:160px;height:160px;object-fit:contain;background:#00000047}.fireplace-gifts{display:flex;justify-content:center;gap:1.25rem;margin-top:.85rem}.fireplace-gifts span{display:flex;flex-direction:column;align-items:center;gap:.2rem}.fireplace-gifts img{width:48px;height:48px;object-fit:contain}.modal p{margin:.35rem 0 0;line-height:1.45;white-space:pre-line}.modal.end-modal{width:min(760px,94vw);max-height:min(88vh,720px);overflow:auto}.modal-head{display:flex;align-items:center;gap:.75rem}.modal-head h3{margin:0}.modal-head .seat-banner{width:22px;height:46px}.modal.kingdom-modal{width:920px;max-height:720px;overflow:auto}.kingdom-tabs{display:flex;width:100%;margin-top:1rem}.kingdom-tabs button{flex:1;border-radius:0}.kingdom-tabs button+button{margin-left:-1px}.kingdom-tabs button.is-active{border-color:#c9a66b;color:#f3e6c4;background:#c9a66b24;position:relative;z-index:1}.kingdom-page{display:none;margin-top:.75rem}.kingdom-page.is-active{display:block}.kingdom-page h4{margin:.85rem 0 .45rem;font-family:var(--font-display);font-size:var(--text-heading);letter-spacing:var(--track-display);font-weight:500}.kingdom-row{display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid rgba(201,166,107,.28)}.kingdom-row img{width:64px;height:64px;object-fit:cover;border:1px solid #c9a66b}.kingdom-row-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.kingdom-row-text strong{font-family:var(--font-display);letter-spacing:var(--track-display);font-size:var(--text-heading);font-weight:500}.kingdom-row-text span{color:#cbbfa6;font-size:var(--text-label)}.kingdom-row.is-link,img.is-link,.picker-caption.is-link,.help-bubble [data-hero]{cursor:pointer}.modal.hero-modal{width:520px}.modal.promotion-modal{width:680px}.promotion-kicker{font-family:var(--font-body);letter-spacing:0;font-size:var(--text-label);color:#e4d2a8}.promotion-copy{margin-top:1rem}.promotion-options{display:flex;gap:.75rem;margin-top:1rem}.promotion-option{flex:1;min-width:0;font-family:var(--font-body);letter-spacing:0;text-transform:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.85rem .5rem .75rem;border:1px solid #c9a66b;background:linear-gradient(180deg,#c9a66b29,#c9a66b0d);color:var(--parchment)}.promotion-option:hover{background:#c9a66b3d}.promotion-option .skill-icon{width:96px;height:96px}.promotion-option strong,.promotion-option span{font-family:var(--font-body);letter-spacing:0;text-align:center}.promotion-option strong{font-weight:650;font-size:var(--text-label);color:#f3e6c4}.promotion-option span{font-size:var(--text-caption);color:#cbbfa6}.hero-lead{display:flex;align-items:center;gap:.75rem}.hero-lead .seat-banner{width:22px;height:72px}.hero-lead img{width:72px;height:72px;object-fit:cover;border:1px solid #c9a66b}.hero-who{display:flex;flex-direction:column;gap:.2rem;flex:1}.hero-who h3{margin:0}.hero-who span{color:#cbbfa6}.hero-sheet{display:flex;flex-direction:column;gap:1.05rem;margin-top:1rem}.modal .hero-bio{margin:0;font-family:var(--font-body);letter-spacing:0;line-height:1.45}.hero-attrs{display:flex;flex-wrap:wrap;gap:.5rem}.hero-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .4rem .28rem .75rem;border:1px solid #c9a66b;border-radius:999px;background:linear-gradient(180deg,#c9a66b33,#c9a66b0f);color:#cbbfa6;font-size:var(--text-label)}.hero-pill span{letter-spacing:.01em}.hero-pill strong{color:#f3e6c4;font-variant-numeric:tabular-nums;font-weight:650}.hero-skills{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.9rem 1.15rem}.hero-skill{margin:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:max-content;max-width:9.5rem}.hero-skill-mark{position:relative;width:112px;height:112px}.hero-skill-mark .skill-icon{width:112px;height:112px}.hero-skill figcaption{display:flex;align-items:center;justify-content:center;gap:.3rem;text-align:center;font-size:var(--text-caption);line-height:1.25;color:#f3e6c4}.hero-skill figcaption .help-icon{flex:none}.skill-icon{width:72px;height:72px;flex:none;display:block;object-fit:cover}.skill-rank-row{display:flex;gap:.85rem;margin:.35rem 0 .75rem}.skill-rank{margin:0;display:flex;flex-direction:column;align-items:center;gap:.2rem}.skill-rank .skill-icon{width:88px;height:88px}.skill-rank figcaption{font-size:.75rem;color:#cbbfa6}.kingdom-counts{display:flex;flex-wrap:wrap;gap:.85rem 1rem}.kingdom-count{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:4.25rem}.kingdom-count img{width:42px;height:42px;object-fit:contain}.kingdom-count span{font-family:var(--font-display);letter-spacing:var(--track-display);font-size:var(--text-label)}.end-board{display:flex;flex-direction:column;gap:.55rem;margin-top:.35rem}.end-seat{display:grid;grid-template-columns:56px 56px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.5rem .65rem;border:1px solid rgba(232,223,200,.28);border-left:3px solid var(--seat, #c9a66b);background:#080c108c}.end-seat.is-winner{border-color:#c9a66b;box-shadow:inset 0 0 0 1px #c9a66b59}.end-seat img{width:56px;height:56px;object-fit:cover;border:1px solid #c9a66b;display:block}.end-seat .who{display:flex;flex-direction:column;gap:.12rem;min-width:0}.end-seat .who strong{font-size:var(--text-body)}.end-seat .who>span{font-size:var(--text-caption);opacity:.85}.end-seat .resources{margin-top:.15rem;gap:.2rem .55rem}.end-seat .res img{width:18px;height:18px}.end-seat .score{font-size:1.45rem;font-weight:700;text-align:right;min-width:4.2rem}.end-seat .score span{display:block;margin-top:.1rem;font-size:var(--text-caption);font-weight:400;letter-spacing:.02em}.error{color:#ff8e7a;margin-top:.75rem}html:has(.map-generator-screen),body:has(.map-generator-screen),#app:has(.map-generator-screen){height:auto;min-height:100%}.screen.map-generator-screen{width:100%;height:auto;min-height:100%;justify-content:flex-start;align-items:stretch;overflow:visible;padding:.75rem 0 0;gap:.75rem}.map-generator-screen .panel.new-game{width:100%;max-width:none;flex:0 0 auto}.picker-frame .seat-banner{width:72px;height:72px}.map-generator-seed{margin:0;font-family:var(--font-body);font-size:var(--text-caption);opacity:.8}.map-generator-screen .error{margin:.35rem 0 0}.map-generator-stage{width:100%;flex:none;min-height:520px;overflow:hidden;background:#061018;cursor:grab}.map-generator-stage.is-panning{cursor:grabbing}.map-generator-canvas{display:block;width:100%;height:100%}.screen.art-preview{justify-content:flex-start;align-items:stretch;overflow:auto}.art-sheet{width:100%}.art-preview-title{display:flex;align-items:center;gap:.35rem;margin-bottom:.55rem}.art-preview-title h2{margin:0}.art-note{margin:.75rem 0 1rem;max-width:46rem}.art-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;align-items:start;width:100%}.art-column{display:flex;flex-direction:column;gap:.4rem;width:100%;min-width:0}.art-column h2{margin:0;font-size:1.05rem}.art-column p{margin:0;max-width:24rem;opacity:.8}.art-column canvas{display:block;width:100%;max-width:100%;height:auto;border:1px solid rgba(232,223,200,.35)}.art-sheet h3{margin:.55rem 0 0;font-size:.78rem;font-weight:600}.art-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.art-row figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.15rem}.art-row figcaption{font-size:.75rem}.art-row img{object-fit:contain;background:#00000047}.art-row.terrain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.85rem 1rem;align-items:start}.art-row.terrain figure{width:100%}.art-row.terrain canvas{width:100%;height:auto;background:transparent}.art-row.terrain figcaption{text-align:center}.art-row.towns{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:1.25rem 0;align-items:start}.art-row.towns figure{width:100%}.art-row.towns canvas{width:100%;height:auto;background:transparent}.art-row.towns figcaption{text-align:center}.art-row.mines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.85rem 1rem;align-items:start}.art-row.mines figure{width:100%}.art-row.mines canvas{width:100%;height:auto;background:transparent}.art-row.mines figcaption{text-align:center}.art-row.hero img{width:auto;height:72px}.screen.homepedia-screen{height:100%;justify-content:flex-start;align-items:center;overflow:hidden;padding:1.25rem 2rem 1.5rem;gap:.75rem}.homepedia{width:min(1180px,100%);flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#0c1218e0;border:1px solid #c9a66b;color:var(--parchment)}.homepedia-layout{display:flex;flex:1 1 auto;min-height:0}.homepedia-head{flex:none;display:flex;align-items:center;gap:.35rem;padding:.7rem .85rem .65rem .45rem;background:#16120e;border-bottom:1px solid rgba(201,166,107,.35)}.homepedia-title{margin:0;color:#c9a66b;font-size:var(--text-title);letter-spacing:.06em}.homepedia-toc{width:250px;flex:none;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid rgba(201,166,107,.55);background:#00000038;padding:.55rem .7rem 1.5rem .55rem}.homepedia-back{width:1.75rem;height:1.75rem;padding:0;border:0;color:#c9a66b;display:inline-flex;align-items:center;justify-content:center;flex:none}.homepedia-back svg{width:1.2rem;height:1.2rem}.homepedia-back:hover{color:var(--parchment);background:#c9a66b1f}.homepedia-toc ol{list-style:none;margin:0;padding:0}.homepedia-toc-section>ol{margin:.1rem 0 .55rem .7rem}.homepedia-toc a{display:block;color:var(--parchment);text-decoration:none;padding:.22rem .4rem;border-left:2px solid transparent;font-size:var(--text-caption);line-height:1.3}.homepedia-toc-section>a{font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.04em;color:#c9a66b}.homepedia-toc a:hover,.homepedia-toc a.is-active{color:#c9a66b;border-left-color:#c9a66b;background:#c9a66b1a}.homepedia-article{flex:1 1 auto;min-width:0;overflow:auto;padding-bottom:55%}.homepedia-search{position:sticky;top:0;z-index:2;background:#16120e;border-bottom:1px solid #c9a66b;padding:.85rem 1.25rem}.homepedia-search label{display:flex;flex-direction:column;gap:.35rem;color:#c9a66b;font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.06em}.homepedia-search input{width:100%;font-family:var(--font-body);font-size:var(--text-body);letter-spacing:0;color:var(--parchment);background:#12100e;border:1px solid #c9a66b;border-radius:2px;padding:.55rem .7rem}.homepedia-section,.homepedia-sub{scroll-margin-top:.75rem}.homepedia-section{padding:.2rem 1.35rem .35rem}.homepedia-section h2{margin:1.15rem 0 .2rem;color:#c9a66b}.homepedia-sub h3{margin:.9rem 0 .2rem}.homepedia-body p{margin:.35rem 0 .6rem}.homepedia-figure{display:flex;align-items:flex-start;gap:.85rem;margin:.55rem 0 .8rem}.homepedia-figure img{flex:none;object-fit:contain;background:#00000047;border:1px solid rgba(201,166,107,.45)}.homepedia-figure.is-portrait img,.homepedia-figure.is-building img{width:72px;height:72px}.homepedia-figure.is-mine img{width:96px;height:64px}.homepedia-figure.is-swatch img,.homepedia-figure.is-terrain img{width:56px;height:56px}.homepedia-figure.is-terrain img{object-fit:cover}.homepedia-figure.is-lookout img{width:36px;height:72px}.homepedia-figure.is-windmill img{width:96px;height:96px}.homepedia-figure h4{margin:0;color:#c9a66b;font-family:var(--font-display);font-size:var(--text-label);font-weight:600;letter-spacing:.06em}.homepedia-figure p{margin:.2rem 0 0}.homepedia table{width:100%;border-collapse:collapse;margin:.45rem 0 .75rem}.homepedia th,.homepedia td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid rgba(201,166,107,.35);font-size:var(--text-label)}.homepedia th{color:#c9a66b;font-family:var(--font-display);font-weight:600}.homepedia-empty{margin:1rem 1.35rem}.homepedia-section[hidden],.homepedia-sub[hidden],.homepedia-toc-section[hidden],.homepedia-toc-sub[hidden],.homepedia-empty[hidden]{display:none!important}.modal.homepedia-modal{width:min(1120px,calc(100vw - 3rem));height:720px;max-height:720px;overflow:hidden;display:flex;flex-direction:column;padding:0}.modal.homepedia-modal>h3,.modal.homepedia-modal>.row-actions{flex:none;margin-left:1.5rem;margin-right:1.5rem}.modal.homepedia-modal>.row-actions{padding-bottom:1.15rem}.modal.homepedia-modal>h3{padding-top:1.25rem}.modal.homepedia-modal>.homepedia{width:auto;flex:1 1 auto;min-height:0;overflow:hidden;background:transparent;border:0}