@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;450;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#071014;--panel:#0b191f;--line:#293b41;--gold:#d7b577;--muted:#83959c;--text:#e9e8df;--red:#c64943;--blue:#6cb3ce}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 45% 0,#19303944,transparent 65%),#060d11;font-family:Inter,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,select,input,textarea{border:1px solid #344750;background:#12252e;border-radius:5px}button{transition:background .18s,border-color .18s,transform .18s}button:hover{background:#213943;border-color:var(--gold)}button:active{transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,p{margin:0}h1,h2,h3,.serif,.btn{font-family:Cinzel,Georgia,serif}h2{font-size:14px;font-weight:500;letter-spacing:.07em}h3{font-size:13px;font-weight:500}.muted{color:var(--muted)}.gold{color:var(--gold)}.red{color:#ed7770}.blue{color:var(--blue)}.small{font-size:11px}.eyebrow{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);font-weight:600}.topbar{height:112px;display:grid;grid-template-columns:320px minmax(260px,1fr) auto;align-items:center;gap:38px;padding:18px 25px;border-bottom:1px solid #334044;background:linear-gradient(#101b20aa,#071014)}.brand{text-align:center;position:relative}.brand h1{font-size:30px;line-height:1.1;font-weight:600;letter-spacing:-1.7px;color:#e6c58c;text-shadow:0 2px #44280f,0 0 24px #bb82383d}.brand h1 span{font-size:15px;letter-spacing:-1px}.brand p{font-family:Georgia,serif;font-size:10px;letter-spacing:5px;margin-top:10px;color:#b7c1c3}.brand:after{content:'◆';display:block;color:var(--gold);font-size:8px;position:absolute;bottom:-18px;left:49%}.dungeon{text-align:center;max-width:510px;width:100%;justify-self:center}.dungeon .serif{font-size:19px;letter-spacing:.04em}.progress{display:flex;align-items:center;gap:0;margin:12px auto 8px;max-width:360px}.node{height:10px;width:10px;border:1px solid #55707b;border-radius:50%;background:#12232a;position:relative;flex-shrink:0}.node.done{background:var(--gold);border-color:var(--gold)}.node.current{background:#ecd4a1;border-color:#ecd4a1;box-shadow:0 0 0 4px #d7b57726,0 0 15px #ddaf6266}.track{height:1px;flex:1;background:#34474f}.track.done{background:#a68b5b}.top-actions{display:flex;gap:8px}.top-actions button{height:57px;min-width:65px;background:#101e26;border-color:#2e414a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px}.top-actions .exit{min-width:88px;background:#542020;border-color:#8f3836;color:#f0c4b2}.layout{display:grid;grid-template-columns:280px minmax(540px,1fr) 278px;gap:16px;padding:22px 24px 16px;max-width:1900px;margin:auto}.column{display:flex;flex-direction:column;gap:15px;min-width:0}.panel{border:1px solid var(--line);border-radius:7px;background:linear-gradient(120deg,#12212988,#09151b99);box-shadow:0 5px 16px #0003;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 15px 13px;border-bottom:1px solid #29383e88}.panel-head .eyebrow{font-size:9px}.players-panel{padding-bottom:10px}.players-panel>.panel-head{border-bottom:0}.player{position:relative;display:block;text-align:left;width:calc(100% - 18px);margin:0 9px 9px;padding:15px 13px 12px;border:1px solid #2a3b41;background:linear-gradient(120deg,#13232a,#09151a);border-radius:5px}.player:last-child{margin-bottom:0}.player.active{border-color:#c9a462;box-shadow:inset 0 0 20px #c7a25c0a,0 0 0 1px #c9a46225;background:linear-gradient(115deg,#292a20,#102028 75%)}.player.active:before{content:'';position:absolute;left:-1px;top:22px;bottom:22px;width:3px;background:#e2bd77;box-shadow:0 0 13px #d1a35b}.player-title{display:flex;gap:10px;align-items:center}.order{border:1px solid #5b665b;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font:13px Georgia;color:var(--gold)}.player h3{font-family:Georgia,serif;font-size:19px}.role{font-size:10px;color:var(--gold);margin-top:4px}.class-icon{margin-left:auto;color:#bca67f}.class-icon svg{width:31px;height:31px}.health-line{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:17px}.heart{color:#d66059}.health-line .muted{font-size:10px}.health-line .mana{margin-left:auto;color:var(--blue)}.bar{height:4px;background:#2a2527;border-radius:2px;overflow:hidden;margin-top:7px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#873732,#c46353)}.bar.mana>i{background:var(--blue)}.player-potions{display:flex;justify-content:space-between;border-top:1px solid #40505244;margin-top:13px;padding-top:10px}.potion-item{display:flex;gap:5px;align-items:center;color:#a6b3b7;font-size:10px}.potion-item svg{width:16px;height:20px;color:var(--pot)}.quick{padding:16px 12px}.quick>p{margin:7px 0 17px;font-size:10px;color:var(--muted)}.action{width:100%;padding:12px 10px;display:flex;gap:11px;align-items:center;text-align:left;margin-top:8px;background:linear-gradient(110deg,#2e2322,#241e20);border-color:#694139}.action .icon{color:#df8875}.action strong{display:block;font-family:Georgia,serif;font-size:15px;font-weight:400}.action small{display:block;font-size:10px;color:#b09d95;margin-top:4px}.action.secondary{background:linear-gradient(110deg,#24291f,#14232a);border-color:#595742}.action.mana-action{background:#102d3b;border-color:#25576c}.left-note{display:flex;align-items:center;gap:10px;color:#77898e;font-size:10px;line-height:1.8;padding:3px 12px}.encounter{position:relative;border:1px solid #a58a52;padding:5px;background:#0a1418;box-shadow:0 0 0 4px #09141a,0 0 0 5px #2d3b3e}.encounter:before,.encounter:after{content:'◆';position:absolute;z-index:2;color:var(--gold);font-size:10px;top:-7px}.encounter:before{left:-5px}.encounter:after{right:-5px}.encounter-inner{display:grid;grid-template-columns:40% 31% 29%;min-height:313px;background:radial-gradient(ellipse at 20% 50%,#24312b,#091319 70%)}.portrait{position:relative;overflow:hidden;min-height:313px;background:#132028}.portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 33%}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#0b171b),linear-gradient(0deg,#091419 0%,transparent 28%)}.portrait-label{position:absolute;bottom:18px;left:18px;z-index:1;font-size:9px;letter-spacing:.18em;color:#d8c5a0}.monster-detail{padding:22px 12px 16px;z-index:1}.monster-detail .eyebrow{color:#b98d57;font-size:8px}.monster-detail h2{font-size:27px;letter-spacing:.01em;margin-top:9px;line-height:1.15}.monster-detail .type{font:italic 12px Georgia;color:#9ca9a8;margin:6px 0 20px}.monster-stat{display:flex;align-items:center;gap:9px;margin:13px 0;font-size:12px}.monster-stat .icon{color:#b6bec0}.monster-stat strong{font-weight:500;margin-left:auto}.monster-stat.hp{font-size:17px}.monster-stat.hp .icon{color:#d55f55}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.tag{border:1px solid #5b513b;border-radius:3px;color:#d2b67f;background:#a78c5110;padding:4px 7px;font-size:9px}.result{margin:17px 13px 17px 0;border-left:1px solid #384446;padding-left:17px;display:flex;flex-direction:column}.result .eyebrow{font-size:8px;line-height:1.6}.result h3{color:#df9a7f;line-height:1.5;font-size:16px;margin:19px 0 13px}.result p{font-size:11px;line-height:1.8;color:#a7b4b7}.result-number{font:36px Georgia;color:#e7c293;padding:10px 0}.result .btn{margin-top:auto}.btn{padding:10px 16px;background:linear-gradient(#233b47,#152b35);border:1px solid #526976;letter-spacing:.03em;font-size:12px}.btn.danger{background:linear-gradient(#8c302d,#65201f);border-color:#b25145;color:#f3d9c1}.btn.gold-btn{background:linear-gradient(#cfb17a,#ab8750);color:#191b18;border-color:#d4b37c}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}.tab{font:12px Cinzel,Georgia;letter-spacing:.04em;padding:13px 5px;background:#0e1c23;border-color:#33454e}.tab.active{color:#ecd4a1;border-color:#b09359;background:linear-gradient(110deg,#6b5531,#3c3527);box-shadow:inset 0 0 18px #e1bc6720}.tab .icon{margin-right:6px}.tab svg{width:15px;height:15px}.dice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dice-panel{padding:14px}.dice-panel h2{font-size:12px}.dice-controls{display:grid;grid-template-columns:100px 1fr 70px;align-items:center;gap:10px;min-height:129px}.dice-wrap{text-align:center}.die{position:relative;width:68px;height:68px;margin:12px auto 18px;transform:rotate(45deg);background:linear-gradient(135deg,#b85a51,#652520 50%,#271518);border:2px solid #d68b73;box-shadow:inset 0 0 0 5px #682e2b,inset 0 0 0 6px #c57e6266,5px 5px 12px #0008;border-radius:13px}.die:before{content:'';position:absolute;inset:10px;border:1px solid #e3a08755}.die span{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);font:37px Georgia;color:#f7e7d5}.die.steel{background:linear-gradient(135deg,#7a8b8f,#34464b 50%,#102027);border-color:#a2b4b6;box-shadow:inset 0 0 0 5px #34464b,inset 0 0 0 6px #a2b4b655,5px 5px 12px #0008}.dice-wrap small{color:#9daeb4;font-size:10px}.bonus-label{color:#8fa1a8;display:block;font-size:9px;margin-bottom:6px}.bonus input{width:100%;text-align:center;height:33px}.bonus select{width:100%;font-size:10px;padding:7px 3px;margin-bottom:9px}.roll-result{background:#061219;border:1px solid #2d424a;border-radius:4px;text-align:center;padding:10px 3px}.roll-result small{font-size:8px;letter-spacing:.06em;color:#7e969f}.roll-result strong{display:block;font:32px Georgia;margin-top:7px}.dice-panel>.btn{width:100%}.info-grid{display:grid;grid-template-columns:1.13fr 1fr .9fr;gap:10px}.info-grid .panel{padding:14px 12px;min-height:210px}.info-grid h2{font-size:12px;margin-bottom:12px}.stats-table{border-collapse:collapse;width:100%;font-size:10px}.stats-table td{padding:6px 0;border-bottom:1px solid #2b404844}.stats-table td:first-child{color:#91a4ac}.stats-table td:last-child{text-align:right}.rules p{font-size:10px;line-height:1.8;margin-bottom:8px;color:#acb8bc}.rules strong{color:#d7c49d;font-weight:500}.rules em{font-family:Georgia,serif;color:#8c9c9d;font-size:12px;display:block;margin-top:14px;line-height:1.5}.notes textarea{width:100%;height:142px;resize:vertical;border:0;background:transparent;font-size:11px;line-height:1.8;color:#adbcbd;padding:0}.log-panel{height:482px;display:flex;flex-direction:column}.filter{font-size:10px;padding:5px;background:#10212a;width:78px}.log-list{overflow:auto;flex:1;padding:0 15px;scrollbar-width:thin;scrollbar-color:#715b36 #0c191f}.log-entry{position:relative;display:flex;gap:11px;padding:16px 0;border-bottom:1px solid #24363d}.log-entry>.icon{color:#a2b3b7;margin-top:1px}.log-entry.attack>.icon{color:#dc9c78}.log-entry h3{font:13px Georgia;color:#d8dcd4;margin-bottom:7px}.log-entry p{font-size:10px;color:#91a4ad;line-height:1.8}.log-entry time{display:block;color:#5c737e;font-size:8px;margin-top:7px;letter-spacing:.1em}.queue{padding-bottom:9px}.queue-list{padding:8px}.queue-row{display:flex;gap:10px;align-items:center;padding:9px 10px;font-size:11px;border-radius:4px;border:1px solid transparent}.queue-row.active{border-color:#8d754c;background:#a08a4411}.queue-row .num{font:12px Georgia;color:#a69269;width:10px}.queue-row .turn{margin-left:auto;font-size:8px;color:var(--gold)}.shortcuts{padding:14px 12px}.shortcuts h2{margin-bottom:12px}.shortcut{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:9px 12px;margin-top:7px;background:#152932}.shortcut svg{width:15px;height:15px}.shortcut.danger{background:#38201f;border-color:#6d3731;color:#dfb6a3}.footer{display:flex;justify-content:space-between;padding:0 26px 17px;font-size:9px;color:#647a82;letter-spacing:.04em}.status-dot{display:inline-block;width:5px;height:5px;background:#82a88b;border-radius:50%;margin-right:6px}.enemy-strip{display:flex;gap:6px;flex-wrap:wrap;margin-top:0}.enemy-chip{font-size:10px;padding:6px 9px;background:#122229}.enemy-chip.selected{border-color:var(--gold);color:var(--gold)}.content-panel{padding:22px;min-height:432px}.content-panel h2{font-size:21px;color:var(--gold);margin-bottom:12px}.content-panel p{line-height:1.8;color:#a4b6bc;margin-bottom:20px}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.room-tile{padding:22px 8px;text-align:center;min-height:85px}.room-tile.active{border-color:var(--gold);color:var(--gold)}.room-tile span{display:block;font:22px Georgia;margin-bottom:9px}.event-card{border:1px solid #554a35;padding:23px;margin-bottom:20px;background:#b18b3c08}.spell-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.spell{padding:10px;text-align:left;font-size:10px}.spell small{display:block;color:var(--blue);margin-top:5px}.no-art{display:grid;place-items:center;background:radial-gradient(#52422c,#10232a 70%)}.no-art>.icon svg{width:110px;height:110px;color:#b6a079}.empty{padding:30px 10px;color:#83959c;text-align:center;font-size:11px}dialog{width:min(520px,calc(100% - 30px));background:#101f26;color:#e0e7e5;border:1px solid #ad8f55;border-radius:8px;box-shadow:0 20px 100px #000a;padding:25px}dialog::backdrop{background:#02080dcc;backdrop-filter:blur(4px)}dialog h2{font-size:21px;color:var(--gold);margin-bottom:17px}dialog p{line-height:1.9;color:#9fb0b7;font-size:12px;margin:12px 0}dialog .close{float:right;border:0;background:transparent;font-size:22px;margin-top:-9px}dialog label{display:block;color:#bbc9cc;font-size:11px;margin:14px 0 6px}dialog input,dialog select{width:100%;padding:10px}dialog .btn{margin-top:17px}dialog .dialog-actions{display:flex;gap:10px;justify-content:flex-end}.belt-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #30414a}.belt-row .icon{color:var(--gold)}.belt-row input{width:70px;margin-left:auto}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(30px);padding:13px 22px;border:1px solid #b09155;border-radius:6px;background:#17272d;z-index:10;opacity:0;pointer-events:none;transition:.2s;font-size:12px;box-shadow:0 10px 30px #0008}#toast.show{opacity:1;transform:translateX(-50%)}.ended-banner{padding:12px;background:#453421;border:1px solid #b09359;border-radius:5px;color:#e1c48d;text-align:center;font-size:12px}.art-credits{font-size:9px;color:#667d87}.flash{animation:flash .3s}@keyframes flash{50%{filter:brightness(1.6)}}@media(min-width:1600px){.layout{grid-template-columns:310px minmax(650px,1fr) 310px;gap:20px}.encounter-inner,.portrait{min-height:350px}.player{padding:18px 16px}.log-panel{height:520px}.topbar{grid-template-columns:340px 1fr auto}.dice-controls{min-height:145px}.info-grid .panel{min-height:230px}}@media(max-width:1250px){.layout{grid-template-columns:235px minmax(480px,1fr);padding:17px;gap:13px}.right-col{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr 1fr}.log-panel{height:245px}.topbar{grid-template-columns:260px 1fr auto;gap:18px;padding:18px}.brand h1{font-size:26px}.top-actions button{min-width:49px;font-size:8px}.top-actions .exit{min-width:64px}.dice-controls{grid-template-columns:85px 1fr 60px}.result{padding-left:12px}.monster-detail h2{font-size:23px}}@media(max-width:800px){.topbar{height:auto;grid-template-columns:1fr 1fr;gap:24px 15px}.top-actions{grid-column:1/-1;justify-content:center}.top-actions button{width:100px}.layout{grid-template-columns:1fr}.left-col{display:contents}.players-panel{order:0}.center-col{order:1}.quick{order:2}.right-col{order:3;grid-column:auto;display:flex}.left-note{display:none}.players-panel{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.players-panel>.panel-head{width:100%;padding:0 0 7px}.player{width:calc((100% - 12px)/3);margin:0;padding:12px 8px}.player h3{font-size:15px}.order,.class-icon{display:none}.player-potions{gap:4px;flex-wrap:wrap}.player-potions svg{width:12px}.health-line{gap:3px;font-size:10px}.health-line .mana{font-size:9px}.brand h1{font-size:24px}.brand p{font-size:8px;letter-spacing:3px}.dungeon .serif{font-size:16px}.log-panel{height:300px}.footer{font-size:8px;gap:15px}.encounter-inner{grid-template-columns:38% 32% 30%;min-height:290px}.portrait{min-height:290px}.monster-detail{padding:18px 8px}.monster-detail h2{font-size:20px}.monster-stat{font-size:10px;gap:5px}.result h3{font-size:13px}.result p{font-size:10px}.result .btn{font-size:10px;padding:10px 4px}.result .eyebrow{font-size:7px}}@media(max-width:540px){.layout{padding:12px 9px}.topbar{padding:20px 12px}.brand h1{font-size:21px}.brand p{letter-spacing:2px}.dungeon .serif{font-size:14px}.top-actions{gap:5px}.top-actions button{width:80px}.encounter-inner{grid-template-columns:48% 52%}.result{grid-column:1/-1;border-left:0;border-top:1px solid #394645;margin:0;padding:13px;display:grid;grid-template-columns:1fr 110px;gap:4px 10px}.result .eyebrow{grid-column:1/-1}.result h3{margin:4px 0}.result p{grid-column:1}.result .result-number{display:none}.result .btn{grid-column:2;grid-row:2/5;margin:auto 0;width:100%}.portrait,.encounter-inner{min-height:255px}.monster-detail{padding:18px}.dice-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.info-grid .notes{grid-column:1/-1;min-height:150px}.notes textarea{height:90px}.tab{font-size:10px}.tab .icon{display:none}.player h3{font-size:13px}.player .role{font-size:8px}.player .health-line{flex-wrap:wrap}.health-line .mana{margin-left:0}.health-line .icon svg{width:14px}.player-potions{justify-content:flex-start}.player-potions .potion-item:nth-child(n+4){display:none}.room-grid{grid-template-columns:1fr 1fr}.footer span:last-child{display:none}}

/* Turn identity is separate from focus. Preserve the existing palette and layout. */
.turn-notice{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid #384841;border-radius:5px;background:#101d22;font-size:10px;line-height:1.6}
.turn-notice .muted{font-size:9px}.migration-note{color:#c3ad80;background:#30291b66;display:block}
.player.focused:not(.active){border-color:#607783}.enemy-chip.selected:not(.turn-active){border-color:#678897;color:#bbced3}
.enemy-chip.turn-active{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 12px #c9a46218}
.action-reason{display:block;font:9px/1.6 Inter,Arial,sans-serif;color:#c2ae90;margin-top:5px;letter-spacing:0;text-transform:none}
.quick>.action-reason{margin:0 0 10px}.helper-note{display:block;font-size:9px;color:#83959c;margin-top:7px;line-height:1.6}
.queue-row.out{opacity:.45}.defeat-banner{background:#552422;border-color:#a25645;color:#f2c2ac}
@media(max-width:540px){.turn-notice{align-items:flex-start;flex-direction:column}.quick .action-reason{font-size:10px}}