@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=Spectral:ital,wght@0,400;0,600;1,500&display=swap";:root{--bg-0: #04070d;--bg-1: #09111b;--bg-2: #0e1c2a;--bg-3: #14293b;--ink-0: #ebf7ff;--ink-1: #9cb4c8;--ink-2: #70879c;--accent: #82d6ff;--accent-soft: #c3efff;--accent-cold: #3ba3d7;--accent-steel: #90a4b8;--warning: #f18b95;--panel: rgba(8, 14, 22, .78);--panel-strong: rgba(5, 10, 18, .9);--line: rgba(122, 171, 201, .22);--line-strong: rgba(139, 215, 255, .34);--shadow: 0 30px 80px rgba(0, 0, 0, .52);--hero-shadow: 0 0 28px rgba(122, 220, 255, .28);--body-radial-0: radial-gradient(circle at 50% 0%, rgba(104, 211, 255, .1) 0%, transparent 28%);--body-radial-1: radial-gradient(circle at 12% 18%, rgba(70, 134, 184, .22) 0%, transparent 25%);--body-radial-2: radial-gradient(circle at 88% 12%, rgba(150, 201, 235, .12) 0%, transparent 20%);--body-sheen: linear-gradient(180deg, rgba(177, 233, 255, .06) 0, transparent 160px);--body-gradient: linear-gradient(160deg, var(--bg-0), var(--bg-1) 36%, var(--bg-2) 68%, #060b12 100%);--frame-border: rgba(151, 212, 242, .16);--frame-glow-a: rgba(145, 214, 255, .08);--frame-glow-b: rgba(131, 181, 211, .08);--ring-border: rgba(139, 210, 245, .1);--ring-dash: rgba(173, 233, 255, .18);--glow-a-color: rgba(108, 216, 255, .68);--glow-b-color: rgba(73, 131, 189, .5);--hero-top: rgba(166, 228, 255, .08);--hero-a: rgba(11, 23, 35, .96);--hero-b: rgba(7, 13, 22, .82);--hero-border: rgba(125, 173, 205, .18);--hero-inset: rgba(42, 88, 119, .18);--panel-top: rgba(186, 237, 255, .04);--panel-a: rgba(9, 17, 27, .94);--panel-b: rgba(8, 14, 22, .78);--button-top: rgba(173, 233, 255, .12);--button-a: rgba(27, 67, 98, .92);--button-b: rgba(8, 18, 29, .98);--button-border: rgba(145, 205, 232, .32);--button-shadow: rgba(39, 117, 173, .18);--ghost-top: rgba(124, 181, 214, .05);--ghost-bg: rgba(18, 33, 48, .45);--menu-top: rgba(133, 200, 234, .07);--menu-bg: rgba(18, 33, 48, .85);--menu-active-top: rgba(129, 219, 255, .28);--menu-active-mid: rgba(45, 101, 146, .78);--menu-active-base-a: rgba(19, 43, 63, .95);--menu-active-base-b: rgba(7, 14, 24, .98);--menu-active-border: rgba(170, 234, 255, .65);--menu-active-shadow: rgba(44, 114, 158, .22);--callout-top: rgba(130, 209, 255, .05);--callout-a: rgba(6, 12, 20, .74);--callout-b: rgba(8, 19, 31, .85);--callout-border: rgba(118, 165, 194, .22);--surface-strong: #0b1117;--current-chip-border: #8bdfff;--ready-chip-border: rgba(143, 203, 237, .5);--ready-chip-a: rgba(70, 139, 179, .16);--ready-chip-b: rgba(244, 184, 96, .09);--ready-chip-c: rgba(39, 75, 94, .45);--ready-text: #eaf7ff;--picker-ready-border: rgba(150, 205, 235, .3);--picker-ready-glow-a: rgba(132, 219, 255, .14);--picker-ready-glow-b: rgba(86, 167, 212, .14);--picker-ready-base: rgba(255, 244, 226, .02);--picker-ready-text: #d6f5ff;--status-ok: rgba(150, 205, 235, .42);--status-ok-bg: rgba(8, 24, 40, .94);--ornament-line: rgba(161, 220, 245, .16);--ornament-a: rgba(117, 210, 255, .12);--ornament-b: rgba(82, 132, 196, .12);--banner-top: rgba(180, 236, 255, .07);--banner-a: rgba(10, 19, 29, .86);--banner-b: rgba(8, 15, 24, .94);--banner-border: rgba(145, 208, 233, .22);--glyph-line: rgba(181, 236, 255, .22);--glyph-core: rgba(131, 221, 255, .18);--glyph-shadow: rgba(62, 121, 176, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{overflow-x:hidden}img{max-width:100%}.page-shell,.layout-grid,.panel,.panel-wide,.stack,.grid-two,.actions,.row-inline,.story-block,.cards-list li,.journal-list li,.report-grid article,label,input,textarea,select,button{min-width:0}body{margin:0;font-family:IBM Plex Sans,sans-serif;background:var(--body-radial-0),var(--body-radial-1),var(--body-radial-2),var(--body-sheen),var(--body-gradient);color:var(--ink-0);min-height:100vh}body[data-player-theme=frost-king]{--ink-0: #ebf7ff;--ink-1: #9cb4c8;--ink-2: #70879c;--accent: #82d6ff;--accent-soft: #c3efff;--line: rgba(122, 171, 201, .22);--hero-shadow: 0 0 28px rgba(122, 220, 255, .28)}body[data-player-theme=ember-necropolis]{--bg-0: #0d0607;--bg-1: #1a0d0d;--bg-2: #291313;--bg-3: #3c1d19;--ink-0: #fff0e7;--ink-1: #d3b4a4;--ink-2: #9e8071;--accent: #f5a86f;--accent-soft: #ffe3c1;--accent-cold: #d96c3d;--accent-steel: #b98d7d;--warning: #ff8d8d;--line: rgba(194, 135, 104, .24);--line-strong: rgba(245, 181, 118, .4);--hero-shadow: 0 0 28px rgba(255, 147, 91, .22);--body-radial-0: radial-gradient(circle at 48% 0%, rgba(255, 152, 103, .13) 0%, transparent 28%);--body-radial-1: radial-gradient(circle at 10% 18%, rgba(157, 54, 39, .26) 0%, transparent 25%);--body-radial-2: radial-gradient(circle at 88% 10%, rgba(218, 128, 83, .15) 0%, transparent 22%);--body-sheen: linear-gradient(180deg, rgba(255, 189, 145, .08) 0, transparent 170px);--body-gradient: linear-gradient(160deg, var(--bg-0), var(--bg-1) 34%, var(--bg-2) 68%, #11090a 100%);--frame-border: rgba(202, 129, 104, .18);--frame-glow-a: rgba(255, 152, 103, .09);--frame-glow-b: rgba(143, 65, 49, .11);--ring-border: rgba(229, 157, 121, .14);--ring-dash: rgba(255, 213, 178, .16);--glow-a-color: rgba(255, 131, 69, .58);--glow-b-color: rgba(144, 61, 44, .52);--hero-top: rgba(255, 193, 150, .08);--hero-a: rgba(33, 16, 15, .96);--hero-b: rgba(20, 9, 10, .84);--hero-border: rgba(198, 122, 97, .22);--hero-inset: rgba(121, 56, 38, .18);--panel-top: rgba(255, 198, 153, .04);--panel-a: rgba(27, 12, 13, .94);--panel-b: rgba(22, 10, 11, .82);--button-top: rgba(255, 194, 143, .12);--button-a: rgba(106, 46, 28, .92);--button-b: rgba(34, 13, 13, .98);--button-border: rgba(217, 153, 122, .34);--button-shadow: rgba(148, 71, 38, .22);--ghost-top: rgba(205, 144, 113, .07);--ghost-bg: rgba(52, 24, 22, .5);--menu-top: rgba(238, 171, 127, .08);--menu-bg: rgba(44, 20, 20, .88);--menu-active-top: rgba(247, 176, 120, .3);--menu-active-mid: rgba(153, 63, 42, .8);--menu-active-base-a: rgba(60, 24, 19, .95);--menu-active-base-b: rgba(25, 10, 12, .98);--menu-active-border: rgba(255, 207, 156, .55);--menu-active-shadow: rgba(147, 72, 41, .22);--callout-top: rgba(255, 187, 138, .05);--callout-a: rgba(28, 11, 11, .78);--callout-b: rgba(26, 12, 13, .88);--callout-border: rgba(191, 127, 99, .22);--surface-strong: #150d0d;--current-chip-border: #ffcf9c;--ready-chip-border: rgba(242, 171, 116, .5);--ready-chip-a: rgba(153, 84, 48, .16);--ready-chip-b: rgba(255, 207, 134, .09);--ready-chip-c: rgba(90, 48, 34, .45);--ready-text: #fff1e6;--picker-ready-border: rgba(217, 149, 113, .3);--picker-ready-glow-a: rgba(255, 183, 131, .14);--picker-ready-glow-b: rgba(169, 87, 58, .16);--picker-ready-base: rgba(255, 233, 210, .03);--picker-ready-text: #ffe4cf;--status-ok: rgba(255, 191, 141, .42);--status-ok-bg: rgba(43, 17, 15, .94);--ornament-line: rgba(218, 151, 113, .16);--ornament-a: rgba(255, 162, 107, .12);--ornament-b: rgba(146, 63, 44, .14);--banner-top: rgba(255, 198, 153, .07);--banner-a: rgba(31, 13, 12, .88);--banner-b: rgba(21, 10, 10, .94);--banner-border: rgba(216, 151, 115, .22);--glyph-line: rgba(255, 212, 167, .24);--glyph-core: rgba(255, 175, 111, .18);--glyph-shadow: rgba(149, 74, 40, .2)}body[data-player-theme=verdant-vault]{--bg-0: #06100d;--bg-1: #0b1713;--bg-2: #13231d;--bg-3: #1a3026;--ink-0: #eefcf2;--ink-1: #a8c6b2;--ink-2: #6f9582;--accent: #86ddb2;--accent-soft: #d7f6de;--accent-cold: #4aa27e;--accent-steel: #8aa792;--warning: #f2a48e;--line: rgba(118, 168, 138, .24);--line-strong: rgba(144, 224, 184, .38);--hero-shadow: 0 0 28px rgba(112, 218, 162, .24);--body-radial-0: radial-gradient(circle at 50% 0%, rgba(124, 223, 170, .1) 0%, transparent 28%);--body-radial-1: radial-gradient(circle at 12% 20%, rgba(66, 131, 98, .24) 0%, transparent 24%);--body-radial-2: radial-gradient(circle at 86% 12%, rgba(186, 192, 115, .12) 0%, transparent 22%);--body-sheen: linear-gradient(180deg, rgba(181, 238, 195, .06) 0, transparent 160px);--body-gradient: linear-gradient(160deg, var(--bg-0), var(--bg-1) 38%, var(--bg-2) 68%, #08100d 100%);--frame-border: rgba(127, 191, 157, .16);--frame-glow-a: rgba(126, 223, 171, .08);--frame-glow-b: rgba(171, 172, 87, .07);--ring-border: rgba(133, 212, 174, .12);--ring-dash: rgba(210, 235, 183, .18);--glow-a-color: rgba(109, 218, 164, .54);--glow-b-color: rgba(90, 132, 87, .48);--hero-top: rgba(191, 244, 206, .07);--hero-a: rgba(12, 25, 20, .96);--hero-b: rgba(9, 18, 15, .84);--hero-border: rgba(124, 185, 152, .18);--hero-inset: rgba(58, 109, 86, .17);--panel-top: rgba(187, 241, 196, .04);--panel-a: rgba(10, 20, 17, .94);--panel-b: rgba(9, 17, 14, .8);--button-top: rgba(194, 245, 201, .11);--button-a: rgba(29, 82, 61, .92);--button-b: rgba(10, 24, 18, .98);--button-border: rgba(134, 201, 164, .34);--button-shadow: rgba(50, 117, 87, .18);--ghost-top: rgba(145, 191, 154, .06);--ghost-bg: rgba(22, 42, 33, .45);--menu-top: rgba(160, 226, 182, .07);--menu-bg: rgba(17, 35, 29, .85);--menu-active-top: rgba(133, 225, 182, .28);--menu-active-mid: rgba(55, 110, 80, .78);--menu-active-base-a: rgba(18, 45, 35, .95);--menu-active-base-b: rgba(8, 18, 15, .98);--menu-active-border: rgba(193, 237, 183, .48);--menu-active-shadow: rgba(49, 110, 74, .18);--callout-top: rgba(155, 223, 176, .05);--callout-a: rgba(8, 17, 14, .76);--callout-b: rgba(10, 22, 18, .86);--callout-border: rgba(108, 165, 134, .22);--surface-strong: #0b1411;--current-chip-border: #bce8c0;--ready-chip-border: rgba(156, 216, 176, .48);--ready-chip-a: rgba(69, 133, 101, .16);--ready-chip-b: rgba(217, 189, 104, .08);--ready-chip-c: rgba(43, 88, 65, .45);--ready-text: #eefcf1;--picker-ready-border: rgba(136, 199, 162, .3);--picker-ready-glow-a: rgba(145, 225, 180, .13);--picker-ready-glow-b: rgba(180, 180, 101, .1);--picker-ready-base: rgba(233, 244, 214, .03);--picker-ready-text: #e2f7e6;--status-ok: rgba(145, 225, 181, .4);--status-ok-bg: rgba(10, 30, 23, .94);--ornament-line: rgba(152, 211, 176, .16);--ornament-a: rgba(141, 223, 179, .11);--ornament-b: rgba(180, 179, 101, .1);--banner-top: rgba(191, 244, 206, .07);--banner-a: rgba(11, 22, 18, .88);--banner-b: rgba(8, 17, 14, .94);--banner-border: rgba(143, 202, 168, .22);--glyph-line: rgba(214, 238, 181, .22);--glyph-core: rgba(132, 221, 175, .17);--glyph-shadow: rgba(64, 112, 80, .18)}.page-shell{width:min(1240px,100% - 2.4rem);margin:2.2rem auto 4rem;position:relative;padding-top:.6rem}.frost-frame{position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;z-index:0;border-radius:28px;border:1px solid var(--frame-border);background:linear-gradient(135deg,var(--frame-glow-a),transparent 30%),linear-gradient(315deg,var(--frame-glow-b),transparent 26%);box-shadow:inset 0 0 0 1px #cbefff08,0 0 0 1px #12283bb3,0 48px 120px #0000006b;pointer-events:none}.frost-runic-ring{position:absolute;z-index:0;pointer-events:none;border-radius:999px;border:1px solid var(--ring-border);opacity:.55;mix-blend-mode:screen}.frost-runic-ring:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:inherit;border:1px dashed var(--ring-dash)}.frost-runic-ring-a{width:300px;height:300px;top:-70px;right:-80px;transform:rotate(14deg)}.frost-runic-ring-b{width:220px;height:220px;left:-90px;bottom:110px;transform:rotate(-12deg)}.ambient-glow{position:absolute;pointer-events:none;border-radius:999px;filter:blur(70px);opacity:.45;z-index:0}.glow-a{width:320px;height:320px;background:var(--glow-a-color);top:-70px;right:4%;animation:floatA 6s ease-in-out infinite}.glow-b{width:360px;height:360px;background:var(--glow-b-color);top:340px;left:-150px;animation:floatB 8s ease-in-out infinite}.hero,.panel,.error-banner,.loading-indicator{position:relative;z-index:2}.hero{margin-bottom:1.15rem;padding:1.2rem 1.35rem 1.4rem;border:1px solid var(--hero-border);border-radius:24px;background:linear-gradient(180deg,var(--hero-top),transparent 32%),linear-gradient(145deg,var(--hero-a),var(--hero-b));box-shadow:inset 0 1px #dbf7ff14,inset 0 0 36px var(--hero-inset),var(--shadow);animation:appear .45s ease-out both}.hero-head{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.hero-copy{min-width:0}.hero-kicker{margin:0 0 .45rem;color:var(--accent);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600}.hero h1{margin:0;font-family:Cinzel,serif;font-size:clamp(2rem,4vw,3.35rem);letter-spacing:.06em;text-transform:uppercase;color:#eefaff;text-shadow:var(--hero-shadow)}.hero p{margin-top:.5rem;color:var(--ink-1);max-width:64ch}.theme-switcher{display:grid;gap:.55rem;width:min(320px,100%);flex:0 0 320px}.theme-pill{display:grid;gap:.14rem;justify-items:flex-start;text-align:left;padding:.7rem .8rem;border-radius:14px}.theme-pill small{color:var(--ink-1);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.theme-pill.active{border-color:var(--menu-active-border);box-shadow:inset 0 0 0 1px #f0f8ff14,0 12px 28px var(--menu-active-shadow)}.layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-top),transparent 22%),linear-gradient(145deg,var(--panel-a),var(--panel-b));border-radius:22px;padding:1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:appear .5s ease both}.themed-panel{position:relative;overflow:hidden}.themed-panel>*:not(.panel-ornament){position:relative;z-index:1}.panel-ornament{position:absolute;pointer-events:none;z-index:0;border-radius:999px;opacity:.9}.panel-ornament-a{top:-92px;right:-64px;width:240px;height:240px;background:radial-gradient(circle at 50% 50%,transparent 53%,var(--ornament-line) 54%,transparent 58%),radial-gradient(circle at 50% 50%,transparent 67%,var(--ornament-a) 68%,transparent 73%),radial-gradient(circle at 50% 50%,var(--ornament-b),transparent 70%)}.panel-ornament-b{left:-56px;bottom:-68px;width:180px;height:180px;background:linear-gradient(135deg,transparent 38%,var(--ornament-line) 39%,transparent 40%),linear-gradient(225deg,transparent 38%,var(--ornament-line) 39%,transparent 40%),radial-gradient(circle at 50% 50%,var(--ornament-a),transparent 65%);opacity:.65}.theme-scene-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:18px;border:1px solid var(--banner-border);background:linear-gradient(180deg,var(--banner-top),transparent 46%),linear-gradient(145deg,var(--banner-a),var(--banner-b));box-shadow:inset 0 1px #eff9ff0d,0 12px 28px #00000024}.theme-scene-banner-copy{display:grid;gap:.18rem;min-width:0}.theme-scene-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.theme-scene-glyph{flex:0 0 88px;width:88px;height:88px;border-radius:18px;border:1px solid var(--glyph-line);background:radial-gradient(circle at 50% 50%,var(--glyph-core),transparent 58%),linear-gradient(145deg,#ffffff08,#00000014);box-shadow:inset 0 0 0 1px #f3faff0a,0 14px 24px var(--glyph-shadow);position:relative}.theme-scene-glyph:before,.theme-scene-glyph:after{content:"";position:absolute}.theme-scene-glyph-war:before{top:14px;right:14px;bottom:14px;left:14px;border-radius:14px;border:1px solid var(--glyph-line);clip-path:polygon(50% 0%,61% 34%,100% 50%,61% 66%,50% 100%,39% 66%,0% 50%,39% 34%)}.theme-scene-glyph-war:after{top:22px;right:22px;bottom:22px;left:22px;clip-path:polygon(50% 6%,70% 50%,50% 94%,30% 50%);background:linear-gradient(180deg,transparent 0%,var(--glyph-line) 50%,transparent 100%)}.theme-scene-glyph-map:before{top:14px;right:14px;bottom:14px;left:14px;border-radius:14px;border:1px solid var(--glyph-line);clip-path:polygon(16% 20%,50% 8%,84% 20%,72% 82%,50% 92%,28% 82%)}.theme-scene-glyph-map:after{top:21px;right:21px;bottom:21px;left:21px;border-radius:12px;background:linear-gradient(90deg,transparent 32%,var(--glyph-line) 33%,transparent 34%,transparent 66%,var(--glyph-line) 67%,transparent 68%),linear-gradient(180deg,transparent 32%,var(--glyph-line) 33%,transparent 34%,transparent 66%,var(--glyph-line) 67%,transparent 68%)}.theme-scene-glyph-scene:before{top:13px;right:13px;bottom:13px;left:13px;border-radius:16px;border:1px solid var(--glyph-line);clip-path:polygon(12% 70%,30% 32%,50% 50%,68% 18%,88% 74%,68% 86%,34% 82%)}.theme-scene-glyph-scene:after{top:24px;right:24px;bottom:24px;left:24px;border-radius:999px;border:1px solid var(--glyph-line);box-shadow:0 0 0 8px transparent,0 0 0 0 var(--glyph-line)}.theme-scene-glyph-roster:before{top:14px;right:14px;bottom:14px;left:14px;border-radius:14px;border:1px solid var(--glyph-line);background:linear-gradient(90deg,transparent 24%,var(--glyph-line) 25%,transparent 26%,transparent 74%,var(--glyph-line) 75%,transparent 76%),linear-gradient(180deg,transparent 36%,var(--glyph-line) 37%,transparent 38%,transparent 66%,var(--glyph-line) 67%,transparent 68%)}.theme-scene-glyph-roster:after{top:22px;right:22px;bottom:22px;left:22px;border-radius:12px;background:radial-gradient(circle at 32% 34%,var(--glyph-line) 0 10%,transparent 12%),radial-gradient(circle at 68% 34%,var(--glyph-line) 0 10%,transparent 12%),linear-gradient(180deg,transparent 56%,var(--glyph-line) 57%,transparent 58%)}.panel-settings{margin-bottom:1rem;position:relative;overflow:hidden}.panel-settings:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(136,212,255,.08),transparent);transform:translate(-100%);animation:frostSweep 12s linear infinite;pointer-events:none}.top-menu{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;position:relative;z-index:2}.menu-item{border-color:#7dabc542;background:linear-gradient(180deg,var(--menu-top),rgba(11,20,31,.86)),var(--menu-bg);color:var(--ink-1);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}.menu-item.active{background:linear-gradient(135deg,var(--menu-active-top),var(--menu-active-mid)),linear-gradient(180deg,var(--menu-active-base-a),var(--menu-active-base-b));border-color:var(--menu-active-border);color:#f2fcff;box-shadow:0 0 0 1px #b1eeff1f inset,0 8px 24px var(--menu-active-shadow)}.panel-wide{grid-column:span 2}h2{margin-top:0;margin-bottom:.75rem;font-size:1.16rem;color:var(--accent-soft);letter-spacing:.08em;text-transform:uppercase}h3,h4{margin:0 0 .5rem;font-family:Cinzel,serif;color:#f0fbff;letter-spacing:.04em}label{display:grid;gap:.35rem;font-size:.9rem;color:var(--ink-1)}.field-label-inline{position:relative;display:inline-flex;align-items:center;gap:.38rem;flex-wrap:wrap;width:fit-content;max-width:100%}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;background:linear-gradient(180deg,#a2dfff0a,#070d14eb),#070e14c2;color:var(--ink-0);border:1px solid rgba(132,177,204,.24);border-radius:12px;padding:.58rem .7rem;box-shadow:inset 0 1px #d2f4ff0a}textarea{resize:vertical}button{border:1px solid var(--button-border);background:linear-gradient(180deg,var(--button-top),rgba(19,43,62,.9)),linear-gradient(135deg,var(--button-a),var(--button-b));color:#effaff;border-radius:11px;padding:.6rem .9rem;cursor:pointer;transition:transform .15s ease,filter .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #e2f8ff14,0 8px 18px #00000038}button:hover{transform:translateY(-1px);filter:brightness(1.07);border-color:#b3eaff80;box-shadow:inset 0 1px #ebfbff1f,0 12px 28px var(--button-shadow)}button:disabled{opacity:.6;cursor:default}.button-ghost{background:linear-gradient(180deg,var(--ghost-top),rgba(7,14,21,.75)),var(--ghost-bg);color:#d6ebf7}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.stack{display:grid;gap:.75rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}.row-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.row-inline input[type=number]{width:92px}.item-chip{background:#182b3db8;border:1px solid rgba(112,169,201,.32);padding:.42rem .62rem;border-radius:999px}.roll-display{width:62px;height:62px;border-radius:14px;border:1px solid rgba(146,215,248,.42);display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(141,219,255,.18),transparent 45%),#0a1623d1;font-family:Cinzel,serif;font-size:1.5rem;color:#eff8ff;box-shadow:inset 0 0 24px #4582b038}.roll-display.rolling{animation:dieRollShake .26s linear infinite}.turn-dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at 50% 50%,#08121e2e,#03080e5c)}.turn-dice-overlay-card{width:min(540px,calc(100vw - 2rem));border-radius:24px;padding:1rem 1.1rem 1.15rem;border:1px solid rgba(154,212,241,.26);background:radial-gradient(circle at 20% 0%,rgba(134,205,240,.16),transparent 42%),linear-gradient(180deg,#0c1a28f5,#07111bf0);box-shadow:0 18px 48px #01070d6b,inset 0 0 0 1px #ddf1fc0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-dice-overlay-card.tone-attack{border-color:#d67a5c57}.turn-dice-overlay-card.tone-heal{border-color:#84cea25c}.turn-dice-overlay-card.tone-spell{border-color:#78a6e25c}.turn-dice-overlay-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.turn-dice-overlay-head h3{margin:.15rem 0 0;font-size:1.25rem}.turn-dice-overlay-eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#d4eaf6c7}.turn-dice-overlay-notation{white-space:nowrap;padding:.3rem .6rem;border-radius:999px;border:1px solid rgba(148,210,239,.22);background:#ffffff0a;color:#ecf7ff;font-family:Cinzel,serif}.turn-dice-overlay-subtitle{margin:.65rem 0 0;color:#dceef8d1}.turn-dice-overlay-dice{display:grid;justify-content:center;gap:.85rem;margin-top:1rem}.turn-dice-overlay-dice-1{grid-template-columns:minmax(0,130px)}.turn-dice-overlay-dice-2{grid-template-columns:repeat(2,minmax(0,118px))}.turn-dice-overlay-dice-3{grid-template-columns:repeat(3,minmax(0,102px))}.turn-dice-face{aspect-ratio:1;display:grid;place-items:center;border-radius:26px;border:1px solid rgba(155,220,245,.3);background:radial-gradient(circle at 30% 25%,rgba(184,230,255,.24),transparent 35%),linear-gradient(180deg,#13283cfa,#09121dfa);box-shadow:inset 0 0 24px #5296c52e,0 10px 22px #00000052}.turn-dice-face span{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.7rem);color:#f6fbff;text-shadow:0 2px 10px rgba(118,192,236,.18)}.turn-dice-face.rolling{animation:dieRollShake .26s linear infinite}.turn-dice-overlay-status{margin:.95rem 0 0;text-align:center;color:#ecf5fbe0}.hint{color:var(--ink-2);margin:0}.scenario-step-complete-badge{display:inline-block;margin-top:.35rem;padding:.18rem .55rem;border-radius:999px;border:1px solid rgba(150,205,235,.42);background:linear-gradient(120deg,#4d97bf2e,#7ce8ff1a),#0f223073;color:#e8f6ff;box-shadow:inset 0 0 0 1px #cbe8f714,0 6px 16px #08141f2e}.item-chip-current{border-color:var(--current-chip-border);font-weight:700}.scenario-transition-chip-ready{border-color:var(--ready-chip-border);background:linear-gradient(120deg,var(--ready-chip-a),var(--ready-chip-b)),var(--ready-chip-c);color:var(--ready-text);box-shadow:0 0 0 1px #78bee21f inset,0 8px 18px #050f181a}.scenario-location-picker-ready{border-radius:12px;padding:.55rem;border:1px solid var(--picker-ready-border);background:radial-gradient(circle at 100% 0%,var(--picker-ready-glow-a),transparent 46%),radial-gradient(circle at 0% 0%,var(--picker-ready-glow-b),transparent 54%),var(--picker-ready-base);box-shadow:0 0 0 1px #6eb7df1c,0 10px 22px #00000024}.scenario-location-picker-ready-text{color:var(--picker-ready-text);font-weight:600;text-shadow:0 0 14px rgba(87,162,208,.18)}.tooltip-anchor{position:relative;display:inline-flex;width:1.15rem;height:1.15rem;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(150,220,251,.4);color:var(--accent);cursor:help;font-size:.78rem;margin-top:0;flex:0 0 auto}.tooltip-anchor-text{width:auto;height:auto;border:none;margin-top:0;padding:0;color:inherit;font-size:inherit;align-items:baseline;justify-content:flex-start}.tooltip-anchor-field{position:static}.tooltip-popup{position:absolute;left:1.45rem;top:-.3rem;width:min(360px,70vw);padding:.55rem .65rem;background:#060c13f7;border:1px solid rgba(144,211,243,.35);border-radius:10px;color:var(--ink-0);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;z-index:6;pointer-events:none}.tooltip-anchor-field .tooltip-popup{left:0;right:auto;top:auto;bottom:calc(100% + .45rem);width:min(360px,calc(100vw - 2rem))}.tooltip-anchor[data-tooltip-side=end] .tooltip-popup,.storyteller-archetype-chip[data-tooltip-side=end] .storyteller-archetype-tooltip{left:auto;right:0}.tooltip-anchor:hover .tooltip-popup,.tooltip-anchor:focus .tooltip-popup{opacity:1;visibility:visible;transform:translateY(0)}.actor-name-inline{display:inline;font-weight:600}.actor-input{font-size:1.08rem;font-weight:600}.callout,.story-block{border:1px solid var(--callout-border);border-radius:16px;padding:.8rem;background:linear-gradient(180deg,var(--callout-top),var(--callout-a)),var(--callout-b);box-shadow:inset 0 0 30px #4975961f}.callout-error{border-color:#f8919d61;background:linear-gradient(180deg,#75202a33,#370c12e6),#370c12f0;box-shadow:inset 0 0 30px #a42d4029}.streamed-narration{white-space:pre-wrap}.stream-cursor{display:inline-block;margin-left:2px;animation:streamCursorBlink .7s steps(1,end) infinite}.cards-list,.journal-list{display:grid;gap:.6rem;padding:0;margin:0;list-style:none}.cards-list li,.journal-list li{border:1px solid rgba(116,166,196,.28);border-radius:16px;padding:.75rem;background:linear-gradient(180deg,#83d7ff0a,#070e16d6),#081b2899}.cards-list li em{display:block;color:#9fe5ff;margin-top:.3rem}.journal-list li header{display:flex;gap:.4rem;align-items:baseline}.journal-list li p{margin:.35rem 0 0;color:#e3f0f8}.report-grid{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.report-grid article{border:1px solid rgba(118,173,206,.28);background:linear-gradient(180deg,#81d4ff0d,#070e15d1),#09121cc2;border-radius:16px;padding:.8rem}.error-banner,.loading-indicator{position:fixed;right:1rem;bottom:1rem;border-radius:10px;padding:.7rem .9rem;border:1px solid rgba(248,145,157,.38);background:#370c12f0;max-width:min(420px,92vw)}.loading-indicator{bottom:4.8rem;border-color:var(--status-ok);background:var(--status-ok-bg)}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(-16px,10px)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(12px,-12px)}}@keyframes dieRollShake{0%{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.03)}50%{transform:rotate(-5deg) scale(.98)}75%{transform:rotate(3deg) scale(1.02)}to{transform:rotate(0) scale(1)}}@keyframes streamCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width: 980px){.layout-grid,.grid-two,.report-grid{grid-template-columns:1fr}.panel-wide{grid-column:span 1}.page-shell{width:min(1240px,calc(100% - 1rem))}.storyteller-preview-card,.storyteller-turn-card{grid-template-columns:1fr}.storyteller-preview-image{width:100%;max-width:240px;height:auto;aspect-ratio:4 / 5}}.callout-spaced{margin-top:.5rem}.panel-inset{border:1px solid rgba(150,209,239,.12);border-radius:16px;padding:12px;background:linear-gradient(180deg,#9bddff0a,#050b1285)}.panel-inset h3,.tight-heading{margin:0}.stack-tight{display:grid;gap:.35rem}.stack-compact{display:grid;gap:.5rem}.stack-loose{display:grid;gap:.75rem}.list-item-spaced{margin-top:.5rem}.row-inline-tight{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.small-button{padding:.25rem .55rem;font-size:.78rem}.row-inline-loose{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.row-inline-top{align-items:flex-start}.row-inline-stretch{align-items:stretch}.align-start{align-self:flex-start}.field-compact{width:min(180px,100%)}.field-span-first{grid-column:1 / 2}.field-span-full{grid-column:1 / -1}.inline-pre-wrap{white-space:pre-wrap;margin:0}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.6rem}.storyteller-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.storyteller-preset-card{display:grid;gap:.45rem;align-content:start;text-align:left;padding:.42rem;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(180deg,#bae9ff0f,#08111beb),#080f17db}.storyteller-preset-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;pointer-events:none}.storyteller-preset-card.is-selected{border-color:#ffd9a1cc;box-shadow:0 0 0 1px #ffd9a152 inset,0 14px 28px #0000003d}.storyteller-preset-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;position:relative;z-index:1;border-radius:12px;border:1px solid rgba(133,191,223,.3);background:var(--surface-strong)}.storyteller-preset-name{font-family:Cinzel,serif;color:var(--ink-0);letter-spacing:.03em;position:relative;z-index:1}.storyteller-preset-copy{color:var(--ink-2);line-height:1.35;position:relative;z-index:1}.storyteller-archetype-list{display:flex;flex-wrap:wrap;gap:.45rem}.storyteller-archetype-chip{position:relative;padding:.45rem .7rem;border-radius:999px;text-align:left}.storyteller-archetype-chip.is-selected{border-color:#ffd9a1cc;box-shadow:0 0 0 1px #ffd9a147 inset}.storyteller-archetype-tooltip{position:absolute;left:0;top:auto;bottom:calc(100% + .45rem);width:min(280px,68vw);padding:.55rem .65rem;border-radius:10px;border:1px solid rgba(144,211,243,.35);background:#060c13f7;color:var(--ink-0);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none;z-index:8;text-transform:none;letter-spacing:normal;line-height:1.4;white-space:normal}.storyteller-archetype-chip:hover .storyteller-archetype-tooltip,.storyteller-archetype-chip:focus-visible .storyteller-archetype-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.media-picker-button{padding:.35rem}.media-picker-button.is-selected{border-color:#ffd9a1cc;box-shadow:0 0 0 1px #ffd9a159 inset}.media-preview-image,.avatar-image,.token-image{display:block;border-radius:10px;background:var(--surface-strong);object-fit:cover;border:1px solid rgba(132,188,221,.24);box-shadow:0 0 0 1px #9be6ff0d inset}.media-preview-image-lg{border-radius:12px;background:var(--surface-strong);object-fit:cover;border:1px solid rgba(132,188,221,.24)}.media-picker-caption{display:block;margin-top:.25rem}.image-button-reset{padding:0;border:none;background:transparent}.image-button-compact{padding:.25rem}.storyteller-preview-card,.storyteller-turn-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:center;border:1px solid rgba(137,197,227,.22);border-radius:16px;padding:.7rem;background:linear-gradient(180deg,#b2e7ff0f,#070e15db),#09131ed1}.storyteller-preview-image{width:118px;height:146px;object-fit:cover;border-radius:14px;display:block;border:1px solid rgba(151,209,238,.28);background:var(--surface-strong)}.storyteller-preview-visual{position:relative;width:118px;height:146px}.storyteller-preview-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px;opacity:.28;filter:saturate(.85);border:1px solid rgba(151,209,238,.14)}.storyteller-preview-visual .storyteller-preview-image{position:absolute;right:-10px;bottom:-8px;width:92px;height:118px;box-shadow:0 10px 24px #00000047}.storyteller-turn-image{width:76px;height:76px;object-fit:cover;border-radius:16px;display:block;border:1px solid rgba(151,209,238,.28);background:var(--surface-strong)}.storyteller-preview-copy,.storyteller-turn-copy{display:grid;gap:.18rem;min-width:0}.storyteller-preview-copy strong,.storyteller-turn-copy strong{font-family:Cinzel,serif;letter-spacing:.03em;color:#f2fbff}.storyteller-preview-copy span,.storyteller-turn-copy span{color:var(--ink-1)}.storyteller-preview-copy small,.storyteller-turn-copy small{color:var(--ink-2);line-height:1.35}.storyteller-identity-card{display:grid;gap:.28rem;margin-top:.38rem;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(142,208,240,.18);background:linear-gradient(180deg,#a9e5ff0a,#081018d1),#070e14b3}.storyteller-identity-row{display:grid;gap:.1rem}.storyteller-identity-row strong{font-family:Cinzel,serif;color:#f4fbff;font-size:.82rem;letter-spacing:.04em}.storyteller-identity-row span{color:var(--ink-1);font-size:.84rem}.storyteller-turn-card-queue{max-width:420px}.player-join-preview-card{margin-bottom:.2rem}.player-gender-field{display:grid;gap:.4rem}.player-gender-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%}.player-gender-chip{display:inline-flex;align-items:center;gap:.55rem;width:100%;min-width:0;padding:.4rem .65rem .4rem .4rem;border-radius:999px;background:linear-gradient(180deg,#b6e8ff0f,#081018e6),#080f17d6}.player-gender-chip-image{width:42px;height:42px;flex:0 0 42px;border-radius:999px;object-fit:cover;border:1px solid rgba(133,191,223,.3);background:var(--surface-strong)}.player-gender-chip-name{color:var(--ink-0);font-size:.92rem;line-height:1.2}.player-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:.55rem}.player-option-card{display:grid;gap:.35rem;justify-items:center;align-content:start;padding:.42rem;min-height:100%;border-radius:16px;text-align:center;background:linear-gradient(180deg,#b6e8ff0f,#081018e6),#080f17d6}.player-option-image{width:100%;max-width:92px;aspect-ratio:1 / 1;display:block;border-radius:14px;object-fit:cover;border:1px solid rgba(133,191,223,.3);background:var(--surface-strong)}.player-option-name{color:var(--ink-0);font-size:.88rem;line-height:1.2}.player-option-meta{color:var(--ink-2);font-size:.74rem;line-height:1.2}.portrait-placeholder,.media-placeholder{width:72px;height:72px;border-radius:10px;background:linear-gradient(135deg,#8ed6ff14,#0b131de0),#121a24;border:1px solid rgba(129,182,214,.22)}.warning-text{color:#f7a8b4}.scenario-transition-row,.trigger-status-row,.scenario-step-row{justify-content:space-between}.scenario-step-card{gap:.25rem;padding:10px 12px;border-radius:14px;border:1px solid rgba(132,188,217,.16);background:#03080e38}.scenario-step-card.is-current{border-color:#8cddff75;background:#427aa129;box-shadow:0 0 0 1px #96e2ff14 inset}.scenario-step-card.is-completed{background:#46748c29}.scenario-step-card.is-available{background:#2c4f702e}.journal-actions-row{margin-top:.5rem}.top-menu{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:thin}.top-menu::-webkit-scrollbar{height:6px}.top-menu::-webkit-scrollbar-thumb{background:#8bcdf03d;border-radius:999px}.top-menu .menu-item{flex:0 0 auto}@media (max-width: 1080px){.page-shell{width:min(1280px,calc(100% - 1.25rem))}}@media (max-width: 980px){.actions,.row-inline,.row-inline-tight,.row-inline-loose{align-items:stretch}.row-inline>*,.row-inline-tight>*,.row-inline-loose>*{min-width:0}.tooltip-popup{left:0;top:1.55rem;width:min(320px,82vw)}.tooltip-anchor-field .tooltip-popup{top:auto;bottom:calc(100% + .4rem);width:min(320px,calc(100vw - 1.5rem))}}@media (max-width: 720px){.page-shell{width:calc(100% - .9rem);margin:1rem auto 2rem}.panel{padding:.85rem;border-radius:16px}.hero h1{font-size:clamp(1.6rem,8vw,2.2rem)}.hero{padding:1rem 1rem 1.15rem}.hero-head{flex-direction:column}.theme-switcher{width:100%;flex:1 1 auto}.theme-scene-banner{flex-direction:column;align-items:flex-start}.theme-scene-glyph{width:100%;max-width:110px;align-self:flex-end}.frost-frame{top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;border-radius:22px}.actions,.row-inline,.row-inline-tight,.row-inline-loose{flex-direction:column;align-items:stretch}.actions>*,.row-inline>*,.row-inline-tight>*,.row-inline-loose>*{width:100%}.field-compact,.row-inline input[type=number]{width:100%;max-width:none}.media-picker-grid{grid-template-columns:1fr}.journal-list li header{flex-wrap:wrap}.error-banner,.loading-indicator{left:.5rem;right:.5rem;max-width:none}}@media (max-width: 480px){input,textarea,select,button{font-size:16px}.callout,.story-block{padding:.7rem}}@keyframes frostSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.page-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.25;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat}.page-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg-0) 0%,transparent 40%,var(--bg-0) 100%)}.corner-ornament{position:absolute;width:120px;height:120px;pointer-events:none;opacity:.15;z-index:1}.corner-ornament img{width:100%;height:100%;object-fit:contain}.corner-ornament-tl{top:-1px;left:-1px;transform:rotate(0)}.corner-ornament-tr{top:-1px;right:-1px;transform:rotate(90deg)}.corner-ornament-bl{bottom:-1px;left:-1px;transform:rotate(-90deg)}.corner-ornament-br{bottom:-1px;right:-1px;transform:rotate(180deg)}.portrait-frame{position:relative;display:inline-block;border-radius:16px;overflow:hidden;border:2px solid rgba(130,216,255,.3);box-shadow:0 0 20px #82d8ff33,inset 0 0 20px #82d8ff1a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.portrait-frame:hover{transform:scale(1.05);box-shadow:0 0 30px #82d8ff59,inset 0 0 30px #82d8ff26;border-color:#82d8ff80}.portrait-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.portrait-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portrait-frame:hover .portrait-image{transform:scale(1.08)}.character-card{display:flex;gap:1rem;padding:1rem;border-radius:16px;background:linear-gradient(135deg,#14283c99,#0a141ecc),var(--panel-b);border:1px solid rgba(130,180,220,.2);position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}.character-portrait{flex:0 0 80px;width:80px;height:80px;border-radius:12px;overflow:hidden;border:2px solid rgba(130,216,255,.25);box-shadow:0 4px 12px #0000004d}.character-portrait img{width:100%;height:100%;object-fit:cover}.character-info{flex:1;min-width:0}.character-name{font-family:Cinzel,serif;font-size:1.2rem;color:var(--accent-soft);margin:0 0 .25rem;text-shadow:0 0 10px rgba(130,216,255,.3)}.character-meta{font-size:.85rem;color:var(--ink-1);margin:.15rem 0}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem;margin-top:.5rem}.inventory-slot{position:relative;aspect-ratio:1;border-radius:10px;border:1px solid rgba(130,180,220,.25);background:linear-gradient(135deg,#1e3246cc,#0f1923e6);cursor:pointer;transition:all .15s ease;overflow:hidden}.inventory-slot:hover{border-color:#82d8ff80;box-shadow:0 0 15px #82d8ff33;transform:translateY(-2px)}.inventory-slot.equipped{border-color:#64ff9680;box-shadow:0 0 15px #64ff9633}.inventory-slot img{width:100%;height:100%;object-fit:cover}.inventory-slot-quantity{position:absolute;bottom:2px;right:4px;font-size:.7rem;font-weight:700;color:var(--ink-0);text-shadow:0 0 4px rgba(0,0,0,.8)}.inventory-slot-equipped-badge{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#64ff964d;border:1px solid rgba(100,255,150,.6)}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:.5rem;vertical-align:middle;object-fit:contain}.item-preview-card{display:flex;gap:.75rem;padding:.75rem;border-radius:12px;background:#0f192399;border:1px solid rgba(130,180,220,.2);transition:all .15s ease}.item-preview-card:hover{background:#142332b3;border-color:#82d8ff4d}.item-preview-image{width:56px;height:56px;border-radius:10px;border:1px solid rgba(130,180,220,.25);object-fit:cover;background:#0a141ecc}.item-preview-info{flex:1;min-width:0}.item-preview-name{font-weight:600;color:var(--ink-0);margin-bottom:.25rem}.item-preview-details{font-size:.8rem;color:var(--ink-1)}.npc-card{display:flex;gap:1rem;padding:1rem;border-radius:14px;background:linear-gradient(135deg,#19232db3,#0c1218d9);border:1px solid rgba(130,180,220,.18);margin-bottom:.75rem}.npc-portrait{flex:0 0 96px;width:96px;height:96px;border-radius:12px;overflow:hidden;border:2px solid rgba(180,140,100,.3);box-shadow:0 4px 16px #0006}.npc-portrait img{width:100%;height:100%;object-fit:cover}.npc-portrait.hostile{border-color:#ff646466;box-shadow:0 4px 16px #ff646433}.npc-portrait.friendly{border-color:#64ff9666;box-shadow:0 4px 16px #64ff9633}.npc-info{flex:1}.npc-name{font-family:Cinzel,serif;font-size:1.1rem;color:var(--ink-0);margin:0 0 .35rem}.npc-meta{font-size:.85rem;color:var(--ink-1);margin:.2rem 0}.npc-hostility-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:.35rem}.npc-hostility-badge.hostile{background:#ff646433;color:#f88;border:1px solid rgba(255,100,100,.3)}.npc-hostility-badge.neutral{background:#ffc86433;color:#fc8;border:1px solid rgba(255,200,100,.3)}.npc-hostility-badge.friendly{background:#64ff9633;color:#8fa;border:1px solid rgba(100,255,150,.3)}.scene-background{position:relative;padding:1.5rem;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0a141ed9,#050a0ff2);border:1px solid rgba(130,180,220,.15)}.scene-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.15;filter:blur(2px)}.scene-content{position:relative;z-index:1}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-fade-in{animation:imageFadeIn .4s ease-out both}.image-loading{position:relative;background:#141e2899;border-radius:10px;overflow:hidden}.image-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(130,216,255,.2),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.image-tooltip{position:relative}.image-tooltip-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem;background:#050a0ffa;border:1px solid rgba(130,216,255,.3);border-radius:12px;box-shadow:0 8px 24px #00000080;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;pointer-events:none}.image-tooltip:hover .image-tooltip-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.image-tooltip[data-tooltip-side=start] .image-tooltip-popup{left:0;right:auto;transform:translate(0) translateY(-8px)}.image-tooltip[data-tooltip-side=start]:hover .image-tooltip-popup{transform:translate(0) translateY(-4px)}.image-tooltip[data-tooltip-side=end] .image-tooltip-popup{left:auto;right:0;transform:translate(0) translateY(-8px)}.image-tooltip[data-tooltip-side=end]:hover .image-tooltip-popup{transform:translate(0) translateY(-4px)}.image-tooltip-popup img{display:block;max-width:200px;border-radius:8px}.item-type-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.item-type-badge.weapon{background:#ff646426;color:#f99;border:1px solid rgba(255,100,100,.3)}.item-type-badge.armor{background:#6496ff26;color:#9bf;border:1px solid rgba(100,150,255,.3)}.item-type-badge.consumable{background:#64ff9626;color:#8fa;border:1px solid rgba(100,255,150,.3)}.item-type-badge.magic{background:#c864ff26;color:#c9f;border:1px solid rgba(200,100,255,.3)}.rarity-common{border-color:#c8c8c84d!important}.rarity-uncommon{border-color:#64ff644d!important}.rarity-rare{border-color:#6496ff66!important}.rarity-very-rare{border-color:#c864ff66!important}.rarity-epic{border-color:#ff963266!important}.rarity-legendary{border-color:#ffd70080!important;box-shadow:0 0 20px #ffd70033}@media (max-width: 720px){.character-card{flex-direction:column;align-items:center;text-align:center}.character-portrait{width:100px;height:100px}.npc-card{flex-direction:column;align-items:center;text-align:center}.npc-portrait{width:80px;height:80px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.tactical-map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tactical-map-container{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:12px;width:90vw;max-width:900px;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.tactical-map-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.tactical-map-header h3{margin:0;font-family:Cinzel,serif;color:var(--accent);font-size:16px}.tactical-map-close{background:transparent;border:1px solid var(--line);color:var(--ink-1);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.tactical-map-close:hover{background:var(--bg-3)}.tactical-map-controls{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line)}.tactical-map-controls button{background:var(--bg-3);border:1px solid var(--line);color:var(--ink-0);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}.tactical-map-controls button:hover{background:var(--accent-cold)}.zoom-label{color:var(--ink-2);font-size:12px;margin-left:4px}.tactical-map-svg{flex:1;background:var(--bg-0);cursor:grab;-webkit-user-select:none;user-select:none;min-height:300px}.tactical-map-svg:active{cursor:grabbing}.tactical-map-legend{display:flex;flex-wrap:wrap;gap:12px;padding:8px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-1)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.player{background:#3b82f6}.legend-dot.npc{background:#22c55e}.legend-dot.monster{background:#ef4444}.legend-dot.melee{background:#3b82f6;opacity:.3}.legend-dot.ranged{background:#eab308;opacity:.3}.tactical-map-btn{font-size:13px;padding:4px 10px}.action-preview-panel{padding:8px 12px;border-radius:6px;margin-top:4px;font-size:13px;border:1px solid var(--line);background:var(--bg-2)}.action-preview-panel.valid{border-color:#22c55e;background:#22c55e14}.action-preview-panel.invalid{border-color:#ef4444;background:#ef444414}.action-errors,.action-warnings{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.action-error{color:#fca5a5;font-size:12px}.action-warning{color:#fbbf24;font-size:12px}.action-preview{margin-top:4px}.action-preview-title{font-weight:600;color:var(--accent);font-size:13px;margin-bottom:2px}.action-preview-details{margin:0;padding-left:16px;color:var(--ink-1);font-size:12px}.action-preview-details li{margin-bottom:1px}.action-submit-blocked{margin-top:6px;color:#f87171;font-size:12px;font-weight:500}.action-textarea-invalid{border-color:#ef4444!important}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-card{background:var(--bg-1);border:1px solid var(--accent);border-radius:12px;padding:24px 28px;max-width:480px;width:90%;box-shadow:0 0 40px #82d6ff26}.tutorial-progress{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;color:var(--ink-2)}.tutorial-progress-bar{height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden}.tutorial-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.tutorial-title{margin:0 0 8px;font-family:Cinzel,serif;color:var(--accent);font-size:18px}.tutorial-description{margin:0 0 12px;color:var(--ink-0);font-size:14px;line-height:1.5}.tutorial-tip{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:6px;padding:8px 12px;font-size:12px;color:#fbbf24;margin-bottom:16px}.tutorial-actions{display:flex;gap:8px;align-items:center}.tutorial-btn{padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid var(--line);transition:background .15s,border-color .15s}.tutorial-btn.primary{background:var(--accent-cold);border-color:var(--accent);color:var(--bg-0);font-weight:600}.tutorial-btn.primary:hover{background:var(--accent)}.tutorial-btn.secondary{background:var(--bg-3);color:var(--ink-0)}.tutorial-btn.secondary:hover{background:var(--bg-2)}.tutorial-btn.skip{background:transparent;color:var(--ink-2);border:none;font-size:12px}.tutorial-btn.skip:hover{color:var(--ink-1)}.tutorial-hint-btn{position:fixed;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--accent-cold);border:2px solid var(--accent);color:var(--bg-0);font-size:20px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:transform .15s}.tutorial-hint-btn:hover{transform:scale(1.1)}@media (max-width: 1024px){.layout-grid,.panel-settings .grid-two,.game-tab .grid-two{grid-template-columns:1fr}.combat-state,.initiative-ladder{flex-wrap:wrap}.row-inline{flex-wrap:wrap;gap:4px}}@media (max-width: 768px){.page-shell{padding:8px}.hero{padding:12px}.hero h1{font-size:20px}.hero-kicker{font-size:12px}.theme-switcher{flex-wrap:wrap;gap:4px}.theme-pill{padding:4px 10px;font-size:12px}.top-menu{overflow-x:auto;-webkit-overflow-scrolling:touch}.top-menu nav{flex-wrap:nowrap;min-width:max-content}.top-menu button{padding:6px 12px;font-size:13px;white-space:nowrap}.panel{padding:12px}.panel h2{font-size:16px}.panel-settings .grid-two,.game-tab .grid-two,.players-tab .grid-two,.scene-tab .grid-two{grid-template-columns:1fr}.panel-settings input,.panel-settings select,.panel-settings textarea{width:100%}.actions{flex-wrap:wrap}.actions button{flex:1 1 auto;min-width:120px}.combat-participant-card{flex:1 1 100%}.initiative-ladder .item-chip{font-size:11px;padding:2px 6px}.quick-actions{flex-wrap:wrap}.quick-actions button,.action-chip{font-size:12px;padding:4px 8px;min-height:44px;min-width:44px}.journal-entry{padding:8px;font-size:13px}.player-card{flex-direction:column;align-items:center;text-align:center}.player-card .portrait{width:80px;height:80px}.npc-card{flex-direction:column;align-items:center;text-align:center;padding:8px}.npc-card .npc-portrait{width:60px;height:60px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.spell-card,.scenario-step-card{padding:8px;font-size:12px}.turn-form textarea,.turn-form input{font-size:14px}.suggested-actions{flex-wrap:wrap;gap:4px}.suggested-actions button{font-size:12px;min-height:44px}.economy-tabs{flex-wrap:wrap}.economy-tab-btn{flex:1 1 auto;min-width:60px}.attack-draft,.heal-target-selector{flex-direction:column}}@media (max-width: 480px){.page-shell{padding:4px}.hero h1{font-size:16px}.panel{padding:8px}.panel h2{font-size:14px}.top-menu button{padding:4px 8px;font-size:11px}body{font-size:13px}.hint{font-size:11px}.actions button{width:100%;min-width:unset}.combat-state{gap:4px}.combat-participant-card{padding:6px;font-size:11px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}.inventory-item{padding:4px;font-size:11px}.tactical-map-btn{width:100%;text-align:center}.action-preview-panel{font-size:12px;padding:6px 8px}.tutorial-card{padding:16px;max-width:95%}.tutorial-title{font-size:16px}.tutorial-description{font-size:13px}.tutorial-btn{padding:6px 12px;font-size:12px}.scenario-transition-btn{width:100%;text-align:center;padding:8px}.npc-hostility-selector{flex-direction:column}}@media (hover: none) and (pointer: coarse){button,input,select,textarea,.action-chip,.item-chip,.theme-pill,.top-menu button{min-height:44px}button:hover{background:inherit}button:active{background:var(--bg-3)}}.shop-tab{padding:12px}.shop-weight-indicator{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-2);border-radius:6px;margin-bottom:12px;font-size:13px}.shop-weight-indicator.overencumbered{background:#ef44441a;border:1px solid #ef4444}.overencumbered-badge{background:#ef4444;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.wallet-amount{margin-left:auto;color:#fbbf24;font-weight:600}.shop-tabs{display:flex;gap:4px;margin-bottom:12px}.shop-tab-btn{flex:1;padding:8px 16px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-1);cursor:pointer;font-size:13px;transition:background .15s}.shop-tab-btn.active{background:var(--accent-cold);border-color:var(--accent);color:var(--bg-0);font-weight:600}.shop-filters{display:flex;gap:8px;margin-bottom:12px}.shop-search,.shop-category-select{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-0);font-size:13px}.shop-catalog,.shop-inventory{display:flex;flex-direction:column;gap:8px}.shop-item-card{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:12px}.shop-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.shop-item-header h4{margin:0;font-size:14px;color:var(--accent)}.shop-item-price{color:#fbbf24;font-weight:600;font-size:13px}.shop-item-category{font-size:11px;color:var(--ink-2);background:var(--bg-3);padding:2px 6px;border-radius:4px}.shop-item-desc{margin:6px 0;font-size:12px;color:var(--ink-1);line-height:1.4}.shop-item-details{display:flex;gap:12px;font-size:12px;color:var(--ink-2);margin-bottom:8px}.shop-item-actions{display:flex;gap:8px;align-items:center}.shop-amount-input{width:60px;padding:4px 8px;border-radius:4px;border:1px solid var(--line);background:var(--bg-1);color:var(--ink-0);font-size:13px;text-align:center}.shop-buy-btn,.shop-sell-btn{flex:1;padding:6px 16px;border-radius:6px;background:var(--accent-cold);border:1px solid var(--accent);color:var(--bg-0);font-weight:600;cursor:pointer;font-size:13px}.shop-buy-btn:disabled,.shop-sell-btn:disabled{opacity:.5;cursor:not-allowed}.shop-inventory-item{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.shop-inventory-info{display:flex;flex-direction:column;gap:2px}.shop-inventory-name{font-size:13px;color:var(--ink-0);font-weight:500}.shop-inventory-qty{font-size:11px;color:var(--ink-2)}.shop-inventory-price{font-size:12px;color:#22c55e}.shop-inventory-actions{display:flex;gap:8px;align-items:center}.shop-empty{text-align:center;color:var(--ink-2);padding:24px;font-size:14px}.rest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rest-modal{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:12px;padding:20px 24px;max-width:500px;width:90%;box-shadow:var(--shadow)}.rest-modal h3{margin:0 0 12px;font-family:Cinzel,serif;color:var(--accent);font-size:18px}.rest-description{color:var(--ink-1);font-size:14px;margin:0 0 16px;line-height:1.5}.rest-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.rest-option-btn{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:12px;cursor:pointer;text-align:left;transition:border-color .15s}.rest-option-btn:hover:not(:disabled){border-color:var(--accent)}.rest-option-btn:disabled{opacity:.5;cursor:not-allowed}.rest-option-title{font-weight:600;color:var(--ink-0);font-size:14px;margin-bottom:4px}.rest-option-desc{font-size:12px;color:var(--ink-2);line-height:1.4}.rest-close-btn{width:100%;padding:8px;border-radius:6px;background:transparent;border:1px solid var(--line);color:var(--ink-1);cursor:pointer;font-size:13px}.rest-players{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rest-player-row{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-2);border-radius:6px;font-size:13px}.rest-player-name{flex:1;color:var(--ink-0);font-weight:500}.rest-player-hp{color:var(--ink-2);font-size:12px}.rest-player-dice{color:#fbbf24;font-size:12px;font-weight:600}.rest-dice-input{width:50px;padding:4px;border-radius:4px;border:1px solid var(--line);background:var(--bg-1);color:var(--ink-0);text-align:center;font-size:13px}.rest-dice-label{color:var(--ink-2);font-size:12px}.rest-actions{display:flex;gap:8px}.rest-confirm-btn{flex:1;padding:8px 16px;border-radius:6px;background:var(--accent-cold);border:1px solid var(--accent);color:var(--bg-0);font-weight:600;cursor:pointer;font-size:13px}.rest-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.rest-cancel-btn{padding:8px 16px;border-radius:6px;background:transparent;border:1px solid var(--line);color:var(--ink-1);cursor:pointer;font-size:13px}.rest-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:6px;padding:12px;font-size:13px;color:#fbbf24;margin-bottom:16px;line-height:1.5}.rest-result{margin-top:12px;padding:8px 12px;background:#22c55e1a;border:1px solid #22c55e;border-radius:6px;color:#22c55e;font-size:13px;text-align:center}.chat-panel{position:fixed;bottom:16px;right:16px;z-index:900;font-size:13px}.chat-collapsed{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent-cold);border:2px solid var(--accent);border-radius:20px;cursor:pointer;color:var(--bg-0);font-weight:600;font-size:13px;box-shadow:0 4px 12px #0006;transition:transform .15s}.chat-collapsed:hover{transform:scale(1.05)}.chat-collapsed-icon{font-size:16px}.chat-unread-badge{background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.chat-expanded{width:320px;max-height:400px;background:var(--bg-1);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}.chat-header h4{margin:0;font-size:14px;color:var(--accent)}.chat-collapse-btn{background:transparent;border:none;color:var(--ink-1);cursor:pointer;font-size:18px;padding:2px 6px;border-radius:4px}.chat-collapse-btn:hover{background:var(--bg-3)}.chat-messages{flex:1;overflow-y:auto;padding:8px;max-height:280px;min-height:150px}.chat-empty{text-align:center;color:var(--ink-2);padding:16px;font-size:12px}.chat-message{padding:6px 8px;margin-bottom:4px;border-radius:6px;background:var(--bg-2)}.chat-message-header{display:flex;justify-content:space-between;margin-bottom:2px}.chat-message-sender{font-weight:600;color:var(--accent);font-size:12px}.chat-message-time{color:var(--ink-2);font-size:10px}.chat-message-text{margin:0;color:var(--ink-0);font-size:13px;line-height:1.4;word-break:break-word}.chat-error{padding:4px 8px;color:#fca5a5;font-size:11px;text-align:center}.chat-input-area{display:flex;gap:4px;padding:8px;border-top:1px solid var(--line)}.chat-input{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-0);font-size:13px}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send-btn{padding:6px 12px;border-radius:6px;background:var(--accent-cold);border:1px solid var(--accent);color:var(--bg-0);cursor:pointer;font-size:16px;font-weight:700}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}