:root{--bg: #14110f;--bg-raised: #1d1917;--bg-sunken: #0e0c0b;--border: #35302b;--border-strong: #4a423a;--text: #e8e1d6;--text-muted: #9a8f80;--accent: #b8860b;--accent-soft: #d4a73c;--gold: #c9a227;--silver: #b6bcc4;--brass: #b08d57;--danger: #a33a32;--success: #5a8a4a;--info: #5b7c99;--radius: 6px;--font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Consolas", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:600;letter-spacing:.01em;margin:0 0 .6rem}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--bg-sunken);border-right:1px solid var(--border);padding:1.2rem .9rem;display:flex;flex-direction:column;gap:.35rem}.sidebar .brand{font-size:1.25rem;font-weight:700;color:var(--gold);padding:0 .5rem 1rem;letter-spacing:.04em}.sidebar .brand small{display:block;font-size:.7rem;color:var(--text-muted);font-weight:400;letter-spacing:.02em}.sidebar nav a{display:block;padding:.5rem .7rem;border-radius:var(--radius);color:var(--text);font-size:.92rem}.sidebar nav a:hover{background:var(--bg-raised);text-decoration:none}.sidebar nav a.active{background:var(--bg-raised);color:var(--gold);border-left:2px solid var(--gold)}.sidebar .section{margin-top:1rem;padding:0 .7rem .3rem}.sidebar .foot{margin-top:auto;padding:.7rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border)}.main{flex:1;padding:1.6rem 2rem;max-width:1400px;min-width:0}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.card>h2:first-child,.card>h3:first-child{margin-top:0}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.split{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}@media(max-width:760px){.grid.split{grid-template-columns:minmax(0,1fr)}}label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .65rem;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:.92rem}input[type=checkbox],input[type=radio]{width:auto;flex:0 0 auto;margin:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:7rem;resize:vertical;font-family:var(--mono);font-size:.86rem}.field{margin-bottom:.8rem}.row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:140px}.row>.shrink{flex:0 0 auto;min-width:0}button{padding:.5rem .95rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text);cursor:pointer;font-family:inherit;font-size:.9rem}button:hover:not(:disabled){border-color:var(--accent);color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1408;font-weight:600}button.primary:hover:not(:disabled){background:var(--gold);color:#1a1408}button.danger{border-color:var(--danger);color:#e09a94}button.small{padding:.28rem .6rem;font-size:.8rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:.45rem .6rem;border-bottom:1px solid var(--border);font-weight:600}td{padding:.45rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:#b8860b0d}.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:.55rem}.char-box{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .3rem;text-align:center}.char-box .code{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.char-box .value{font-size:1.5rem;font-weight:700;font-family:var(--mono);color:var(--gold);line-height:1.2}.char-box .sub{font-size:.68rem;color:var(--text-muted)}.badge{display:inline-block;padding:.1rem .45rem;border-radius:3px;font-size:.72rem;border:1px solid var(--border-strong);color:var(--text-muted)}.badge.gold{color:var(--gold);border-color:var(--gold)}.badge.silver{color:var(--silver);border-color:var(--silver)}.badge.brass{color:var(--brass);border-color:var(--brass)}.badge.ok{color:var(--success);border-color:var(--success)}.badge.warn{color:#d8a657;border-color:#d8a657}.badge.err{color:#e09a94;border-color:var(--danger)}.event-log{max-height:460px;overflow-y:auto;font-size:.87rem}.event{padding:.45rem .6rem;border-left:2px solid var(--border-strong);margin-bottom:.35rem;background:var(--bg-sunken);border-radius:0 var(--radius) var(--radius) 0}.event.roll{border-left-color:var(--info)}.event.xp{border-left-color:var(--gold)}.event.pending{border-left-color:#d8a657}.event.gm{border-left-color:var(--accent)}.event.danger{border-left-color:#c2703a}.event.fate{border-left-color:var(--gold);background:#c9a22714}.event.death{border-left-color:var(--danger);background:#a33a3229;font-weight:600}.event time{display:block;font-size:.7rem;color:var(--text-muted);font-family:var(--mono)}.event .only-gm{margin-left:.35rem;padding:0 .3rem;border-radius:3px;background:var(--bg-raised);color:var(--accent-soft);font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.dice-result{font-family:var(--mono);font-size:1.6rem;color:var(--gold);font-weight:700}.muted{color:var(--text-muted)}.small{font-size:.82rem}.mono{font-family:var(--mono)}.stack{display:flex;flex-direction:column;gap:.5rem}.inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.alert{padding:.65rem .85rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.88rem;border:1px solid}.alert.error{background:#a33a321f;border-color:var(--danger);color:#e8b4ae}.alert.ok{background:#5a8a4a1f;border-color:var(--success);color:#b8d9ab}.alert.info{background:#5b7c991f;border-color:var(--info);color:#b9cede}.alert.warn{background:#c9a2271f;border-color:#d8a657;color:#e6cf94}.danger-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}.danger-row{padding:.45rem .6rem;border-left:3px solid var(--border-strong);background:var(--bg-sunken);border-radius:0 var(--radius) var(--radius) 0}.danger-row.zero{border-left-color:#d8a657}.danger-row.out{border-left-color:#c2703a}.danger-row.fate{border-left-color:var(--gold);background:#c9a2271a}.danger-row.dead{border-left-color:var(--danger);background:#a33a3229}.danger-name{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%)}.login-card .brand{text-align:center;margin-bottom:1.2rem}.login-card .brand h1{color:var(--gold);margin-bottom:.2rem}.toc{list-style:none;padding-left:.9rem;margin:0;border-left:1px solid var(--border)}.toc>li{padding:.2rem 0}.toc button{background:none;border:none;padding:.1rem 0;color:var(--text);text-align:left;width:100%}.toc button:hover{color:var(--gold)}@media(max-width:800px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar nav{display:flex;flex-wrap:wrap;gap:.2rem}.main{padding:1rem}}.encounter-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.map-shell{position:relative;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.map-shell svg{display:block;width:100%;height:min(62vh,640px);touch-action:none;cursor:grab;background:#0b0a09}.map-shell svg:active{cursor:grabbing}.map-legend{display:flex;gap:1rem;justify-content:space-between;padding:.35rem .6rem;border-top:1px solid var(--border)}.grid-lines polygon{fill:none;stroke:#b4a08229;stroke-width:1;pointer-events:none}.reach polygon{fill:#d4a73c24;stroke:none;pointer-events:none}.map-object rect{fill:#786852bf;stroke:#2a251f;stroke-width:1.5}.token{cursor:pointer}.token text{pointer-events:none;-webkit-user-select:none;user-select:none}.token.defeated{opacity:.4}.token.hidden-token circle:first-of-type{stroke-dasharray:5 3;stroke:#d4a73c}.turn-banner{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:linear-gradient(90deg,rgba(184,134,11,.16),transparent);border:1px solid var(--border-strong);border-left:3px solid var(--gold);border-radius:var(--radius);padding:.6rem .9rem;margin-bottom:1rem}.turn-banner .round{font-family:var(--mono);font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.turn-banner .who{font-size:1.05rem}.initiative-list{display:flex;flex-direction:column;gap:.25rem}.initiative-row{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;grid-template-areas:"init name state" "init conds conds";gap:.15rem .5rem;align-items:center;width:100%;text-align:left;background:var(--bg-sunken);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius);padding:.35rem .55rem}.initiative-row:hover{border-color:var(--border-strong)}.initiative-row.party{border-left-color:var(--success)}.initiative-row.enemy{border-left-color:var(--danger)}.initiative-row.neutral{border-left-color:var(--info)}.initiative-row.active{background:#b8860b24;border-color:var(--gold)}.initiative-row.selected{outline:1px solid var(--accent-soft)}.initiative-row.defeated{opacity:.45;text-decoration:line-through}.initiative-row .init{grid-area:init;font-size:1.05rem;color:var(--gold);text-align:center}.initiative-row .name{grid-area:name;display:flex;gap:.35rem;align-items:center}.initiative-row .state{grid-area:state;font-family:var(--mono)}.initiative-row .conds{grid-area:conds;display:flex;gap:.2rem;flex-wrap:wrap}@media(max-width:1100px){.encounter-layout{grid-template-columns:minmax(0,1fr)}}.creature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem}.creature-card{display:flex;flex-direction:column;gap:.15rem;text-align:left;padding:.55rem .7rem;background:var(--bg-sunken);border:1px solid var(--border);border-left:3px solid var(--brass);border-radius:var(--radius)}.creature-card:hover{border-color:var(--border-strong);border-left-color:var(--gold)}.creature-card .name{display:flex;gap:.4rem;align-items:center;font-weight:600}.creature-card .traits{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:.72rem}.stat-table{width:100%;border-collapse:collapse;font-family:var(--mono);margin-top:.5rem}.stat-table th,.stat-table td{border:1px solid var(--border);padding:.25rem .3rem;text-align:center;font-size:.82rem}.stat-table th{background:var(--bg-sunken);color:var(--text-muted);font-weight:600}.trait-row{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:.5rem;align-items:baseline;padding:.2rem 0;border-bottom:1px solid var(--border)}.trait-row .mono{color:var(--accent-soft);font-size:.82rem}.trait-entry{padding:.4rem 0;border-bottom:1px solid var(--border)}@media(max-width:600px){.trait-row{grid-template-columns:minmax(0,1fr)}}.media-image{object-fit:cover;border:2px solid var(--border-strong);background:var(--bg-sunken)}.media-placeholder{display:grid;place-items:center;background:var(--bg-sunken);border:2px dashed var(--border);color:var(--text-muted);font-family:var(--mono);font-size:.8rem;letter-spacing:.05em;flex-shrink:0}.media-picker{display:flex;gap:.8rem;align-items:flex-start}.media-picker>.stack{flex:1;min-width:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.media-tile{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;padding:.5rem;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius)}.media-tile-image{background:none;border:none;padding:0;cursor:pointer}.media-tile.chosen{outline:2px solid var(--accent, #c8a24a);outline-offset:2px}.media-tile-image:disabled{cursor:default}.media-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;opacity:.16;filter:saturate(.7);pointer-events:none}.app>.sidebar,.app>.main{position:relative;z-index:1}.creature-card{flex-direction:row;flex-wrap:wrap;align-items:center}.creature-card .name{flex:1 1 100%}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);padding:.35rem .5rem .35rem 0;white-space:nowrap}.table td{padding:.35rem .5rem .35rem 0;border-bottom:1px solid var(--border-soft, rgba(128, 128, 128, .18));vertical-align:top}.table tr:last-child td{border-bottom:none}.table .centred{text-align:center}.chip{border:1px solid var(--border);background:transparent;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;line-height:1.5;cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--accent, #b8742a)}.chip.primary{border-color:var(--accent, #b8742a);font-weight:600}@media(max-width:900px){.table{display:block;overflow-x:auto}}.chronicle-read{max-width:46rem;line-height:1.75}.chronicle-read h2{margin:0 0 .2rem}.chronicle-read h3{margin:1.6rem 0 .4rem;color:var(--gold)}.chronicle-read h4{margin:1.2rem 0 .3rem}.chronicle-read p{margin:0 0 .9rem}.chronicle-read ul{margin:0 0 .9rem 1.1rem;padding:0}.chronicle-read blockquote{margin:0 0 .9rem;padding-left:.9rem;border-left:2px solid var(--border);color:var(--muted)}.chronicle-read hr{border:none;border-top:1px solid var(--border);margin:1.4rem 0}.chronicle-voice{max-width:46rem;margin:0 0 1rem;padding:.6rem 0 .6rem .9rem;border-left:2px solid var(--gold)}.chronicle-voice p{margin:0 0 .5rem}.chronicle-voice footer{font-style:italic}.action-row{border-top:1px solid var(--border);padding:.55rem 0}.action-row:first-of-type{border-top:none}.resolve-form{margin:.4rem 0 .2rem;padding:.6rem;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius)}.outcome{margin:.4rem 0 .2rem;padding:.5rem .7rem;background:var(--bg-sunken);border-left:2px solid var(--gold);border-radius:var(--radius)}.outcome.preview{border-left-color:var(--border)}.outcome .breakdown{margin:.3rem 0;padding-left:1.1rem}.outcome .breakdown li{margin:.1rem 0}.verdict{margin:.3rem 0;padding:.4rem .7rem;background:var(--bg-sunken);border-left:2px solid var(--warn, #c9a227);border-radius:var(--radius)}.verdict ul{margin:.3rem 0 0 1.1rem;padding:0}.gear-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.gear-item{border:1px solid var(--line, #2b2b2b);border-radius:6px;padding:.5rem .6rem}.gear-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.gear-traits{display:flex;gap:.3rem;flex-wrap:wrap;margin:.35rem 0}.gear-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.gear-actions label.inline{display:flex;align-items:center;gap:.3rem}.grid.detail-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem}.grid.chars{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem}.char-cell{display:grid;gap:.2rem;text-align:center}.char-cell input{text-align:center;padding:.2rem}.picker{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0}.picked{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.3rem}.picked li{display:grid;grid-template-columns:1fr 5rem auto;gap:.4rem;align-items:center}.details-list{margin:0;display:grid;gap:.5rem}.details-list dt,.details-list dd{margin:0}.map-shell.placing svg{cursor:crosshair}.map-hint{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:3;background:var(--gold, #d4a73c);color:#14110f;padding:.25rem .7rem;border-radius:4px;font-size:.85rem;font-weight:600}.tray{display:flex;flex-wrap:wrap;gap:.4rem}.tray-item{border:1px solid var(--line, #2b2b2b);border-radius:4px;padding:.3rem .6rem;background:transparent;cursor:pointer}.tray-item.party{border-left:3px solid #4f7f4f}.tray-item.enemy{border-left:3px solid #8f4033}.tray-item.neutral{border-left:3px solid #7a6a4a}.tray-item.picked{border-color:var(--gold, #d4a73c);background:#d4a73c24}.tray-item:disabled{opacity:.5;cursor:default}.terrain-palette{display:flex;flex-wrap:wrap;gap:.3rem}.terrain-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.82rem;background:var(--panel, #1a1614);border:1px solid rgba(245,230,200,.18);border-radius:4px;cursor:pointer;color:inherit}.terrain-chip:hover{border-color:#d4a73c99}.terrain-chip.picked{border-color:#d4a73c;box-shadow:0 0 0 1px #d4a73c80 inset}.terrain-chip .swatch{width:.85rem;height:.85rem;border-radius:3px;border:1px solid rgba(0,0,0,.4);flex:none}.map-scale text,.range-rings text{font-family:inherit;pointer-events:none}.turn-banner.my-turn{border-color:#d4a73c;box-shadow:0 0 0 1px #d4a73c73 inset}.turn-banner.my-turn .who{color:#f5e6c8;font-weight:600}.turn-banner .turn-count{opacity:.75}.event-log.newest-first{max-height:22rem;overflow-y:auto}.event-log.newest-first .event:first-child{border-left-color:#d4a73c}.purse{display:flex;gap:.6rem;flex-wrap:wrap}.purse .coin{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:7.5rem;padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken)}.purse .coin strong{font-size:1.4rem}.purse .coin.gold{border-color:var(--gold);color:var(--gold)}.purse .coin.silver{border-color:#9aa5ad;color:#c6d0d6}.purse .coin.brass{border-color:#9a6b3f;color:#c89b6f}.purse .coin span{color:var(--text-muted)}.spend{color:#e09a94}.earn{color:#b8d9ab}.load-bar{height:.5rem;border-radius:3px;background:var(--bg-sunken);border:1px solid var(--border-strong);overflow:hidden;margin-top:.35rem}.load-fill{height:100%;transition:width .2s ease}.load-fill.ok{background:var(--success)}.load-fill.warn{background:#d8a657}.load-fill.bad{background:var(--danger)}.container-row{padding:.35rem .55rem;border-left:3px solid var(--accent);background:var(--bg-sunken);border-radius:0 var(--radius) var(--radius) 0}.container-row.over{border-left-color:var(--danger)}.slot-board{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 .7rem}.slot-chip{border-radius:999px;padding:.18rem .65rem;font-size:.82rem;border:1px solid var(--line, #3a332c)}.slot-chip.free{background:#84cc1629;border-color:#84cc16}.slot-chip.pending{background:#eab3082e;border-color:#eab308}.slot-chip.used{background:#78716c38;border-color:#78716c;text-decoration:line-through;text-decoration-thickness:1px}.slot-chip.used strong{text-decoration:none}.scene-now{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:8px;border:1px solid #eab308;background:#eab3081f;margin-bottom:.6rem}.scene-now.mine{border-color:#84cc16;background:#84cc1629}.scene-now strong{font-size:1.1rem}.scene-list{margin:0;padding-left:1.4rem}.scene-list li{padding:.15rem 0}.scene-list li.current{font-weight:700;color:#eab308}