@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap";:root{--color-bg-dark: #0c0d12;--color-bg-mid: #12131a;--color-bg-card: #1a1b24;--color-bg-card-hover: #22232e;--color-bg-input: #161720;--color-accent-gold: #c9a267;--color-accent-gold-hover: #dbb57e;--color-accent-gold-dim: rgba(201, 162, 103, .25);--color-accent-gold-muted: rgba(201, 162, 103, .12);--color-accent-red: #e5484d;--color-accent-red-hover: #f06b6f;--color-accent-blue: #3498db;--color-accent-green: #30a46c;--color-accent-green-hover:#3dbf70;--color-text-primary: #e8e8ec;--color-text-secondary: #8e8fa1;--color-text-tertiary: #8b8c9e;--color-text-muted: #9a9bac;--color-text-dark: #0c0d12;--color-border: #1f2029;--color-border-light: #2e2f3d;--color-hp-high: #30a46c;--color-hp-mid: #f5a623;--color-hp-low: #e5484d;--color-hp-dead: rgba(229, 72, 77, .15);--color-player: #3498db;--color-monster: #e5484d;--color-npc: #30a46c;--font-heading: "Cinzel", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition: .2s ease;--color-accent-primary: var(--color-accent-gold);--color-surface-hover: var(--color-bg-card-hover);--color-surface-dark: var(--color-bg-dark);--color-danger: var(--color-accent-red);--glow-gold-sm: 0 0 8px rgba(201,162,103,.3);--glow-gold-md: 0 0 16px rgba(201,162,103,.4);--gradient-gold: linear-gradient(135deg, #c9a267, #dbb57e);--gradient-gold-subtle: linear-gradient(135deg, rgba(201,162,103,.15), rgba(201,162,103,.05));--shadow-inset-subtle: inset 0 1px 0 rgba(255,255,255,.03);--transition-bounce: .2s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);font-size:16px;background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;color:var(--color-accent-gold);line-height:1.2}button{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:active{transform:translateY(1px);box-shadow:none}input,select{font-family:var(--font-body);font-size:.875rem;background-color:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus{border-color:var(--color-accent-gold);box-shadow:0 0 0 3px var(--color-accent-gold-muted),0 0 8px #c9a2671a}input::placeholder{color:var(--color-text-muted)}select option{background-color:var(--color-bg-mid)}:focus-visible{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 0 3px var(--color-accent-gold-muted),0 0 8px #c9a2671a}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-gold-muted)}[disabled],.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-mid)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-gold-dim)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-light) var(--color-bg-mid)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-accent-gold)}.hidden{display:none!important}.type-badge{display:inline-block;font-family:var(--font-heading);font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.type-badge.player{background:#3498db26;color:#5dade2;border:1px solid rgba(52,152,219,.3)}.type-badge.monster{background:#e5484d26;color:#f1948a;border:1px solid rgba(229,72,77,.3)}.type-badge.npc{background:#30a46c26;color:#6dd4a0;border:1px solid rgba(48,164,108,.3)}.type-border-player{border-left:4px solid var(--color-player)}.type-border-monster{border-left:4px solid var(--color-monster)}.type-border-npc{border-left:4px solid var(--color-npc)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body.marketing{overflow-x:hidden;overflow-y:auto;background:var(--color-bg-dark);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(201,162,103,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(80,100,180,.025) 0%,transparent 50%)}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);height:72px;background:#0c0d12b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background var(--transition)}.site-nav--scrolled{background:#0c0d12eb;box-shadow:var(--shadow-md)}.site-nav__logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-accent-gold);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;letter-spacing:.04em}.site-nav__logo-icon{font-size:1.5rem;line-height:1}.site-nav__links{display:flex;align-items:center;gap:8px;list-style:none}.site-nav__link{display:inline-block;padding:8px 18px;font-family:var(--font-heading);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.site-nav__link:hover{color:var(--color-text-primary);background:#ffffff0a}.site-nav__link--active{color:var(--color-accent-gold)}.site-nav__cta{display:inline-block;padding:9px 24px;font-family:var(--font-heading);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--color-text-dark);background:var(--color-accent-gold);border-radius:var(--radius-md);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.site-nav__cta:hover{background:var(--color-accent-gold-hover);transform:translateY(-1px);box-shadow:0 4px 16px #c9a2674d}.site-nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer}.site-nav__toggle span{display:block;width:24px;height:2px;background:var(--color-text-secondary);border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.site-nav__toggle--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.site-nav__toggle--open span:nth-child(2){opacity:0}.site-nav__toggle--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:120px clamp(24px,5vw,80px) 80px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(201,162,103,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 20% 70%,rgba(52,152,219,.03) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(229,72,77,.025) 0%,transparent 60%);pointer-events:none}.hero:after{content:"";position:absolute;top:50%;left:50%;width:600px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(201,162,103,0) 20%,rgba(201,162,103,.25) 50%,rgba(201,162,103,0) 80%,transparent 100%);animation:shimmer-line 4s ease-in-out infinite;pointer-events:none}@keyframes shimmer-line{0%,to{opacity:0;transform:translate(-50%,-50%) scaleX(.5)}50%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}}.hero__particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero__mote{position:absolute;display:block;animation:mote-float 40s ease-in-out infinite,mote-spin 60s linear infinite,mote-pulse 10s ease-in-out infinite}.hero__mote--diamond{width:50px;height:50px;border:1px solid rgba(201,162,103,.15);transform:rotate(45deg)}.hero__mote--hex{width:56px;height:56px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#c9a26714}.hero__mote--dot{width:8px;height:8px;border-radius:50%;background:#c9a26733;box-shadow:0 0 12px #c9a26726;animation:mote-float 30s ease-in-out infinite,mote-pulse 8s ease-in-out infinite}.hero__mote--blue.hero__mote--diamond{border-color:#3498db26}.hero__mote--blue.hero__mote--hex{background:#3498db14}.hero__mote--blue.hero__mote--dot{background:#3498db33;box-shadow:0 0 12px #3498db26}.hero__mote--red.hero__mote--diamond{border-color:#e5484d1f}.hero__mote--red.hero__mote--hex{background:#e5484d0f}.hero__mote--red.hero__mote--dot{background:#e5484d2e;box-shadow:0 0 12px #e5484d1f}.hero__mote--gold.hero__mote--dot{background:#c9a26740;box-shadow:0 0 16px #c9a2672e}.hero__mote--gold.hero__mote--hex{background:#c9a2671a}.hero__mote--sm{transform:scale(.6)}.hero__mote--sm.hero__mote--diamond{transform:rotate(45deg) scale(.6)}.hero__mote--lg{transform:scale(1.4)}.hero__mote--lg.hero__mote--diamond{transform:rotate(45deg) scale(1.4)}@keyframes mote-float{0%{translate:0 0}25%{translate:12px -20px}50%{translate:-8px -35px}75%{translate:15px -15px}to{translate:0 0}}@keyframes mote-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes mote-pulse{0%,to{opacity:.6}50%{opacity:1}}.hero__mote:nth-child(1){animation-duration:45s,70s,12s}.hero__mote:nth-child(2){animation-duration:30s,0s,9s}.hero__mote:nth-child(3){animation-duration:55s,80s,14s}.hero__mote:nth-child(4){animation-duration:38s,55s,11s}.hero__mote:nth-child(5){animation-duration:28s,0s,7s}.hero__mote:nth-child(6){animation-duration:50s,65s,13s}.hero__mote:nth-child(7){animation-duration:42s,90s,10s}.hero__mote:nth-child(8){animation-duration:32s,0s,8s}.hero__mote:nth-child(9){animation-duration:48s,75s,15s}.hero__mote:nth-child(10){animation-duration:35s,50s,9s}.hero__mote:nth-child(11){animation-duration:26s,0s,11s}.hero__mote:nth-child(12){animation-duration:52s,85s,12s}.hero__content{position:relative;z-index:1;max-width:800px}.hero__eyebrow{display:inline-block;font-family:var(--font-heading);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:24px;padding:6px 20px;border:1px solid var(--color-accent-gold-dim);border-radius:var(--radius-full);background:var(--color-accent-gold-muted)}.hero__title{font-family:"Cinzel Decorative",var(--font-heading);font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:700;line-height:1.1;color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:24px}.hero__title-accent{color:var(--color-accent-gold);text-shadow:0 0 40px rgba(201,162,103,.3)}.hero__subtitle{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;line-height:1.7;color:var(--color-text-secondary);max-width:560px;margin:0 auto 40px}.hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn--lg{padding:14px 36px;font-size:.9375rem}.btn--md{padding:10px 28px;font-size:.8125rem}.btn--primary{color:var(--color-text-dark);background:var(--color-accent-gold);border:2px solid var(--color-accent-gold)}.btn--primary:hover{background:var(--color-accent-gold-hover);border-color:var(--color-accent-gold-hover);transform:translateY(-2px);box-shadow:0 6px 24px #c9a26759}.btn--ghost{color:var(--color-text-primary);background:transparent;border:2px solid var(--color-border-light)}.btn--ghost:hover{border-color:var(--color-accent-gold-dim);color:var(--color-accent-gold);background:var(--color-accent-gold-muted);transform:translateY(-2px)}.section{padding:clamp(64px,8vw,120px) clamp(24px,5vw,80px);position:relative}.section__header{text-align:center;max-width:640px;margin:0 auto 64px}.section__eyebrow{font-family:var(--font-heading);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:16px}.section__title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin-bottom:16px}.section__subtitle{font-size:1rem;color:var(--color-text-secondary);line-height:1.7}.section--bordered{border-top:1px solid var(--color-border)}.section--alt{background:var(--color-bg-mid)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1100px;margin:0 auto}.feature-card{position:relative;padding:36px 32px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);overflow:hidden}.feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-accent-gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:var(--color-border-light)}.feature-card:hover:after{transform:scaleX(1)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:20px;font-size:1.5rem;color:var(--color-accent-gold);background:var(--color-accent-gold-muted);border:1px solid var(--color-accent-gold-dim);border-radius:var(--radius-md)}.feature-card__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.feature-card__desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7}.feature-card--blue .feature-card__icon{color:var(--color-accent-blue);background:#3498db1a;border-color:#3498db40}.feature-card--blue:after{background:var(--color-accent-blue)}.feature-card--red .feature-card__icon{color:var(--color-accent-red);background:#e5484d1a;border-color:#e5484d40}.feature-card--red:after{background:var(--color-accent-red)}.feature-card--green .feature-card__icon{color:var(--color-accent-green);background:#30a46c1a;border-color:#30a46c40}.feature-card--green:after{background:var(--color-accent-green)}.showcase{display:flex;align-items:center;gap:clamp(40px,6vw,80px);max-width:1100px;margin:0 auto}.showcase__text{flex:1;min-width:0}.showcase__title{font-family:var(--font-heading);font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin-bottom:16px}.showcase__desc{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:28px}.showcase__list{list-style:none;display:flex;flex-direction:column;gap:12px}.showcase__list li{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--color-text-primary)}.showcase__list-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.75rem;color:var(--color-accent-gold);background:var(--color-accent-gold-muted);border-radius:var(--radius-full);flex-shrink:0}.showcase__visual{flex:1;min-width:0;position:relative}.showcase__mockup{width:100%;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.mockup-list{display:flex;flex-direction:column;gap:8px}.mockup-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--color-bg-mid);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-accent-blue)}.mockup-item--active{background:var(--color-accent-gold);border-color:var(--color-accent-gold);border-left-color:var(--color-accent-gold)}.mockup-item--monster{border-left-color:var(--color-accent-red)}.mockup-item--npc{border-left-color:var(--color-accent-green)}.mockup-item__name{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.mockup-item--active .mockup-item__name,.mockup-item--active .mockup-item__score{color:var(--color-text-dark)}.mockup-item__score{font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-accent-gold)}.showcase__visual:before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse at center,rgba(201,162,103,.06) 0%,transparent 70%);pointer-events:none;z-index:-1}.cta-banner{text-align:center;padding:clamp(64px,8vw,100px) clamp(24px,5vw,80px);position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(201,162,103,.06) 0%,transparent 70%);pointer-events:none}.cta-banner__title{font-family:"Cinzel Decorative",var(--font-heading);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:var(--color-text-primary);margin-bottom:16px;position:relative}.cta-banner__subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative}.cta-banner .btn{position:relative}.feature-detail{display:flex;align-items:center;gap:clamp(40px,6vw,80px);max-width:1000px;margin:0 auto;padding:clamp(40px,5vw,64px) 0}.feature-detail:not(:last-child){border-bottom:1px solid var(--color-border)}.feature-detail--reverse{flex-direction:row-reverse}.feature-detail__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:2rem;color:var(--color-accent-gold);background:var(--color-accent-gold-muted);border:1px solid var(--color-accent-gold-dim);border-radius:var(--radius-lg)}.feature-detail__text{flex:1;min-width:0}.feature-detail__title{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.feature-detail__desc{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:20px}.feature-detail__tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{display:inline-block;font-family:var(--font-heading);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 14px;border-radius:var(--radius-full);color:var(--color-accent-gold);background:var(--color-accent-gold-muted);border:1px solid var(--color-accent-gold-dim)}.feature-detail--blue .feature-detail__icon-wrap{color:var(--color-accent-blue);background:#3498db1a;border-color:#3498db40}.feature-detail--red .feature-detail__icon-wrap{color:var(--color-accent-red);background:#e5484d1a;border-color:#e5484d40}.feature-detail--green .feature-detail__icon-wrap{color:var(--color-accent-green);background:#30a46c1a;border-color:#30a46c40}.feature-detail--purple .feature-detail__icon-wrap{color:#bb7fe2;background:#bb7fe21a;border-color:#bb7fe240}.feature-detail--amber .feature-detail__icon-wrap{color:#f5a623;background:#f5a6231a;border-color:#f5a62340}.site-footer{border-top:1px solid var(--color-border);padding:32px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.site-footer__copy{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.04em}.site-footer__links{display:flex;gap:24px;list-style:none}.site-footer__link{font-size:.75rem;color:var(--color-text-muted);text-decoration:none;letter-spacing:.04em;transition:color var(--transition-fast)}.site-footer__link:hover{color:var(--color-accent-gold)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal--revealed{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:nth-child(1){transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:.1s}.reveal-stagger>.reveal:nth-child(3){transition-delay:.2s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.3s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.4s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.5s}.hero .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.hero .reveal--revealed{opacity:1;transform:translateY(0)}.hero .reveal:nth-child(1){transition-delay:.1s}.hero .reveal:nth-child(2){transition-delay:.25s}.hero .reveal:nth-child(3){transition-delay:.4s}.hero .reveal:nth-child(4){transition-delay:.55s}@media(max-width:768px){.site-nav__links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;padding:16px 24px;background:#0c0d12f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);gap:4px}.site-nav__links--open,.site-nav__toggle{display:flex}.site-nav__link,.site-nav__cta{width:100%;text-align:center}.showcase{flex-direction:column}.feature-detail,.feature-detail--reverse{flex-direction:column;text-align:center}.feature-detail__tags{justify-content:center}.features-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero:after{animation:none;opacity:0}.hero__particles{display:none}}.auth-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.auth-card{background:var(--color-bg-mid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:420px}.auth-card__title{font-family:var(--font-heading);color:var(--color-accent-gold);font-size:1.6rem;margin:0 0 var(--space-xs);text-align:center}.auth-card__subtitle{color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-lg);font-size:.9rem}.auth-card__error{background:#dc262626;border:1px solid rgba(220,38,38,.4);color:#f87171;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--space-md);text-align:center}.auth-card__success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#86efac;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:.95rem;margin-bottom:var(--space-md);text-align:center;display:flex;flex-direction:column;align-items:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form__label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-secondary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em}.auth-form__input{padding:var(--space-sm) var(--space-md);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s}.auth-form__input:focus{outline:none;border-color:var(--color-accent-gold)}.auth-form__hint{font-size:.75rem;color:var(--color-text-muted);text-transform:none;letter-spacing:normal}.auth-form__submit{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:1rem}.turnstile-wrapper{display:flex;justify-content:center;padding:var(--space-sm) 0;border-radius:var(--radius-sm);background:var(--color-bg-dark);border:1px solid var(--color-border);transition:border-color .4s ease,background .4s ease;overflow:hidden}.turnstile-wrapper--verified{border-color:var(--color-accent-gold-dim);background:var(--color-accent-gold-muted)}.turnstile-container{width:100%}.turnstile-container iframe{display:block!important;width:100%!important;margin:0 auto}.auth-card__links{margin-top:var(--space-lg);text-align:center;font-size:.85rem}.auth-card__links a{color:var(--color-accent-gold);text-decoration:none}.auth-card__links a:hover{text-decoration:underline}.auth-card__divider{color:var(--color-text-muted);margin:0 var(--space-sm)}.site-nav__link--logout{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.dashboard-page{min-height:100vh;padding:6rem var(--space-lg) var(--space-xl);background:var(--color-bg-primary)}.dashboard-container{max-width:900px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.dashboard-header__title{font-family:Cinzel Decorative,serif;color:var(--color-accent-gold);font-size:1.5rem}.dashboard-loading,.dashboard-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl)}.dashboard-grid{display:grid;gap:var(--space-md)}.encounter-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.encounter-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.encounter-card__name{color:var(--color-text-primary);font-size:1.1rem;margin:0}.encounter-card__badge{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.encounter-card__badge--pre-combat{background:#6464ff26;color:#88f}.encounter-card__badge--combat{background:#d4a84326;color:var(--color-accent-gold)}.encounter-card__meta{color:var(--color-text-muted);font-size:.85rem;margin-bottom:var(--space-sm)}.encounter-card__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.encounter-card__share-url{margin-top:var(--space-xs);font-size:.8rem;color:var(--color-accent-gold);font-family:monospace}.btn--small{padding:4px 12px;font-size:.8rem}.btn--outline{background:transparent;border:1px solid var(--color-accent-gold);color:var(--color-accent-gold)}.btn--outline:hover{background:#d4a8431a}.btn--danger{background:#dc323233;color:#ff6b6b;border:1px solid rgba(220,50,50,.3)}.btn--danger:hover{background:#dc32324d}.cloud-synced{color:#66bb6a;cursor:default}.subscription-gate{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.subscription-gate h2{color:var(--color-accent-gold);margin-bottom:var(--space-sm)}.subscription-gate p{margin-bottom:var(--space-md)}.pricing-page{min-height:100vh;padding:6rem var(--space-lg) var(--space-xl);background:var(--color-bg-primary);text-align:center}.pricing-page__title{font-family:Cinzel Decorative,serif;color:var(--color-accent-gold);font-size:2rem;margin-bottom:var(--space-sm)}.pricing-page__subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto var(--space-xl)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);max-width:800px;margin:0 auto}@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:left;position:relative}.pricing-card--featured{border-color:var(--color-accent-gold);box-shadow:0 0 20px #d4a84326}.pricing-card__badge{position:absolute;top:-12px;right:20px;background:var(--color-accent-gold);color:var(--color-bg-primary);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.pricing-card__name{font-family:Cinzel Decorative,serif;color:var(--color-text-primary);font-size:1.3rem;margin-bottom:var(--space-sm)}.pricing-card__price{margin-bottom:var(--space-md)}.pricing-card__amount{font-size:2.5rem;font-weight:700;color:var(--color-accent-gold)}.pricing-card__period{color:var(--color-text-muted);font-size:1rem;margin-left:4px}.pricing-card__features{list-style:none;padding:0;margin-bottom:var(--space-lg)}.pricing-card__features li{padding:var(--space-xs) 0;color:var(--color-text-secondary);position:relative;padding-left:1.5rem}.pricing-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-gold);font-weight:700}.pricing-card__cta{width:100%;text-align:center}.settings-page{min-height:100vh;padding:6rem var(--space-lg) var(--space-xl);background:var(--color-bg-primary)}.settings-container{max-width:600px;margin:0 auto}.settings-title{font-family:Cinzel Decorative,serif;color:var(--color-accent-gold);font-size:1.5rem;margin-bottom:var(--space-lg)}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.settings-section__title{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.settings-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.settings-field__label{color:var(--color-text-muted);font-size:.9rem}.settings-field__value{color:var(--color-text-primary)}.settings-status--active{color:#66bb6a}.settings-status--past_due{color:#ff9800}.settings-status--canceled{color:#ef5350}.settings-status--none{color:var(--color-text-muted)}.settings-msg{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:.9rem}.settings-msg--success{background:#66bb6a26;color:#66bb6a}.settings-msg--error{background:#ef535026;color:#ef5350}.settings__inline-form{display:flex;gap:.5rem;align-items:center}.settings__inline-form .auth-form__input{flex:1}.settings__edit-btn{margin-left:.5rem}.settings__danger-zone{border-top:2px solid #e74c3c;padding-top:1.5rem;margin-top:1.5rem}.settings__danger-zone .settings-section__title{color:#e74c3c}.settings__danger-btn{border-color:#e74c3c;color:#e74c3c}.settings__danger-warning{color:#e74c3c;margin-bottom:1rem}.settings__button-group{display:flex;gap:.5rem}.settings__delete-btn{background:#e74c3c}.legal-page{min-height:80vh;padding:2rem 1rem}.legal-container{max-width:720px;margin:0 auto}.legal-title{font-size:2rem;color:var(--gold);margin-bottom:.25rem}.legal-updated{color:#888;font-size:.85rem;margin-bottom:2rem}.legal-section{margin-bottom:1.5rem}.legal-section h2{color:var(--gold);font-size:1.15rem;margin-bottom:.5rem}.legal-section p,.legal-section li{color:#ccc;line-height:1.7}.legal-section ul{padding-left:1.5rem;margin-top:.5rem}.legal-section a{color:var(--gold)}.legal-section table{color:#ccc}.legal-section th{color:var(--gold)}#ls-warning{background:#e5484d1a;color:#e5484d;font-family:var(--font-body);font-size:.875rem;padding:var(--space-sm) var(--space-md);text-align:center;border-bottom:1px solid rgba(229,72,77,.3)}.dm-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-mid);border-bottom:2px solid var(--color-border);box-shadow:0 1px #c9a2671f;min-height:60px}.dm-header__left h1{font-size:1.15rem;letter-spacing:.05em;line-height:1.2;text-shadow:0 0 20px rgba(201,162,103,.2)}.dm-header__subtitle{display:block;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.dm-header__center{flex:1;text-align:center;min-width:100px}.encounter-name{font-family:var(--font-heading);font-size:.95rem;color:var(--color-text-muted);letter-spacing:.04em;cursor:pointer;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:color var(--transition),border-color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:inline-block}.encounter-name:hover{color:var(--color-accent-gold);border-color:var(--color-border)}.dm-header__right{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center}.header-divider{display:inline-block;width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--color-border-light),transparent);margin:0 4px}.sync-indicator{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.8rem;padding:2px 8px;border-radius:4px;-webkit-user-select:none;user-select:none}.sync-indicator__idle{color:var(--color-text-muted)}.sync-indicator__syncing{color:var(--color-accent-gold);animation:sync-pulse 1.2s ease-in-out infinite}.sync-indicator__saved{color:#4ade80;animation:sync-fade-in .2s ease-out}.sync-indicator__error{color:var(--color-accent-red);font-weight:600}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes sync-fade-in{0%{opacity:0}to{opacity:1}}.dm-main{display:grid;grid-template-columns:1fr 300px;gap:var(--space-md);padding:var(--space-md);height:calc(100vh - 62px);overflow:hidden}.dm-main--3col{grid-template-columns:320px 6px 1fr 300px;gap:var(--space-sm)}.resize-handle{width:6px;cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.resize-handle:after{content:"";width:2px;height:48px;border-radius:1px;background:var(--color-border);transition:background .15s,height .15s}.resize-handle:hover:after{background:var(--color-accent-gold);height:72px}body.is-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-resizing .resize-handle:after{background:var(--color-accent-gold);height:72px}.dm-col{display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden}.dm-col--left{overflow-y:auto;min-width:0}.dm-col--center{min-width:0;overflow-y:auto}.dm-col--right{overflow-y:auto}.panel{background:var(--color-bg-mid);border:1px solid var(--color-border);border-top:1px solid var(--color-accent-gold-dim);border-radius:var(--radius-md);padding:var(--space-md)}.panel--grow{flex:1;overflow-y:auto;min-height:0}.panel__title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);text-shadow:0 0 20px rgba(201,162,103,.15)}.form-row{display:flex;gap:var(--space-xs);align-items:flex-end;margin-bottom:var(--space-sm);flex-wrap:wrap}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:3px;min-width:0}.form-group--grow{flex:1;min-width:80px}.form-group--narrow{width:72px;flex-shrink:0}.form-group--xnarrow{width:56px;flex-shrink:0}.form-group--auto{flex:0 0 auto}.form-group label{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.form-group input,.form-group select{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:.82rem;font-weight:600;letter-spacing:.04em;border-radius:var(--radius-sm);transition:background-color var(--transition),opacity var(--transition),box-shadow var(--transition);white-space:nowrap}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-accent-gold);color:var(--color-text-dark)}.btn--primary:hover:not(:disabled){background:var(--color-accent-gold-hover);box-shadow:0 0 8px #c9a26766}.btn--secondary{background:var(--color-bg-card);color:var(--color-accent-gold);border:1px solid var(--color-accent-gold-dim)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-accent-gold)}.btn--icon{background:transparent;color:var(--color-text-muted);border:1px solid transparent;padding:var(--space-xs) var(--space-sm)}.btn--icon:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border);background:var(--color-bg-card)}.btn--danger{background:var(--color-accent-red);color:var(--color-text-primary)}.btn--danger:hover:not(:disabled){background:var(--color-accent-red-hover)}.btn--full{width:100%;padding:var(--space-sm)}.btn--sm{padding:4px 10px;font-size:.78rem}.btn--combat-start{background:var(--gradient-gold);color:var(--color-text-dark);font-size:1rem;padding:var(--space-md);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 12px #c9a2674d;border:1px solid rgba(255,255,255,.1)}.btn--combat-start:hover:not(:disabled){background:var(--color-accent-gold-hover);box-shadow:0 4px 20px #c9a26780,0 0 40px #c9a26726;transform:translateY(-1px)}.turn-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.btn--nav{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);min-width:72px}.btn--nav:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.turn-info{text-align:center;flex:1;min-width:0}.turn-info__round{font-family:var(--font-heading);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.turn-info__name{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-accent-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbd-hint{display:block;font-family:var(--font-body);font-size:.6rem;color:var(--color-text-muted);font-weight:400;letter-spacing:.05em;margin-top:2px}.empty-message{color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.85rem;letter-spacing:.04em;text-align:center;padding:var(--space-lg);border:1px dashed var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-dark);margin:var(--space-md) 0}.combatant-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px var(--space-md);margin-bottom:var(--space-sm);transition:background-color var(--transition),box-shadow var(--transition);cursor:default}.combatant-card:last-child{margin-bottom:0}.combatant-card:hover{box-shadow:var(--shadow-sm)}.combatant-card--active{background:linear-gradient(135deg,#c9a2671a,#c9a2670a);border:1px solid rgba(201,162,103,.35);box-shadow:0 0 20px #c9a2671f,inset 0 0 30px #c9a26708}.combatant-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.combatant-card__left{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.combatant-card__initiative{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-accent-gold);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;flex-shrink:0;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.combatant-card__initiative--dim{color:var(--color-text-muted);opacity:.5}.combatant-card--active .combatant-card__initiative{color:var(--color-accent-gold);background:#c9a2672e;border-color:#c9a26740;text-shadow:none;box-shadow:none}.combatant-card__active-arrow{color:var(--color-accent-gold);font-size:12px;flex-shrink:0;line-height:1}.combatant-card__info{display:flex;flex-direction:column;gap:3px;min-width:0}.combatant-card__name{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combatant-card__name--dead{text-decoration:line-through;color:var(--color-text-muted)}.combatant-card__name--link{cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-accent-gold);text-underline-offset:2px}.combatant-card__name--link:hover{color:var(--color-accent-gold)}.combatant-card__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:center}.ac-badge{display:inline-block;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:3px;text-transform:uppercase;background:#c9a26714;color:var(--color-accent-gold);border:1px solid var(--color-accent-gold-dim)}.btn--remove{background:transparent;color:var(--color-text-muted);font-size:1.2rem;line-height:1;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0;opacity:0;transition:opacity var(--transition),background-color var(--transition-fast)}.combatant-card:hover .btn--remove{opacity:1}.btn--remove:hover{background:var(--color-accent-red);color:var(--color-text-primary)}.combatant-card__hp{display:flex;flex-direction:column;gap:var(--space-xs)}.hp-track{width:100%;height:10px;background:var(--color-bg-dark);border:1px solid rgba(0,0,0,.3);border-radius:4px;overflow:hidden}.hp-bar{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease;box-shadow:inset 0 1px #ffffff26}.hp-high{background:var(--color-hp-high)}.hp-mid{background:var(--color-hp-mid)}.hp-low{background:var(--color-hp-low)}.hp-dead{background:var(--color-hp-dead);width:0!important}.hp-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.hp-text{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.hp-inputs{display:flex;gap:var(--space-xs);align-items:center}.hp-input{width:64px;padding:5px 8px;font-size:.85rem;text-align:center}.hp-input.input-error{border-color:var(--color-accent-red);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.btn--dmg{background:var(--color-accent-red);color:var(--color-text-primary);font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:4px 9px}.btn--dmg:hover{background:var(--color-accent-red-hover)}.btn--heal{background:var(--color-accent-green);color:var(--color-text-primary);font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:4px 9px}.btn--heal:hover{background:var(--color-accent-green-hover)}.drag-handle{cursor:grab;color:var(--color-text-muted);font-size:.95rem;padding:2px 4px;flex-shrink:0;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity var(--transition)}.drag-handle:active{cursor:grabbing}.combatant-card:hover .drag-handle{opacity:1}.combatant-card.dragging{opacity:.35;cursor:grabbing}.combatant-card.drag-over{border-color:var(--color-accent-gold);box-shadow:0 0 10px #c9a26759;background:var(--color-bg-card-hover)}.touch-drag-ghost{position:fixed;pointer-events:none;opacity:.75;z-index:1000;width:min(400px,85vw);border-radius:var(--radius-md);transform:rotate(2deg);box-shadow:0 8px 24px #0009}.dice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.btn--die{background:var(--color-bg-card);color:var(--color-accent-gold);border:1px solid var(--color-accent-gold-dim);font-size:.95rem;font-weight:700;letter-spacing:.05em;padding:var(--space-sm);aspect-ratio:1;transition:background-color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn--die:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-gold);box-shadow:0 0 8px #c9a2674d;transform:translateY(-2px)}.btn--die:active{transform:translateY(0)}.btn--die-wide{aspect-ratio:auto;grid-column:span 3}.btn--die:nth-child(6){border-color:var(--color-accent-gold);background:#c9a2671a;font-size:1.05rem}.btn--die:nth-child(6):hover{box-shadow:0 0 12px #c9a26780}.dice-controls-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dice-field{flex:1;display:flex;flex-direction:column;gap:3px}.dice-field label{font-family:var(--font-heading);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);white-space:nowrap}.dice-field input{width:100%;text-align:center}.dice-adv-row{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.btn--adv-toggle{flex:1;padding:5px var(--space-xs);font-size:.75rem;font-weight:600;letter-spacing:.05em;background:var(--color-bg-card);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.btn--adv-toggle:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-accent-gold-dim)}.btn--adv-toggle--active{background:#c9a2672e;color:var(--color-accent-gold);border-color:var(--color-accent-gold-dim);box-shadow:inset 0 0 0 1px var(--color-accent-gold-dim)}.dice-result{text-align:center;background:linear-gradient(to bottom,var(--color-bg-dark),rgba(12,13,18,.8));border:1px solid var(--color-accent-gold-dim);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.dice-result__label{font-family:var(--font-heading);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.dice-result__total{font-family:var(--font-heading);font-size:2.4rem;font-weight:700;color:var(--color-accent-gold);line-height:1;text-shadow:0 0 12px rgba(201,162,103,.4)}.dice-result__breakdown{font-size:.78rem;color:var(--color-text-muted)}.dice-history__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs)}.dice-history__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:0;border-bottom:none;padding-bottom:0}#dice-history-list{list-style:none;display:flex;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto}.dice-history__entry{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-primary);padding:3px var(--space-xs);border-radius:3px;background:var(--color-bg-dark);line-height:1.4}.dice-history__entry:hover{background:var(--color-bg-card)}.dice-history__content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-history__die{font-family:var(--font-heading);color:var(--color-accent-gold);font-size:.78rem}.btn--reroll-history{flex-shrink:0;background:transparent;color:var(--color-text-muted);border:1px solid transparent;font-size:.88rem;padding:1px 5px;border-radius:var(--radius-sm);line-height:1;transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.btn--reroll-history:hover{color:var(--color-accent-gold);border-color:var(--color-accent-gold-dim);background:var(--color-bg-card)}.dice-toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%) translateY(120%);z-index:9000;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:180px;padding:var(--space-md) var(--space-xl) var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-accent-gold-dim);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000080,var(--glow-gold-sm);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.dice-toast--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.dice-toast__close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--color-text-muted);font-size:.75rem;padding:2px 4px;cursor:pointer;line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.dice-toast__close:hover{color:var(--color-text-primary);background:#ffffff0f}.dice-toast__label{font-family:var(--font-heading);font-size:.8rem;color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.dice-toast__total{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-accent-gold);line-height:1;text-shadow:0 0 12px rgba(201,162,103,.4);animation:dice-toast-pulse .3s ease-out}.dice-toast__breakdown{font-size:.78rem;color:var(--color-text-muted)}.dice-toast__breakdown b{color:var(--color-text-primary)}.dice-toast__breakdown s{opacity:.5}@keyframes dice-toast-pulse{0%{transform:scale(.7);opacity:.5}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-md)}.modal-dialog{background:var(--color-bg-mid);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-header h2{margin:0;font-size:1.05rem}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);flex-shrink:0}.modal-instructions{color:var(--color-text-muted);font-size:.88rem;margin-bottom:var(--space-md);line-height:1.55}.start-combat-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.start-combat-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.start-combat-row__name{flex:1;font-family:var(--font-heading);font-size:.92rem;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-combat-row__roll{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-accent-gold);min-width:44px;text-align:center;line-height:1.2}.start-combat-roll-breakdown{display:block;font-size:.68rem;color:var(--color-text-muted);font-weight:400}.start-combat-initiative-input{width:80px;text-align:center;font-size:1rem;flex-shrink:0}.btn--reroll{background:var(--color-bg-dark);color:var(--color-text-muted);border:1px solid var(--color-border);font-size:.9rem;padding:4px 9px}.btn--reroll:hover{color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.saved-encounters-list{display:flex;flex-direction:column;gap:var(--space-sm)}.saved-encounter-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.saved-encounter-row__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.saved-encounter-row__name{font-family:var(--font-heading);font-size:.92rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-encounter-row__meta{font-size:.72rem;color:var(--color-text-muted)}.saved-encounter-row__actions{display:flex;gap:var(--space-xs);flex-shrink:0}@media(max-width:1100px){.dm-main--3col{grid-template-columns:1fr 1fr!important}.dm-col--left{grid-column:1 / -1;max-height:300px}.resize-handle{display:none}}@media(max-width:820px){.dm-main,.dm-main--3col{grid-template-columns:1fr!important;height:auto;overflow:visible}.dm-col{overflow:visible}.dm-col--left{max-height:none}.resize-handle{display:none}.dm-header{flex-wrap:wrap}.dm-header__center{order:3;width:100%;text-align:left}}.monster-search{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);position:relative}.monster-search__title{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.monster-search__input{width:100%;box-sizing:border-box}.monster-search__dropdown{position:absolute;left:0;right:0;top:100%;z-index:100;background:var(--color-bg-mid);border:1px solid var(--color-border-light);border-radius:0 0 var(--radius-md) var(--radius-md);max-height:320px;overflow-y:auto;box-shadow:var(--shadow-lg)}.monster-search__loading,.monster-search__empty{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:.85rem}.monster-search__result{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.monster-search__result:last-child{border-bottom:none}.monster-search__result:hover{background:var(--color-bg-card-hover)}.monster-search__result-left{display:flex;flex-direction:column;gap:2px;min-width:0}.monster-search__result-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-search__result-meta{font-size:.75rem;color:var(--color-text-muted)}.monster-search__result-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.monster-search__source-badge{font-family:var(--font-heading);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-accent-gold-muted);color:var(--color-accent-gold);border:1px solid var(--color-accent-gold-dim)}.monster-search__view-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.85rem;cursor:pointer;line-height:1}.monster-search__view-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-gold-dim)}.stat-block-content{font-family:var(--font-body);font-size:.9rem;line-height:1.6;padding:var(--space-sm) var(--space-md)}.stat-block-content h1{font-size:1.4rem;color:var(--color-accent-gold);margin-bottom:var(--space-xs)}.stat-block-content h2,.stat-block-content h3{font-size:1rem;color:var(--color-accent-gold);border-bottom:2px solid;border-image:linear-gradient(to right,var(--color-accent-gold),transparent) 1;padding-bottom:var(--space-xs);margin:var(--space-md) 0 var(--space-sm)}.stat-block-content p{margin:.6em 0}.stat-block-content p>strong:first-child{color:var(--color-accent-gold)}.stat-block-content hr{border:none;border-top:2px solid;border-image:linear-gradient(to right,var(--color-accent-gold),transparent) 1;margin:var(--space-md) 0}.stat-block-content em{color:var(--color-text-secondary)}.stat-block-content strong{color:var(--color-text-primary)}.stat-block-content ul,.stat-block-content ol{padding-left:var(--space-lg);margin:var(--space-xs) 0}.stat-block-content li{margin-bottom:var(--space-xs)}.stat-block-content table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-size:.85rem}.stat-block-content th,.stat-block-content td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);text-align:center}.stat-block-content th{background:var(--color-bg-card-hover);font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-gold)}.right-tabs{display:flex;gap:0;margin-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.right-tabs__btn{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.right-tabs__btn:hover{color:var(--color-text-primary)}.right-tabs__btn--active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.monster-db{display:flex;flex-direction:column;gap:var(--space-sm);height:100%}.monster-db__filters{display:flex;flex-direction:column;gap:var(--space-xs)}.monster-db__search{width:100%;box-sizing:border-box}.monster-db__filter-row{display:flex;gap:var(--space-xs)}.monster-db__select{flex:1;min-width:0}.monster-db__count{font-size:.75rem;color:var(--color-text-muted);padding:2px 0}.monster-db__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs);min-height:0}.monster-db__item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.monster-db__item:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent-gold-dim)}.monster-db__item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.monster-db__item-name{font-family:var(--font-heading);font-weight:600;font-size:.85rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-db__item-meta{font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monster-db__item-stats{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.monster-db__stat{font-family:var(--font-heading);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap;padding:1px 4px;background:var(--color-bg-dark);border-radius:3px;border:1px solid var(--color-border)}.monster-db__add-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;background:var(--color-accent-gold-muted);color:var(--color-accent-gold);border:1px solid var(--color-accent-gold-dim);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}.monster-db__add-btn:hover{background:var(--color-accent-gold);color:var(--color-text-dark)}.monster-db__empty{text-align:center;padding:var(--space-lg);color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.85rem;letter-spacing:.04em;border:1px dashed var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-dark)}.monster-db__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.monster-db__pagination .btn--sm{color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border)}.monster-db__pagination .btn--sm:hover:not(:disabled){color:var(--color-accent-gold);border-color:var(--color-accent-gold-dim);background:var(--color-bg-card-hover)}.monster-db__page-info{font-family:var(--font-heading);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em}.monster-detail{display:flex;flex-direction:column;height:100%}.monster-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);gap:var(--space-sm)}.monster-detail__back{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em}.monster-detail__back:hover{background:var(--color-bg-card-hover);color:var(--color-accent-gold);border-color:var(--color-accent-gold-dim)}.stat-block-badge{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.75rem;cursor:pointer;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast)}.stat-block-badge:hover{background:var(--color-accent-gold-muted);border-color:var(--color-accent-gold-dim)}.dice-roll{display:inline;color:var(--color-accent-gold);font-weight:600;cursor:pointer;border-bottom:1px dashed var(--color-accent-gold-dim);padding:0 2px;transition:color var(--transition-fast),background var(--transition-fast);border-radius:2px}.dice-roll:hover{background:var(--color-accent-gold-muted);color:var(--color-text-primary)}.monster-db__custom-actions{display:flex;gap:.5rem;padding:.25rem 0 .5rem;border-bottom:1px solid var(--color-border)}.monster-detail__header-actions{display:flex;gap:.5rem;align-items:center}.import-monster__tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.import-monster__tab{flex:1;padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:color var(--transition-fast),border-color var(--transition-fast)}.import-monster__tab:hover{color:var(--color-text-primary)}.import-monster__tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.import-monster__actions-row{display:flex;gap:.5rem;margin-bottom:.5rem}.import-monster__textarea{width:100%;min-height:200px;padding:.75rem;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:.8rem;resize:vertical}.import-monster__upload{text-align:center;padding:2rem 1rem}.import-monster__file-loaded{margin-top:1rem;color:var(--color-text-secondary);font-size:.875rem}.import-monster__errors{margin:.75rem 0;padding:.75rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-sm)}.import-monster__error{margin:.25rem 0;color:var(--color-danger);font-size:.85rem}.import-monster__preview{margin-top:1rem;padding:1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.import-monster__preview-title{font-size:1rem;margin:0 0 .75rem;color:var(--color-text-primary)}.import-monster__preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem;font-size:.85rem;color:var(--color-text-secondary)}.import-monster__abilities{display:flex;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);justify-content:center}.import-monster__ability{display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:var(--color-text-secondary)}.import-monster__ability strong{font-size:.7rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.import-monster__section{margin-top:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.import-monster__save{margin-top:1rem;width:100%}.import-monster__local-note{margin-top:.5rem;font-size:.75rem;color:var(--color-text-tertiary);text-align:center}.monster-form__error{padding:.5rem .75rem;margin-bottom:.75rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.85rem}.monster-form__section{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.5rem;overflow:hidden}.monster-form__section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;background:var(--color-bg-card);border:none;color:var(--color-text-primary);cursor:pointer;font-size:.85rem;font-weight:600}.monster-form__section-header:hover{background:var(--color-bg-card-hover)}.monster-form__section-arrow{font-size:.65rem;color:var(--color-text-tertiary)}.monster-form__section-body{padding:.75rem;border-top:1px solid var(--color-border)}.monster-form__row{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.monster-form__field{display:flex;flex-direction:column;flex:1;min-width:80px}.monster-form__field--wide{flex:2;min-width:150px}.monster-form__field--full{width:100%;margin-bottom:.5rem}.monster-form__field>span{font-size:.7rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.monster-form__field input,.monster-form__field select{padding:.35rem .5rem;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem}.monster-form__abilities{display:flex;gap:.5rem;justify-content:center}.monster-form__ability{display:flex;flex-direction:column;align-items:center;gap:.2rem}.monster-form__ability-label{font-size:.7rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase}.monster-form__ability input{width:48px;text-align:center;padding:.3rem;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem}.monster-form__ability-mod{font-size:.75rem;color:var(--color-text-secondary)}.monster-form__hint{font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.5rem}.monster-form__markdown{width:100%;min-height:150px;padding:.75rem;background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:.8rem;resize:vertical}.monster-form__entries{display:flex;flex-direction:column;gap:.5rem}.monster-form__entry{padding:.5rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.monster-form__entry-header{display:flex;gap:.5rem;margin-bottom:.35rem}.monster-form__entry-name{flex:1;padding:.3rem .5rem;background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.monster-form__entry-desc{width:100%;padding:.3rem .5rem;background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;resize:vertical}.monster-form__submit{width:100%;margin-top:.75rem}.monster-form__local-note{margin-top:.5rem;font-size:.75rem;color:var(--color-text-tertiary);text-align:center}.left-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.left-panel__tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);flex-shrink:0;background:var(--color-bg-dark)}.left-panel__tab{flex:1;padding:.6rem .5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.left-panel__tab:hover{color:var(--color-text-primary);background:#c9a2670a}.left-panel__tab--active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold);background:#c9a2670f}.left-panel__content{flex:1;overflow-y:auto;min-height:0;padding-top:var(--space-sm)}.character-library{display:flex;flex-direction:column;height:100%}.character-library__list{flex:1;overflow-y:auto;padding:var(--space-sm)}.character-library__empty{color:var(--color-text-tertiary);text-align:center;padding:2rem var(--space-md);font-size:.85rem}.character-library__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--color-border);gap:.5rem}.character-library__item:hover{background:var(--color-surface-hover)}.character-library__item-info{display:flex;flex-direction:column;min-width:0;flex:1}.character-library__item-name{font-weight:600;font-size:.85rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-library__item-meta{display:flex;gap:.5rem;font-size:.7rem;color:var(--color-text-tertiary);align-items:center}.character-library__badge{display:inline-block;padding:.05rem .35rem;border-radius:3px;font-size:.65rem;font-weight:700;text-transform:uppercase}.character-library__badge--player{background:var(--color-player);color:#fff}.character-library__badge--npc{background:var(--color-npc, #6a7b8b);color:#fff}.character-library__item-actions{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.character-library__form{flex-shrink:0;padding:var(--space-md);border-top:2px solid var(--color-border);background:var(--color-bg-dark)}.character-library__form-title{font-size:.8rem;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:.5rem}.character-library__error{background:var(--color-danger);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;margin-bottom:.5rem}.character-library__form-row{display:flex;gap:.5rem;margin-bottom:.5rem}.character-library__input,.character-library__select{flex:1;min-width:0}.character-library__input--name{flex:2}.character-library__field{display:flex;flex-direction:column;flex:1;min-width:0}.character-library__field span{font-size:.65rem;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.15rem}.character-library__field input{width:100%}.character-library__form-actions{display:flex;gap:.5rem}.encounter-library{display:flex;flex-direction:column;height:100%;padding:var(--space-sm)}.encounter-library__footer{flex-shrink:0;border-top:1px solid var(--color-border);padding-top:var(--space-sm);margin-top:var(--space-sm)}.encounter-library__save-row{display:flex;gap:var(--space-xs)}.encounter-library__name-input{flex:1;min-width:0;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.85rem}.encounter-library__name-input::placeholder{color:var(--color-text-tertiary)}.encounter-library__save-btn{flex-shrink:0;white-space:nowrap}.encounter-library__list{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.encounter-library__empty{color:var(--color-text-tertiary);text-align:center;padding:2rem var(--space-md);font-size:.85rem}.encounter-library__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.encounter-library__item:hover{background:var(--color-bg-card-hover)}.encounter-library__item-info{display:flex;flex-direction:column;min-width:0;flex:1}.encounter-library__item-name{font-weight:600;font-size:.85rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.encounter-library__item-meta{font-size:.7rem;color:var(--color-text-tertiary)}.encounter-library__item-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.encounter-library__actions-row{display:flex;gap:.5rem;margin-bottom:var(--space-sm)}.sync-indicator{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm)}.sync-indicator--syncing{color:var(--color-accent-gold)}.sync-indicator--synced{color:var(--color-accent-green, #4ade80)}.sync-indicator--error{color:var(--color-accent-red)}html:has(.player-wrapper),html:has(.player-wrapper) body{height:100%;overflow:hidden}.player-wrapper{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-dark);background-image:radial-gradient(ellipse at top,rgba(201,162,103,.03) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(80,100,180,.02) 0%,transparent 60%)}.player-header{display:flex;align-items:center;justify-content:space-between;padding:24px 60px;background:var(--color-bg-mid);border-bottom:3px solid var(--color-accent-gold-dim);flex-shrink:0}.player-header__title{font-family:var(--font-heading);font-size:2.4rem;font-weight:700;color:var(--color-accent-gold);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 20px rgba(201,162,103,.3)}.player-header__round{font-family:var(--font-heading);font-size:1.8rem;color:var(--color-text-muted);letter-spacing:.1em}.player-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:40px 60px;overflow:hidden}.player-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;flex:1;align-self:center}.player-waiting__icon{font-size:6rem;opacity:.15;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.player-waiting__text{font-family:var(--font-heading);font-size:2rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.initiative-list{flex:1;min-height:0;overflow:hidden;list-style:none;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:4px}.initiative-item{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:var(--player-v-pad, 24px) var(--player-h-pad, 48px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left-width:8px;transition:background-color .3s ease,box-shadow .3s ease}.initiative-item--active{background:var(--color-accent-gold);border-color:var(--color-accent-gold);border-left-color:var(--color-accent-gold);box-shadow:0 0 30px #c9a26780,0 0 60px #c9a26733,0 0 4px #c9a267cc;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 30px #c9a26780,0 0 60px #c9a26733}50%{box-shadow:0 0 40px #c9a267b3,0 0 80px #c9a26759,0 0 6px #c9a267e6}}.initiative-item__left{display:flex;align-items:center;gap:var(--player-left-gap, 20px);min-width:0;flex:1}.initiative-item__arrow{font-size:var(--player-arrow-size, 1.8rem);color:var(--color-text-dark);flex-shrink:0;animation:arrow-bounce .8s ease-in-out infinite alternate}@keyframes arrow-bounce{0%{transform:translate(0)}to{transform:translate(6px)}}.initiative-item__name{font-family:var(--font-heading);font-size:var(--player-name-size, 2.6rem);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}.initiative-item--active .initiative-item__name{color:var(--color-text-dark);text-shadow:none}.initiative-item__score{font-family:var(--font-heading);font-size:var(--player-score-size, 2.2rem);font-weight:700;color:var(--color-accent-gold);flex-shrink:0;margin-left:24px}.player-footer{text-align:center;padding:12px;font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;font-family:var(--font-heading);text-transform:uppercase;border-top:1px solid var(--color-border);flex-shrink:0}.initiative-item--preparing{flex:0 0 auto;background:transparent;border-color:transparent!important;justify-content:center;pointer-events:none}.initiative-item__preparing-text{font-family:var(--font-heading);font-size:var(--player-preparing-size, 1.4rem);color:var(--color-text-muted);letter-spacing:.06em;font-style:italic}.initiative-item__right{display:flex;align-items:center;gap:var(--player-left-gap, 20px);flex-shrink:0;margin-left:var(--player-left-gap, 20px)}.status-badge{display:inline-block;font-family:var(--font-heading);font-size:var(--player-badge-size, .85rem);font-weight:700;letter-spacing:.05em;padding:var(--player-badge-v-pad, 5px) var(--player-badge-h-pad, 16px);border-radius:20px;text-transform:uppercase;white-space:nowrap}.status-badge--hurt{background:#f5a6231f;color:#f5a623;border:2px solid rgba(245,166,35,.35)}.status-badge--bloody{background:#e5484d1f;color:#e5484d;border:2px solid rgba(229,72,77,.3)}.status-badge--unconscious{background:#8384951f;color:var(--color-text-muted);border:2px solid rgba(131,132,149,.25)}.initiative-item__name--unconscious{text-decoration:line-through;opacity:.5}.initiative-item--active .initiative-item__right .status-badge{background:#00000026;color:var(--color-text-dark);border-color:#00000040}.initiative-item--active .initiative-item__score{color:var(--color-text-dark)}