:root{--ink:#ece3d0;--muted:#b7aa8f;--paper:#1a1612;--panel:#221c16ee;--brass:#c9a14a;--brass-dim:#8a6e32;--ember:#c45a32;--line:#3a3126;--shadow:#080705;--display:"Cinzel", "Palatino Linotype", serif;--mono:"Special Elite", "Courier Prime", ui-monospace, monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--brass-dim) var(--shadow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--shadow)}::-webkit-scrollbar-thumb{background:var(--brass-dim);border:1px solid var(--shadow)}::-webkit-scrollbar-thumb:hover{background:var(--brass)}::-webkit-scrollbar-corner{background:var(--shadow)}html,body,#root{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;height:100%;margin:0}input,textarea{-webkit-user-select:text;user-select:text}body{background:radial-gradient(1200px 700px at 10% -10%, #2a2218 0%, transparent 55%), radial-gradient(900px 500px at 110% 20%, #3a2218 0%, transparent 50%), var(--paper);color:var(--ink);font-family:var(--mono);letter-spacing:.01em}button{cursor:pointer;font-family:inherit}.boot{text-align:center;place-content:center;gap:.4rem;min-height:100%;padding:2rem;display:grid}.boot.fail pre{color:var(--ember);text-align:left}.kicker{color:var(--brass);text-transform:uppercase;letter-spacing:.28em;margin:0;font-size:.68rem}h1,h2{font-family:var(--display);margin:0;font-weight:600}.shell{grid-template-columns:20.5rem 1fr;height:100%;min-height:0;display:grid}.kebab,.sheet-backdrop,.sheet-close{display:none}.brand{align-items:center;gap:.7rem;display:flex}.brand h1{font-size:1.25rem}.sigil{color:var(--brass);font-size:1.6rem}.readout{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:.55rem .9rem;margin:0;padding:.85rem 1rem;display:grid}.readout dt{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.62rem}.readout dd{color:var(--ink);min-height:1.15em;margin:.15rem 0 0;font-size:.9rem}.sidebar-actions,.swatch,.tabs button,.claims{color:var(--ink);border:1px solid var(--line);background:#2a241c;border-radius:2px;padding:.4rem .7rem}.sidebar-actions{background:0 0;border:0;flex-wrap:wrap;gap:.35rem;padding:.75rem 1rem;display:flex}.sidebar-actions button{color:var(--ink);border:1px solid var(--line);background:#2a241c;border-radius:2px;padding:.4rem .65rem;font-size:.78rem}.sidebar-actions button:hover,.swatch:hover,.tabs button:hover,.claims:hover{border-color:var(--brass)}.swatch.on,.tabs button.on,.claims.on{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass);color:var(--brass)}.sidebar-actions .danger:hover{border-color:var(--ember);color:#f0c4b0}.sidebar-actions button:disabled{opacity:.45;cursor:default}.jump{grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:.35rem;padding:0 1rem .65rem;display:grid}.jump-label{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.62rem}.jump input{min-width:0;color:var(--ink);border:1px solid var(--line);background:#140f0c;border-radius:2px;padding:.3rem .4rem;font-family:inherit;font-size:.8rem}.jump button{color:var(--ink);border:1px solid var(--line);background:#2a241c;border-radius:2px;padding:.3rem .55rem}.help-panel h2{margin:0 0 .7rem;font-size:1.2rem}.help-panel h3{font-family:var(--display);color:var(--brass);margin:.85rem 0 .25rem;font-size:.95rem}.help-panel p{color:var(--muted);margin:0 0 .45rem;font-size:.75rem;line-height:1.4}.modal-backdrop{z-index:40;background:#080705cc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--brass-dim);width:min(22rem,100%);box-shadow:0 16px 40px var(--shadow);background:linear-gradient(#2b241c 0%,#1b1713 100%);padding:1rem 1.1rem}.modal h2{margin:.2rem 0 .5rem;font-size:1.25rem}.modal p{color:var(--muted);margin:0 0 .85rem;font-size:.8rem;line-height:1.4}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.modal-actions button{color:var(--ink);border:1px solid var(--line);background:#2a241c;border-radius:2px;padding:.4rem .7rem}.modal-actions button.on{border-color:var(--brass);color:var(--brass)}.sidebar{border-right:1px solid var(--brass-dim);min-width:0;min-height:0;box-shadow:8px 0 24px var(--shadow);background:linear-gradient(#2b241c 0%,#1b1713 100%);flex-direction:column;display:flex;overflow:hidden}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.9rem 1rem .7rem;display:flex}.tabs{grid-template-columns:1fr 1fr;gap:.3rem;padding:0 1rem .65rem;display:grid}.tabs button{width:100%;padding:.4rem .3rem;font-size:.72rem}.plan-help,.plan-only{color:var(--muted);margin:0 0 .55rem;font-size:.72rem;line-height:1.35;display:block}.plan-only{color:var(--ink)}.plan-only input{margin-right:.4rem}.plan-menu{border-bottom:1px solid var(--line);margin:0 0 .65rem;padding-bottom:.55rem}.plan-menu-actions{grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem;display:grid}.plan-menu-actions button{color:var(--ink);border:1px solid var(--line);background:#2a241c;border-radius:2px;padding:.35rem .4rem;font-size:.75rem}.plan-menu-actions button:hover{border-color:var(--brass)}.sidebar-body{flex:1;min-height:0;padding:0 1rem 1rem;overflow:auto}.claims{width:100%;margin-bottom:.7rem}.claims:disabled{opacity:.45;cursor:default}.palette{padding:0}.palette-kicker{color:var(--brass-dim);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.62rem}.palette h2{margin:.2rem 0 .9rem;font-size:1.35rem}.palette-grid{gap:.45rem;display:grid}.swatch{text-align:left;grid-template-columns:2.6rem 1fr;align-items:center;gap:.55rem;padding:.35rem .45rem;display:grid}.swatch img{object-fit:contain;image-rendering:auto;width:2.6rem;height:2.6rem}.swatch.erase{grid-template-columns:2.6rem 1fr}.erase-mark{color:var(--ember);place-items:center;font-size:1.4rem;display:grid}.roster{border-top:1px solid var(--line);padding:.85rem}.roster h2{margin:.15rem 0 .55rem;font-size:1.2rem}.roster-add{grid-template-columns:1fr auto;gap:.35rem;margin-bottom:.55rem;display:grid}.roster-add input,.roster select{color:var(--ink);border:1px solid var(--line);background:#140f0c;border-radius:2px;padding:.3rem .4rem;font-family:inherit;font-size:.75rem}.roster-add button,.guild-chips button{color:var(--ink);border:1px solid var(--line);background:#2a241c;border-radius:2px;padding:.3rem .5rem}.roster-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.roster-list li{border:1px solid var(--line);gap:.3rem;padding:.35rem;display:grid}.roster-list li.on{border-color:var(--brass)}.roster-pick{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;display:flex}.roster-tag{font-size:.85rem}.roster-dot{border-radius:1px;flex:none;width:.7rem;height:.7rem}.roster-colors{flex-wrap:wrap;gap:.2rem;display:flex}.roster-colors button{border:1px solid #0006;width:.85rem;height:.85rem;padding:0}.roster-colors button.on{box-shadow:0 0 0 1px var(--brass)}.roster-remove{color:var(--ember);background:0 0;border:0;justify-self:end;padding:0 .2rem}.guild-chips{flex-wrap:wrap;gap:.3rem;margin:0 0 .55rem;display:flex}.guild-chips button{align-items:center;gap:.3rem;font-size:.7rem;display:flex}.guild-chips button.on,.roster-add button:hover,.guild-chips button:hover{border-color:var(--brass)}.guild-chips .muted{color:var(--muted)}.map-wrap{touch-action:none;min-width:0;min-height:0;position:relative;overflow:hidden}.map-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.map-canvas:active{cursor:grabbing}.hint{color:var(--muted);border:1px solid var(--line);pointer-events:none;background:#140f0ccc;margin:0;padding:.25rem .55rem;font-size:.7rem;position:absolute;bottom:.6rem;left:.8rem}.hex-menu-backdrop{z-index:20;position:fixed;inset:0}.hex-menu{z-index:21;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:var(--panel);border:1px solid var(--brass-dim);width:16em;max-height:min(42em,100vh - 1.5rem);box-shadow:0 12px 32px var(--shadow);padding:.85em .8em;font-size:clamp(1rem,.72rem + .7vw,1.35rem);position:fixed;overflow:auto}.hex-menu h2{margin:.15em 0 .45em;font-size:1.55em}.hex-menu .palette-kicker{font-size:.72em}.hex-menu .swatch{grid-template-columns:2.6em 1fr;gap:.55em;padding:.4em .5em}.hex-menu .swatch img,.hex-menu .erase-mark{width:2.6em;height:2.6em}.hex-menu .erase-mark{font-size:1.4em}.hex-menu-overlay{color:var(--muted);margin:0 0 .5em;padding:0;font-size:.82em;line-height:1.35;list-style:none}.hex-menu-stamp{color:var(--brass);margin:0 0 .5em;font-size:.82em}.hex-menu .plan-menu{margin:0 0 .65em;padding-bottom:.55em}.hex-menu .plan-menu-actions{gap:.35em;margin-bottom:.45em}.hex-menu .plan-menu-actions button{padding:.4em .45em;font-size:.88em}.hex-menu .roster-add{grid-template-columns:minmax(0,1fr) auto;gap:.4em;margin-bottom:.45em}.hex-menu .roster-add input,.hex-menu .roster-add button{min-width:0;padding:.35em .45em;font-size:.88em}.hex-menu .guild-chips{gap:.35em;margin:0 0 .55em}.hex-menu .guild-chips button{padding:.35em .5em;font-size:.82em}.hex-menu .roster-dot{width:.7em;height:.7em}.hex-menu .palette-grid{gap:.45em}.kebab{z-index:25;background:var(--panel);border:1px solid var(--brass-dim);width:2.6rem;height:2.6rem;box-shadow:0 6px 18px var(--shadow);place-items:center;gap:.28rem;display:none;position:fixed;top:.7rem;left:.7rem}.kebab span{background:var(--brass);width:1.05rem;height:2px;display:block}.sheet-close{color:var(--muted);background:0 0;border:0;padding:0 .2rem;font-size:1.6rem;line-height:1}@media (width<=800px){.shell{grid-template-columns:1fr}.kebab{display:grid}.shell:has(.sidebar.open) .kebab{display:none}.sheet-backdrop{z-index:28;background:#080705cc;display:block;position:fixed;inset:0}.sheet-close{display:block}.sidebar{z-index:30;border-right:1px solid var(--brass-dim);width:min(20.5rem,92vw);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{box-shadow:12px 0 40px var(--shadow);transform:none}.map-wrap{min-height:100%}.hex-menu{width:13.5rem;max-height:min(28rem,100vh - 1rem);padding:.75rem .7rem;font-size:.85rem}.hex-menu h2{font-size:1.35em}}