@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Cinzel+Decorative:wght@400;700;900&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--obsidian:#0c0a06;--void:#141008;--deep-stone:#1a1209;--stone:#2a2015;--stone-light:#362a1c;--ash:#6a5d4e;--muted:#9a8d7a;--silver:#b8a88e;--parchment:#d4c5a0;--parchment-light:#e8dcc0;--bone:#f0e6d0;--crimson:#8b2a1a;--crimson-bright:#c63828;--crimson-glow:#ff4d3d;--gold:#c9a84c;--gold-bright:#f5d478;--gold-dim:#a08a42;--arcane:#1db954;--arcane-bright:#33d96c;--arcane-dim:#0d7a30;--emerald:#2e7d32;--emerald-bright:#4caf50;--frost:#4fc3f7;--frost-dim:#1a6b8a;--amber:#ff8f00;--amber-dim:#a05800;--rarity-common:#9e9e9e;--rarity-uncommon:#4caf50;--rarity-rare:#2196f3;--rarity-epic:#9c27b0;--rarity-legendary:#ff9800;--rarity-artifact:#c62828;--rarity-mythic:linear-gradient(135deg, #c62828, #ff9800, #f5d478, #9c27b0);--hp-bar:#c62828;--hp-bg:#3a1515;--mp-bar:#1565c0;--mp-bg:#0d2744;--xp-bar:#c9a84c;--xp-bg:#3a3320;--sanity-bar:#7b1fa2;--sanity-bg:#2a1035;--border-dim:#c9a84c26;--border-gold:#c9a84c59;--border-bright:#c9a84c99;--msg-dm-border:var(--gold-dim);--msg-dm-bg:#2a261c99;--msg-dm-text:var(--parchment);--msg-player-bg-start:#2a261cf2;--msg-player-bg-end:#1e190ff2;--msg-player-border:var(--gold-dim);--msg-player-text:var(--gold-bright);--msg-other-purple:#7b6bc4;--msg-other-purple-light:#b8aee0;--msg-other-bg:#7b6bc414;--msg-system-bg:#c9a84c0d;--msg-system-border:var(--stone-light);--msg-system-text:var(--muted);--msg-enemy-bg:#8b2a1a1a;--msg-enemy-border:#8b2a1a4d;--channel-ooc:#5a8ab5;--nav-rail-width:40px;--icon-sidebar-width:48px;--shadow-dark:0 4px 20px #0009;--shadow-gold:0 0 15px #c9a84c26;--shadow-arcane:0 0 20px #1db95433;--shadow-crimson:0 0 15px #c6282833;--z-bg:0;--z-content:10;--z-sidebar:40;--z-header:50;--z-context:80;--z-mobile-nav:100;--z-notification:1000;--z-modal:2000;--header-height:56px;--context-width:340px;--notification-width:400px;--wc-card-bg:url(https://www.warcraftcn.com/warcraftcn/card-bg.webp);--wc-button-bg:url(https://www.warcraftcn.com/warcraftcn/button-bg.webp);--wc-button-frame:url(https://www.warcraftcn.com/warcraftcn/button-bg-with-frame.webp);--wc-input-frame:url(https://www.warcraftcn.com/warcraftcn/input-frame.webp);--wc-dropdown-bg:url(https://www.warcraftcn.com/warcraftcn/dropdown-menu-bg.webp);--wc-textarea-bg:url(https://www.warcraftcn.com/warcraftcn/textarea-bg.webp)}.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--border-gold);background:#14100866;transition:box-shadow .25s,border-color .25s;box-shadow:inset 0 0 0 1px #c9a84c14,0 4px 24px #00000080}.glass-panel:hover{border-color:var(--border-bright);box-shadow:inset 0 0 0 1px #c9a84c26,0 0 20px #c9a84c1a,0 6px 32px #0009}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel{-webkit-backdrop-filter:none;background:#141008eb}}@media (hover:none){.glass-panel{-webkit-backdrop-filter:blur(8px)saturate(1.1)}.glass-panel:hover{border-color:var(--border-gold);box-shadow:inset 0 0 0 1px #c9a84c14,0 4px 24px #00000080}}.gold-glow-bg{background:radial-gradient(at 50% 0,#c9a84c1f 0%,#0000 65%),radial-gradient(at 80% 80%,#c9a84c0f 0%,#0000 50%)}.gold-top-edge{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000 0%,#c9a84c40 15%,#f5d47899 50%,#c9a84c40 85%,#0000 100%) 1}.btn-premium{text-transform:uppercase;letter-spacing:.12em;color:var(--obsidian);background:linear-gradient(135deg, var(--gold-dim) 0%, var(--gold) 50%, var(--gold-bright) 100%);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #f5d47866;border-radius:3px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.75rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 2px 8px #0006,0 0 12px #c9a84c33}.btn-premium:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #00000080,0 0 20px #c9a84c59}.btn-premium:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 1px 4px #0006,0 0 8px #c9a84c33}.btn-premium-secondary{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);border:1px solid var(--border-gold);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.75rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn-premium-secondary:hover{color:var(--gold-bright);border-color:var(--border-bright);background:#c9a84c1f;transform:translateY(-1px);box-shadow:0 0 12px #c9a84c26}.btn-premium-secondary:active{background:#c9a84c2e;transform:translateY(0)}.texture-overlay{position:relative}.texture-overlay:after{content:"";pointer-events:none;opacity:.03;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 0 L8 8 M8 0 L0 8' stroke='%23c9a84c' stroke-width='0.5'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}@media (hover:none){.texture-overlay:after{display:none}}.gold-focus:focus-visible{box-shadow:0 0 0 2px var(--obsidian), 0 0 0 4px #c9a84c99, 0 0 12px #c9a84c40;outline:none}.hover-lift{transition:transform .2s,box-shadow .2s}@media (hover:hover) and (pointer:fine){.hover-lift:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000080}}@media (prefers-reduced-motion:reduce){.glass-panel,.btn-premium,.btn-premium-secondary,.hover-lift{transition:none!important}.btn-premium:hover,.btn-premium:active,.btn-premium-secondary:hover,.btn-premium-secondary:active,.hover-lift:hover{transform:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:14px}body{background:var(--obsidian);color:var(--parchment);min-height:100vh;font-family:Crimson Text,serif;line-height:1.6;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--void)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 8px #c9a84c66}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{flex-direction:column;height:100vh;display:flex;position:relative}:is(#root:has(.landing-page),#root:has(.stories-page),#root:has(.reset-page)){height:auto;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border:1px solid #0000004d;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.font-title{font-family:Cinzel Decorative,Cinzel,serif}.font-heading{font-family:Cinzel,serif}.font-system{font-family:Fira Code,monospace}.font-body{font-family:Crimson Text,serif}.font-ui{font-family:Inter,sans-serif}h1,h2,h3,h4{color:var(--gold);font-family:Cinzel,serif}h1{letter-spacing:.05em;font-size:1.6rem;font-weight:700}h2{letter-spacing:.03em;font-size:1.25rem;font-weight:600}h3{font-size:1.05rem;font-weight:600}h4{color:var(--gold-bright);font-size:.9rem;font-weight:500}.text-gold{color:var(--gold)}.text-crimson{color:var(--crimson-bright)}.text-emerald{color:var(--emerald-bright)}.text-frost{color:var(--frost)}.text-arcane{color:var(--arcane-bright)}.text-muted{color:var(--muted)}.text-silver{color:var(--silver)}.text-parchment{color:var(--parchment)}.text-amber{color:var(--amber)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-3{padding:12px}.w-full{width:100%}.hidden{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fantasy{letter-spacing:.5px;font-family:Cinzel,serif;line-height:1.5}.app-layout{flex:1;display:flex;overflow:hidden}.redesigned-layout{grid-template-columns:var(--nav-rail-width) 1fr var(--icon-sidebar-width) minmax(280px, 35%);flex:1;display:grid;overflow:hidden}.chat-area{flex-direction:column;min-width:0;display:flex;overflow:hidden}.icon-sidebar{background:var(--obsidian);border-left:1px solid #c9a84c14;border-right:1px solid #c9a84c14;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:8px 0;display:flex}.icon-sidebar-btn{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;transition:color .25s;display:flex;position:relative}.icon-sidebar-btn:before{content:"";clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg, var(--deep-stone), var(--void));z-index:-1;width:34px;height:34px;transition:all .25s;position:absolute}.icon-sidebar-btn:hover{color:var(--gold)}.icon-sidebar-btn:hover:before{background:linear-gradient(135deg, #2a2015cc, var(--deep-stone));box-shadow:0 0 12px #c9a84c26}.icon-sidebar-btn:after{content:attr(data-tooltip);background:var(--void);color:var(--gold);border:1px solid var(--border-gold);white-space:nowrap;pointer-events:none;opacity:0;z-index:var(--z-header);border-radius:2px;padding:4px 8px;font-family:Cinzel,serif;font-size:.65rem;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.icon-sidebar-btn:hover:after{opacity:1}.mobile-campaign-btn{display:none}.icon-sidebar-btn.active{color:var(--gold)}.icon-sidebar-btn.active:before{background:linear-gradient(135deg,#2a2015e6,#1a1209e6);box-shadow:0 0 16px #c9a84c33,inset 0 0 8px #c9a84c0d}.icon-sidebar-btn svg{width:16px;height:16px}.companion-wrapper{background:var(--void);flex-direction:column;display:flex;overflow:hidden}.companion-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.companion-title{color:var(--gold);letter-spacing:.08em;font-family:Cinzel,serif;font-size:.7rem}.companion-close{color:var(--ash);cursor:pointer;background:0 0;border:none;font-size:.75rem;transition:color .2s}.companion-close:hover{color:var(--gold)}.companion-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.companion-main{flex:1 0 auto;padding:16px 18px;position:relative;overflow-x:hidden}.companion-content>.context-panel{background:var(--void);border-top:1px solid var(--border-dim);border-left:none;flex-shrink:0;width:100%;padding:14px 18px;overflow-y:visible}.main-content{flex:1;padding:20px 24px;position:relative;overflow:hidden auto}.context-panel{width:var(--context-width);background:var(--void);border-left:1px solid var(--border-dim);flex-shrink:0;padding:16px;overflow-y:auto}.context-panel h3{color:var(--gold);border-bottom:1px solid var(--border-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-bottom:8px;font-size:.85rem}.mobile-panel-overlay{display:none}.mobile-panel-header{border-bottom:1px solid var(--border-dim);background:linear-gradient(#141008e6,#0a0a0fe6);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.mobile-panel-back,.mobile-panel-close{color:var(--ash);cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.mobile-panel-back:hover,.mobile-panel-close:hover{color:var(--gold)}.mobile-panel-title{color:var(--gold);letter-spacing:.05em;font-family:Cinzel,serif;font-size:.7rem}.mobile-panel-content{flex:1;padding:12px;overflow-y:auto}.search-input{border:6px solid var(--stone);border-image-source:var(--wc-input-frame);width:100%;color:var(--parchment);background:0 0;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;outline:none;padding:8px 12px 8px 32px;font-size:.8rem;transition:filter .2s}.search-input:focus{filter:brightness(1.15)}.search-input::placeholder{color:var(--ash)}.search-wrapper{margin-bottom:12px;position:relative}.search-icon{color:var(--muted);font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.particles-canvas{z-index:0;pointer-events:none;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.main-content:before,.companion-main:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 20%,#c9a84c05 0%,#0000 50%),radial-gradient(at 80% 20%,#c9a84c04 0%,#0000 50%),radial-gradient(at 50% 80%,#8b2a1a03 0%,#0000 50%);position:absolute;inset:0}.app-footer{border-top:2px solid var(--gold-dim);height:28px;color:var(--muted);z-index:50;background:linear-gradient(#141008,#0c0a06);justify-content:space-between;align-items:center;padding:0 16px;font-family:Fira Code,monospace;font-size:.65rem;display:flex;position:relative;overflow:hidden}.app-footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#c9a84c08 30%,#c9a84c0f 50%,#c9a84c08 70%,#0000 100%) 0 0/200% 100%;animation:8s ease-in-out infinite footer-breathe;position:absolute;inset:0}.footer-status{align-items:center;gap:6px;display:flex}.status-dot{background:var(--emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-subtle}.footer-api-status{align-items:center;gap:6px;display:flex}.footer-api-dot{border-radius:50%;width:6px;height:6px}.footer-api-dot.connected{background:var(--emerald);animation:2s ease-in-out infinite pulse-subtle}.footer-api-dot.disconnected{background:var(--crimson)}.footer-api-dot.streaming{background:var(--gold);animation:.5s ease-in-out infinite pulse-subtle}.companion-wrapper.companion-hidden{display:none}.companion-wrapper.companion-visible{display:flex}.companion-wrapper.tablet-mode{right:0;top:var(--header-height);width:min(380px,85vw);z-index:var(--z-context);border-left:1px solid var(--border-dim);transition:transform .3s;position:fixed;bottom:28px;transform:translate(100%);box-shadow:-4px 0 20px #00000080}.companion-wrapper.tablet-mode.companion-visible{display:flex;transform:translate(0)}.companion-backdrop{z-index:calc(var(--z-context) - 1);background:#00000080;position:fixed;inset:0}.two-col{grid-template-columns:200px 1fr;gap:16px;display:grid}.app-header{height:var(--header-height);background:linear-gradient(180deg, #2a2015fa, #1a1209f2, var(--obsidian));background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%23ffffff' stroke-width='0.3' opacity='0.02'/%3E%3C/svg%3E"), linear-gradient(180deg, #2a2015fa, #1a1209f2, var(--obsidian));border-bottom:2px solid var(--gold-dim);z-index:50;align-items:center;gap:16px;padding:0 20px;display:flex;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--gold-dim) 15%, var(--gold) 35%, var(--gold-bright) 50%, var(--gold) 65%, var(--gold-dim) 85%, transparent 100%);height:3px;position:absolute;bottom:-2px;left:0;right:0;box-shadow:0 0 8px #c9a84c66}.header-title{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 20px #c9a84c4d;white-space:nowrap;font-family:Cinzel Decorative,serif;font-size:1.1rem}.header-divider{background:var(--border-gold);width:1px;height:28px}.header-stat{color:var(--silver);align-items:center;gap:6px;font-size:.8rem;display:flex}.header-stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.header-stat .value{color:var(--parchment);font-family:Fira Code,monospace;font-weight:600}.header-alerts{align-items:center;gap:8px;margin-left:auto;display:flex}.alert-badge{border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-family:Fira Code,monospace;font-size:.7rem;font-weight:600;animation:3s ease-in-out infinite pulse-subtle;display:flex}.alert-badge.danger{color:var(--crimson-glow);background:#c6282826;border-color:#c6282866}.alert-badge.warning{color:var(--amber);background:#ff8f001a;border-color:#ff8f004d}.alert-badge.arcane{color:var(--arcane-bright);background:#1db9541a;border-color:#1db9544d}.header-avatar-frame{background:linear-gradient(135deg, var(--deep-stone,#1a1209), var(--stone));border:2px solid var(--gold-dim);width:38px;height:38px;box-shadow:0 0 0 3px var(--obsidian), 0 0 0 5px #c9a84c40, 0 0 12px #c9a84c26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .3s;display:flex}.header-avatar-frame:hover{box-shadow:0 0 0 3px var(--obsidian), 0 0 0 5px #c9a84c66, 0 0 20px #c9a84c40}.header-avatar-initial{color:var(--gold);text-shadow:0 0 8px #c9a84c4d;font-family:Cinzel,serif;font-size:1rem;font-weight:700}.header-stat svg{color:var(--gold-dim);flex-shrink:0}.header-stat-value{color:var(--gold);font-family:Fira Code,monospace}.header-stat-value.hp-low{color:var(--crimson-bright)}.save-quit-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.save-quit-modal{background:var(--obsidian);border:1px solid var(--gold-dim);text-align:center;border-radius:12px;width:90%;max-width:380px;padding:28px 32px;box-shadow:0 12px 48px #000c}.save-quit-title{color:var(--gold-bright);margin:0 0 12px;font-family:Cinzel,serif;font-size:1.1rem}.save-quit-desc{color:var(--silver);margin:0 0 24px;font-family:Crimson Text,serif;font-size:.9rem;line-height:1.6}.save-quit-actions{gap:12px;display:flex}.save-quit-btn{cursor:pointer;border-radius:8px;flex:1;padding:10px 16px;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;transition:all .2s}.save-quit-cancel{background:var(--stone);border:1px solid var(--border-dim);color:var(--silver)}.save-quit-cancel:hover{border-color:var(--gold-dim);color:var(--parchment)}.save-quit-confirm{background:linear-gradient(135deg, var(--gold-dim), var(--gold));border:1px solid var(--gold);color:var(--obsidian)}.save-quit-confirm:hover{box-shadow:0 0 12px #c9a84c66}.save-quit-confirm:disabled{opacity:.6;cursor:wait}.chat-panel{background:var(--obsidian);border-right:1px solid var(--border-dim);flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;position:relative;overflow-y:auto}.chat-messages:before,.chat-messages:after{content:"";pointer-events:none;z-index:0;background:#c9a84c33;border-radius:50%;width:3px;height:3px;position:fixed}.chat-messages:before{animation:20s ease-in-out infinite dust-drift-1;top:30%;left:12%;box-shadow:60px -40px #c9a84c14,120px 80px 0 1px #c9a84c0d,30px 160px #c9a84c1a,180px 40px #c9a84c0f,90px 240px 0 1px #c9a84c0a,200px 180px #c9a84c12,150px -20px #c9a84c0d,50px 300px 0 1px #c9a84c0f}.chat-messages:after{animation:25s ease-in-out infinite dust-drift-2;top:50%;left:25%;box-shadow:40px 30px #c9a84c0f,160px -60px 0 1px #c9a84c0a,80px 120px #c9a84c14,220px 200px #c9a84c0d,10px 260px 0 1px #c9a84c08,130px 100px #c9a84c12}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--ash);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--muted)}.chat-message{margin-bottom:8px;animation:.3s ease-out message-appear}.chat-message.dm-narration{background:var(--msg-dm-bg);border-left:3px solid var(--msg-dm-border);border-radius:0 4px 4px 0;padding:10px 12px}.chat-message.dm-narration .msg-sender{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-family:Cinzel,serif;font-size:.65rem}.chat-message.dm-narration .msg-body{color:var(--msg-dm-text);font-family:Crimson Text,serif;font-size:.8rem;font-style:italic;line-height:1.5}.chat-message.player-action{background:linear-gradient(135deg, var(--msg-player-bg-start), var(--msg-player-bg-end));border:2px solid var(--msg-player-border);border-radius:6px;margin-left:24px;padding:10px 12px;box-shadow:0 2px 8px #0000004d}.chat-message.player-action .msg-sender{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-family:Cinzel,serif;font-size:.65rem}.chat-message.player-action .msg-body{color:var(--msg-player-text);font-family:Crimson Text,serif;font-size:.8rem;line-height:1.5}.chat-message.other-player{background:var(--msg-other-bg);border-left:3px solid var(--msg-other-purple);border-radius:0 4px 4px 0;padding:10px 12px}.chat-message.other-player .msg-sender{color:var(--msg-other-purple);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-family:Cinzel,serif;font-size:.65rem}.chat-message.other-player .msg-body{color:var(--msg-other-purple-light);font-family:Crimson Text,serif;font-size:.8rem;line-height:1.5}.chat-message.system-msg{background:var(--msg-system-bg);border:1px solid var(--msg-system-border);text-align:center;border-radius:4px;align-self:center;width:fit-content;margin:4px auto;padding:4px 8px}.chat-message.system-msg .msg-body{color:var(--msg-system-text);font-family:Fira Code,monospace;font-size:.7rem}.chat-message.system-msg .msg-highlight{color:var(--gold);font-weight:700}.chat-message.enemy-hp{background:var(--msg-enemy-bg);border:1px solid var(--msg-enemy-border);border-radius:4px;margin:4px 0;padding:6px 10px}.enemy-hp-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.enemy-hp-name{color:#e8c0c0;font-family:Cinzel,serif;font-size:.65rem}.enemy-hp-status{color:var(--crimson-bright);font-size:.65rem}.enemy-hp-bar{background:var(--deep-stone);border-radius:2px;width:100%;height:4px;overflow:hidden}.enemy-hp-fill{background:linear-gradient(90deg, var(--crimson-bright), var(--crimson));border-radius:2px;height:100%;transition:width .3s}.chat-message.dm-narration .msg-body .dm-text{white-space:pre-wrap}.chat-message.dm-narration .msg-body p{margin:0 0 .8em}.chat-message.dm-narration .msg-body p:last-child{margin-bottom:0}.typing-indicator{border:2px solid var(--gold-dim);background:linear-gradient(135deg,#2a1f10,#2a1f10f2);border-radius:2px;align-self:flex-start;align-items:center;gap:8px;padding:12px 18px;animation:.3s ease-out message-appear;display:flex}.typing-indicator-text{color:var(--gold-dim);background:linear-gradient(90deg, var(--gold-dim), var(--gold-bright), var(--gold-dim));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-family:Fira Code,monospace;font-size:.72rem;animation:2s linear infinite shimmer}.typing-dots{gap:4px;display:flex}.typing-dots span{background:var(--gold-dim);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-indicator.peer-typing span:first-child{color:var(--msg-other-purple)}.scroll-to-bottom{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;z-index:10;background:#2a1f10f2;border-radius:20px;padding:6px 16px;font-family:Fira Code,monospace;font-size:.7rem;transition:all .2s;animation:.3s ease-out scroll-btn-appear;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000080,0 0 8px #c9a84c26}.scroll-to-bottom:hover{background:#c9a84c26;box-shadow:0 2px 16px #0009,0 0 12px #c9a84c4d}.chat-disconnected-overlay{border-top:1px solid var(--border-dim);color:var(--muted);background:#0006;justify-content:center;align-items:center;gap:10px;padding:20px 16px;font-family:Inter,sans-serif;font-size:.85rem;display:flex}.chat-disconnected-overlay .disconnected-icon{font-size:1.2rem}.chat-disconnected-overlay strong{color:var(--gold-dim)}.chat-input-area{background:var(--void);border-top:1px solid var(--border-dim);align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.chat-textarea{border:6px solid var(--stone);border-image-source:var(--wc-input-frame);color:var(--parchment);resize:none;background:0 0;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;outline:none;flex:1;min-height:42px;max-height:160px;padding:10px 14px;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.5;transition:filter .2s}.chat-textarea:focus{filter:brightness(1.15)}.chat-textarea::placeholder{color:var(--ash);font-style:italic}.chat-send-btn{border:5px solid var(--gold-dim);border-image-source:var(--wc-button-frame);width:44px;height:44px;color:var(--gold-bright);cursor:pointer;background:0 0;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:filter .2s,transform .1s;display:flex}.chat-send-btn:hover{filter:brightness(1.3);box-shadow:0 0 20px #c9a84c4d}.chat-send-btn:disabled{filter:brightness(.5)saturate(.3);color:var(--muted);cursor:not-allowed;box-shadow:none}.chat-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chat-welcome-title{color:var(--gold);text-shadow:0 0 30px #c9a84c4d;margin-bottom:16px;font-family:Cinzel Decorative,serif;font-size:1.8rem}.chat-welcome-sub{color:var(--silver);max-width:480px;margin-bottom:32px;font-family:Cinzel,serif;font-size:.95rem;line-height:1.6}.chat-welcome-steps{text-align:left;color:var(--muted);font-family:Fira Code,monospace;font-size:.75rem;line-height:2}.chat-welcome-steps .step-number{color:var(--gold-dim);margin-right:8px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{letter-spacing:1px;color:var(--gold);align-items:center;gap:10px;font-family:Cinzel,serif;font-size:1.15rem;display:flex}.section-title .icon{font-size:1.1rem}.section-count{color:var(--muted);background:var(--stone);border-radius:10px;padding:2px 8px;font-family:Fira Code,monospace;font-size:.7rem}.section-header:after{content:"";background:linear-gradient(90deg, var(--gold-dim), transparent);flex:1;height:1px;margin-left:12px}.tab-bar{border-bottom:1px solid var(--border-dim);gap:0;margin-bottom:16px;display:flex}.tab-item{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #0000;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .2s}.tab-item:hover{color:var(--parchment)}.tab-item.active{color:var(--gold);border-bottom-color:var(--gold)}.stat-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.stat-block{text-align:center;border:1px solid #c9a84c1f;border-top:2px solid #0000;border-image:linear-gradient(90deg, transparent, var(--gold-dim), transparent) 1;background:radial-gradient(circle at 30% 20%,#c9a84c0a,#0000 50%) no-repeat;border-image-slice:1 0 0;border-radius:2px;padding:16px 12px;transition:all .3s}@media (hover:hover){.stat-block:hover{background-image:radial-gradient(circle at 30% 20%,#c9a84c14,#0000 50%);border-color:#c9a84c40;box-shadow:0 4px 16px #0000004d}}.stat-block .stat-name{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px;font-family:Fira Code,monospace;font-size:.6rem}.stat-block .stat-value{color:var(--gold-bright);font-family:Cinzel,serif;font-size:2.2rem;font-weight:700}.stat-block .stat-trend{margin-top:2px;font-size:.65rem}.stat-trend.up{color:var(--emerald-bright)}.stat-trend.down{color:var(--crimson-bright)}.stat-trend.stable{color:var(--muted)}.ability-card{background:var(--stone);border:2px solid var(--gold-dim);border-radius:2px;margin-bottom:6px;padding:10px 12px;transition:all .2s;box-shadow:inset 0 1px #c9a84c14,0 2px 6px #0000004d}.ability-card:hover{border-color:var(--gold);filter:brightness(1.1)}.ability-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ability-name{color:var(--parchment);font-size:.85rem;font-weight:600}.ability-type{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.ability-desc{color:var(--silver);margin-bottom:6px;font-size:.75rem}.ability-meta{color:var(--muted);gap:10px;font-family:Fira Code,monospace;font-size:.65rem;display:flex}.ability-meta span{align-items:center;gap:3px;display:flex}.combat-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.turn-order{flex-direction:column;gap:6px;display:flex}.turn-entry{background:var(--stone);border:2px solid var(--gold-dim);border-radius:2px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.turn-entry.current{border-color:var(--gold);box-shadow:var(--shadow-gold);background:#c9a84c14}.turn-entry.player{border-left:3px solid var(--frost)}.turn-entry.enemy{border-left:3px solid var(--crimson)}.turn-entry.ally-turn{border-left:3px solid var(--emerald)}.turn-init{color:var(--muted);min-width:20px;font-family:Fira Code,monospace;font-size:.7rem}.turn-name{flex:1;font-weight:600}.turn-hp{font-family:Fira Code,monospace;font-size:.75rem}.combat-log{border:6px solid var(--obsidian);border-image-source:var(--wc-textarea-bg);background:0 0;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;max-height:300px;padding:12px;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.6;overflow-y:auto}.log-entry{margin-bottom:4px}.log-entry.damage{color:var(--crimson-bright)}.log-entry.heal{color:var(--emerald-bright)}.log-entry.system{color:var(--gold)}.log-entry.action{color:var(--frost)}.log-entry.miss{color:var(--muted)}.combat-status{border-left:3px solid var(--gold-dim);background:#0000004d;border-radius:0 4px 4px 0;margin:.8em 0;padding:10px 14px;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.6}.combat-status:last-child{margin-bottom:0}.combat-status .combat-header{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.75rem;font-weight:700}.combat-status .combat-line{color:var(--parchment-light);padding:2px 0}.map-container{background:var(--obsidian);border:2px solid var(--gold-dim);border-radius:2px;min-height:450px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000080}.map-node{cursor:pointer;z-index:2;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;transition:all .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards map-node-reveal;display:flex;position:absolute}.map-node:hover{z-index:3;transform:scale(1.15)}.map-node.explored{background:var(--deep-stone);border-color:var(--gold-dim)}.map-node.current{background:var(--deep-stone);border-color:var(--gold);animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 20px #c9a84c66}.map-node.unexplored{background:var(--stone);border-color:var(--ash);opacity:.5}.map-node.dangerous{border-color:var(--crimson);box-shadow:0 0 10px #c628284d}.map-node-label{color:var(--silver);white-space:nowrap;text-align:center;font-size:.65rem;font-weight:600;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.map-path{background:var(--ash);transform-origin:0;z-index:1;opacity:.4;height:2px;animation:.5s ease-out forwards path-draw;position:absolute}.map-path.traveled{background:var(--gold-dim);opacity:.7;animation:.5s ease-out forwards path-draw-traveled}.codex-sidebar{flex-direction:column;gap:4px;display:flex}.codex-category{cursor:pointer;color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.codex-category:hover{color:var(--parchment);background:#ffffff08}.codex-category.active{color:var(--gold);background:#c9a84c14}.codex-entry{background:var(--stone);border:2px solid var(--gold-dim);cursor:pointer;border-radius:2px;margin-bottom:10px;padding:16px;transition:all .2s;box-shadow:inset 0 1px #c9a84c14,0 2px 8px #0006}.codex-entry:hover{border-color:var(--gold);filter:brightness(1.1)}.codex-content{color:var(--parchment);font-size:.85rem;line-height:1.7}.codex-content p{margin-bottom:12px}.session-card{background:var(--stone);border:2px solid var(--gold-dim);cursor:pointer;border-radius:2px;margin-bottom:12px;padding:16px;transition:all .2s;box-shadow:inset 0 1px #c9a84c14,0 2px 8px #0006}.session-card:hover{border-color:var(--gold);filter:brightness(1.1)}.session-number{color:var(--gold-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-family:Fira Code,monospace;font-size:.7rem}.session-title{color:var(--gold);margin-bottom:8px;font-family:Cinzel,serif;font-size:1rem}.session-stats{color:var(--muted);gap:16px;font-family:Fira Code,monospace;font-size:.7rem;display:flex}.session-stats span{align-items:center;gap:4px;display:flex}.tracker-mystery{background:var(--obsidian);border:2px solid var(--gold-dim);border-radius:2px;margin-bottom:6px;padding:10px 12px;font-family:Fira Code,monospace;font-size:.75rem;box-shadow:inset 0 0 15px #0000004d}.tracker-name{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;display:flex}.tracker-bar{background:var(--stone);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.tracker-fill{border-radius:2px;height:100%;transition:width .8s}.tracker-fill.sanity{background:linear-gradient(90deg, var(--crimson), var(--arcane-bright))}.tracker-fill.awareness{background:linear-gradient(90deg, var(--frost-dim), var(--frost))}.tracker-fill.corruption{background:linear-gradient(90deg, var(--arcane-dim), var(--arcane-bright))}.tracker-fill.transformation{background:linear-gradient(90deg, var(--amber-dim), var(--amber))}.tracker-hint{color:var(--ash);font-size:.7rem;font-style:italic}.relationship-web{background:var(--obsidian);border:2px solid var(--gold-dim);border-radius:2px;min-height:350px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000080}.relationship-web svg text{fill:var(--parchment);font-family:Inter,sans-serif;font-size:10px}.relationship-web svg .link-ally{stroke:var(--emerald)}.relationship-web svg .link-hostile{stroke:var(--crimson)}.relationship-web svg .link-neutral{stroke:var(--frost-dim)}.relationship-web svg .link-unknown{stroke:var(--ash)}.card{border:48px solid var(--deep-stone);border-image-source:var(--wc-card-bg);background:0 0;border-image-slice:100 fill;border-image-repeat:round;border-radius:0;min-width:0;margin-bottom:12px;padding:20px;transition:filter .4s,box-shadow .4s,transform .4s;overflow:hidden}.card:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #c9a84c33}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{color:var(--gold);font-family:Cinzel,serif;font-size:.95rem}.item-row{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .2s;display:flex}.item-row:hover{border-color:var(--border-dim);background:#c9a84c0d}.item-row.selected{border-color:var(--border-gold);background:#c9a84c14}.item-icon{border:1px solid;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.item-info{flex:1;min-width:0}.item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.item-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.item-qty{color:var(--silver);font-family:Fira Code,monospace;font-size:.75rem}.item-icon.common{border-color:var(--rarity-common);background:#9e9e9e1a}.item-icon.uncommon{border-color:var(--rarity-uncommon);background:#4caf501a}.item-icon.rare{border-color:var(--rarity-rare);background:#2196f31a}.item-icon.epic{border-color:var(--rarity-epic);background:#9c27b01a}.item-icon.legendary{border-color:var(--rarity-legendary);background:#ff98001a;box-shadow:0 0 8px #ff98004d}.item-icon.artifact{border-color:var(--rarity-artifact);background:#c628281a;box-shadow:0 0 8px #c628284d}.item-row:hover,.item-row.selected{background:linear-gradient(#2a1f1099 0%,#1a120999 100%);box-shadow:inset 0 0 8px #c9a84c14,0 4px 12px #00000080}.npc-card{background:var(--stone);border:2px solid var(--gold-dim);cursor:pointer;border-radius:2px;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex;box-shadow:inset 0 1px #c9a84c14,0 2px 8px #0006}.npc-card:hover{border-color:var(--gold);filter:brightness(1.1)}.npc-card.selected{border-color:var(--gold-bright);box-shadow:0 0 15px #c9a84c40}.npc-info{flex:1;min-width:0}.npc-name{color:var(--parchment);font-size:.9rem;font-weight:600}.npc-role{color:var(--muted);font-size:.75rem}.npc-status{margin-top:3px;font-size:.7rem}.quest-entry{background:var(--stone);border:2px solid var(--gold-dim);cursor:pointer;border-radius:2px;margin-bottom:8px;padding:12px 14px;transition:all .2s;box-shadow:inset 0 1px #c9a84c14,0 2px 8px #0006}.quest-entry:hover{border-color:var(--gold);filter:brightness(1.1)}.quest-entry.selected{border-color:var(--gold);box-shadow:var(--shadow-gold)}.quest-entry.main-quest{border-left:3px solid var(--gold)}.quest-entry.active{border-left:3px solid var(--frost)}.quest-entry.rumored{border-left:3px solid var(--muted)}.quest-entry.completed{border-left:3px solid var(--emerald);opacity:.7}.quest-entry.failed{border-left:3px solid var(--crimson);opacity:.7}.quest-title{margin-bottom:4px;font-family:Cinzel,serif;font-size:.9rem;font-weight:600}.quest-desc{color:var(--silver);margin-bottom:8px;font-size:.78rem;line-height:1.6}.quest-meta{color:var(--muted);gap:12px;font-size:.7rem;display:flex}.quest-meta span{align-items:center;gap:4px;display:flex}.stat-bar-container{margin-bottom:8px}.stat-bar-label{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.75rem;display:flex}.stat-bar-label .name{color:var(--silver);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-bar-label .value{color:var(--parchment);font-family:Fira Code,monospace;font-weight:600}.stat-bar{background:linear-gradient(180deg, #0009 0%, var(--stone) 30%, var(--stone) 70%, #0006 100%);border:1px solid var(--gold-dim);border-radius:1px;height:10px;position:relative;overflow:hidden}.stat-bar-fill{border-radius:0;height:100%;transition:width .9s cubic-bezier(.34,1.56,.64,1);position:relative}.stat-bar-fill.hp{background:linear-gradient(90deg,#8b1a1a,#c62828)}.stat-bar-fill.mp{background:linear-gradient(90deg,#0d47a1,#1565c0)}.stat-bar-fill.xp{background:linear-gradient(90deg,#8a7233,#c9a84c)}.stat-bar-fill.sanity{background:linear-gradient(90deg,#4a148c,#7b1fa2)}.stat-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a);width:30%;height:100%;position:absolute;top:0;right:0}.badge{border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge.common{color:var(--rarity-common);background:#9e9e9e1a;border-color:#9e9e9e4d}.badge.uncommon{color:var(--rarity-uncommon);background:#4caf501a;border-color:#4caf504d}.badge.rare{color:var(--rarity-rare);background:#2196f31a;border-color:#2196f34d}.badge.epic{color:var(--rarity-epic);background:#9c27b01a;border-color:#9c27b04d}.badge.legendary{color:var(--rarity-legendary);background:#ff98001a;border-color:#ff98004d}.badge.artifact{color:var(--rarity-artifact);background:#c628281a;border-color:#c628284d}.stars{gap:2px;display:flex}.star{color:var(--stone-light);font-size:.75rem}.star.filled{color:var(--gold)}.star.half{color:var(--gold-dim)}.progress-container{align-items:center;gap:8px;display:flex}.progress-bar{background:var(--stone);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .6s}.progress-text{color:var(--muted);text-align:right;min-width:36px;font-family:Fira Code,monospace;font-size:.7rem}.condition-tag{border-radius:12px;align-items:center;gap:4px;margin-bottom:4px;margin-right:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.condition-tag.buff{color:var(--emerald-bright);background:#2e7d3226;border:1px solid #2e7d324d}.condition-tag.debuff{color:var(--crimson-bright);background:#c6282826;border:1px solid #c628284d}.condition-tag.neutral-tag{color:var(--frost);background:#4fc3f71a;border:1px solid #4fc3f74d}.setting-row{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-label{color:var(--parchment);font-size:.85rem}.setting-desc{color:var(--muted);margin-top:2px;font-size:.7rem}.toggle{background:var(--stone);cursor:pointer;border:1px solid var(--border-dim);border-radius:11px;width:44px;height:24px;transition:background .2s;position:relative}.toggle:hover{border-color:var(--gold-dim);filter:brightness(1.15)}.toggle.active{border-color:var(--gold-dim);background:#c9a84c4d}.toggle:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle.active:after{background:var(--gold);left:22px}.npc-avatar{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.npc-avatar.ally{border-color:var(--emerald);background:#2e7d3226}.npc-avatar.neutral{border-color:var(--frost-dim);background:#1a6b8a26}.npc-avatar.hostile{border-color:var(--crimson);background:#8b1a1a26}.npc-avatar.rumored{border-color:var(--ash);background:#3a3a5526}.api-input{border:6px solid var(--stone);border-image-source:var(--wc-input-frame);width:100%;color:var(--parchment);background:0 0;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;outline:none;padding:8px 12px;font-family:Fira Code,monospace;font-size:.78rem;transition:filter .2s}.api-input:focus{filter:brightness(1.15)}.api-input::placeholder{color:var(--ash)}.api-select{border:6px solid var(--stone);border-image-source:var(--wc-input-frame);width:100%;color:var(--parchment);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a6f5e' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;outline:none;padding:8px 12px;font-family:Fira Code,monospace;font-size:.78rem}.api-select:hover{filter:brightness(1.15);border-color:var(--gold-dim)}.api-status{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-family:Fira Code,monospace;font-size:.75rem;display:flex}.api-status.connected{color:var(--emerald-bright);background:#2e7d321a;border:1px solid #2e7d324d}.api-status.disconnected{color:var(--crimson-bright);background:#c628281a;border:1px solid #c628284d}.api-status.testing{color:var(--gold);background:#c9a84c1a;border:1px solid #c9a84c4d}.demo-triggers{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.demo-btn{border:5px solid var(--stone);border-image-source:var(--wc-button-bg);color:var(--parchment);cursor:pointer;background:0 0;border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;padding:6px 14px;font-family:Cinzel,serif;font-size:.7rem;transition:filter .2s,transform .1s}.demo-btn:hover{filter:brightness(1.2);color:var(--gold-bright)}.demo-btn:active{filter:brightness(.85);transform:scale(.97)}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--deep-stone);border:2px solid var(--border-gold);border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 20px 60px #00000080}.auth-modal h2{color:var(--gold-bright);text-align:center;margin-bottom:24px;font-family:Cinzel,serif;font-size:1.4rem}.auth-field{margin-bottom:16px}.auth-field label{color:var(--muted);margin-bottom:4px;font-size:.78rem;display:block}.auth-field input{background:var(--obsidian);border:1px solid var(--border-dim);width:100%;color:var(--parchment);border-radius:6px;outline:none;padding:10px 12px;font-family:Fira Code,monospace;font-size:.9rem;transition:border-color .2s}.auth-field input:focus{border-color:var(--gold)}.auth-error{color:var(--crimson-bright);text-align:center;margin-bottom:12px;font-family:Fira Code,monospace;font-size:.78rem}.auth-submit{background:linear-gradient(135deg, var(--gold-dim), var(--gold));width:100%;color:var(--obsidian);cursor:pointer;border:none;border-radius:6px;padding:12px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:opacity .2s}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--muted);margin-top:16px;font-size:.78rem}.auth-switch a{color:var(--gold);cursor:pointer;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.notification-overlay{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:70px;right:20px}.system-notification{width:var(--notification-width);background:var(--obsidian);border:1px solid var(--gold-dim);color:var(--parchment);pointer-events:auto;border-radius:4px;padding:14px 16px;font-family:Fira Code,monospace;font-size:.78rem;line-height:1.5;position:relative;overflow:hidden}.system-notification:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.system-notification:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.system-notification.critical{border-color:var(--crimson);box-shadow:0 0 30px #c628284d,inset 0 0 30px #c628280d}.system-notification.critical:before,.system-notification.critical:after{background:linear-gradient(90deg, transparent, var(--crimson-bright), transparent)}.system-notification.arcane{border-color:var(--arcane-dim);box-shadow:0 0 30px #1db95433,inset 0 0 30px #1db9540d}.system-notification.arcane:before,.system-notification.arcane:after{background:linear-gradient(90deg, transparent, var(--arcane-bright), transparent)}.system-notification.success{border-color:var(--emerald);box-shadow:0 0 20px #2e7d3233}.system-notification.success:before,.system-notification.success:after{background:linear-gradient(90deg, transparent, var(--emerald-bright), transparent)}.notification-border{color:var(--gold-dim);letter-spacing:.2em;margin-bottom:6px;font-family:Fira Code,monospace;font-size:.7rem}.notification-title{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.8rem;font-weight:700}.notification-body{color:var(--parchment)}.notification-stat-change{border-top:1px solid var(--border-dim);margin-top:6px;padding-top:6px}.stat-change-line{justify-content:space-between;align-items:center;display:flex}.stat-change-name{color:var(--silver)}.stat-change-value.increase{color:var(--emerald-bright)}.stat-change-value.decrease{color:var(--crimson-bright)}@keyframes notif-phase-in{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notif-phase-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.95)}}.notif-entering{animation:1.5s ease-out forwards notif-phase-in}.notif-visible{opacity:1;transform:translate(0)scale(1)}.notif-exiting{animation:1.5s ease-in forwards notif-phase-out}.levelup-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.5s fade-in;display:flex;position:fixed;inset:0}.levelup-content{text-align:center;animation:.8s ease-out levelup-entrance}.levelup-title{color:var(--gold-bright);text-shadow:0 0 40px #f5d47880,0 0 80px #c9a84c4d;letter-spacing:.15em;margin-bottom:12px;font-family:Cinzel Decorative,serif;font-size:3rem}.levelup-level{color:var(--parchment);margin-bottom:30px;font-family:Cinzel,serif;font-size:1.5rem}.levelup-rewards{color:var(--gold);font-family:Fira Code,monospace;font-size:.85rem;line-height:2}@keyframes levelup-entrance{0%{opacity:0;transform:scale(.8)translateY(20px)}60%{transform:scale(1.05)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.wizard-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.wizard-container{background:var(--deep-stone);border-image-source:var(--wc-card-bg);border-style:solid;border-width:48px;border-image-slice:100 fill;border-image-repeat:round;width:680px;max-width:95vw;max-height:90vh;padding:24px 32px 20px;position:relative;overflow-y:auto}.wizard-container::-webkit-scrollbar{width:6px}.wizard-container::-webkit-scrollbar-track{background:var(--void)}.wizard-container::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.wizard-close{color:var(--muted);cursor:pointer;z-index:10;background:0 0;border:none;padding:4px 8px;font-size:20px;transition:color .2s;position:absolute;top:8px;right:12px}.wizard-close:hover{color:var(--gold-bright)}.wizard-header{text-align:center;margin-bottom:20px}.wizard-title{color:var(--gold-bright);text-shadow:0 0 20px #c9a84c4d;margin:0 0 16px;font-family:Cinzel Decorative,serif;font-size:1.5rem}.wizard-steps{justify-content:center;gap:12px;margin-bottom:8px;display:flex}.wizard-dot{background:var(--ash);border:2px solid var(--gold-dim);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .3s}.wizard-dot.active{background:var(--gold);border-color:var(--gold-bright);box-shadow:0 0 8px #c9a84c80}.wizard-dot.completed{background:var(--gold-dim);border-color:var(--gold)}.wizard-step-label{color:var(--muted);text-transform:uppercase;letter-spacing:2px;font-family:Inter,sans-serif;font-size:.75rem}.wizard-step-content{flex-direction:column;gap:18px;display:flex}.wizard-field{flex-direction:column;gap:6px;display:flex}.wizard-label{color:var(--gold);font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.wizard-required{color:var(--crimson-bright)}.wizard-hint{color:var(--muted);font-family:Inter,sans-serif;font-size:.75rem;font-weight:400}.wizard-input,.wizard-textarea,.wizard-select{background:var(--void);border:2px solid var(--gold-dim);border-image-source:var(--wc-input-frame);color:var(--parchment);border-width:16px;border-image-slice:16 fill;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.wizard-input:focus,.wizard-textarea:focus,.wizard-select:focus{border-color:var(--gold)}.wizard-input::placeholder,.wizard-textarea::placeholder{color:var(--ash)}.wizard-select{cursor:pointer;appearance:auto}.wizard-option-grid{gap:8px;display:grid}.wizard-option-grid.cols-2{grid-template-columns:1fr 1fr}.wizard-option-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.wizard-option-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.wizard-option-grid.cols-5{grid-template-columns:repeat(5,1fr)}.wizard-option-card{background:var(--stone);border:2px solid var(--ash);text-align:center;cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.wizard-option-card:hover{border-color:var(--gold-dim);background:var(--stone-light)}.wizard-option-card.selected{border-color:var(--gold);background:linear-gradient(180deg, #c9a84c1f 0%, var(--stone) 100%);box-shadow:0 0 12px #c9a84c26,inset 0 1px #c9a84c33}.wizard-option-icon{font-size:1.4rem}.wizard-option-label{color:var(--parchment);font-family:Cinzel,serif;font-size:.8rem;font-weight:600}.wizard-option-desc{color:var(--muted);font-family:Inter,sans-serif;font-size:.65rem;line-height:1.5}.wizard-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.wizard-chip{background:var(--stone);border:1px solid var(--ash);color:var(--silver);cursor:pointer;border-radius:20px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8rem;transition:all .2s}.wizard-chip:hover{border-color:var(--gold-dim);color:var(--parchment)}.wizard-chip.selected{border-color:var(--gold);color:var(--gold-bright);background:#c9a84c26}.wizard-slider-container{align-items:center;gap:10px;display:flex}.wizard-slider-label{color:var(--muted);white-space:nowrap;font-family:Inter,sans-serif;font-size:.75rem}.wizard-slider{appearance:none;background:linear-gradient(90deg, var(--crimson), var(--gold), var(--arcane));border-radius:3px;outline:none;flex:1;height:6px}.wizard-slider::-webkit-slider-thumb{appearance:none;background:var(--gold-bright);border:2px solid var(--gold-dim);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #c9a84c66}.wizard-slider-value{text-align:center;color:var(--gold);font-family:Fira Code,monospace;font-size:.8rem}.wizard-preview{background:var(--void);border:2px solid var(--gold-dim);max-height:200px;color:var(--silver);white-space:pre-wrap;word-wrap:break-word;border-radius:4px;padding:12px 16px;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.6;overflow-y:auto}.wizard-preview::-webkit-scrollbar{width:4px}.wizard-preview::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.wizard-info-box{border:1px solid var(--gold-dim);color:var(--gold);text-align:center;background:#c9a84c14;border-radius:4px;padding:10px 14px;font-family:Inter,sans-serif;font-size:.8rem}.wizard-nav{border-top:1px solid var(--ash);align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.wizard-btn{cursor:pointer;background:0 0;border:none;padding:0;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;transition:all .2s}.wizard-btn-back{color:var(--muted);padding:8px 16px}.wizard-btn-back:hover{color:var(--parchment)}.wizard-btn-next,.wizard-btn-begin{border-image-source:var(--wc-button-bg);color:var(--parchment);border-style:solid;border-width:16px;border-image-slice:16 fill;min-width:100px}.wizard-btn-next:hover,.wizard-btn-begin:hover{color:var(--gold-bright);filter:brightness(1.2)}.wizard-btn-next:disabled{opacity:.4;cursor:not-allowed;filter:none}.wizard-btn-begin{border-image-source:var(--wc-button-frame);color:var(--gold-bright);text-shadow:0 0 10px #c9a84c4d;min-width:140px}.auth-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.auth-modal{background:var(--deep-stone);border-image-source:var(--wc-card-bg);border-style:solid;border-width:48px;border-image-slice:100 fill;border-image-repeat:round;width:420px;max-width:95vw;max-height:90vh;padding:28px 36px 24px;animation:.35s ease-out auth-modal-appear;position:relative;overflow-y:auto}.auth-modal::-webkit-scrollbar{width:6px}.auth-modal::-webkit-scrollbar-track{background:var(--void)}.auth-modal::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}@keyframes auth-modal-appear{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-close{color:var(--muted);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;font-size:22px;line-height:1;transition:color .2s,text-shadow .2s;display:flex;position:absolute;top:8px;right:12px}.auth-close:hover{color:var(--gold-bright);text-shadow:0 0 8px #c9a84c66}.auth-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.auth-header{text-align:center;margin-bottom:8px}.auth-crest{text-align:center;margin-bottom:12px}.auth-crest svg{width:44px;height:44px;color:var(--gold);filter:drop-shadow(0 0 10px #c9a84c59)}.auth-title{color:var(--gold-bright);text-shadow:0 0 20px #c9a84c4d;letter-spacing:1px;margin:0 0 4px;font-family:Cinzel Decorative,Cinzel,serif;font-size:1.4rem}.auth-subtitle{color:var(--muted);margin:0;font-family:Crimson Text,Inter,sans-serif;font-size:.85rem;font-style:italic}.auth-toggle{background:var(--void);border:1px solid var(--border-dim);border-radius:4px;margin:20px 0 22px;display:flex;overflow:hidden}.auth-toggle-btn{color:var(--muted);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;flex:1;min-height:44px;padding:10px 16px;font-family:Cinzel,serif;font-size:.78rem;font-weight:600;transition:all .25s;position:relative}.auth-toggle-btn:hover:not(.active){color:var(--silver);background:#c9a84c0a}.auth-toggle-btn.active{color:var(--gold-bright);box-shadow:inset 0 -2px 0 var(--gold);background:#c9a84c1f}.auth-toggle-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.auth-divider{align-items:center;gap:14px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);flex:1;height:1px}.auth-divider-text{color:var(--ash);text-transform:uppercase;letter-spacing:2px;white-space:nowrap;font-family:Cinzel,serif;font-size:.7rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--gold);letter-spacing:.5px;font-family:Cinzel,serif;font-size:.82rem;font-weight:600}.auth-required{color:var(--crimson-bright);margin-left:2px}.auth-input{background:var(--void);border:2px solid var(--gold-dim);border-image-source:var(--wc-input-frame);color:var(--parchment);box-sizing:border-box;border-width:16px;border-image-slice:16 fill;outline:none;min-height:44px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--gold);box-shadow:0 0 12px #c9a84c26}.auth-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.auth-input::placeholder{color:var(--ash);font-style:italic}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input.input-error{border-color:var(--crimson-bright)}.auth-input.input-error:focus{box-shadow:0 0 12px #c6382833}.auth-hint{color:var(--muted);margin-top:-2px;font-family:Inter,sans-serif;font-size:.72rem}.auth-error{color:var(--crimson-bright);text-align:center;background:#c638281f;border:1px solid #c6382859;border-radius:4px;padding:10px 14px;font-family:Crimson Text,Inter,sans-serif;font-size:.85rem;animation:.4s auth-error-shake}@keyframes auth-error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-field-error{color:var(--crimson-bright);margin-top:-2px;font-family:Inter,sans-serif;font-size:.72rem}.auth-submit-btn{letter-spacing:2px;text-transform:uppercase;width:100%;color:var(--obsidian);background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-dim) 100%);border:2px solid var(--gold-bright);cursor:pointer;border-radius:0;min-height:48px;margin-top:4px;padding:14px 24px;font-family:Cinzel,serif;font-size:.92rem;font-weight:700;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 0 20px #c9a84c4d,0 0 40px #c9a84c1a,inset 0 1px #fff3}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(180deg, #ffe6a0 0%, var(--gold-bright) 50%, var(--gold) 100%);transform:translateY(-1px);box-shadow:0 0 30px #f5d47880,0 0 60px #c9a84c33,0 4px 16px #0006,inset 0 1px #ffffff4d}.auth-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)}.auth-submit-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.auth-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-submit-content{justify-content:center;align-items:center;gap:10px;display:flex}.auth-spinner{border:2px solid #0c0a064d;border-top-color:var(--obsidian);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-discord-wrapper{position:relative}.auth-discord-btn{cursor:pointer;color:#a8b1f5;letter-spacing:.5px;background:linear-gradient(#5865f22e 0%,#5865f20f 100%);border:2px solid #5865f2;border-radius:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 20px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;transition:all .25s;display:flex}.auth-discord-btn:hover{color:#c8cdf8;background:linear-gradient(#5865f24d 0%,#5865f21f 100%);border-color:#7983f5;box-shadow:0 0 20px #5865f233}.auth-discord-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.auth-discord-icon{flex-shrink:0;width:20px;height:20px}.auth-discord-tooltip{background:var(--stone);border:1px solid var(--border-gold);color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:4px;padding:6px 14px;font-family:Crimson Text,serif;font-size:.8rem;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0009}.auth-discord-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--border-gold);position:absolute;top:100%;left:50%;transform:translate(-50%)}.auth-discord-wrapper:hover .auth-discord-tooltip{opacity:1}.auth-footer{text-align:center;border-top:1px solid var(--border-dim);color:var(--muted);margin-top:18px;padding-top:16px;font-family:Crimson Text,Inter,sans-serif;font-size:.88rem}.auth-footer-link{color:var(--gold);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s,text-shadow .2s}.auth-footer-link:hover{color:var(--gold-bright);text-shadow:0 0 8px #c9a84c4d}.auth-footer-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.auth-password-strength{gap:4px;margin-top:-2px;display:flex}.auth-strength-bar{background:var(--stone);border-radius:2px;flex:1;height:3px;transition:background .3s}.auth-strength-bar.filled.strength-weak{background:var(--crimson-bright)}.auth-strength-bar.filled.strength-fair{background:var(--amber)}.auth-strength-bar.filled.strength-good{background:var(--gold)}.auth-strength-bar.filled.strength-strong{background:var(--arcane)}.auth-strength-text{margin-top:2px;font-family:Inter,sans-serif;font-size:.68rem}.auth-strength-text.strength-weak{color:var(--crimson-bright)}.auth-strength-text.strength-fair{color:var(--amber)}.auth-strength-text.strength-good{color:var(--gold)}.auth-strength-text.strength-strong{color:var(--arcane-bright)}@media (width<=520px){.auth-modal{border-width:32px;width:100%;max-width:100vw;padding:20px 20px 16px}.auth-title{font-size:1.2rem}.auth-label{font-size:.9rem}.auth-toggle-btn{min-height:44px;padding:10px;font-size:.78rem}.auth-submit-btn{padding:14px 20px;font-size:.9rem}.auth-discord-btn{padding:12px 14px;font-size:.8rem}.auth-footer{padding-top:18px;font-size:.95rem}.auth-footer-link{min-height:44px;padding:8px 4px;line-height:28px;display:inline-block}.auth-hint{font-size:.78rem}.auth-close{top:2px;right:4px}}@media (height<=600px){.auth-modal{border-width:32px;max-height:98vh}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #c9a84c4d}50%{box-shadow:0 0 30px #c9a84c99}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rune-pulse{0%,to{opacity:.15}50%{opacity:.35}}@keyframes gold-pulse{0%,to{box-shadow:0 0 4px #c9a84c4d}50%{box-shadow:0 0 12px #c9a84c99,0 0 20px #c9a84c33}}@keyframes warcraft-glow{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes footer-breathe{0%,to{opacity:0;background-position:200%}50%{opacity:1;background-position:0%}}@keyframes message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dm-message-appear{0%{opacity:0;transform:translateY(12px)}40%{opacity:.6}to{opacity:1;transform:translateY(0)}}@keyframes dust-drift-1{0%,to{opacity:.4;transform:translate(0)}25%{opacity:.7;transform:translate(8px,-12px)}50%{opacity:.5;transform:translate(-5px,-20px)}75%{opacity:.8;transform:translate(12px,-8px)}}@keyframes dust-drift-2{0%,to{opacity:.3;transform:translate(0)}33%{opacity:.6;transform:translate(-10px,-15px)}66%{opacity:.4;transform:translate(6px,-25px)}}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes scroll-btn-appear{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes map-node-reveal{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes path-draw{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:.4}}@keyframes path-draw-traveled{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:.7}}.companion-main.panel-active{opacity:1;transform:translateY(0)}.companion-main.panel-exiting{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:translateY(6px)}.companion-main.panel-entering{opacity:1;transition:opacity .25s ease-out,transform .25s ease-out;transform:translateY(0)}.context-panel.ctx-active{opacity:1;transform:translate(0)}.context-panel.ctx-exiting{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:translate(12px)}.context-panel.ctx-entering{opacity:1;transition:opacity .25s ease-out,transform .25s ease-out;transform:translate(0)}.redesigned-layout.combat-active{animation:3s ease-in-out infinite combat-vignette-pulse;box-shadow:inset 0 0 100px #c628281f,inset 0 0 200px #c628280f}.redesigned-layout.combat-active .icon-sidebar{border-color:#c6282840}@keyframes combat-vignette-pulse{0%,to{box-shadow:inset 0 0 100px #c628281a,inset 0 0 200px #c628280a}50%{box-shadow:inset 0 0 120px #c628282e,inset 0 0 250px #c6282814}}html{scroll-behavior:smooth}.landing-page{background:var(--obsidian);color:var(--parchment);min-height:100vh;position:relative;overflow-x:hidden}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0c0a06f2 0%,#0c0a06b3 70%,#0000 100%);flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:14px 40px;transition:background .4s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-brand{color:var(--gold);letter-spacing:2px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;text-decoration:none}.landing-nav-links{white-space:nowrap;align-items:center;gap:20px;display:flex}.landing-nav-links a{color:var(--silver);letter-spacing:.5px;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.2rem;text-decoration:none;transition:color .3s;position:relative}.landing-nav-links a:hover{color:var(--gold-bright)}.landing-nav-links a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.landing-nav-links a:hover:after{width:100%}.landing-nav-link-signin{color:var(--silver);letter-spacing:.5px;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.2rem;text-decoration:none;transition:color .3s;position:relative}.landing-nav-link-signin:hover{color:var(--gold-bright)}.landing-nav-link-signin:after{content:"";background:var(--gold);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.landing-nav-link-signin:hover:after{width:100%}.landing-nav-user{color:var(--gold-dim);letter-spacing:1px;font-family:Cinzel,serif;font-size:1.2rem}.landing-nav-link-btn{color:var(--silver);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-family:Cinzel,serif;font-size:1.2rem;text-decoration:none;transition:color .3s;position:relative}.landing-nav-link-btn:hover{color:var(--gold-bright)}.landing-nav-link-btn:after{content:"";background:var(--gold);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.landing-nav-link-btn:hover:after{width:100%}.landing-nav-auth{align-items:center;gap:16px;display:flex}.landing-nav-create-btn{letter-spacing:.5px;padding:6px 16px!important;font-size:1.2rem!important}.landing-icon{width:48px;height:48px;color:var(--gold);z-index:1;filter:drop-shadow(0 0 8px #c9a84c4d);justify-content:center;align-items:center;margin:0 auto 16px;display:flex;position:relative}.landing-icon svg{width:48px;height:48px;display:block}.landing-icon-lg,.landing-icon-lg svg{width:72px;height:72px}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.landing-hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.landing-hero-bg-img{object-fit:cover;object-position:center 30%;opacity:0;filter:saturate(.7)brightness(.45);will-change:opacity, transform;width:100%;height:100%;transition:opacity 3s ease-in-out,transform 8s linear;position:absolute;inset:0;transform:scale(1)}.landing-hero-bg-img.active{opacity:.6;transform:scale(1.08)}.landing-hero:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(80% 60% at 50% 40%,#c9a84c0f 0%,#0000 70%),radial-gradient(120% 80% at 50% 100%,#0c0a06f2 0%,#0000 50%),linear-gradient(#0c0a0699 0%,#0c0a0633 30% 60%,#0c0a06f2 100%);position:absolute;inset:0}.landing-hero .particles-canvas{z-index:0;position:absolute;inset:0}.landing-hero-content{z-index:2;max-width:900px;position:relative}.landing-hero-rune{color:var(--gold-dim);letter-spacing:16px;opacity:.5;margin-bottom:24px;font-size:1.8rem;animation:4s ease-in-out infinite rune-pulse}.landing-hero-title{color:var(--gold-bright);letter-spacing:6px;text-shadow:0 0 40px #f5d4784d,0 0 80px #c9a84c26,0 2px 4px #000c;margin-bottom:8px;font-family:Cinzel,serif;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:700;line-height:1.1;animation:1.2s ease-out both hero-title-reveal}@keyframes hero-title-reveal{0%{opacity:0;letter-spacing:12px;transform:translateY(20px)}to{opacity:1;letter-spacing:6px;transform:translateY(0)}}.landing-hero-subtitle{color:var(--gold-dim);letter-spacing:6px;text-transform:uppercase;margin-bottom:32px;font-family:Cinzel,serif;font-size:clamp(1.2rem,1.5vw,1.3rem);animation:1.2s ease-out .3s both hero-subtitle-reveal}@keyframes hero-subtitle-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-hero-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:120px;height:1px;margin:0 auto 32px;animation:1.4s ease-out .5s both hero-divider-reveal}@keyframes hero-divider-reveal{0%{opacity:0;width:0}to{opacity:1;width:120px}}.landing-hero-tagline{color:var(--parchment);max-width:700px;margin:0 auto 48px;font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:300;line-height:1.7;animation:1.2s ease-out .7s both hero-tagline-reveal}@keyframes hero-tagline-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-hero-cta{animation:1s ease-out 1s both hero-cta-reveal}@keyframes hero-cta-reveal{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.landing-scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:8px;animation:1s ease-out 1.5s both scroll-indicator-reveal;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes scroll-indicator-reveal{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.landing-scroll-indicator span{color:var(--muted);letter-spacing:3px;text-transform:uppercase;font-family:Cinzel,serif;font-size:1.2rem}.landing-scroll-arrow{border-right:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);width:20px;height:20px;animation:2s ease-in-out infinite scroll-bounce;transform:rotate(45deg)}@keyframes scroll-bounce{0%,to{opacity:.4;transform:translateY(0)rotate(45deg)}50%{opacity:.8;transform:translateY(6px)rotate(45deg)}}.landing-cta-btn{letter-spacing:3px;text-transform:uppercase;color:var(--obsidian);background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-dim) 100%);border:2px solid var(--gold-bright);cursor:pointer;padding:16px 48px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #c9a84c4d,0 0 40px #c9a84c1a,inset 0 1px #fff3}.landing-cta-btn:hover{background:linear-gradient(180deg, #ffe6a0 0%, var(--gold-bright) 50%, var(--gold) 100%);transform:translateY(-2px);box-shadow:0 0 30px #f5d47880,0 0 60px #c9a84c40,0 8px 32px #0006,inset 0 1px #ffffff4d}.landing-cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.landing-cta-btn:hover:before{left:100%}.landing-cta-btn-secondary{color:var(--gold);border:1px solid var(--gold-dim);background:0 0;box-shadow:0 0 15px #c9a84c1a}.landing-cta-btn-secondary:hover{color:var(--gold-bright);border-color:var(--gold);background:#c9a84c14;box-shadow:0 0 25px #c9a84c33}.landing-section{max-width:1200px;margin:0 auto;padding:120px 24px;position:relative}.landing-section-label{color:var(--gold-dim);letter-spacing:6px;text-transform:uppercase;text-align:center;margin-bottom:12px;font-family:Cinzel,serif;font-size:1.2rem}.landing-section-title{color:var(--gold-bright);text-align:center;letter-spacing:2px;text-shadow:0 0 30px #f5d47826;margin-bottom:16px;font-family:Cinzel,serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:700}.landing-section-subtitle{color:var(--silver);text-align:center;max-width:600px;margin:0 auto 64px;font-size:1.2rem;line-height:1.7}.landing-divider{background:linear-gradient(90deg, transparent, var(--border-gold), transparent);width:100%;height:1px;margin:0 auto}.landing-divider-ornate{background:linear-gradient(90deg, transparent, var(--border-gold), transparent);width:100%;height:1px;margin:0 auto;position:relative}.landing-divider-ornate:after{content:"◈";color:var(--gold-dim);background:var(--obsidian);padding:0 16px;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-steps{grid-template-columns:repeat(3,1fr);gap:48px;display:grid;position:relative}.landing-steps:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), var(--gold-dim), transparent);opacity:.4;height:1px;position:absolute;top:60px;left:15%;right:15%}.landing-step{text-align:center;padding:0 16px;position:relative}.landing-step-number{width:80px;height:80px;color:var(--gold-bright);border:2px solid var(--gold-dim);background:linear-gradient(135deg, var(--deep-stone) 0%, var(--stone) 100%);z-index:1;justify-content:center;align-items:center;margin:0 auto 24px;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;display:flex;position:relative;transform:rotate(45deg);box-shadow:0 0 20px #c9a84c26,inset 0 0 20px #c9a84c0d}.landing-step-number span{transform:rotate(-45deg)}.landing-step-icon{color:var(--gold);margin-bottom:16px;font-size:2rem;display:block}.landing-step-icon svg{filter:drop-shadow(0 0 6px #c9a84c40);width:48px;height:48px;display:inline-block}.landing-step-title{color:var(--gold);letter-spacing:1px;margin-bottom:12px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.landing-step-desc{color:var(--silver);font-size:1.2rem;line-height:1.7}.landing-pillars-bg{background:linear-gradient(180deg, var(--obsidian) 0%, var(--void) 50%, var(--obsidian) 100%);position:relative}.landing-pillars-bg:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 20%,#c9a84c08 0%,#0000 70%),radial-gradient(50% 40% at 80%,#c9a84c08 0%,#0000 70%);position:absolute;inset:0}.landing-pillars{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.landing-pillar{-webkit-backdrop-filter:blur(20px)saturate(1.2);text-align:center;background:#14100866 radial-gradient(circle at 30% 20%,#c9a84c0f,#0000 50%) no-repeat;border:1px solid #c9a84c26;padding:48px 32px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.landing-pillar:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.landing-pillar:after{content:"";opacity:0;background:radial-gradient(at 50% 0,#c9a84c0d 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.landing-pillar:hover{background:#14100880 radial-gradient(circle at 30% 20%,#c9a84c1f,#0000 50%);border-color:#c9a84c59;transform:translateY(-4px);box-shadow:0 12px 40px #0006,inset 0 0 40px #c9a84c14}.landing-pillar:hover:before,.landing-pillar:hover:after{opacity:1}.landing-pillar-icon{z-index:1;color:var(--gold);filter:drop-shadow(0 0 8px #c9a84c4d);margin-bottom:20px;font-size:2.8rem;display:block;position:relative}.landing-pillar-icon svg{width:48px;height:48px;display:inline-block}.landing-pillar-title{color:var(--gold-bright);letter-spacing:2px;z-index:1;margin-bottom:16px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;position:relative}.landing-pillar-desc{color:var(--silver);z-index:1;font-size:1.2rem;line-height:1.8;position:relative}.landing-pillar-accent{color:var(--gold-dim);z-index:1;margin-top:16px;font-size:1.2rem;font-style:italic;display:block;position:relative}.landing-stories-bg{background:linear-gradient(180deg, var(--obsidian) 0%, var(--deep-stone) 50%, var(--obsidian) 100%)}.landing-stories{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.landing-story-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#14100866 radial-gradient(circle at 30% 20%,#c9a84c0f,#0000 50%) no-repeat;border:1px solid #c9a84c26;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.landing-story-card:hover{background:#14100880 radial-gradient(circle at 30% 20%,#c9a84c1f,#0000 50%);border-color:#c9a84c59;transform:translateY(-4px);box-shadow:0 12px 40px #0006,inset 0 0 40px #c9a84c14}.landing-story-image{background:linear-gradient(135deg, var(--stone) 0%, var(--deep-stone) 100%);border-bottom:1px solid var(--border-dim);width:100%;height:220px;color:var(--gold);justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative;overflow:hidden}.landing-story-img{object-fit:cover;object-position:center 30%;filter:saturate(.8)brightness(.7);width:100%;height:100%;transition:transform .6s}.landing-story-card:hover .landing-story-img{filter:saturate(.9)brightness(.8);transform:scale(1.08)}.landing-story-image svg{z-index:1;filter:drop-shadow(0 0 12px #c9a84c4d);width:72px;height:72px;position:relative}.landing-story-image:after{content:"";background:linear-gradient(180deg, transparent 40%, var(--deep-stone) 100%);z-index:1;position:absolute;inset:0}.landing-story-body{padding:24px}.landing-story-quote{color:var(--parchment);margin-bottom:16px;padding-left:20px;font-size:1.2rem;font-style:italic;line-height:1.7;position:relative}.landing-story-quote:before{content:"“";color:var(--gold-dim);font-family:Cinzel,serif;font-size:2rem;position:absolute;top:-4px;left:0}.landing-story-author{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:1.2rem}.landing-story-tag{color:var(--gold);border:1px solid var(--gold-dim);letter-spacing:1px;text-transform:uppercase;margin-top:8px;padding:4px 10px;font-size:1.2rem;display:inline-block}.rune-cta{text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.rune-cta-glow{pointer-events:none;background:radial-gradient(circle,#c9a84c1f 0%,#c9a84c0a 40%,#0000 70%);border-radius:50%;width:0;height:0;transition:width 1.5s,height 1.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rune-cta--glow .rune-cta-glow,.rune-cta--revealed .rune-cta-glow{width:800px;height:800px}.rune-circle{justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto 48px;display:flex;position:relative}.rune-symbol{color:#c9a84c1a;text-shadow:none;-webkit-user-select:none;user-select:none;font-size:1.6rem;transition:color .4s,text-shadow .4s,filter .4s;position:absolute}.rune-symbol.rune-active{color:var(--gold);text-shadow:0 0 12px #c9a84c99,0 0 30px #c9a84c4d;filter:brightness(1.3)}.rune-portal{background:radial-gradient(circle,#c9a84c05,#0000);border:1px solid #c9a84c1a;border-radius:50%;width:80px;height:80px;transition:all .8s}.rune-cta--glow .rune-portal,.rune-cta--revealed .rune-portal{background:radial-gradient(circle,#c9a84c14,#0000);border-color:#c9a84c66;box-shadow:0 0 40px #c9a84c26,0 0 80px #c9a84c14,inset 0 0 30px #c9a84c0f}.rune-cta--revealed .rune-portal{animation:3s ease-in-out infinite alternate portal-pulse}@keyframes portal-pulse{0%{box-shadow:0 0 40px #c9a84c26,0 0 80px #c9a84c14,inset 0 0 30px #c9a84c0f}to{box-shadow:0 0 60px #c9a84c40,0 0 120px #c9a84c1f,inset 0 0 40px #c9a84c1a}}.rune-cta-content{z-index:2;opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(20px)}.rune-cta--revealed .rune-cta-content{opacity:1;transform:translateY(0)}.rune-cta-title{color:var(--gold-bright);letter-spacing:3px;text-shadow:0 0 40px #f5d4784d,0 0 80px #c9a84c26;margin-bottom:16px;font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.rune-cta-subtitle{color:var(--silver);margin-bottom:40px;font-size:1.2rem;line-height:1.7}.rune-cta-btn{text-decoration:none;display:inline-block}@media (prefers-reduced-motion:reduce){.rune-symbol,.rune-portal,.rune-cta-glow,.rune-cta-content{transition:none!important}.rune-cta--revealed .rune-portal{animation:none}}.landing-footer{border-top:1px solid var(--border-dim);background:var(--void);justify-content:space-between;align-items:center;padding:40px 48px;display:flex}.landing-footer-brand{color:var(--gold-dim);letter-spacing:2px;font-family:Cinzel,serif;font-size:1.2rem}.landing-footer-links{gap:24px;display:flex}.landing-footer-links a{color:var(--muted);letter-spacing:1px;font-size:1.2rem;text-decoration:none;transition:color .3s}.landing-footer-links a:hover{color:var(--gold)}.landing-footer-copy{color:var(--ash);font-size:1.2rem}.landing-nav-hamburger{border:1px solid var(--border-dim);cursor:pointer;z-index:101;background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:10px;display:none}.hamburger-bar{background:var(--gold);width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-bar.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-bar.open:nth-child(2){opacity:0}.hamburger-bar.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.landing-mobile-menu-backdrop{z-index:99;background:#000000b3;display:none;position:fixed;inset:0}.landing-mobile-menu{z-index:100;background:linear-gradient(#0a0a0ffa 0%,#050508fc 100%);flex-direction:column;gap:4px;padding:100px 32px 40px;animation:.25s ease-out mobileMenuSlide;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-mobile-menu a{color:var(--silver);letter-spacing:1px;text-transform:uppercase;align-items:center;min-height:44px;padding:14px 0;font-family:Cinzel,serif;font-size:1.1rem;text-decoration:none;transition:color .2s;display:flex}.landing-mobile-menu a:hover{color:var(--gold)}.landing-mobile-menu-divider{background:var(--border-dim);height:1px;margin:8px 0}.landing-mobile-menu-user{color:var(--gold);letter-spacing:1px;padding:10px 0 4px;font-family:Cinzel,serif;font-size:.9rem}.landing-mobile-menu-btn{border:1px solid var(--border-dim);color:var(--silver);letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;margin-top:4px;padding:12px 16px;font-family:Cinzel,serif;font-size:1rem;transition:all .2s}.landing-mobile-menu-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.landing-mobile-menu-btn-primary{border-color:var(--gold-dim);color:var(--gold);background:linear-gradient(#c9a84c26 0%,#c9a84c0d 100%)}.landing-mobile-menu-play{background:linear-gradient(180deg, var(--gold) 0%, #a88a3a 100%);color:var(--void);border:none;margin-top:8px;padding:14px 16px;font-weight:700}.landing-mobile-menu-play:hover{filter:brightness(1.1);color:var(--void)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.landing-pillar,.landing-story-card{background:#141008d9}}.dice-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.dice-overlay.dice-fade-out{opacity:0}.dice-container{width:100px;height:100px}.dice-face{border:2px solid var(--gold);background:linear-gradient(135deg,#141008e6,#2a2015e6);justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:rotate(45deg);box-shadow:0 0 30px #c9a84c4d,inset 0 0 20px #c9a84c1a}.dice-number{color:var(--gold-bright);text-shadow:0 0 20px #c9a84c80;font-family:Cinzel,serif;font-size:2rem;font-weight:700;transform:rotate(-45deg)}.dice-spinning{animation:2s forwards dice-spin}@keyframes dice-spin{0%{opacity:0;transform:rotateY(0)rotateX(0)scale(.5)}20%{opacity:1;transform:rotateY(360deg)rotateX(180deg)scale(1.1)}60%{transform:rotateY(720deg)rotateX(360deg)scale(1)}to{transform:rotateY(1080deg)rotateX(540deg)scale(1)}}.dice-nat20 .dice-face{border-color:var(--gold-bright);box-shadow:0 0 60px #f5d47899,0 0 120px #c9a84c4d,inset 0 0 30px #f5d47833}.dice-nat20 .dice-number{color:#fff;text-shadow:0 0 30px #f5d478cc}.dice-result-text{color:var(--gold);text-shadow:0 0 20px #c9a84c66;letter-spacing:2px;margin-top:24px;font-family:Cinzel,serif;font-size:1.2rem;animation:.6s forwards dice-result-reveal}.dice-crit{color:var(--gold-bright);margin-top:4px;font-size:.9rem;animation:.8s infinite alternate dice-crit-pulse;display:block}@keyframes dice-result-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dice-crit-pulse{0%{text-shadow:0 0 10px #f5d47866}to{text-shadow:0 0 30px #f5d478cc}}@media (prefers-reduced-motion:reduce){.dice-spinning,.dice-crit{animation:none}.dice-result-text{opacity:1;animation:none}.dice-overlay{transition:none}}@media (width<=1100px){.landing-nav{padding:12px 24px}.landing-nav-links{gap:14px}.landing-nav-links a,.landing-nav-link-signin,.landing-nav-link-btn,.landing-nav-user{letter-spacing:0;font-size:1.2rem}}@media (width<=900px){.landing-nav{padding:12px 20px}.landing-nav-links{gap:10px}.landing-nav-links>a:not(.landing-cta-btn){display:none}.landing-steps{grid-template-columns:1fr;gap:48px;max-width:480px;margin:0 auto}.landing-steps:before{display:none}.landing-pillars{grid-template-columns:1fr;gap:24px;max-width:520px;margin:0 auto}.landing-stories{grid-template-columns:1fr;gap:24px;max-width:480px;margin:0 auto}.landing-footer{text-align:center;flex-direction:column;gap:16px;padding:32px 24px}}@media (width<=600px){.landing-nav-links{display:none}.landing-nav-hamburger{display:flex}.landing-mobile-menu-backdrop{display:block}.landing-section{padding:80px 16px}.landing-hero{padding:100px 16px 60px}.landing-cta-btn{padding:14px 32px;font-size:1.2rem}.landing-hero-title{letter-spacing:3px;font-size:clamp(2rem,10vw,2.8rem)}.landing-hero-tagline{padding:0 8px;font-size:1.1rem}}@media (width<=359px){.landing-hero-title{letter-spacing:2px;font-size:2rem}.landing-hero-subtitle{letter-spacing:3px;font-size:.9rem}.landing-nav{padding:10px 12px}.landing-nav-brand{font-size:1rem}}.stories-page{background:var(--obsidian);color:var(--parchment);min-height:100vh;position:relative;overflow-x:hidden}.stories-nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0c0a06f2 0%,#0c0a06b3 70%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:fixed;top:0;left:0;right:0}.stories-nav-brand{color:var(--gold);letter-spacing:2px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;text-decoration:none}.stories-nav-links{align-items:center;gap:32px;display:flex}.stories-nav-links a{color:var(--silver);letter-spacing:1.5px;text-transform:uppercase;font-family:Cinzel,serif;font-size:.8rem;text-decoration:none;transition:color .3s;position:relative}.stories-nav-links a:hover,.stories-nav-links a.stories-nav-active{color:var(--gold-bright)}.stories-nav-links a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.stories-nav-links a:hover:after,.stories-nav-links a.stories-nav-active:after{width:100%}.stories-hero{text-align:center;padding:120px 24px 40px}.stories-hero-rune{color:var(--gold-dim);letter-spacing:16px;opacity:.5;margin-bottom:16px;font-size:1.4rem}.stories-hero-title{color:var(--gold-bright);letter-spacing:4px;text-shadow:0 0 40px #f5d47833,0 2px 4px #000c;margin-bottom:16px;font-family:Cinzel,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.stories-hero-subtitle{color:var(--silver);max-width:600px;margin:0 auto 24px;font-size:1rem;line-height:1.7}.stories-hero-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:120px;height:1px;margin:0 auto}.stories-container{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.stories-tab-bar{border-bottom:1px solid var(--border-dim);gap:0;margin-bottom:32px;display:flex}.stories-tab{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;transition:all .2s}.stories-tab:hover{color:var(--parchment)}.stories-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.story-card{border:1px solid var(--border-dim);cursor:pointer;background:linear-gradient(#1a1209cc 0%,#14100899 100%);padding:24px;transition:all .4s;position:relative;overflow:hidden}.story-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.story-card:hover{border-color:var(--border-gold);transform:translateY(-3px);box-shadow:0 8px 32px #0006,0 0 20px #c9a84c14}.story-card:hover:before{opacity:1}.story-card.expanded{border-color:var(--gold-dim);box-shadow:0 0 20px #c9a84c1a}.story-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.story-card-title{color:var(--gold);letter-spacing:.5px;font-family:Cinzel,serif;font-size:1.05rem;font-weight:700;line-height:1.3}.story-card-expand{color:var(--muted);flex-shrink:0;margin-top:4px;font-size:.65rem}.story-card-excerpt{color:var(--silver);white-space:pre-wrap;margin-bottom:16px;font-size:.85rem;line-height:1.7}.story-card.expanded .story-card-excerpt{max-height:none}.story-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.story-card-author{color:var(--parchment);align-items:center;gap:6px;font-size:.78rem;display:flex}.story-meta-icon{font-size:.85rem}.story-card-class{color:var(--gold-dim);border:1px solid var(--border-dim);letter-spacing:.05em;text-transform:uppercase;background:#c9a84c14;border-radius:10px;padding:2px 8px;font-size:.68rem}.story-card-by{color:var(--muted);font-size:.72rem;font-style:italic}.story-card-footer{border-top:1px solid var(--border-dim);align-items:center;gap:16px;padding-top:12px;display:flex}.story-like-btn{border:1px solid var(--border-dim);color:var(--muted);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:5px;padding:4px 12px;font-family:Fira Code,monospace;font-size:.75rem;transition:all .2s;display:inline-flex}.story-like-btn:hover{border-color:var(--crimson);color:var(--crimson-bright);background:#c6282814}.story-like-btn.liked{border-color:var(--crimson);color:var(--crimson-bright);background:#c628281a}.story-card-world{color:var(--frost-dim);align-items:center;gap:4px;font-size:.7rem;display:flex}.story-card-level{color:var(--gold-dim);border:1px solid var(--border-dim);background:#c9a84c0f;border-radius:10px;padding:2px 8px;font-family:Fira Code,monospace;font-size:.68rem}.stories-load-more{text-align:center;margin-top:48px}.stories-load-more-btn{letter-spacing:2px;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dim);cursor:pointer;background:0 0;padding:14px 40px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 0 15px #c9a84c1a}.stories-load-more-btn:hover{border-color:var(--gold);color:var(--gold-bright);background:#c9a84c14;box-shadow:0 0 25px #c9a84c33}.stories-load-more-btn:disabled{opacity:.5;cursor:wait}.stories-cta-btn{letter-spacing:3px;text-transform:uppercase;color:var(--obsidian);background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-dim) 100%);border:2px solid var(--gold-bright);cursor:pointer;padding:14px 40px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block;box-shadow:0 0 20px #c9a84c4d,0 0 40px #c9a84c1a}.stories-cta-btn:hover{background:linear-gradient(180deg, #ffe6a0 0%, var(--gold-bright) 50%, var(--gold) 100%);transform:translateY(-2px);box-shadow:0 0 30px #f5d47880,0 0 60px #c9a84c40,0 8px 32px #0006}.stories-loading{color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:80px 24px;font-size:.9rem;font-style:italic;display:flex}.stories-spinner{border:3px solid var(--border-dim);border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite stories-spin}.stories-spinner-small{border:2px solid var(--border-dim);border-top-color:var(--gold);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite stories-spin;display:inline-block}@keyframes stories-spin{to{transform:rotate(360deg)}}.stories-empty{text-align:center;padding:80px 24px}.stories-empty-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.stories-empty h3{color:var(--gold);margin-bottom:12px;font-family:Cinzel,serif;font-size:1.4rem}.stories-empty p{color:var(--muted);max-width:400px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.7}.stories-error{color:var(--crimson-bright);text-align:center;background:#c628281a;border:1px solid #c628284d;border-radius:4px;margin-bottom:24px;padding:16px 20px;font-size:.85rem}.stories-footer{border-top:1px solid var(--border-dim);background:var(--void);justify-content:space-between;align-items:center;padding:40px 48px;display:flex}.stories-footer-brand{color:var(--gold-dim);letter-spacing:2px;font-family:Cinzel,serif;font-size:.85rem}.stories-footer-links{gap:24px;display:flex}.stories-footer-links a{color:var(--muted);letter-spacing:1px;font-size:.75rem;text-decoration:none;transition:color .3s}.stories-footer-links a:hover{color:var(--gold)}.stories-footer-copy{color:var(--ash);font-size:.7rem;font-style:italic}.share-page{background:var(--obsidian);color:var(--parchment);min-height:100vh;position:relative;overflow-x:hidden}.share-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 20%,#c9a84c0a 0%,#0000 70%),radial-gradient(60% 50% at 50% 80%,#c9a84c08 0%,#0000 70%);position:fixed;inset:0}.share-content{z-index:1;max-width:800px;margin:0 auto;padding:100px 24px 60px;position:relative}.share-loading{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:1rem;font-style:italic;display:flex}.share-error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.share-error-icon{opacity:.6;margin-bottom:16px;font-size:3rem}.share-error-container h2{color:var(--gold);margin-bottom:12px;font-family:Cinzel,serif;font-size:1.8rem}.share-error-container p{color:var(--muted);max-width:400px;margin-bottom:32px;font-size:.9rem;line-height:1.7}.share-header{text-align:center;margin-bottom:40px}.share-rune-line{color:var(--gold-dim);letter-spacing:16px;opacity:.5;margin-bottom:16px;font-size:1.4rem}.share-campaign-name{color:var(--gold-bright);letter-spacing:3px;text-shadow:0 0 40px #f5d47833,0 2px 4px #000c;margin-bottom:12px;font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.share-world-name{color:var(--silver);justify-content:center;align-items:center;gap:6px;margin-bottom:20px;font-size:.9rem;display:flex}.share-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:100px;height:1px;margin:0 auto}.share-character-card{border:1px solid var(--border-gold);background:linear-gradient(#1a1209cc 0%,#14100899 100%);align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex;position:relative}.share-character-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:2px;position:absolute;top:0;left:0;right:0}.share-character-portrait{border:2px solid var(--gold-dim);background:#c9a84c14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 0 20px #c9a84c26}.share-portrait-icon{font-size:1.8rem}.share-character-info{flex:1}.share-character-name{color:var(--gold-bright);letter-spacing:1px;margin-bottom:8px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.share-character-details{flex-wrap:wrap;gap:8px;display:flex}.share-detail-tag{color:var(--silver);border:1px solid var(--border-dim);letter-spacing:.05em;text-transform:uppercase;background:#c9a84c0f;border-radius:12px;padding:4px 12px;font-size:.72rem}.share-level-tag{color:var(--gold);border-color:var(--gold-dim);background:#c9a84c1a;font-weight:600}.share-stats-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:40px;display:grid}.share-stat{text-align:center;border:1px solid var(--border-dim);background:#1a120999;padding:20px 12px;transition:all .3s}.share-stat:hover{border-color:var(--border-gold);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.share-stat-icon{margin-bottom:8px;font-size:1.4rem}.share-stat-value{color:var(--gold-bright);margin-bottom:4px;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.share-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.share-recap-section{margin-bottom:48px}.share-recap-heading{color:var(--gold);letter-spacing:1px;align-items:center;gap:10px;margin-bottom:20px;font-family:Cinzel,serif;font-size:1.15rem;display:flex}.share-recap-heading:after{content:"";background:linear-gradient(90deg, var(--gold-dim), transparent);flex:1;height:1px;margin-left:8px}.share-recap-text{color:var(--parchment);white-space:pre-wrap;border-left:3px solid var(--gold-dim);background:#1a120980;border-radius:0 4px 4px 0;padding:24px;font-size:.95rem;line-height:1.9;box-shadow:inset 0 0 30px #0003}.share-cta-section{text-align:center;padding:48px 0}.share-cta-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:80px;height:1px;margin:0 auto 32px}.share-cta-title{color:var(--gold-bright);letter-spacing:2px;text-shadow:0 0 30px #f5d47826;margin-bottom:12px;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.share-cta-subtitle{color:var(--silver);max-width:450px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.7}.recap-card{border:1px solid var(--border-gold);border-left:3px solid var(--gold-dim);background:#1a1209b3;border-radius:0 4px 4px 0;padding:20px;box-shadow:inset 0 0 20px #0003}.recap-spinner{border:2px solid var(--border-dim);border-top-color:var(--gold);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite stories-spin;display:inline-block}@media (width<=900px){.stories-nav{padding:12px 24px}.stories-nav-links{gap:16px}.stories-grid{grid-template-columns:1fr}.stories-footer{text-align:center;flex-direction:column;gap:16px;padding:32px 24px}.share-character-card{text-align:center;flex-direction:column}.share-character-details{justify-content:center}.share-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stories-nav-links a:not(:last-child){display:none}.stories-hero{padding:100px 16px 32px}.stories-hero-title{letter-spacing:2px;font-size:1.8rem}.stories-container{padding:24px 16px 60px}.stories-tab{padding:10px 16px;font-size:.75rem}.share-content{padding:80px 16px 40px}.share-campaign-name{letter-spacing:1px;font-size:1.6rem}.share-recap-text{padding:16px;font-size:.88rem}.share-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.share-stat{padding:14px 8px}.share-stat-value{font-size:1.3rem}.stories-cta-btn{letter-spacing:2px;padding:12px 28px;font-size:.85rem}}.hub-layout{background:var(--obsidian);min-height:100vh;color:var(--parchment);grid-template-columns:240px 1fr;display:grid}.hub-main{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.hub-content{scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--void);flex:1;padding:28px 36px;overflow-y:auto}.hub-content::-webkit-scrollbar{width:6px}.hub-content::-webkit-scrollbar-track{background:var(--void)}.hub-content::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.hub-nav{background:linear-gradient(180deg, var(--deep-stone) 0%, var(--void) 100%);border-right:1px solid var(--border-gold);height:100vh;z-index:var(--z-sidebar);flex-direction:column;padding:0;display:flex;position:sticky;top:0}.hub-nav-logo{border-bottom:1px solid var(--border-dim);align-items:center;gap:12px;padding:20px 24px;display:flex}.hub-nav-logo-icon{width:40px;height:40px;color:var(--gold-bright);border:1px solid var(--border-gold);text-shadow:0 0 12px #c9a84c66;background:linear-gradient(135deg,#c9a84c26 0%,#c9a84c0d 100%);justify-content:center;align-items:center;font-family:Cinzel Decorative,Cinzel,serif;font-size:1.4rem;font-weight:700;display:flex}.hub-nav-logo-text{color:var(--gold);letter-spacing:1px;text-shadow:0 0 8px #c9a84c33;font-family:Cinzel,serif;font-size:1.05rem;font-weight:700}.hub-nav-divider{background:linear-gradient(90deg, transparent, var(--border-gold), transparent);height:1px;margin:0 16px}.hub-nav-items{margin:0;padding:12px 0;list-style:none}.hub-nav-item{width:100%;color:var(--silver);cursor:pointer;text-align:left;letter-spacing:.5px;background:0 0;border:none;align-items:center;gap:14px;padding:14px 24px;font-family:Cinzel,serif;font-size:.88rem;font-weight:600;transition:all .25s;display:flex;position:relative}.hub-nav-item:hover{color:var(--gold-bright);background:#c9a84c0f}.hub-nav-item.active{color:var(--gold-bright);background:#c9a84c1a}.hub-nav-item.active:before{content:"";background:linear-gradient(180deg, var(--gold-bright), var(--gold));width:3px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 0 8px #c9a84c80}.hub-nav-item-icon{text-align:center;width:24px;font-size:1.1rem}.hub-nav-item-label{white-space:nowrap}.hub-nav-spacer{flex:1}.hub-nav-bottom{border-top:1px solid var(--border-dim);padding:12px 0}.hub-nav-logout{color:var(--muted)!important}.hub-nav-logout:hover{color:var(--crimson-bright)!important;background:#c638280f!important}.hub-topbar{border-bottom:1px solid var(--border-gold);background:linear-gradient(#1a1209cc 0%,#0c0a0699 100%);flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:16px 36px;display:flex}.hub-topbar-title{color:var(--gold);letter-spacing:1px;text-shadow:0 0 12px #c9a84c33;margin:0;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}.hub-topbar-right{align-items:center;gap:20px;display:flex}.hub-notification-wrapper{position:relative}.hub-notification-bell{border:1px solid var(--border-dim);color:var(--silver);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:all .2s;display:flex;position:relative}.hub-notification-bell:hover{color:var(--gold);border-color:var(--border-gold);box-shadow:0 0 8px #c9a84c26}.hub-notification-badge{background:var(--crimson-bright);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-family:Fira Code,monospace;font-size:.62rem;font-weight:700;animation:2s ease-in-out infinite hub-badge-pulse;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 8px #c6382880}@keyframes hub-badge-pulse{0%,to{box-shadow:0 0 8px #c6382880}50%{box-shadow:0 0 16px #c63828cc}}.notification-dropdown{background:var(--deep-stone);border:2px solid var(--border-gold);width:360px;max-height:420px;z-index:var(--z-modal);animation:.2s ease-out dropdown-appear;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #000000b3,0 0 20px #c9a84c14}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{border-bottom:1px solid var(--border-dim);padding:14px 18px}.notification-dropdown-header h3{color:var(--gold);letter-spacing:.5px;margin:0;font-family:Cinzel,serif;font-size:.9rem;font-weight:700}.notification-dropdown-close{border:1px solid var(--border-dim);color:var(--muted);cursor:pointer;background:0 0;padding:4px 10px;font-size:.9rem;line-height:1;transition:all .2s}.notification-dropdown-close:hover{color:var(--parchment);border-color:var(--border-gold)}.notification-dropdown-list{scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--void);max-height:360px;overflow-y:auto}.notification-dropdown-list::-webkit-scrollbar{width:4px}.notification-dropdown-list::-webkit-scrollbar-track{background:var(--void)}.notification-dropdown-list::-webkit-scrollbar-thumb{background:var(--gold-dim)}.notification-empty{text-align:center;color:var(--muted);padding:32px 18px;font-family:Crimson Text,serif;font-size:.9rem;font-style:italic}.notification-item{border-bottom:1px solid var(--border-dim);gap:12px;padding:14px 18px;transition:background .2s;display:flex}.notification-item:hover{background:#c9a84c0a}.notification-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.notification-item-body{flex:1;min-width:0}.notification-item-text{color:var(--parchment);font-family:Crimson Text,serif;font-size:.88rem;line-height:1.4}.notification-item-text strong{color:var(--gold)}.notification-item-time{color:var(--muted);margin-top:4px;font-family:Fira Code,monospace;font-size:.65rem}.notification-item-actions{gap:8px;margin-top:8px;display:flex}.notif-btn{cursor:pointer;letter-spacing:.5px;border:1px solid;min-height:30px;padding:5px 14px;font-family:Cinzel,serif;font-size:.72rem;font-weight:600;transition:all .2s}.notif-accept{border-color:var(--emerald);color:var(--emerald-bright);background:#2e7d321f}.notif-accept:hover{background:#2e7d3240;box-shadow:0 0 8px #2e7d324d}.notif-decline{border-color:var(--crimson);color:var(--crimson-bright);background:#c6382814}.notif-decline:hover{background:#c6382833;box-shadow:0 0 8px #c638284d}.hub-profile{align-items:center;gap:10px;display:flex}.hub-profile-name{color:var(--parchment);font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.hub-friend-code{border:1px solid var(--border-dim);color:var(--muted);cursor:pointer;background:0 0;padding:4px 10px;font-family:Fira Code,monospace;font-size:.72rem;transition:all .2s;position:relative}.hub-friend-code:hover{border-color:var(--border-gold);color:var(--gold)}.hub-friend-code-copied{color:var(--emerald-bright);margin-left:6px;font-family:Crimson Text,serif;font-size:.7rem}.campaigns-view{max-width:960px}.campaigns-view-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.campaigns-view-title{color:var(--parchment);margin:0;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.campaigns-new-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;letter-spacing:.5px;background:linear-gradient(#c9a84c26 0%,#c9a84c0d 100%);padding:10px 22px;font-family:Cinzel,serif;font-size:.82rem;font-weight:600;transition:all .25s}.campaigns-new-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#c9a84c40 0%,#c9a84c1a 100%);box-shadow:0 0 12px #c9a84c33}.campaigns-new-btn:disabled{opacity:.4;cursor:not-allowed}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.campaigns-section-title{color:var(--silver);border-bottom:1px solid var(--border-dim);margin:8px 0 16px;padding-bottom:8px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.campaigns-loading{text-align:center;color:var(--muted);padding:48px 0;font-family:Crimson Text,serif;font-size:1rem;font-style:italic}.campaigns-empty{text-align:center;padding:60px 20px}.campaigns-empty-icon{margin-bottom:16px;font-size:2.5rem}.campaigns-empty h3{color:var(--gold);margin:0 0 8px;font-family:Cinzel,serif;font-size:1.1rem}.campaigns-empty p{color:var(--muted);margin:0;font-family:Crimson Text,serif;font-size:.95rem}.campaigns-archived-section{border-top:1px solid var(--border-dim);margin-top:20px;padding-top:16px}.campaigns-archived-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-family:Cinzel,serif;font-size:.82rem;transition:color .2s;display:flex}.campaigns-archived-toggle:hover{color:var(--silver)}.campaigns-archived-grid{margin-top:12px}.campaigns-archived-grid .campaign-card{opacity:.6}.campaign-card{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#14100866 radial-gradient(circle at 30% 20%,#c9a84c0f,#0000 50%) no-repeat;border:1px solid #c9a84c26;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.campaign-card:before{content:"";pointer-events:none;background:linear-gradient(#c9a84c08 0%,#0000 40%);position:absolute;inset:0}.campaign-card:hover{background:#14100880;border-color:#c9a84c59;transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 0 40px #c9a84c14}.campaign-card:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.campaign-card.selected{border-color:var(--gold-bright);box-shadow:0 0 24px #c9a84c40}.campaign-card.in-session{border-color:var(--emerald);box-shadow:0 0 12px #2e7d3226}.campaign-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.campaign-card-name{color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:1rem;font-weight:700;line-height:1.3}.campaign-card-status{white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border:1px solid;flex-shrink:0;padding:2px 8px;font-family:Fira Code,monospace;font-size:.65rem;font-weight:600}.campaign-card-status.active{color:var(--emerald-bright);border-color:var(--emerald);background:#2e7d321a}.campaign-card-status.in_session{color:var(--gold-bright);border-color:var(--gold);background:#c9a84c1a;animation:2s ease-in-out infinite hub-badge-pulse}.campaign-card-status.archived{color:var(--muted);border-color:var(--border-dim);background:#9a8d7a14}.campaign-card-details{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.campaign-card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.campaign-card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-family:Crimson Text,serif;font-size:.78rem}.campaign-card-value{color:var(--silver);text-align:right;font-family:Crimson Text,serif;font-size:.85rem}.campaign-card-multiplayer{border-top:1px solid var(--border-dim);color:var(--frost);align-items:center;gap:6px;margin-top:8px;padding-top:8px;font-family:Crimson Text,serif;font-size:.78rem;display:flex}.campaign-card-coop-icon{font-size:.85rem}.campaign-detail{max-width:720px}.campaign-detail-back{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-family:Crimson Text,serif;font-size:.88rem;transition:color .2s}.campaign-detail-back:hover{color:var(--gold)}.campaign-detail-header{border-bottom:1px solid var(--border-gold);margin-bottom:28px;padding-bottom:16px}.campaign-detail-title{color:var(--gold-bright);text-shadow:0 0 16px #c9a84c33;margin:0 0 6px;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.campaign-detail-world{color:var(--silver);font-family:Crimson Text,serif;font-size:1rem;font-style:italic}.campaign-detail-section{background:var(--deep-stone);border:1px solid var(--border-dim);margin-bottom:16px;padding:18px 20px}.campaign-detail-section-title{color:var(--gold);letter-spacing:.5px;margin:0 0 10px;font-family:Cinzel,serif;font-size:.88rem;font-weight:700}.campaign-detail-text{color:var(--silver);margin:0;font-family:Crimson Text,serif;font-size:.92rem;line-height:1.7}.campaign-detail-recap{color:var(--parchment);border-left:2px solid var(--gold-dim);padding-left:14px;font-style:italic}.campaign-detail-character{align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.campaign-detail-char-name{color:var(--parchment);font-family:Cinzel,serif;font-size:1rem;font-weight:600}.campaign-detail-char-level{color:var(--gold);border:1px solid var(--border-dim);background:#c9a84c1a;padding:2px 8px;font-family:Fira Code,monospace;font-size:.75rem}.campaign-detail-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.campaign-detail-stat{background:var(--stone);border:1px solid var(--border-dim);justify-content:space-between;padding:6px 10px;display:flex}.campaign-detail-stat-name{color:var(--muted);text-transform:uppercase;font-family:Crimson Text,serif;font-size:.78rem}.campaign-detail-stat-value{color:var(--parchment);font-family:Fira Code,monospace;font-size:.82rem;font-weight:600}.campaign-detail-meta{border-top:1px solid var(--border-dim);border-bottom:1px solid var(--border-dim);gap:24px;margin:20px 0;padding:16px 0;display:flex}.campaign-detail-meta-item{flex-direction:column;gap:4px;display:flex}.campaign-detail-meta-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-family:Crimson Text,serif;font-size:.72rem}.campaign-detail-meta-value{color:var(--parchment);font-family:Fira Code,monospace;font-size:.95rem;font-weight:600}.campaign-detail-actions{gap:12px;margin-bottom:24px;display:flex}.campaign-detail-launch{letter-spacing:2px;text-transform:uppercase;color:var(--obsidian);background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-dim) 100%);border:2px solid var(--gold-bright);cursor:pointer;padding:14px 32px;font-family:Cinzel,serif;font-size:.92rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #c9a84c4d,0 0 40px #c9a84c1a,inset 0 1px #fff3}.campaign-detail-launch:hover:not(:disabled){background:linear-gradient(180deg, #ffe6a0 0%, var(--gold-bright) 50%, var(--gold) 100%);transform:translateY(-1px);box-shadow:0 0 30px #f5d47880,0 0 60px #c9a84c33,0 4px 16px #0006,inset 0 1px #ffffff4d}.campaign-detail-launch:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.campaign-detail-launch:hover:before{left:100%}.campaign-detail-launch:disabled{opacity:.55;cursor:not-allowed}.campaign-detail-archive{border:1px solid var(--crimson);color:var(--crimson-bright);cursor:pointer;letter-spacing:.5px;background:#8b2a1a14;padding:14px 20px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;transition:all .2s}.campaign-detail-archive:hover{background:#8b2a1a2e;box-shadow:0 0 10px #8b2a1a33}.campaign-detail-invite{background:var(--deep-stone);border:1px solid var(--border-dim);padding:18px 20px}.campaign-detail-invite-row{gap:8px;display:flex}.campaign-detail-invite-input{background:var(--void);border:1px solid var(--border-dim);color:var(--parchment);text-transform:uppercase;letter-spacing:1px;outline:none;flex:1;padding:8px 12px;font-family:Fira Code,monospace;font-size:.85rem;transition:border-color .2s}.campaign-detail-invite-input:focus{border-color:var(--gold-dim);box-shadow:0 0 8px #c9a84c1a}.campaign-detail-invite-input::placeholder{color:var(--ash);text-transform:none;letter-spacing:normal}.campaign-detail-invite-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:#c9a84c1a;padding:8px 18px;font-family:Cinzel,serif;font-size:.78rem;font-weight:600;transition:all .2s}.campaign-detail-invite-btn:hover:not(:disabled){border-color:var(--gold);background:#c9a84c33}.campaign-detail-invite-btn:disabled{opacity:.4;cursor:not-allowed}.campaign-detail-invite-msg{color:var(--gold);margin-top:8px;font-family:Crimson Text,serif;font-size:.82rem}.archive-modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.archive-modal{background:var(--deep-stone);border:2px solid var(--border-gold);scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--void);width:500px;max-width:95vw;max-height:90vh;padding:28px 32px;animation:.3s ease-out auth-modal-appear;overflow-y:auto;box-shadow:0 8px 40px #000000b3,0 0 30px #c9a84c14}.archive-generate-btn{width:100%;color:var(--gold);border:1px solid var(--gold-dim);cursor:pointer;letter-spacing:.5px;background:linear-gradient(#c9a84c1f 0%,#c9a84c0a 100%);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:12px 20px;font-family:Cinzel,serif;font-size:.82rem;font-weight:600;transition:all .25s;display:flex}.archive-generate-btn:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(#c9a84c38 0%,#c9a84c14 100%);box-shadow:0 0 16px #c9a84c26}.archive-generate-btn:disabled{opacity:.7;cursor:wait}.archive-generate-spinner{border:2px solid var(--gold-dim);border-top-color:var(--gold-bright);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite archive-spin;display:inline-block}@keyframes archive-spin{to{transform:rotate(360deg)}}.archive-modal-title{color:var(--crimson-bright);text-shadow:0 0 12px #c6382833;margin:0 0 16px;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700}.archive-modal-warning{color:var(--silver);border:1px solid var(--crimson);background:#8b2a1a14;margin-bottom:20px;padding:14px 16px;font-family:Crimson Text,serif;font-size:.92rem;line-height:1.6}.archive-modal-warning strong{color:var(--gold)}.archive-modal-field{margin-bottom:16px}.archive-modal-label{color:var(--silver);letter-spacing:.5px;margin-bottom:6px;font-family:Cinzel,serif;font-size:.78rem;font-weight:600;display:block}.archive-modal-input{background:var(--void);border:1px solid var(--border-dim);width:100%;color:var(--parchment);box-sizing:border-box;outline:none;padding:10px 12px;font-family:Fira Code,monospace;font-size:.85rem;transition:border-color .2s}.archive-modal-input:focus{border-color:var(--gold-dim);box-shadow:0 0 8px #c9a84c1a}.archive-modal-input::placeholder{color:var(--ash);font-family:Crimson Text,serif}.archive-modal-textarea{background:var(--void);border:1px solid var(--border-dim);width:100%;color:var(--parchment);resize:vertical;box-sizing:border-box;outline:none;padding:10px 12px;font-family:Crimson Text,serif;font-size:.88rem;line-height:1.5;transition:border-color .2s}.archive-modal-textarea:focus{border-color:var(--gold-dim)}.archive-modal-textarea::placeholder{color:var(--ash);font-style:italic}.archive-modal-error{color:var(--crimson-bright);background:#c638281f;border:1px solid #c6382859;margin-bottom:12px;padding:8px 12px;font-family:Crimson Text,serif;font-size:.85rem}.archive-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.archive-modal-cancel{border:1px solid var(--border-dim);color:var(--muted);cursor:pointer;background:0 0;padding:10px 20px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;transition:all .2s}.archive-modal-cancel:hover{border-color:var(--silver);color:var(--silver)}.archive-modal-confirm{border:1px solid var(--crimson);color:var(--crimson-bright);cursor:pointer;letter-spacing:.5px;background:#8b2a1a26;padding:10px 20px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;transition:all .2s}.archive-modal-confirm:hover:not(:disabled){background:#8b2a1a4d;box-shadow:0 0 12px #8b2a1a4d}.archive-modal-confirm:disabled{opacity:.4;cursor:not-allowed}.friends-view{max-width:720px}.friends-your-code{background:var(--deep-stone);border:2px solid var(--border-gold);text-align:center;margin-bottom:28px;padding:24px 28px}.friends-your-code-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:Cinzel,serif;font-size:.78rem}.friends-your-code-display{justify-content:center;align-items:center;gap:14px;margin-bottom:8px;display:flex}.friends-your-code-value{color:var(--gold-bright);letter-spacing:3px;text-shadow:0 0 16px #c9a84c4d;font-family:Fira Code,monospace;font-size:1.6rem;font-weight:700}.friends-copy-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:#c9a84c1a;padding:6px 14px;font-family:Cinzel,serif;font-size:.72rem;font-weight:600;transition:all .2s}.friends-copy-btn:hover{border-color:var(--gold);background:#c9a84c33}.friends-your-code-hint{color:var(--muted);font-family:Crimson Text,serif;font-size:.82rem;font-style:italic}.friends-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.friends-title{color:var(--parchment);margin:0;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.friends-add-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;letter-spacing:.5px;background:linear-gradient(#c9a84c26 0%,#c9a84c0d 100%);padding:10px 22px;font-family:Cinzel,serif;font-size:.82rem;font-weight:600;transition:all .25s}.friends-add-btn:hover{border-color:var(--gold);background:linear-gradient(#c9a84c40 0%,#c9a84c1a 100%);box-shadow:0 0 12px #c9a84c33}.friends-pending{margin-bottom:24px}.friends-section-title{color:var(--silver);border-bottom:1px solid var(--border-dim);margin:0 0 12px;padding-bottom:8px;font-family:Cinzel,serif;font-size:.88rem;font-weight:700}.friends-list{flex-direction:column;gap:2px;display:flex}.friend-row{background:var(--deep-stone);border:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.friend-row:hover{border-color:var(--border-gold);background:linear-gradient(180deg, #2a2015cc 0%, var(--deep-stone) 100%)}.friend-row-pending{border-left:3px solid var(--gold-dim)}.friend-row-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.friend-row-name{color:var(--parchment);font-family:Cinzel,serif;font-size:.88rem;font-weight:600}.friend-row-code{color:var(--muted);font-family:Fira Code,monospace;font-size:.72rem}.friend-row-actions{gap:8px;display:flex}.friend-invite-btn{border:1px solid var(--border-dim);color:var(--gold);cursor:pointer;background:#c9a84c14;padding:6px 14px;font-family:Cinzel,serif;font-size:.72rem;font-weight:600;transition:all .2s}.friend-invite-btn:hover{border-color:var(--gold-dim);background:#c9a84c26}.friend-presence{align-items:center;gap:6px;display:inline-flex}.presence-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.presence-text{font-family:Crimson Text,serif;font-size:.78rem}.presence-online .presence-dot{background:var(--emerald-bright);box-shadow:0 0 6px #4caf5080}.presence-online .presence-text{color:var(--emerald-bright)}.presence-in-game .presence-dot{background:var(--frost);box-shadow:0 0 6px #4fc3f780}.presence-in-game .presence-text{color:var(--frost)}.presence-idle .presence-dot{background:var(--amber);box-shadow:0 0 6px #ff8f0066}.presence-idle .presence-text{color:var(--amber)}.presence-offline .presence-dot{background:var(--ash)}.presence-offline .presence-text{color:var(--muted)}.settings-view{max-width:720px}.settings-section-title{color:var(--gold);margin:0 0 16px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.settings-field{margin-bottom:16px}.settings-label{color:var(--muted);margin-bottom:4px;font-family:Crimson Text,serif;font-size:.82rem;display:block}.settings-field-error{color:var(--crimson-bright);margin-top:4px;font-family:Fira Code,monospace;font-size:.7rem}.settings-hint{color:var(--muted);margin-top:6px;font-family:Crimson Text,serif;font-size:.72rem;line-height:1.4}.settings-checkbox{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-family:Crimson Text,serif;font-size:.78rem;display:flex}.settings-test-result{color:var(--silver);margin-top:8px;font-family:Fira Code,monospace;font-size:.75rem}.settings-security-note{border:1px solid var(--border-dim);color:var(--silver);background:#c9a84c0d;margin-top:14px;padding:10px 14px;font-family:Crimson Text,serif;font-size:.78rem;line-height:1.5}.settings-dm-style{margin-bottom:8px}.settings-dm-style-labels{justify-content:space-between;margin-bottom:8px;display:flex}.settings-dm-desc{border:1px solid var(--border-dim);color:var(--silver);background:#c9a84c0d;margin-top:8px;padding:10px 14px;font-family:Crimson Text,serif;font-size:.78rem;line-height:1.5}.add-friend-modal{width:400px}@media (width<=1024px){.hub-layout{grid-template-columns:60px 1fr}.hub-nav{width:60px;overflow:hidden}.hub-nav-logo{justify-content:center;padding:16px 10px}.hub-nav-logo-text{display:none}.hub-nav-item{justify-content:center;gap:0;padding:14px 0}.hub-nav-item-label{display:none}.hub-nav-item-icon{font-size:1.3rem}.hub-nav-item.active:before{width:3px}.hub-nav-bottom{align-items:center;padding:12px 0}.hub-nav-bottom .hub-nav-item{justify-content:center}.campaigns-grid{grid-template-columns:repeat(2,1fr)}.hub-content{padding:24px}.notification-dropdown{width:340px}.add-friend-modal{width:360px}}.hub-desktop-only{display:flex}.hub-mobile-only{display:none}.hub-topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.hub-topbar-back{display:none}.hub-topbar-avatar{border:1px solid var(--gold-dim);cursor:pointer;background:#c9a84c1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.hub-topbar-avatar:hover{border-color:var(--gold);box-shadow:0 0 8px #c9a84c4d}@media (width<=768px){.hub-desktop-only{display:none!important}.hub-mobile-only{display:flex!important}.hub-layout{grid-template-columns:1fr}.hub-nav{border-right:none;border-top:2px solid var(--border-gold);z-index:100;background:var(--stone);flex-direction:row;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000080;width:100%!important;height:auto!important;top:auto!important}.hub-nav-logo,.hub-nav-divider,.hub-nav-spacer,.hub-nav-bottom{display:none}.hub-nav-items{justify-content:space-around;width:100%;padding:0;display:flex}.hub-nav-items li{flex:1}.hub-nav-item{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 8px}.hub-nav-item.active:before{width:auto;height:2px;inset:0 12px auto}.hub-nav-item-icon{font-size:1.2rem}.hub-nav-item-label{font-size:.65rem}.hub-main{padding-bottom:72px}.hub-content{padding:20px 16px}.hub-topbar{gap:8px;padding:12px 16px}.hub-topbar-back{color:var(--gold);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;text-decoration:none;transition:opacity .2s;display:flex}.hub-topbar-back:hover{opacity:1}.hub-topbar-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.hub-topbar-right{flex-shrink:0;gap:8px}.campaigns-grid{grid-template-columns:1fr}.campaign-detail-actions{flex-direction:column}.campaign-detail-stats{grid-template-columns:repeat(2,1fr)}.campaign-detail-meta{flex-wrap:wrap;gap:16px}.campaign-detail-header{flex-direction:column;align-items:flex-start}.notification-dropdown{z-index:9999;background:var(--obsidian);border:none;border-radius:0;width:100vw;max-height:100vh;position:fixed;inset:0}.notification-dropdown-header{justify-content:space-between;align-items:center;display:flex}.notification-dropdown-list{max-height:calc(100vh - 60px)}.hub-topbar-btn span{display:none}.archive-modal{width:calc(100vw - 32px);max-width:100%;padding:20px 16px}.add-friend-modal{width:calc(100vw - 32px);max-width:100%}.friends-your-code-value{font-size:1.3rem}.profile-drawer{border-left:none;border-right:none;right:0;width:100%!important;max-width:100%!important;left:0!important;transform:translate(100%)!important}.profile-drawer.open{transform:translate(0)!important}.profile-drawer-backdrop.open{z-index:998}}.lobby-page{background:var(--obsidian);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.lobby-container{width:100%;max-width:720px}.lobby-header{text-align:center;margin-bottom:32px}.lobby-back-btn{color:var(--gold);margin-bottom:16px;font-family:Crimson Text,serif;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-block}.lobby-title{color:var(--gold);text-shadow:0 0 20px #c9a84c4d;margin:0 0 8px;font-family:Cinzel,serif;font-size:1.8rem}.lobby-subtitle{color:var(--muted);margin:0;font-family:Crimson Text,serif;font-size:1rem}.lobby-recap{background:var(--stone);border:1px solid var(--border-dim);border-radius:8px;margin-bottom:24px;padding:20px 24px}.lobby-recap-title{color:var(--gold);margin:0 0 10px;font-family:Cinzel,serif;font-size:.9rem}.lobby-section-title{color:var(--gold);text-align:center;margin:0 0 16px;font-family:Cinzel,serif;font-size:1rem}.lobby-player-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.lobby-player-card{background:var(--stone);border:1px solid var(--border-dim);text-align:center;border-radius:8px;padding:20px;transition:border-color .3s,box-shadow .3s}.lobby-player-card.ready{border-color:var(--emerald);box-shadow:0 0 12px #2e7d3233}.lobby-player-card.empty{opacity:.5;border-style:dashed}.lobby-player-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);background:#c9a84c1a;border-radius:4px;margin-bottom:10px;padding:2px 10px;font-family:Fira Code,monospace;font-size:.65rem;display:inline-block}.lobby-player-name{color:var(--parchment);margin-bottom:12px;font-family:Cinzel,serif;font-size:1.1rem}.lobby-character-info{margin-bottom:12px}.lobby-char-name{color:var(--gold-bright);margin-bottom:4px;font-family:Cinzel,serif;font-size:.95rem}.lobby-char-details{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lobby-char-details span{color:var(--muted);background:#c9a84c0f;border-radius:4px;padding:2px 8px;font-family:Fira Code,monospace;font-size:.7rem}.lobby-no-character{color:var(--muted);margin-bottom:12px;font-family:Crimson Text,serif;font-size:.85rem;font-style:italic}.lobby-ready-badge{color:var(--emerald-bright);background:#2e7d321f;border-radius:4px;padding:3px 12px;font-family:Fira Code,monospace;font-size:.72rem}.lobby-not-ready-badge{color:var(--muted);background:#9a8d7a14;border-radius:4px;padding:3px 12px;font-family:Fira Code,monospace;font-size:.72rem}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.lobby-ready-btn{color:var(--parchment);background:linear-gradient(135deg, var(--emerald), var(--arcane-dim));border:1px solid var(--emerald);cursor:pointer;border-radius:6px;padding:12px 32px;font-family:Cinzel,serif;font-size:.9rem;transition:all .2s}.lobby-ready-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--emerald-bright), var(--arcane));box-shadow:0 0 15px #1db9544d}.lobby-ready-btn.confirmed{background:var(--stone);border-color:var(--emerald);color:var(--emerald-bright);cursor:default}.lobby-ready-btn:disabled{opacity:.6;cursor:not-allowed}.lobby-launch-btn{color:var(--obsidian);background:linear-gradient(135deg, var(--gold), var(--gold-bright));border:1px solid var(--gold);cursor:pointer;border-radius:6px;padding:12px 32px;font-family:Cinzel,serif;font-size:.9rem;transition:all .2s}.lobby-launch-btn:hover:not(:disabled){box-shadow:0 0 20px #c9a84c66}.lobby-launch-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-loading,.lobby-error{text-align:center;padding:48px 24px}.lobby-loading-icon{margin-bottom:16px;font-size:2.5rem;animation:2s ease-in-out infinite pulse}.lobby-loading p,.lobby-error p{color:var(--silver);font-family:Crimson Text,serif;font-size:1rem}.lobby-error h2{color:var(--crimson-bright);margin-bottom:12px;font-family:Cinzel,serif}.lobby-back-link{color:var(--gold);border:1px solid var(--border-dim);border-radius:6px;margin-top:16px;padding:8px 20px;font-family:Cinzel,serif;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-block}.lobby-back-link:hover{border-color:var(--gold);color:var(--gold-bright)}.lobby-character-builder{margin-bottom:24px}.character-builder{background:var(--stone);border:1px solid var(--border-dim);border-radius:8px;padding:24px}.character-builder-title{color:var(--gold);text-align:center;margin:0 0 16px;font-family:Cinzel,serif;font-size:1.1rem}.character-builder-briefing{border:1px solid var(--border-dim);background:#c9a84c0f;border-radius:6px;margin-bottom:20px;padding:16px}.character-builder-briefing-title{color:var(--gold);margin:0 0 8px;font-family:Cinzel,serif;font-size:.85rem}.character-builder-briefing-details{gap:8px;margin-bottom:8px;display:flex}.character-builder-tag{color:var(--gold);background:#c9a84c1a;border-radius:4px;padding:2px 8px;font-family:Fira Code,monospace;font-size:.68rem}.character-builder-briefing-text{color:var(--silver);margin:0;font-family:Crimson Text,serif;font-size:.9rem;font-style:italic;line-height:1.6}.character-builder-error{color:var(--crimson-bright);text-align:center;margin-top:8px;font-family:Crimson Text,serif;font-size:.85rem}.multiplayer-sender{font-weight:700}@media (width<=600px){.lobby-player-grid{grid-template-columns:1fr}}.hub-nav-profile-btn{width:100%;color:var(--parchment);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;margin-bottom:4px;padding:12px 24px;transition:all .25s;display:flex}.hub-nav-profile-btn:hover{background:#c9a84c14}.hub-nav-profile-avatar{border:2px solid var(--border-gold);background:#c9a84c14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.hub-nav-profile-name{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-family:Cinzel,serif;font-size:.82rem;font-weight:600;overflow:hidden}.profile-drawer-backdrop{z-index:998;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.profile-drawer-backdrop.open{opacity:1;visibility:visible}.profile-drawer{background:linear-gradient(180deg, var(--stone) 0%, var(--void) 100%);border-right:1px solid var(--border-gold);z-index:999;visibility:hidden;flex-direction:column;width:360px;height:100vh;transition:transform .3s,visibility .3s;display:flex;position:fixed;top:0;left:240px;transform:translate(-360px);box-shadow:8px 0 32px #0009}.profile-drawer.open{visibility:visible;transform:translate(0)}.profile-drawer-header{border-bottom:1px solid var(--border-gold);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.profile-drawer-title{color:var(--gold);letter-spacing:1px;margin:0;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.profile-drawer-close{border:1px solid var(--border-dim);color:var(--muted);cursor:pointer;background:0 0;padding:4px 8px;font-size:1rem;transition:all .2s}.profile-drawer-close:hover{color:var(--parchment);border-color:var(--border-gold)}.profile-drawer-body{flex:1;padding:24px;overflow-y:auto}.profile-avatar-section{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.profile-avatar-large{border:2px solid var(--border-gold);background:#c9a84c0f;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:10px;font-size:2.8rem;display:flex;box-shadow:0 0 20px #c9a84c26}.profile-avatar-change{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:Crimson Text,serif;font-size:.9rem;transition:color .2s}.profile-avatar-change:hover{color:var(--gold-bright)}.profile-avatar-grid{border:1px solid var(--border-dim);background:#0000004d;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:12px;padding:12px;display:grid}.profile-avatar-option{aspect-ratio:1;border:2px solid var(--border-dim);cursor:pointer;background:#c9a84c0a;border-radius:50%;justify-content:center;align-items:center;width:100%;font-size:1.5rem;transition:all .2s;display:flex}.profile-avatar-option:hover{border-color:var(--gold);background:#c9a84c1a}.profile-avatar-option.selected{border-color:var(--gold-bright);background:#c9a84c26;box-shadow:0 0 12px #c9a84c4d}.profile-field{margin-bottom:20px}.profile-field-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;display:block}.profile-field-input{background:var(--obsidian);border:1px solid var(--border-dim);width:100%;color:var(--parchment);box-sizing:border-box;outline:none;padding:10px 12px;font-family:Crimson Text,serif;font-size:1rem;transition:border-color .2s}.profile-field-input:focus{border-color:var(--gold)}.profile-field-input::placeholder{color:var(--muted)}.profile-field-readonly{color:var(--muted);padding:10px 0;font-family:Crimson Text,serif;font-size:1rem}.profile-field-hint{color:var(--muted);opacity:.6;margin-left:8px;font-size:.8rem}.profile-field-hint-text{color:var(--muted);margin-top:6px;font-family:Crimson Text,serif;font-size:.78rem;font-style:italic}.profile-friend-code{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-friend-code-value{color:var(--gold);letter-spacing:1px;font-family:Fira Code,monospace;font-size:1.1rem}.profile-friend-code-copy{color:var(--muted);font-family:Crimson Text,serif;font-size:.85rem;transition:color .2s}.profile-friend-code:hover .profile-friend-code-copy{color:var(--gold)}.profile-drawer-footer{border-top:1px solid var(--border-dim);padding:16px 24px}.profile-save-btn{background:var(--gold);width:100%;color:var(--obsidian);cursor:pointer;letter-spacing:.5px;border:none;padding:12px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .2s}.profile-save-btn:hover:not(:disabled){background:var(--gold-bright)}.profile-save-btn:disabled{opacity:.4;cursor:not-allowed}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.campaign-card{background:#141008d9}}@keyframes lobbyFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes readyPulse{0%,to{box-shadow:0 0 8px #2e7d324d}50%{box-shadow:0 0 20px #2e7d3299,0 0 40px #2e7d3233}}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollUnfurl{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:400px;padding-top:24px;padding-bottom:24px}}.lobby-page{background:radial-gradient(ellipse at center, var(--deep-stone) 0%, var(--obsidian) 70%);min-height:100vh;color:var(--parchment);justify-content:center;align-items:center;padding:32px 16px;display:flex}.lobby-container{flex-direction:column;gap:28px;width:100%;max-width:780px;animation:.5s ease-out lobbyFadeIn;display:flex}.lobby-loading{color:var(--muted);flex-direction:column;align-items:center;gap:16px;font-family:Crimson Text,serif;font-size:1.1rem;display:flex}.lobby-loading-icon{color:var(--gold);text-shadow:0 0 12px #c9a84c66;font-size:2.4rem;animation:2s linear infinite loadingSpin}.lobby-error{text-align:center;background:linear-gradient(135deg, var(--stone) 0%, var(--deep-stone) 100%);border:1px solid var(--crimson);border-radius:4px;padding:48px 24px}.lobby-error h2{color:var(--crimson-bright);margin:0 0 12px;font-family:Cinzel,serif;font-size:1.4rem}.lobby-error p{color:var(--muted);margin:0 0 20px;font-family:Crimson Text,serif}.lobby-back-link{color:var(--gold);border-bottom:1px solid var(--border-dim);font-family:Cinzel,serif;font-size:.85rem;text-decoration:none;transition:color .2s,border-color .2s}.lobby-back-link:hover{color:var(--gold-bright);border-color:var(--gold)}.lobby-header{text-align:center}.lobby-back-btn{color:var(--muted);letter-spacing:.5px;margin-bottom:12px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.lobby-back-btn:hover{color:var(--gold-bright)}.lobby-title{color:var(--gold);letter-spacing:1.5px;text-shadow:0 0 20px #c9a84c40;margin:0;font-family:Cinzel,serif;font-size:2rem;font-weight:700}.lobby-subtitle{color:var(--muted);margin:6px 0 0;font-family:Crimson Text,serif;font-size:1.05rem;font-style:italic}.lobby-recap{background:linear-gradient(135deg,#d4c5a014 0%,#e8dcc00a 100%);border:1px solid #d4c5a033;border-radius:4px;padding:24px 28px;animation:.6s ease-out scrollUnfurl;position:relative;overflow:hidden}.lobby-recap:before{content:"";background:linear-gradient(90deg, transparent, var(--parchment), transparent);opacity:.3;height:3px;position:absolute;top:0;left:0;right:0}.lobby-recap:after{content:"";background:linear-gradient(90deg, transparent, var(--parchment), transparent);opacity:.3;height:3px;position:absolute;bottom:0;left:0;right:0}.lobby-recap-title{color:var(--parchment);letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.lobby-recap-text{color:var(--parchment-light);margin:0;font-family:Crimson Text,serif;font-size:1.05rem;font-style:italic;line-height:1.7}.lobby-character-builder{animation:.4s ease-out lobbyFadeIn}.lobby-players{flex-direction:column;gap:16px;display:flex}.lobby-section-title{color:var(--gold-dim);letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin:0;font-family:Cinzel,serif;font-size:1rem;font-weight:700}.lobby-player-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.lobby-player-card{background:linear-gradient(135deg, var(--stone) 0%, var(--deep-stone) 100%);border:1px solid var(--border-gold);border-radius:4px;flex-direction:column;gap:10px;padding:20px;transition:all .3s;animation:.4s ease-out lobbyFadeIn;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9a84c14,0 4px 16px #0006}.lobby-player-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:1px;position:absolute;top:-1px;left:20%;right:20%}.lobby-player-card.ready{border-color:var(--emerald);animation:2.5s ease-in-out infinite readyPulse;box-shadow:inset 0 0 0 1px #2e7d3226,0 0 12px #2e7d3233,0 4px 16px #0006}.lobby-player-card.empty{border:1px dashed var(--border-dim);opacity:.5;box-shadow:none}.lobby-player-card.empty:before{display:none}.lobby-player-card.empty .lobby-player-name{color:var(--muted)}.lobby-player-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);border:1px solid var(--border-dim);background:#c9a84c1a;border-radius:2px;align-self:flex-start;padding:2px 10px;font-family:Cinzel,serif;font-size:.65rem;font-weight:700}.lobby-player-name{color:var(--parchment);letter-spacing:.5px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.lobby-character-info{flex-direction:column;gap:4px;display:flex}.lobby-char-name{color:var(--gold-bright);font-family:Cinzel,serif;font-size:.9rem;font-weight:600}.lobby-char-details{color:var(--silver);flex-wrap:wrap;gap:8px;font-family:Crimson Text,serif;font-size:.88rem;display:flex}.lobby-char-details span{border:1px solid var(--border-dim);background:#c9a84c0f;border-radius:2px;padding:1px 8px}.lobby-no-character{color:var(--muted);font-family:Crimson Text,serif;font-size:.9rem;font-style:italic}.lobby-ready-status{margin-top:4px}.lobby-ready-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--emerald-bright);text-shadow:0 0 8px #2e7d3266;font-family:Cinzel,serif;font-size:.7rem;font-weight:700}.lobby-not-ready-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);opacity:.6;font-family:Cinzel,serif;font-size:.7rem;font-weight:700}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:8px;display:flex}.lobby-ready-btn{letter-spacing:1px;color:var(--parchment-light);background:linear-gradient(135deg, var(--emerald) 0%, var(--emerald-bright) 100%);border:1px solid var(--emerald-bright);cursor:pointer;text-transform:uppercase;border-radius:4px;padding:14px 36px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;transition:all .25s;box-shadow:0 0 12px #2e7d324d,inset 0 1px #ffffff1a}.lobby-ready-btn:hover{background:linear-gradient(135deg, var(--emerald-bright) 0%, var(--emerald) 100%);transform:translateY(-1px);box-shadow:0 0 20px #2e7d3266,inset 0 1px #ffffff26}.lobby-ready-btn:active{transform:translateY(0)}.lobby-ready-btn.confirmed{border-color:var(--emerald);color:var(--emerald-bright);cursor:default;box-shadow:none;opacity:.7;background:linear-gradient(135deg,#2e7d3233 0%,#2e7d321a 100%)}.lobby-launch-btn{letter-spacing:1.5px;color:var(--obsidian);background:linear-gradient(135deg, var(--gold) 0%, var(--gold-bright) 50%, var(--gold) 100%);border:1px solid var(--gold-bright);cursor:pointer;text-transform:uppercase;text-shadow:0 1px 2px #c9a84c4d;border-radius:4px;padding:16px 48px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .25s;box-shadow:0 0 20px #c9a84c4d,0 4px 12px #0006,inset 0 1px #fff3}.lobby-launch-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-bright) 100%);transform:translateY(-2px);box-shadow:0 0 30px #c9a84c73,0 4px 16px #0006,inset 0 1px #ffffff40}.lobby-launch-btn:active:not(:disabled){transform:translateY(0)}.lobby-launch-btn:disabled{background:linear-gradient(135deg, var(--stone-light) 0%, var(--stone) 100%);border-color:var(--border-dim);color:var(--muted);cursor:not-allowed;box-shadow:none;text-shadow:none;opacity:.5}@media (width<=768px){.lobby-page{align-items:flex-start;padding:20px 12px}.lobby-container{gap:20px}.lobby-title{font-size:1.5rem}.lobby-subtitle{font-size:.95rem}.lobby-player-grid{grid-template-columns:1fr}.lobby-player-card{padding:16px}.lobby-recap{padding:18px 20px}.lobby-recap-text{font-size:.95rem}.lobby-actions{flex-direction:column;align-items:stretch}.lobby-ready-btn,.lobby-launch-btn{text-align:center;width:100%;padding:14px 24px}.lobby-launch-btn{font-size:.95rem}}.status-bar{border-bottom:1px solid var(--border-dim);cursor:pointer;background:#2a261ccc;align-items:center;padding:4px 12px;transition:background .2s;display:flex}.status-bar:hover{background:#2a261cf2}.status-bar-left{align-items:center;gap:8px;display:flex}.status-char-name{color:var(--gold);font-family:Cinzel,serif;font-size:.75rem}.status-level{color:var(--ash);font-size:.7rem}.status-label{color:var(--ash);font-size:.65rem}.status-hp-bar{background:var(--deep-stone);border-radius:3px;width:60px;height:5px;overflow:hidden}.status-hp-fill{background:linear-gradient(90deg, #4a8a4a, var(--emerald-bright));border-radius:3px;height:100%;transition:width .3s}.status-hp-text{color:var(--muted);font-family:Fira Code,monospace;font-size:.7rem}.status-ac{color:var(--gold);font-size:.7rem;font-weight:700}.channel-tabs{border-bottom:1px solid var(--border-dim);background:var(--obsidian);display:flex}.channel-tab{color:var(--tab-color,var(--ash));cursor:pointer;opacity:.6;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:6px 16px;font-family:Cinzel,serif;font-size:.75rem;transition:opacity .2s,border-color .2s;position:relative}.channel-tab:hover{opacity:.8}.channel-tab.active{opacity:1;border-bottom-color:var(--tab-color,var(--gold))}.channel-unread-dot{background:var(--tab-color,var(--gold));border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:8px}.combat-banner{background:linear-gradient(90deg,#8b2a1a4d,#8b2a1a26);border-bottom:1px solid #8b2a1a80;justify-content:space-between;align-items:center;padding:5px 12px;display:flex}.combat-banner-label{color:#e8c0c0;letter-spacing:.06em;font-family:Cinzel,serif;font-size:.75rem}.combat-banner-enemies{color:#e8c0c0;font-family:Crimson Text,serif;font-size:.7rem}.nav-rail{width:var(--nav-rail-width);background:#08080c;border-right:1px solid #c9a84c14;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px 0;display:flex}.nav-rail-logo{width:24px;height:24px;color:var(--gold);background:#c9a84c26;border-radius:4px;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:.7rem;font-weight:700;display:flex}.nav-rail-divider{background:var(--border-dim);width:16px;height:1px;margin:2px 0}.nav-rail-campaigns{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;overflow-y:auto}.nav-rail-campaigns::-webkit-scrollbar{display:none}.nav-rail-campaign{width:22px;height:22px;color:var(--ash);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;font-size:.65rem;transition:all .2s;display:flex}.nav-rail-campaign:hover{color:var(--gold);background:#c9a84c14}.nav-rail-campaign.active{color:var(--gold);background:#c9a84c1f;border-color:#c9a84c4d}.nav-rail-bottom{flex-direction:column;align-items:center;gap:4px;margin-top:auto;display:flex}.nav-rail-action{width:22px;height:22px;color:var(--ash);border:1px dashed var(--border-dim);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.nav-rail-action:hover{color:var(--gold);border-color:var(--border-gold)}.campaign-picker-backdrop{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:flex-end;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.campaign-picker{background:var(--stone);border-top:1px solid var(--border-gold);border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:70vh;animation:.2s ease-out slideUp;display:flex}.campaign-picker-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.campaign-picker-title{color:var(--gold);font-family:Cinzel,serif;font-size:.9rem}.campaign-picker-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem}.campaign-picker-close:hover{color:var(--gold)}.campaign-picker-body{padding:16px;overflow-y:auto}.campaign-picker-hint{color:var(--silver);margin-bottom:12px;font-size:.8rem;line-height:1.5}.campaign-picker-hub-btn{border:1px solid var(--border-gold);width:100%;color:var(--gold);cursor:pointer;background:#c9a84c1a;border-radius:4px;padding:10px;font-family:Cinzel,serif;font-size:.85rem;transition:background .2s}.campaign-picker-hub-btn:hover{background:#c9a84c33}.verify-banner{border:1px solid var(--gold-dim);border-left:3px solid var(--gold);color:var(--gold);background:#c9a84c1a;align-items:center;gap:10px;padding:10px 16px;font-family:Crimson Text,serif;font-size:.9rem;display:flex}.verify-banner-icon{flex-shrink:0;font-size:1.1rem}.verify-banner-text{flex:1}.verify-banner-resend{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 12px;font-family:Cinzel,serif;font-size:.72rem;transition:all .2s}.verify-banner-resend:hover:not(:disabled){border-color:var(--gold);background:#c9a84c26}.verify-banner-resend:disabled{opacity:.5;cursor:not-allowed}.verify-banner-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:.9rem;transition:color .2s}.verify-banner-close:hover{color:var(--gold)}@media (width<=1199px){.redesigned-layout{grid-template-columns:var(--nav-rail-width) 1fr var(--icon-sidebar-width)}.chat-message.player-action{margin-left:16px}.stat-grid{grid-template-columns:repeat(3,1fr)}.combat-grid{grid-template-columns:1fr}.map-container{height:300px}.two-col{grid-template-columns:160px 1fr}.icon-sidebar-btn:after{display:none}}@media (width<=767px){.redesigned-layout{flex-direction:column;display:flex}.nav-rail{display:none}.icon-sidebar{scrollbar-width:none;border-bottom:1px solid #c9a84c14;border-left:none;border-right:none;flex-direction:row;order:-1;gap:2px;width:100%;padding:4px 8px;overflow-x:auto}.icon-sidebar::-webkit-scrollbar{display:none}.icon-sidebar-btn{border-bottom:2px solid #0000;border-right:none;flex-shrink:0;width:36px;min-width:36px;height:36px}.icon-sidebar-btn.active{border-right:none;border-bottom-color:var(--gold)}.icon-sidebar-btn:after{display:none}.mobile-campaign-btn{border-right:1px solid var(--border-dim);margin-right:2px;padding-right:6px;display:flex}.icon-sidebar:after{content:"";background:linear-gradient(to left, var(--obsidian), transparent);pointer-events:none;flex-shrink:0;width:20px;position:sticky;right:0}.chat-area{flex:1;order:0}.chat-area.mobile-hidden{display:none}.companion-wrapper{display:none!important}.mobile-panel-overlay{background:var(--void);z-index:var(--z-context);flex-direction:column;display:flex;position:fixed;inset:0}.chat-message.player-action{margin-left:16px}.status-bar{padding:3px 10px}.status-hp-bar{width:40px;height:4px}.status-bar-left{gap:6px}.status-char-name{font-size:.7rem}.channel-tab{padding:5px 10px;font-size:.7rem}.app-footer{display:none}.app-header{height:48px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-block .stat-value{font-size:1.2rem}.combat-grid{grid-template-columns:1fr}.map-container{height:250px}.two-col{grid-template-columns:1fr}.codex-sidebar{max-height:150px;margin-bottom:12px;overflow-y:auto}.npc-card,.quest-entry{padding:8px}.wizard-container{padding:16px}.wizard-option-grid.cols-2,.wizard-option-grid.cols-3,.wizard-option-grid.cols-4,.wizard-option-grid.cols-5{grid-template-columns:1fr}}@media (width<=359px){.status-bar-left{gap:4px}.status-char-name{font-size:.65rem}.status-hp-bar{width:30px}.chat-message.dm-narration .msg-body,.chat-message.player-action .msg-body{font-size:.75rem}}@media (height<=500px) and (width<=767px){.app-header{height:40px}.status-bar{padding:2px 10px}.icon-sidebar{padding:2px 8px}}@media (width<=1199px){.wizard-option-grid.cols-5,.wizard-option-grid.cols-4{grid-template-columns:repeat(3,1fr)}.wizard-container{width:600px}.stat-grid{gap:10px}.combat-grid{gap:12px}.notification-overlay{right:12px}.system-notification{width:340px}.card{border-width:36px;padding:16px}}@media (width<=767px){:root{--notification-width:100%}.stat-grid{gap:8px}.stat-block{padding:12px 8px}.stat-block .stat-name{font-size:.55rem}.combat-grid{gap:12px}.combat-log{max-height:200px}.combat-status{padding:8px 12px;font-size:.75rem}.map-node{width:44px;height:44px;font-size:1.1rem}.map-node-label{font-size:.55rem}.relationship-web{display:none}.codex-sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-dim);scrollbar-width:none;flex-direction:row;gap:0;max-height:none;padding-bottom:8px;display:flex;overflow-x:auto}.codex-sidebar::-webkit-scrollbar{display:none}.codex-category{flex-shrink:0;align-items:center;min-height:48px;padding:8px 14px;display:flex}.card{border-width:28px;margin-bottom:8px;padding:14px}.card-header{margin-bottom:8px}.card-title{font-size:.85rem}.npc-avatar{width:38px;height:38px;font-size:1.1rem}.npc-card{gap:10px}.quest-title{font-size:.85rem}.quest-meta{flex-wrap:wrap;gap:8px}.item-row{gap:10px;min-height:48px;padding:10px 12px}.item-icon{width:40px;height:40px}.session-card{padding:12px 14px}.session-stats{flex-wrap:wrap;gap:8px}.notification-overlay{top:calc(var(--header-height) + 8px);left:8px;right:8px}.system-notification{width:100%}.levelup-title{font-size:2rem}.levelup-level{font-size:1.2rem}.levelup-rewards{font-size:.75rem}.wizard-container{box-sizing:border-box;border-width:16px;max-height:100vh;margin:0;padding:14px 12px 10px;width:100%!important;max-width:100vw!important}.wizard-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;top:2px;right:4px}.wizard-title{font-size:1.15rem}.wizard-option-card{min-height:48px;padding:10px 6px}.wizard-option-icon{font-size:1.2rem}.wizard-option-label{font-size:.75rem}.wizard-option-desc{font-size:.6rem}.wizard-steps{gap:8px}.wizard-dot{width:10px;height:10px}.wizard-input,.wizard-textarea,.wizard-select{font-size:16px}.wizard-nav{gap:8px;margin-top:16px;padding-top:12px}.wizard-btn{min-height:48px;font-size:.8rem}.wizard-chip{align-items:center;min-height:40px;padding:8px 14px;display:flex}.wizard-slider-container{flex-wrap:wrap;gap:6px}.setting-row{min-height:48px;padding:14px 0}.toggle{border-radius:13px;width:48px;min-width:48px;height:26px}.toggle:after{width:20px;height:20px}.toggle.active:after{left:24px}.settings-label{font-size:.9rem}.settings-checkbox{gap:10px;min-height:44px;padding:8px 0;font-size:.875rem}.settings-checkbox input[type=checkbox]{width:22px;min-width:22px;height:22px}input[type=range]{height:24px}.demo-btn{min-height:48px;padding:10px 16px;font-size:.75rem}.ability-card{padding:10px}.ability-meta{flex-wrap:wrap;gap:6px}.stat-bar{height:12px}.tracker-mystery{padding:10px}.section-header{margin-bottom:12px}.section-title{gap:8px;font-size:1rem}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;margin-bottom:12px;padding-bottom:2px;overflow:auto hidden}.tab-bar::-webkit-scrollbar{display:none}.tab-item{flex-shrink:0;align-items:center;min-height:48px;padding:8px 14px;display:flex}.chat-messages{gap:12px;padding:12px 12px 80px}.chat-input-area{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--void);border-top:1px solid var(--border-dim);position:sticky;bottom:0}.chat-textarea{min-height:40px;padding:8px 12px;font-size:16px}.chat-send-btn{width:48px;height:48px;min-height:48px}.message-bubble{max-width:95%;padding:12px 14px;font-size:.85rem}.message-bubble.dm .message-content{max-width:100%}.message-bubble.system-msg{max-width:95%;font-size:.7rem}.chat-welcome{padding:24px 16px}.chat-welcome-title{font-size:1.3rem}.chat-welcome-sub{font-size:.85rem}.chat-disconnected-overlay{padding:16px 12px;font-size:.8rem}.search-input{min-height:48px;padding:10px 12px 10px 36px;font-size:16px}.auth-modal{max-width:calc(100vw - 32px);padding:24px 20px}.auth-field input{min-height:48px;font-size:16px}.auth-submit{min-height:48px;font-size:.95rem}.api-input,.api-select{min-height:48px;font-size:16px}.progress-container{gap:6px}.condition-tag{align-items:center;min-height:32px;padding:4px 12px;font-size:.72rem;display:inline-flex}.badge{padding:3px 10px;font-size:.72rem}.scroll-to-bottom{min-height:36px;padding:8px 18px;font-size:.65rem;bottom:100px}.typing-indicator{gap:6px;padding:10px 14px}.feedback-fab{bottom:72px!important}.feedback-panel{width:calc(100vw - 24px)!important;max-width:360px!important;bottom:128px!important;right:12px!important}.particles-canvas{opacity:.2}.icon-sidebar-btn:before{width:30px;height:30px}.dice-container{width:80px;height:80px}.dice-number{font-size:1.5rem}.dice-result-text{font-size:1rem}.rune-circle{width:200px;height:200px}.rune-symbol{font-size:1.2rem}.header-avatar-frame{width:32px;height:32px}.header-avatar-initial{font-size:.85rem}button,[role=button],.codex-category,.item-row,.npc-card,.quest-entry,.session-card,.wizard-option-card{min-height:48px}body{padding-bottom:env(safe-area-inset-bottom,0px)}}@media (width<=359px){.app-header{gap:6px;padding:0 8px}.message-bubble{padding:10px 12px;font-size:.82rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:6px}.stat-block .stat-value{font-size:1.4rem}.wizard-option-grid.cols-2,.wizard-option-grid.cols-3,.wizard-option-grid.cols-4,.wizard-option-grid.cols-5{grid-template-columns:1fr}.card{border-width:20px;padding:10px}.levelup-title{font-size:1.5rem}}@media (height<=500px) and (width<=767px){.chat-messages{padding-bottom:60px}.wizard-container{border-width:16px;max-height:100vh}.map-container{min-height:200px}}@media print{.app-header,.app-footer,.nav-rail,.icon-sidebar,.chat-input-area,.particles-canvas,.notification-overlay,.scroll-to-bottom{display:none!important}.redesigned-layout{display:block}}@media (hover:none) and (pointer:coarse){.card:hover{filter:none;transform:none}.map-node:hover,.landing-pillar:hover,.landing-story-card:hover{transform:none}.card:active{filter:brightness(1.1)}}@media (hover:none){.campaign-card:hover,.landing-pillar:hover,.landing-story-card:hover{transform:none}.texture-overlay:after{display:none}}@media (display-mode:standalone){.app-header{padding-top:env(safe-area-inset-top,0px)}}@media (prefers-reduced-motion:reduce){.context-panel{transition:none}.particles-canvas{display:none}.message-bubble,.typing-indicator{animation:none}}