:root{color:#eee8db;font-synthesis:none;--surface:#171510;--surface-raised:#201d17;--line:#373127;--line-bright:#574a36;--muted:#9f9788;--gold:#c7984a;--gold-soft:#e1c27f;background:#0e0d0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}.loading-screen,.auth-shell{background:radial-gradient(circle at 50% 20%,#3c332250,#0000 35%),linear-gradient(#0d0c0ae8,#0d0c0af7),repeating-linear-gradient(60deg,#c7984a12 0 1px,#0000 1px 42px);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.loading-screen{color:var(--muted)}.auth-card{border:1px solid var(--line-bright);background:#15130ff2;width:min(100%,27rem);padding:2.25rem;box-shadow:0 1.5rem 5rem #000b}.auth-brand{color:#17130c;background:var(--gold);clip-path:polygon(50% 0,92% 25%,84% 78%,50% 100%,16% 78%,8% 25%);place-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;font-weight:800;display:grid}.auth-card h1{margin-bottom:.75rem;font-size:clamp(1.8rem,7vw,2.5rem)}.auth-copy{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.auth-card form,.auth-card label{gap:.6rem;display:grid}.auth-card form{gap:1rem}.auth-card label{color:#d7cebd;font-size:.78rem;font-weight:700}.auth-card input{border:1px solid var(--line-bright);color:#f3eee4;width:100%;font:inherit;background:#0d0c0a;border-radius:0;padding:.8rem .9rem}.auth-card input:focus{outline:2px solid var(--gold-soft);outline-offset:1px}.primary-button{color:#17130c;background:var(--gold);cursor:pointer;border:1px solid #dfb868;margin-top:.25rem;padding:.85rem 1rem;font-weight:800}.primary-button:disabled{cursor:wait;opacity:.65}.auth-error{color:#f0b7b7;background:#381a1a;border-left:2px solid #bf5656;margin:0;padding:.7rem .8rem;font-size:.78rem}.game-shell{background:#11100d;grid-template:4.25rem minmax(0,1fr)/17.5rem minmax(32rem,1fr) 19rem;min-height:100vh;display:grid}.game-shell--player{grid-template-columns:17.5rem minmax(32rem,1fr)}.topbar{border-bottom:1px solid var(--line);background:#12110e;grid-column:1/-1;grid-template-columns:17.5rem 1fr 19rem;align-items:center;display:grid}.topbar--player{grid-template-columns:17.5rem 1fr auto}.brand,.gm-profile{align-items:center;height:100%;padding:0 1rem;display:flex}.brand{border-right:1px solid var(--line);letter-spacing:.04em;gap:.75rem;font-family:Georgia,serif;font-size:1.25rem;font-weight:700}.brand-mark{color:#17130c;background:var(--gold);clip-path:polygon(50% 0,92% 25%,84% 78%,50% 100%,16% 78%,8% 25%);place-items:center;width:2.25rem;height:2.25rem;font:700 .7rem/1 ui-sans-serif,sans-serif;display:grid}.session-status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-self:center;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.status-dot{background:#d39c42;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 .75rem #d39c4277}.gm-profile{border-left:1px solid var(--line);justify-content:flex-end;gap:.75rem}.gm-role{color:var(--muted);font-size:.75rem}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;width:2rem;height:2rem}.party-panel,.master-panel{background:var(--surface);min-height:0;padding:1rem;overflow-y:auto}.party-panel{border-right:1px solid var(--line)}.master-panel{border-left:1px solid var(--line)}.panel-heading,.section-title,.member-name-row{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .2rem;font-size:.65rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{margin-bottom:0;font-family:Georgia,serif;font-weight:500}h1{font-size:1.65rem}h2{font-size:1.35rem}h3{letter-spacing:.08em;text-transform:uppercase;margin-bottom:0;font-size:.8rem}.count-badge,.lock-mark{border:1px solid var(--line-bright);width:1.75rem;height:1.75rem;color:var(--gold-soft);place-items:center;font-size:.75rem;display:grid}.party-list{gap:.45rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.party-member{background:#1c1914;border:1px solid #0000;gap:.7rem;padding:.7rem;display:flex}.party-member:hover{border-color:var(--line-bright)}.avatar{border:1px solid #ffffff25;flex:0 0 2.5rem;place-items:center;height:2.5rem;font:700 1rem/1 Georgia,serif;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--violet{background:#49355a}.avatar--forest{background:#334833}.avatar--wine{background:#5a2932}.avatar--gold{background:#705629}.avatar--copper{background:#5a3d2b}.avatar--ember{background:#6a2f22}.member-summary{flex:1;min-width:0}.member-name-row{gap:.5rem;font-size:.8rem}.member-name-row span,.player-name{color:var(--muted);font-size:.68rem}.member-experience{color:var(--gold-soft);margin-top:.4rem;font-size:.65rem;display:block}.party-empty{border:1px dashed var(--line-bright);color:var(--muted);gap:.35rem;margin:1.25rem 0;padding:1rem;font-size:.7rem;line-height:1.5;display:grid}.party-empty strong{color:#d9d1c4;font-size:.78rem}.player-name{margin-top:.12rem;display:block}.secondary-button{border:1px solid var(--line-bright);cursor:pointer;background:0 0;width:100%;padding:.65rem;font-size:.75rem}.secondary-button:disabled,.section-title button:disabled{cursor:not-allowed;opacity:.45}.board-area{background:#0f0e0c;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.board-toolbar{z-index:2;pointer-events:none;background:linear-gradient(#0d0c0ae8,#0000);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:absolute;top:0;left:0;right:0}.round-indicator{color:var(--muted);text-transform:uppercase;align-items:baseline;gap:.5rem;font-size:.7rem;display:flex}.round-indicator strong{color:var(--gold-soft);font-size:1.4rem}.board{background-color:#25251e;background-image:linear-gradient(30deg,#b8975220 12%,#0000 12.5% 87%,#b8975220 87.5%),linear-gradient(150deg,#b8975220 12%,#0000 12.5% 87%,#b8975220 87.5%),linear-gradient(30deg,#b8975220 12%,#0000 12.5% 87%,#b8975220 87.5%),linear-gradient(150deg,#b8975220 12%,#0000 12.5% 87%,#b8975220 87.5%),linear-gradient(60deg,#07080680 25%,#0000 25.5% 75%,#07080680 75%);background-position:0 0,0 0,2.4rem 4.2rem,2.4rem 4.2rem,0 0;background-size:4.8rem 8.4rem;grid-row:1/-1;min-height:30rem;position:relative;overflow:hidden}.board-background{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.board:before{content:none}.hex-board{z-index:2;width:100%;height:100%;position:absolute;inset:0}.hex-cells polygon{fill:#0708060a;stroke:#ead08d80;stroke-width:1.2px;vector-effect:non-scaling-stroke}.hex-board--interactive .hex-cells polygon{cursor:crosshair}.hex-board--interactive .hex-cells polygon:hover,.hex-board--interactive .hex-cells polygon:focus-visible{fill:#d4a95542;stroke:#ffe5a6;stroke-width:2px;outline:none}.board-tokens{pointer-events:none}.token-ring{fill:#17130c;stroke:#f0cf84;stroke-width:5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 5px #000a)}.token-ring--enemy{stroke:#c4453c}.enemy-token{pointer-events:auto}.enemy-token:focus-visible{outline:none}.enemy-token:focus-visible .token-ring--enemy{stroke:#ffd0c8}.enemy-health-track{fill:#2a1412}.enemy-health-fill{fill:#d45148}.token-initial{fill:#f6e8c6;font:700 34px/1 Georgia,serif}.board:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 45% 45%,#0000 0 18%,#0809078c 72%,#080907e8 100%);position:absolute;inset:0}.board-message{z-index:2;color:var(--muted);text-align:center;justify-items:center;gap:.45rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-message strong{color:#ddd3c2;font-family:Georgia,serif;font-size:1.1rem}.board-message span:last-child{font-size:.75rem}.rune{color:var(--gold);font-size:2rem}.action-dock{z-index:3;border:1px solid var(--line-bright);background:#14120fee;gap:.35rem;padding:.35rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.action-dock button{cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.65rem .8rem;font-size:.72rem;display:flex}.action-dock button:hover{background:var(--surface-raised)}.action-dock button:disabled{cursor:not-allowed;opacity:.45}.attack-form{align-items:center;gap:.35rem;display:flex}.attack-form select{border:1px solid var(--line-bright);color:#eee8db;background:var(--surface);max-width:8.5rem;font:inherit;padding:.45rem;font-size:.72rem}.attack-result{color:var(--gold-soft);margin:0 0 .6rem;font-size:.85rem}.action-dock span{color:var(--gold-soft)}.dice-controls{align-items:center;gap:.45rem;display:flex;position:relative}.dice-form{border:1px solid var(--line-bright);background:#14120f;gap:.65rem;min-width:16rem;padding:.8rem;display:grid;position:absolute;bottom:calc(100% + .65rem);left:0;box-shadow:0 .8rem 2rem #0009}.dice-form label{color:var(--muted);gap:.3rem;font-size:.68rem;display:grid}.dice-form select{border:1px solid var(--line-bright);color:#eee8db;min-width:0;font:inherit;background:#0b0a09;padding:.5rem}.dice-pending,.dice-result{max-width:13rem;color:var(--gold-soft);margin:0;font-size:.68rem;line-height:1.35}.master-section{border-top:1px solid var(--line);margin-top:1.35rem;padding-top:1rem}.section-title{margin-bottom:.7rem}.section-title button{color:var(--gold-soft);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.empty-state{border:1px dashed var(--line-bright);color:var(--muted);text-align:center;justify-items:center;padding:1.5rem .75rem;display:grid}.empty-state--compact{padding:1rem .75rem}.empty-state>span{color:var(--gold);font-size:1.5rem}.empty-state strong{color:#d9d1c4;margin-top:.45rem;font-size:.75rem}.empty-state p{margin:.35rem 0 0;font-size:.68rem;line-height:1.5}.location-form{border:1px solid var(--line-bright);background:#11100d;gap:.75rem;margin-bottom:.9rem;padding:.8rem;display:grid}.location-form label{color:var(--muted);gap:.35rem;font-size:.68rem;line-height:1.35;display:grid}.location-form input{border:1px solid var(--line-bright);color:#eee8db;width:100%;min-width:0;font:inherit;background:#0b0a09;padding:.55rem}.member-sheet{color:var(--muted);gap:.15rem;font-size:.68rem;line-height:1.35;display:grid}.sheet-form select{border:1px solid var(--line-bright);color:#eee8db;width:100%;min-width:0;font:inherit;background:#0b0a09;padding:.55rem}.location-form input[type=file]{padding:.35rem}.location-grid-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.location-form .primary-button{margin:0;padding:.65rem;font-size:.72rem}.inline-error{color:#efb3b3;background:#351818;border-left:2px solid #bf5656;margin:0;padding:.55rem;font-size:.68rem;line-height:1.4}.location-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.location-list li{border:1px solid var(--line);background:#1c1914;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem;display:flex}.location-list strong,.location-list span{display:block}.location-list strong{font-size:.75rem}.location-list span{color:var(--muted);margin-top:.2rem;font-size:.62rem}.location-list button{border:1px solid var(--line-bright);color:var(--gold-soft);cursor:pointer;background:0 0;padding:.4rem .5rem;font-size:.64rem}.location-list button:disabled{cursor:default;opacity:.55}.placement-prompt{border-left:2px solid var(--gold);color:#efe2c5;background:#342817;margin:0 0 .7rem;padding:.6rem;font-size:.68rem;line-height:1.4}.placement-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.placement-list li{border:1px solid var(--line);background:#1c1914;gap:.55rem;padding:.65rem;display:grid}.placement-list strong,.placement-list span{display:block}.placement-list strong{font-size:.75rem}.placement-list span{color:var(--muted);margin-top:.2rem;font-size:.62rem}.placement-actions{gap:.35rem;display:flex}.placement-actions button{border:1px solid var(--line-bright);color:var(--gold-soft);cursor:pointer;background:0 0;flex:1;padding:.4rem;font-size:.62rem}.placement-actions button[aria-pressed=true]{color:#17130c;background:var(--gold)}.placement-actions button:disabled{cursor:wait;opacity:.55}@media (width<=1080px){.game-shell{grid-template-columns:14rem minmax(28rem,1fr)}.topbar{grid-template-columns:14rem 1fr auto}.master-panel{display:none}}@media (width<=720px){body{overflow:auto}.game-shell{grid-template:3.75rem auto minmax(32rem,1fr)/1fr;min-height:100svh}.topbar{grid-column:1;grid-template-columns:1fr auto}.session-status,.gm-role{display:none}.brand{border-right:0}.gm-profile{border-left:0}.party-panel{border-right:0;border-bottom:1px solid var(--line);grid-row:2}.party-list{grid-template-columns:repeat(2,minmax(0,1fr))}.board-area{grid-row:3}.secondary-button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}