:root{--slate: #20202a;--slate-2: #2b2a33;--parchment: #e8d8b0;--parchment-2: #dcc8a0;--ink: #2c2114;--muted: #6f6047;--bronze: #9c7a3c;--bronze-lt: #b89b5e;--crimson: #8e2420;--terracotta: #b5532e;--blood: #7a1212;--olive: #6b7340;--travertine: #d9c2a3;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--fs-title: 20px;--fs-sub: 13px;--fs-h3: 11px;--fs-body: 13px;--fs-label: 11px;--fs-num-lg: 34px;--fs-num: 15px;--font-display: "Trajan Pro", "Times New Roman", Georgia, serif;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--slate);color:var(--travertine);padding:16px}#app{max-width:1180px;margin:0 auto;display:flex;gap:14px;align-items:stretch}#game-col{flex:1 1 auto;min-width:0}#left-banner{flex:0 0 132px;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;background:radial-gradient(120% 60% at 50% 0%,rgba(156,122,60,.18),transparent 60%),linear-gradient(180deg,#221b10,#161109);border:2px solid var(--bronze);border-radius:4px;box-shadow:inset 0 0 0 1px #00000040,inset 0 0 24px #00000060}.banner-emblem{width:80px;height:80px;filter:drop-shadow(0 1px 2px #000)}.banner-emblem svg{width:100%;height:100%;display:block}.legionary{width:116px;height:auto;margin-top:2px;border:1px solid var(--bronze);border-radius:4px;box-shadow:0 2px 6px #0009,inset 0 0 18px #0006}.banner-foot{margin-top:auto;color:var(--bronze-lt);font-size:12px;letter-spacing:4px;text-shadow:0 1px 0 #000;padding-bottom:2px}h1{color:var(--bronze-lt);font-size:22px;letter-spacing:2px;margin:0 0 14px;text-shadow:0 1px 0 #000}h1 .sub{color:var(--muted);font-size:13px;letter-spacing:0}.panel{position:relative;background:radial-gradient(120% 45% at 50% 0%,rgba(156,122,60,.2),transparent 62%),linear-gradient(180deg,#efe3c4,#ddcaa0 55%,#d3bd93);border:2px solid var(--bronze);border-radius:4px;color:var(--ink);padding:var(--sp-4);box-shadow:inset 0 0 0 2px #2b201038,inset 0 0 22px #46321429,inset 0 1px #fff4d680,0 3px #00000059,0 6px 18px #00000052}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--bronze-lt);pointer-events:none}.panel:before{top:5px;left:5px;border-right:0;border-bottom:0}.panel:after{bottom:5px;right:5px;border-left:0;border-top:0}.panel h2{font-family:var(--font-display);color:var(--crimson);font-size:var(--fs-title);letter-spacing:1px;margin:0;text-shadow:0 1px 0 rgba(255,246,220,.5)}.panel h3{color:var(--muted);font-size:var(--fs-h3);margin:var(--sp-4) 0 var(--sp-2);text-transform:uppercase;letter-spacing:2px}.hint{color:var(--bronze-lt);font-size:12px;margin:10px 0 0}#explore-view{display:grid;grid-template-columns:auto 240px;gap:12px;align-items:start}#explore-main{position:relative}#map{background:#14121a;border:2px solid var(--bronze);border-radius:3px;display:block;image-rendering:pixelated;width:760px;height:460px;box-shadow:inset 0 0 0 2px #2b201038,0 3px #00000059,0 6px 18px #00000052}#explore-main:before,#explore-main:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--bronze-lt);pointer-events:none;z-index:2}#explore-main:before{top:7px;left:7px;border-right:0;border-bottom:0}#explore-main:after{top:443px;left:743px;border-left:0;border-top:0}#map.drunk-sway{animation:drunk-sway 4.2s ease-in-out infinite}#map.drunk-heavy{animation:drunk-sway 2.6s ease-in-out infinite;box-shadow:6px 0 14px #7846b473,-6px 0 14px #4678b466}@keyframes drunk-sway{0%{transform:translate(0) rotate(0)}25%{transform:translate(-4px,2px) rotate(-.5deg)}50%{transform:translate(3px,-2px) rotate(.4deg)}75%{transform:translate(-2px,3px) rotate(-.3deg)}to{transform:translate(0) rotate(0)}}@media(prefers-reduced-motion:reduce){#map.drunk-sway,#map.drunk-heavy{animation:none}}#zone-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#1c160ce6;color:var(--travertine);border:1px solid var(--bronze);padding:6px 16px;border-radius:2px;font-size:14px;letter-spacing:1px;opacity:0;transition:opacity .3s;pointer-events:none}#zone-banner.show{opacity:1}#explore-hud{font-size:12px}.hud-h{color:var(--crimson);text-transform:uppercase;font-size:11px;letter-spacing:1px;margin:12px 0 4px}.hud-h:first-child{margin-top:0}.hud-line{color:var(--ink);padding:1px 0}.hud-click{cursor:pointer;color:var(--crimson);text-decoration:underline dotted}.train-confirm{margin:8px 0}.train-progress{color:var(--bronze);font-size:12px;min-height:16px;margin-top:4px}.rank-stepper{display:flex;align-items:stretch;gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-2)}.rank-knob{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:var(--sp-2) var(--sp-4);background:#1a160e;border:2px solid var(--bronze);border-radius:4px;box-shadow:inset 0 2px 8px #0009}.rank-num{font-family:var(--font-display);font-size:var(--fs-num-lg);line-height:1;color:var(--bronze-lt);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(184,155,94,.4)}.rank-unit{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:2px}.rank-step{flex:0 0 48px;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink);line-height:1;display:flex;align-items:center;justify-content:center}.rank-max{flex:0 0 auto;align-self:center;font-weight:700;letter-spacing:1px;color:var(--parchment);background:linear-gradient(180deg,var(--bronze-lt),var(--bronze));border-color:#6b5226}.rank-cost{display:flex;justify-content:space-between;align-items:baseline;font-variant-numeric:tabular-nums;padding:var(--sp-1) var(--sp-2);margin-bottom:var(--sp-1)}.rank-cost-sp{color:var(--olive);font-weight:700;font-size:var(--fs-num)}.rank-cost-coin{color:var(--crimson);font-family:var(--font-display);font-weight:700;font-size:var(--fs-num)}.rank-cost.unafford .rank-cost-coin{color:var(--blood)}.rank-cost.unafford .rank-cost-sp{color:var(--muted)}.rank-meter{height:6px;background:#1a160e;border:1px solid var(--bronze);border-radius:3px;overflow:hidden;margin-bottom:var(--sp-3)}.rank-meter>span{display:block;height:100%;background:var(--olive);transition:width .12s}.rank-meter.short>span{background:var(--terracotta)}.train-feed{height:240px}.inv-body{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.inv-doll,.inv-bagwrap{flex:1 1 280px}.inv-doll-title{color:var(--bronze);font-size:12px;margin-bottom:6px;letter-spacing:1px}.inv-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 10px;margin-bottom:var(--sp-3)}.inv-hands{grid-template-columns:repeat(2,1fr)}.inv-hands .inv-slot{width:66px;height:66px;border-color:var(--gold, #caa23f)}.inv-slot.ghost{border-style:dotted;opacity:.55}.inv-slot.filled:hover{box-shadow:0 0 6px #caa23f80}.inv-weightbar{height:7px;border:1px solid var(--bronze);border-radius:3px;background:#15110a;margin:2px 0 8px;overflow:hidden}.inv-weightfill{height:100%;background:var(--bronze);transition:width .2s}.inv-weightfill.over{background:var(--blood, #b03a2e)}.inv-cell.equipable{cursor:pointer}.inv-cell.equipable:hover{border-color:var(--gold, #caa23f);box-shadow:0 0 5px #caa23f66}.inv-slotcol{display:flex;flex-direction:column;align-items:center;gap:3px}.inv-slot{width:60px;height:60px;border:2px dashed var(--bronze);border-radius:4px;background:#15110a;display:flex;align-items:center;justify-content:center}.inv-slot.filled{border-style:solid;background:#1a1610;cursor:grab}.inv-slot.droptarget{border-color:var(--gold, #caa23f);box-shadow:0 0 6px var(--bronze)}.inv-slot-empty{font-size:10px;color:var(--muted)}.inv-slot-label{font-size:10px;color:var(--bronze-lt)}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,78px);gap:8px;padding:6px;border:1px solid var(--bronze);border-radius:4px;min-height:90px}.inv-grid.droptarget{box-shadow:inset 0 0 8px var(--bronze)}.inv-cell{width:78px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 3px;border:1px solid var(--bronze);border-radius:3px;background:#1a1610;cursor:grab}.inv-cell.inv-empty{border-style:dashed;opacity:.4;min-height:70px;cursor:default}.inv-cell.dragging{opacity:.4}.inv-icon{width:48px;height:48px;image-rendering:pixelated;pointer-events:none}.inv-name{font-size:10px;color:var(--ink);text-align:center;line-height:1.05;pointer-events:none}.inv-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.inv-actions .tr-btn{font-size:11px}.inv-tooltip{position:fixed;z-index:50;pointer-events:none;background:#120e08;border:1px solid var(--bronze);border-radius:3px;padding:6px 9px;max-width:220px;box-shadow:0 2px 8px #0009}.inv-tip-name{color:var(--gold, #caa23f);font-weight:700;font-size:12px;margin-bottom:3px}.inv-tip-line{color:var(--ink);font-size:11px;line-height:1.35}#decor-bar{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:6;background:#0c0a08d9;border:1px solid rgba(216,166,74,.6);color:#e8dcc0;font:12px Courier New,monospace;padding:6px 14px;border-radius:4px;white-space:nowrap}.storage-cols{display:flex;gap:18px;align-items:flex-start}.storage-col{flex:1 1 0;min-width:0}.storage-list h3{margin:4px 0 6px}.storage-item{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin:3px 0}.storage-item:hover:not(:disabled){box-shadow:inset 3px 0 0 var(--bronze)}.rot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-3)}.rot-slot{display:flex;align-items:center;gap:var(--sp-1)}.rot-num{font-family:var(--font-display);color:var(--bronze);font-weight:700;min-width:14px;text-align:center}.rot-slot select{flex:1 1 auto;min-width:0;font-size:11px}.state-chip{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:15px;letter-spacing:2px;padding:6px 12px;margin:0 0 var(--sp-2);border:2px solid var(--bronze);border-radius:3px;background:linear-gradient(180deg,#dcc8a0,#cbb281);color:var(--ink);text-transform:uppercase}.state-chip .sc-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #0003}.state-chip.ready{border-color:var(--olive);color:#37401f;background:linear-gradient(180deg,#e0e0b0,#c9cf90)}.state-chip.ready .sc-dot{background:var(--olive);box-shadow:0 0 7px var(--olive)}.state-chip.locked{border-color:var(--muted);color:var(--muted);background:linear-gradient(180deg,#cbbb95,#b8a680)}.state-chip.locked .sc-dot{background:var(--muted)}.state-chip.prone{border-color:var(--crimson);color:var(--crimson);animation:standpulse .8s ease-in-out infinite}.state-chip.prone .sc-dot{background:var(--crimson)}.state-chip.just-ready{animation:readypop .65s ease-out}@keyframes readypop{0%{transform:scale(1);box-shadow:0 0 #6b7340b3}30%{transform:scale(1.05);box-shadow:0 0 0 9px #6b734000}to{transform:scale(1)}}.combat-portrait.flash-ready{animation:portraitready .65s ease-out}@keyframes portraitready{0%{box-shadow:0 0 #6b734000}25%{box-shadow:0 0 0 3px var(--olive)}to{box-shadow:0 0 #6b734000}}.rt-wrap{position:relative;margin-bottom:var(--sp-2)}.bar.rt{height:16px}.bar.rt>span{background:linear-gradient(90deg,var(--terracotta),var(--crimson))}.rt-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;color:var(--ink);pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.45)}.mob-area{min-height:78px;margin-bottom:var(--sp-2);border-left:3px solid var(--crimson);padding-left:var(--sp-2)}.mob-head{display:flex;align-items:baseline;gap:var(--sp-2)}.mob-name{font-family:var(--font-display);font-size:17px;color:var(--crimson)}.mob-tier{color:var(--muted);font-size:11px}.mob-hp-row{display:flex;align-items:center;gap:var(--sp-2);margin-top:3px}.bar.mob-hp{flex:1;height:16px;margin:0;border:1px solid var(--crimson)}.bar.mob-hp>span{display:block;height:100%;background:linear-gradient(90deg,var(--blood),var(--crimson));transition:width .2s ease-out}.bar.mob-hp.low>span{background:var(--terracotta);animation:lowhp .7s ease-in-out infinite}@keyframes lowhp{50%{opacity:.5}}.mob-hp-num{font-family:var(--font-display);font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.mob-intent{font-size:11px;color:var(--muted);margin-top:3px;font-style:italic}.mob-intent.striking{color:var(--crimson);font-style:normal;font-weight:700}.mob-intent.windup{color:var(--terracotta);font-style:normal;font-weight:700;letter-spacing:.5px;animation:windup .45s ease-in-out infinite}@keyframes windup{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.mob-finish{margin-top:3px;font-family:var(--font-display);letter-spacing:2px;color:var(--terracotta);font-size:12px;animation:readypop .9s ease-in-out infinite}.combat-actions{border:1px solid var(--bronze);border-radius:3px;padding:var(--sp-2);background:#00000008;margin-bottom:var(--sp-2)}.combat-settings{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;font-size:var(--fs-label);opacity:.92;margin-bottom:var(--sp-2)}.combat-settings select{font-size:11px}.stance-toggle{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.st-lead{color:var(--muted);font-size:var(--fs-label);margin-right:2px}.st-opt{display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:4px 7px;border:1px solid var(--bronze);background:linear-gradient(180deg,#e2cfa2,#cbb281);color:var(--ink);cursor:pointer;border-radius:2px}.st-opt .st-name{font-size:10px;text-transform:capitalize}.st-opt .st-tr{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.st-opt.on{background:var(--terracotta);color:var(--parchment);border-color:var(--crimson)}.st-opt.on .st-tr{color:#f0dcc0}.st-opt:disabled{cursor:default}.st-opt.on:disabled{opacity:1}.st-opt:disabled:not(.on){opacity:.45}.combat-tactics{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-2)}.feint-toggle{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.feint-toggle .st-opt{text-transform:capitalize;padding:4px 8px}.feint-toggle .st-opt:disabled{opacity:.45}.cry-btn{font-size:11px;padding:4px 9px;border:1px solid var(--bronze);border-radius:3px;color:var(--terracotta);background:#0000000a;cursor:pointer}.cry-btn:disabled{opacity:.45;cursor:default}.cry-btn.charged{color:var(--parchment);background:var(--terracotta);border-color:var(--crimson);animation:readypop .9s ease-in-out infinite}.stand-btn{width:100%;font-size:14px;letter-spacing:1px;padding:8px;animation:standpulse .8s ease-in-out infinite}@keyframes standpulse{0%,to{box-shadow:inset 0 1px #ffffff40,0 2px #5c1512,0 0 #8e242099}50%{box-shadow:inset 0 1px #ffffff40,0 2px #5c1512,0 0 12px #b5532ee6}}.trainer-slots{display:flex;align-items:center;gap:10px;margin:4px 0 8px;color:var(--bronze-lt);font-size:12px}.trainer-slots .tr-btn{font-size:11px}.inn-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 10px}.inn-rooms .tr-btn.inn-yours{background:var(--bronze);color:#14110a}.shop-body{max-height:60vh;overflow-y:auto}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:4px 0 10px}.shop-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid rgba(107,82,38,.28);border-radius:3px}.shop-row:nth-child(odd){background:#2b20100d}.shop-row:hover{background:#9c7a3c29;box-shadow:inset 3px 0 0 var(--bronze)}.shop-row.unafford{opacity:.62}.shop-name{color:var(--ink);font-size:var(--fs-body);font-weight:700}.shop-meta{color:var(--muted);font-size:10px;white-space:nowrap;grid-column:1}.row-cost{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--fs-num);font-weight:700;color:var(--crimson);text-align:right;white-space:nowrap}.row-cost.unafford{color:var(--blood)}.shop-row .tr-btn{min-width:60px}.statbars{display:flex;gap:6px;margin:8px 0 10px}.statbar-col{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:26px}.statbar{position:relative;width:16px;height:64px;background:#1a160e;border:1px solid var(--bronze);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 4px #000}.statbar>span{position:absolute;left:0;right:0;bottom:0;display:block;transition:height .16s ease,background .2s linear;box-shadow:inset 0 1px #ffffff30}.statbar-crit{animation:statlow 1.1s ease-in-out infinite}@keyframes statlow{0%,to{box-shadow:inset 0 0 4px #000}50%{box-shadow:inset 0 0 4px #000,0 0 6px var(--crimson)}}.statbar-num{font-size:10px;color:var(--parchment);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.statbar-label{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.3px}.hud-click:hover{color:var(--bronze)}.hud-bleed{color:var(--blood);font-weight:700;cursor:pointer}.hud-vital{font-family:var(--font-display, serif);font-size:30px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums;margin-top:2px}.hud-vital-suf{font-size:12px;color:var(--muted);font-weight:400;font-family:inherit;letter-spacing:.3px}.hud-coin{color:var(--bronze);font-weight:700;font-variant-numeric:tabular-nums;margin:1px 0 2px}.hud-foe{display:flex;align-items:center;justify-content:space-between;gap:8px}.foe-count{background:#2a1414;color:var(--crimson);border:1px solid var(--crimson);border-radius:8px;padding:0 6px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.bar{height:14px;background:#c3ad84;border:1px solid var(--bronze);border-radius:2px;overflow:hidden;margin:2px 0 8px}.bar>span{display:block;height:100%}.bar.hp>span{background:var(--blood)}.bar.fatigue>span{background:var(--olive)}.bar.pool>span{background:var(--bronze)}.bar.rt{height:10px}.bar.rt>span{background:linear-gradient(90deg,var(--terracotta),var(--bronze));transition:width .12s linear}.attack-buttons button:disabled{opacity:.4;cursor:not-allowed}.kv{display:flex;justify-content:space-between;font-size:13px}.kv .k{color:var(--muted)}.skill{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;border-bottom:1px dotted var(--bronze)}.skill .rb{color:var(--crimson)}.combat-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.combat-portrait{display:block;width:100%;border:2px solid var(--bronze);border-radius:2px;image-rendering:pixelated;margin-bottom:8px;background:#1a1610}.mob-area{min-height:64px;margin-bottom:8px}.mob-name{font-size:16px;color:var(--ink)}.mob-tier{color:var(--muted);font-size:12px}.control-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}.control-row>label{color:var(--muted);font-size:12px;min-width:44px}.attack-buttons{display:flex;gap:5px;flex-wrap:wrap}button,select{background:linear-gradient(180deg,#e2cfa2,#cbb281);color:var(--ink);border:1px solid var(--bronze);padding:var(--sp-2) var(--sp-3);border-radius:3px;font-family:inherit;font-size:12px;cursor:pointer;box-shadow:inset 0 1px #fff8e08c,0 1px #00000040;transition:background 90ms,border-color 90ms,transform 60ms,box-shadow 90ms}button:hover:not(:disabled),select:hover{background:linear-gradient(180deg,#e6d6ab,#d4bb89);border-color:var(--bronze-lt)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #2b201059;background:linear-gradient(180deg,#cbb281,#bda071)}button:disabled{opacity:1;cursor:not-allowed;color:var(--muted);border-style:dashed;border-color:#9a8b6a;box-shadow:none;background:repeating-linear-gradient(135deg,#cabfa4 0,#cabfa4 6px,#c1b596 6px,#c1b596 12px)}button.atk{font-size:11px;padding:5px 8px}button.atk[draggable=true]{cursor:grab}.btn-primary{color:var(--parchment);background:linear-gradient(180deg,var(--terracotta) 0%,var(--crimson) 100%);border:1px solid #5c1512;font-weight:700;letter-spacing:.5px;padding:var(--sp-2) var(--sp-4);text-shadow:0 1px 0 rgba(0,0,0,.4);box-shadow:inset 0 1px #ffffff40,0 2px #5c1512,0 3px 8px #8e242066}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#c65f38,#a02b26);border-color:var(--crimson)}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #0006}.btn-primary:disabled{background:linear-gradient(180deg,#b39a86,#a3897a);color:#e8dcc8;border-style:solid;border-color:#8a7060;text-shadow:none;box-shadow:none}.flee-btn{border-color:var(--crimson);color:var(--crimson);background:linear-gradient(180deg,#e2cfa2,#cbb281);font-weight:700}.flee-btn:hover:not(:disabled){background:var(--crimson);color:var(--parchment);border-color:var(--blood)}.menu-keys{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;margin:var(--sp-3) calc(var(--sp-4) * -1) calc(var(--sp-4) * -1);padding:var(--sp-2) var(--sp-4);background:linear-gradient(180deg,#2b20100f,#2b20101f);border-top:1px solid var(--bronze);border-radius:0 0 4px 4px;font-size:var(--fs-label);color:var(--muted)}.kbd{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--parchment);background:linear-gradient(180deg,#4a3f2c,#2c2114);border:1px solid var(--bronze);border-bottom-width:2px;border-radius:3px;padding:1px 7px;margin-right:4px;box-shadow:0 1px #0000004d}.hotbar{display:flex;gap:4px;flex-wrap:wrap}.hotbar.busy{opacity:.55}.hb-slot{position:relative;width:58px;height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--bronze);border-radius:3px;background:#00000018;color:var(--ink);font-size:10px;line-height:1.05;cursor:pointer;overflow:hidden}.hb-slot.filled{border-style:solid;background:linear-gradient(180deg,#d8c499,#c4ac7d)}.hb-slot.over{border-color:var(--crimson);background:#00000030}.hb-slot.next{box-shadow:0 0 0 2px var(--terracotta)}.hb-slot:hover.filled{background:var(--bronze);color:var(--parchment)}.hb-key{position:absolute;top:1px;left:3px;font-size:9px;color:var(--muted);font-weight:700}.hb-slot.filled .hb-key{color:var(--ink)}.hb-name{padding:0 3px}.auto-btn.on{background:var(--terracotta);color:var(--parchment);border-color:var(--crimson)}.combat-log{height:240px;overflow-y:auto;font-size:12px;line-height:1.6;border-top:1px solid var(--bronze);padding-top:8px;margin-top:10px}.log-line{white-space:pre-wrap}.log-hit{color:var(--ink)}.log-hurt{color:var(--blood)}.log-crit{color:var(--crimson);font-weight:700}.log-miss{color:var(--muted)}.log-gain{color:var(--olive)}.log-die{color:var(--blood);font-weight:700}.log-sys{color:var(--bronze);font-style:italic}.log-roll{color:var(--bronze-lt);font-size:11px;opacity:.85}.log-out{color:var(--ink);border-left:3px solid var(--bronze);padding-left:6px}.log-in{color:var(--blood);border-left:3px solid var(--crimson);padding-left:6px}.log-crit-edge{font-weight:700}.chatbox{margin-top:12px;padding:10px 12px}.chat-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.chat-title{color:var(--crimson);text-transform:uppercase;font-size:11px;letter-spacing:1px}.chat-hint{color:var(--muted);font-size:10px;font-style:italic}.chat-messages{height:168px;overflow-y:auto;font-size:13px;line-height:1.5;background:#f6f1e3;color:#1a1712;border:2px solid #2a241b;border-radius:2px;padding:7px 10px;font-family:Times New Roman,Georgia,serif}.chat-line{white-space:pre-wrap;padding:1px 0}.chat-time{color:#9a8f78;font-size:10px;margin-right:6px;font-family:ui-monospace,monospace}.chat-sigil{opacity:.8}.chat-system .chat-text,.chat-system .chat-sigil{color:#1c7a32}.chat-info .chat-text{color:#1a1712}.chat-event .chat-text,.chat-event .chat-sigil{color:#b81fb0;font-weight:700}.chat-status .chat-text,.chat-status .chat-sigil{color:#c47218}.chat-combat .chat-text,.chat-combat .chat-sigil{color:#9a1b16}.chat-say .chat-text{color:#1a1712;font-weight:700;font-style:italic}.chat-say .chat-who{color:#14306e}.chat-ooc .chat-who,.chat-ooc .chat-text{color:#5a6a2a}.chat-who{font-weight:700}.chat-verb{color:#6f6047;font-style:italic}.chat-input-row{display:flex;gap:6px;margin-top:8px}.chat-channel{flex:0 0 auto}.chat-input{flex:1 1 auto;min-width:0;padding:5px 8px;font:inherit;font-size:12px;background:#f6f1e3;color:#1a1712;border:1px solid var(--bronze);border-radius:2px}.chat-input:focus{outline:none;border-color:var(--crimson)}.chat-send{flex:0 0 auto}.create-panel{max-width:560px;margin:40px auto}.weapon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.weapon-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;text-align:left}.weapon-btn b{color:var(--crimson);font-size:13px}.weapon-btn span{color:var(--muted);font-size:11px}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:12px}.create-row{display:flex;align-items:center;gap:8px}.create-row>label{color:var(--muted);font-size:12px;min-width:64px}.create-row>select,.create-input{flex:1}.create-input{background:linear-gradient(180deg,#d8c499,#c4ac7d);color:var(--ink);border:1px solid var(--bronze);padding:6px 8px;border-radius:2px;font-family:inherit;font-size:12px}.create-blurb{color:var(--bronze-lt);font-size:12px;font-style:italic;min-height:32px;margin:10px 0 4px}.opt-list{display:flex;flex-direction:column;gap:6px;margin:8px 0;max-height:46vh;overflow-y:auto;padding-right:4px}.adj-grid{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;max-height:46vh;overflow-y:auto}.opt-chip{padding:5px 10px;font-size:12px;color:var(--ink);border:1px solid var(--bronze);border-radius:12px;background:linear-gradient(180deg,#e6dabb,#d6c293);cursor:pointer}.opt-chip.sel{background:var(--terracotta);border-color:var(--crimson);color:var(--parchment)}.opt-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;text-align:left}.opt-btn b{color:var(--ink);font-size:13px}.opt-btn span{color:var(--muted);font-size:11px}.opt-btn.sel{background:var(--terracotta);border-color:var(--crimson)}.opt-btn.sel b,.opt-btn.sel span{color:var(--parchment)}.wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.create-layout{display:flex;gap:18px;align-items:flex-start;margin:6px 0}.create-preview-col{flex:0 0 200px;display:flex;flex-direction:column;align-items:center;gap:3px;position:sticky;top:8px}.create-content{flex:1 1 auto;min-width:0}.create-pname{color:var(--bronze-lt);font-size:15px;font-weight:700;text-align:center;letter-spacing:.5px}.create-pdesc{color:var(--muted);font-size:11px;text-align:center;line-height:1.2}.opt-btn.locked{opacity:.4;cursor:not-allowed}.opt-btn.locked:hover{background:inherit}.appearance-wrap{display:flex;gap:16px;align-items:flex-start;margin:8px 0}.appearance-controls{display:flex;flex-direction:column;gap:8px;flex:1}.sprite-preview{background:#1a1622;border:1px solid var(--bronze);border-radius:3px;image-rendering:pixelated}.create-swatches{display:flex;gap:10px;margin-top:4px}.create-swatch{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--bronze-lt)}.swatch-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #ffffff40}.fates-panel{max-width:1000px}.fates-row{display:flex;gap:12px;flex-wrap:wrap}.fate-card{flex:1 1 280px;border:1px solid var(--bronze);border-radius:3px;padding:10px;background:#00000010}.fate-card h3{color:var(--crimson);margin:0 0 2px}.create-sheet{margin:4px 0}.attr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px}.attr-cell{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted var(--bronze);padding:3px 0;font-size:12px}.attr-val{text-align:right;white-space:nowrap}.attr-name{color:var(--ink)}.attr-val{color:var(--crimson);font-weight:700}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0d16b8;display:flex;align-items:center;justify-content:center;z-index:50}.sheet-overlay[hidden]{display:none}.admin-panel{max-width:94vw;width:1040px;max-height:92vh;overflow:auto;text-align:left;cursor:default}.admin-panel h3{color:var(--crimson);margin:18px 0 4px;border-top:1px solid var(--bronze);padding-top:10px}.admin-panel h4{color:var(--ink);margin:10px 0 2px;font-size:13px}.admin-table{width:100%;border-collapse:collapse;font-size:11px;margin:4px 0 8px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--bronze);padding:2px 8px 2px 0}.admin-table td{color:var(--ink);border-bottom:1px dotted var(--bronze);padding:2px 8px 2px 0;vertical-align:top}.sheet-overlay .panel{max-width:540px;max-height:86vh;overflow:auto;cursor:default}.charsheet h3{color:var(--crimson);margin:14px 0 4px;border-top:1px solid var(--bronze);padding-top:8px}.skillsheet{width:100%;border-collapse:collapse;font-size:12px}.skillsheet th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:2px 6px 2px 0}.skillsheet td{padding:1px 6px 1px 0;color:var(--ink)}.skillsheet td:not(:first-child){text-align:right;white-space:nowrap;color:var(--muted)}.skillsheet .ss-set td{color:var(--crimson);font-weight:700;border-top:1px dotted var(--bronze);padding-top:3px}.skillsheet .ss-set td:not(:first-child){color:var(--crimson)}.skillsheet .ss-sub td:first-child{padding-left:12px;color:var(--ink)}.trainer-panel{max-width:620px}.trainer-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin:calc(var(--sp-2) * -1) calc(var(--sp-4) * -1) var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-2);background:linear-gradient(180deg,#8e242024,#8e242000);border-bottom:1px solid var(--bronze);border-radius:4px 4px 0 0}.trainer-bank{color:var(--crimson);font-family:var(--font-display);font-size:var(--fs-sub);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.trainer-banks{color:var(--muted);font-size:var(--fs-label);font-variant-numeric:tabular-nums;margin:var(--sp-1) 0 0}.tr-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:var(--sp-2) 0 0}.tr-tab{font-size:11px;padding:3px 9px;background:#2b201040;color:var(--bronze-lt);border:1px solid rgba(156,122,60,.35);border-radius:3px;cursor:pointer;font-family:var(--font-display)}.tr-tab:hover{background:#9c7a3c33}.tr-tab.active{background:var(--bronze);color:#14110a;border-color:var(--bronze);font-weight:700}.tr-section{margin:var(--sp-2) 0 2px;color:var(--bronze-lt);font-family:var(--font-display);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(156,122,60,.3);padding-bottom:2px}.tr-ident{font-size:10px;color:var(--bronze-lt);font-variant-numeric:tabular-nums;opacity:.85}.trainer-list{display:flex;flex-direction:column;gap:4px;max-height:380px;overflow-y:auto;margin:10px 0}.trainer-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid rgba(107,82,38,.28);border-radius:3px}.trainer-row:nth-child(odd){background:#2b20100d}.trainer-row:hover{background:#9c7a3c29;box-shadow:inset 3px 0 0 var(--bronze)}.trainer-row.locked{opacity:.6}.tr-name{font-size:var(--fs-body);color:var(--ink);font-weight:700}.tr-meta{font-size:var(--fs-label);color:var(--muted)}.tr-warn{font-size:var(--fs-label);color:var(--blood);margin-top:2px}.tr-btn{font-size:11px;min-width:64px}.baths-panel{max-width:460px;margin:20px auto}.baths-vitals{display:flex;flex-direction:column;gap:8px;margin:12px 0}.baths-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bath-btn{padding:10px;font-size:13px}.bath-btn.cold{border-color:var(--verdigris, #5e8b7e)}.bath-btn.warm{border-color:var(--terracotta)}#game-col h1{display:flex;align-items:baseline;gap:10px}#game-col h1 .sub{flex:1 1 auto}.feedback-btn{font:inherit;font-size:11px;letter-spacing:1px;cursor:pointer;color:var(--gold, #c9a959);background:transparent;border:1px solid rgba(201,169,89,.45);border-radius:3px;padding:2px 9px}.feedback-btn:hover{background:#c9a9591f}.build-stamp{font-size:10px;opacity:.4;letter-spacing:.5px;white-space:nowrap}.touch-warn{margin:4px 0 10px;padding:6px 10px;font-size:12px;color:#e8b05a;border:1px solid rgba(232,176,90,.5);border-radius:4px;background:#e8b05a14}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0a08049e}.feedback-panel{width:min(520px,92vw)}.feedback-text{width:100%;box-sizing:border-box;resize:vertical;margin:10px 0;font:inherit;font-size:13px;line-height:1.45;color:var(--ink, #2a2114);background:#fffcf0e6;border:1px solid rgba(90,70,30,.45);border-radius:4px;padding:8px 10px}.feedback-actions{display:flex;gap:10px;align-items:center}.feedback-status{min-height:1.2em}.feedback-overlay[hidden]{display:none}.cycle-list{display:flex;flex-direction:column;gap:6px}.cycle-row{display:grid;grid-template-columns:110px 28px 1fr 28px;align-items:center;gap:6px}.cycle-label{font-size:11px;letter-spacing:1px;opacity:.75;text-transform:uppercase}.cycle-val{text-align:center;font-size:13px}.cycle-btn{font:inherit;cursor:pointer;color:var(--gold, #c9a959);background:transparent;border:1px solid rgba(201,169,89,.4);border-radius:3px;padding:2px 0}.cycle-btn:hover{background:#c9a9591f}.attr-bar{grid-column:1 / -1;height:5px;background:#5a461e40;border-radius:3px;overflow:hidden}.attr-fill{display:block;height:100%;background:linear-gradient(90deg,#8a6a30,#c9a959)}.charter-panel .attr-grid{margin-top:8px}