:root{--bg-darkest:#050505;--bg-dark:#0a0a0a;--bg-mid:#0f0f0f;--bg-surface:#141414;--bg-elevated:#1a1a1a;--bg-hover:#222;--text-primary:#b8b8b8;--text-secondary:#787878;--text-dim:#484848;--text-bright:#e0e0e0;--accent-gold:#9070cc;--accent-gold-dim:#4a3870;--accent-gold-bright:#a888e0;--accent-red:#6e1e2e;--accent-red-bright:#c03040;--accent-green:#286038;--accent-green-bright:#3c9050;--accent-blue:#283c6e;--accent-blue-bright:#4068a8;--accent-purple:#7040a8;--border-color:#1a1a1a;--border-light:#282828;--border-gold:#3a2860;--danger:#6e1e2e;--success:#286038;--warning:#7a5c20;--font-heading:"Cinzel", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0009;--shadow-md:0 4px 16px #000000b3;--shadow-lg:0 10px 30px #000c;--shadow-glow:0 0 16px #9070cc1f;--shadow-inset:inset 0 1px 3px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-darkest);min-height:100vh;font-size:.92rem;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-bright);letter-spacing:.04em;font-weight:700;line-height:1.25}h1{font-size:1.8rem}h2{font-size:1.35rem}h3{font-size:1.1rem}h4{font-size:.95rem}a{color:var(--accent-gold);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-gold-bright)}button{font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-elevated);padding:9px 16px;font-size:.82rem;font-weight:500;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}button:hover{background:var(--bg-hover);border-color:var(--text-dim)}button:active{transform:translateY(1px)}.btn-primary{background:var(--accent-gold);color:var(--text-bright);border-color:var(--accent-gold);font-weight:600}.btn-primary:hover{background:var(--accent-gold-bright);border-color:var(--accent-gold-bright);box-shadow:var(--shadow-glow)}.btn-danger{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-bright)}.btn-danger:hover{background:var(--accent-red-bright);border-color:var(--accent-red-bright)}.btn-sm{padding:6px 12px;font-size:.76rem}input,select,textarea{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-dark);border:1px solid var(--border-light);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-gold-dim);box-shadow:0 0 0 2px #d4a8431a}input::placeholder,textarea::placeholder{color:var(--text-dim)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.card-header{font-family:var(--font-body);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:10px;font-size:.72rem;font-weight:600}table{border-collapse:collapse;width:100%}th{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);text-align:left;border-bottom:1px solid var(--border-light);padding:8px 12px;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;font-size:.88rem}tr:hover td{background:#ffffff05}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.text-center{text-align:center}.text-gold{color:var(--accent-gold)}.text-dim{color:var(--text-dim)}.text-red{color:var(--accent-red-bright)}.text-green{color:var(--accent-green-bright)}.w-full{width:100%}.font-mono{font-family:var(--font-mono)}.divider{border:none;border-top:1px solid var(--border-color);margin:var(--gap-md) 0}.badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff0d;border:none;border-radius:3px;padding:3px 8px;font-size:.62rem;font-weight:600;display:inline-block}.badge-gold{color:var(--accent-gold);background:#9070cc1f}.badge-red{color:var(--accent-red-bright);background:#c4383826}.responsive-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.layout-2col{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.layout-sidebar{gap:var(--gap-lg);grid-template-columns:2fr 1fr;display:grid}.layout-session{grid-template-columns:1fr 380px;gap:12px;height:calc(100dvh - 64px);display:grid}.layout-stats-review{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.layout-stats-roll{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.layout-choices{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.layout-alignment{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.layout-stat-block{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.layout-3col{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.layout-form-row{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;display:grid}.gm-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:2px;margin-bottom:24px;padding-bottom:0;display:flex}.card-interactive{cursor:pointer;transition:border-color .15s,background .15s}.card-interactive:hover{border-color:var(--border-light);background:var(--bg-elevated)}.card-interactive:active{background:var(--bg-hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.card-interactive:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.currency-row{background:var(--bg-dark);border-radius:var(--radius-sm);gap:16px;padding:8px 12px;display:flex}.currency-row input[type=number]{width:60px;font-size:.9rem;font-family:var(--font-mono);text-align:center;padding:4px 6px}.app-header{background:var(--bg-dark);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:stretch;height:48px;padding:0 24px;display:flex}.app-header-compact{height:42px;padding:0 16px}.app-header-left{align-items:center;gap:0;display:flex}.app-nav-desktop{gap:0;height:100%;margin-left:32px;display:flex}.app-nav-desktop button{color:var(--text-dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;height:100%;padding:0 16px;font-size:.78rem;display:flex}.app-nav-desktop button:hover{color:var(--text-primary);border-bottom-color:var(--border-light);background:0 0}.app-header-right{align-items:center;gap:10px;display:flex}.nav-active{color:var(--accent-gold)!important;border-bottom-color:var(--accent-gold)!important;background:0 0!important}.bottom-nav{display:none}.bottom-nav-item{color:var(--text-dim);cursor:pointer;font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-top:2px solid #0000;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;min-height:0;padding:10px 4px 8px;font-size:.58rem;font-weight:500;transition:color .12s;display:flex}.bottom-nav-item.active{color:var(--accent-gold);border-top-color:var(--accent-gold)}.bottom-nav-item:hover{color:var(--text-primary);background:0 0}.bottom-nav-item.active:hover{color:var(--accent-gold-bright)}.bottom-nav-icon{font-size:1.15rem;line-height:1}.bottom-nav-label{line-height:1}.session-panel-toggle{display:none}.session-main{flex-direction:column;gap:8px;min-height:0;display:flex}.session-sidebar{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.session-tabs{margin-bottom:8px}.session-tab{min-height:0!important}.vtt-sidebar{width:250px;min-width:250px}.vtt-sidebar-toggle{display:none}.hp-buttons{align-items:center;gap:8px;display:flex}@media (width<=1024px){body{font-size:1rem}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}button{padding:8px 16px}}@media (width<=768px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.1rem}.card{padding:12px}table{font-size:.85rem}td,th{padding:6px 8px}input,select,textarea{width:100%}.badge{font-size:.65rem}.layout-2col,.layout-sidebar{grid-template-columns:1fr}.layout-session{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 60px)}.layout-session .session-main{min-height:60vh}.layout-session .session-sidebar{height:auto}.vtt-sidebar{z-index:15;box-shadow:var(--shadow-md);transition:transform .15s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.vtt-sidebar.open{transform:translate(0)}.vtt-sidebar-toggle{display:block!important}.session-tab{padding:8px 12px!important;font-size:.75rem!important}.session-panel-toggle{z-index:100;background:var(--bg-darkest);gap:4px;margin-bottom:0;padding:4px 0;display:flex;position:sticky;top:0}.session-panel-toggle button{flex:1;padding:7px 8px;font-size:.75rem}.mobile-hidden{display:none!important}.layout-stats-review,.layout-stat-block{grid-template-columns:repeat(3,1fr)}.layout-choices,.layout-3col{grid-template-columns:1fr}.layout-form-row{grid-template-columns:1fr 1fr}.gm-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:16px;padding-bottom:8px;overflow-x:auto}.gm-tabs::-webkit-scrollbar{display:none}.gm-tabs button{flex-shrink:0;padding:8px 14px;font-size:.8rem}.currency-row{flex-wrap:wrap;gap:8px}.app-header{padding:8px 12px}.app-header-left{gap:12px}.app-nav-desktop{display:none}.bottom-nav{background:var(--bg-dark);border-top:1px solid var(--border-color);padding:4px 0;padding-bottom:max(4px, env(safe-area-inset-bottom));z-index:1000;display:flex;position:fixed;bottom:0;left:0;right:0}.app-main{padding:12px 12px 72px}.hp-buttons{flex-wrap:wrap;gap:6px}.hp-buttons button{min-width:44px}.mobile-hide{display:none}}@media (width<=480px){h1{font-size:1.3rem}.card{padding:8px}table{font-size:.8rem}td,th{padding:4px 6px}.layout-stats-review,.layout-stat-block,.layout-stats-roll{grid-template-columns:repeat(2,1fr)}.layout-alignment,.layout-form-row{grid-template-columns:1fr}.app-header{padding:8px 10px}.app-main{padding:8px 8px 68px}}@media (hover:none){button,input,select,textarea{min-height:44px}}