.campaigns-page{padding:var(--space-xl) var(--space-lg);max-width:1200px;margin:0 auto}.campaigns-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.campaigns-page__title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-gold);margin:0}.campaigns-page__section-title{font-family:var(--font-display);font-size:1.15rem;color:var(--color-parchment);margin:var(--space-xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-subtle)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:960px){.campaign-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.campaign-grid{grid-template-columns:1fr}.campaigns-page{padding:var(--space-lg) var(--space-md)}.campaigns-page__header{flex-direction:column;gap:var(--space-md);align-items:stretch}}.campaign-card{position:relative;background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color var(--transition-normal),transform var(--transition-fast)}.campaign-card:hover{border-color:var(--color-gold);transform:translateY(-2px)}.campaign-card__cover{height:120px;background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-elevated) 50%,rgba(201,168,76,.08) 100%);position:relative}.campaign-card__cover img{width:100%;height:100%;object-fit:cover}.campaign-card__status-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);font-family:var(--font-ui);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px var(--space-sm);border-radius:var(--radius-sm);background:#0009;color:var(--color-parchment)}.campaign-card__status-badge--active{color:var(--color-success)}.campaign-card__status-badge--paused{color:var(--color-warning)}.campaign-card__status-badge--completed{color:var(--color-gold)}.campaign-card__status-badge--archived{color:var(--color-parchment-dim)}.campaign-card__body{padding:var(--space-md)}.campaign-card__name{font-family:var(--font-display);font-size:1.05rem;color:var(--color-parchment);margin:0 0 var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-card__system{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim);margin-bottom:var(--space-sm)}.campaign-card__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-top:var(--border-subtle)}.campaign-card__avatars{display:flex;align-items:center}.campaign-card__avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-bg-elevated);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.65rem;font-weight:600;color:var(--color-parchment)}.campaign-card__avatar+.campaign-card__avatar{margin-left:-8px}.campaign-card__avatar--overflow{background:var(--color-gold-dim);color:var(--color-bg);font-size:.6rem}.campaign-card__meta{display:flex;gap:var(--space-md);font-family:var(--font-ui);font-size:.75rem;color:var(--color-parchment-dim)}.campaign-filters{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.campaign-filters__search{flex:1;min-width:180px;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.campaign-filters__search::placeholder{color:var(--color-parchment-dim)}.campaign-filters__search:focus{border-color:var(--color-gold)}.campaign-filters__select{padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);font-family:var(--font-body);font-size:.85rem;cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.campaign-filters__select:focus{border-color:var(--color-gold)}.campaign-filters__chips{display:flex;gap:var(--space-xs)}.campaign-filters__chip{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:var(--border-subtle);background:transparent;color:var(--color-parchment-dim);font-family:var(--font-ui);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.campaign-filters__chip:hover{border-color:var(--color-gold-dim);color:var(--color-parchment)}.campaign-filters__chip--active{background:#c9a84c26;border-color:var(--color-gold);color:var(--color-gold)}@media(max-width:600px){.campaign-filters{flex-direction:column;align-items:stretch}.campaign-filters__search{min-width:unset}.campaign-filters__chips{overflow-x:auto;padding-bottom:var(--space-xs)}}.campaign-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:.85rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.campaign-btn--primary{background:var(--color-gold);color:var(--color-bg)}.campaign-btn--primary:hover{background:var(--color-gold-bright)}.campaign-btn--primary:disabled{opacity:.5;cursor:not-allowed}.campaign-btn--secondary{background:transparent;border:var(--border-subtle);color:var(--color-parchment)}.campaign-btn--secondary:hover{border-color:var(--color-gold);color:var(--color-gold)}.campaign-form{display:flex;flex-direction:column;gap:var(--space-md)}.campaign-form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.campaign-form__label{font-family:var(--font-display);font-size:.8rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.5px}.campaign-form__input,.campaign-form__textarea{padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.campaign-form__input:focus,.campaign-form__textarea:focus{border-color:var(--color-gold)}.campaign-form__input--error,.campaign-form__textarea--error{border-color:var(--color-danger)}.campaign-form__textarea{resize:vertical;min-height:80px}.campaign-form__char-count{font-family:var(--font-ui);font-size:.7rem;color:var(--color-parchment-dim);text-align:right}.campaign-form__error{font-family:var(--font-ui);font-size:.75rem;color:var(--color-danger)}.campaign-form__radio-group{display:flex;gap:var(--space-sm)}.campaign-form__radio{flex:1;padding:var(--space-sm) var(--space-md);border:var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--color-parchment-dim);font-family:var(--font-body);font-size:.85rem;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.campaign-form__radio:hover{border-color:var(--color-gold-dim)}.campaign-form__radio--selected{background:#c9a84c26;border-color:var(--color-gold);color:var(--color-gold)}.campaign-form__toggle-row{display:flex;align-items:center;justify-content:space-between}.campaign-form__toggle-label{font-family:var(--font-body);font-size:.95rem;color:var(--color-parchment)}.campaign-form__toggle{position:relative;width:44px;height:24px;border-radius:12px;background:var(--color-bg-surface);border:var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}.campaign-form__toggle--on{background:var(--color-gold-dim);border-color:var(--color-gold)}.campaign-form__toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--color-parchment);transition:transform var(--transition-fast)}.campaign-form__toggle--on .campaign-form__toggle-knob{transform:translate(20px)}.campaign-form__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.campaign-join{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding:var(--space-md) 0}.campaign-join__code-input{width:200px;padding:var(--space-md);font-family:var(--font-mono);font-size:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:4px;background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--color-gold);outline:none;transition:border-color var(--transition-fast)}.campaign-join__code-input:focus{border-color:var(--color-gold)}.campaign-join__code-input--error{border-color:var(--color-danger)}.campaigns-empty{text-align:center;padding:var(--space-xl) var(--space-lg);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated)}.campaigns-empty__icon{font-size:2.5rem;margin-bottom:var(--space-md);opacity:.4}.campaigns-empty__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-parchment);margin:0 0 var(--space-sm)}.campaigns-empty__text{font-family:var(--font-body);font-size:.95rem;color:var(--color-parchment-dim);margin:0 0 var(--space-lg)}.campaign-skeleton{background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.campaign-skeleton__cover{height:120px;background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-elevated) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:campaign-skeleton-shimmer 1.5s infinite}.campaign-skeleton__body{padding:var(--space-md)}.campaign-skeleton__line{height:14px;border-radius:var(--radius-sm);background:var(--color-bg-surface);margin-bottom:var(--space-sm)}.campaign-skeleton__line--short{width:60%}@keyframes campaign-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.landing{min-height:100vh;background:var(--color-bg);color:var(--color-parchment);overflow-x:hidden}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(244,232,208,.06) 0%,rgba(244,232,208,.02) 40%,transparent 70%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(244,232,208,.008) 2px,rgba(244,232,208,.008) 4px);pointer-events:none;z-index:0}.hero__content{position:relative;z-index:1;max-width:720px}.hero__heading{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-gold);margin:0 0 var(--space-lg);letter-spacing:.02em;line-height:1.2}.hero__subheading{font-family:var(--font-body);font-size:20px;color:var(--color-parchment);margin:0 0 var(--space-xl);line-height:1.6;max-width:560px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.04em;padding:16px 32px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.cta-btn:hover{transform:translateY(-2px)}.cta-btn--primary{background:var(--color-gold);color:var(--color-bg);border:2px solid var(--color-gold)}.cta-btn--primary:hover{background:var(--color-gold-bright);border-color:var(--color-gold-bright);box-shadow:0 4px 20px #c9a84c4d}.cta-btn--secondary{background:transparent;color:var(--color-gold);border:2px solid var(--color-gold)}.cta-btn--secondary:hover{background:#c9a84c1a;box-shadow:0 4px 20px #c9a84c26}.features{padding:80px var(--space-xl) 96px;max-width:1120px;margin:0 auto}.features__title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-gold);text-align:center;margin:0 0 48px;letter-spacing:.02em}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:#c9a84c59;box-shadow:0 8px 24px #0006,0 0 12px #c9a84c1a}.feature-card__icon{font-size:48px;margin-bottom:var(--space-md);line-height:1}.feature-card__title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--color-parchment);margin:0 0 var(--space-sm);letter-spacing:.02em}.feature-card__description{font-family:var(--font-body);font-size:16px;color:var(--color-parchment-dim);margin:0;line-height:1.6}.landing-footer{padding:var(--space-lg) var(--space-xl);background:var(--color-bg);border-top:var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.landing-footer__copyright{font-family:var(--font-body);font-size:14px;color:var(--color-parchment-dim);margin:0}.landing-footer__links{display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.landing-footer__link{font-family:var(--font-body);font-size:14px;color:var(--color-parchment-dim);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;transition:color var(--transition-fast)}.landing-footer__link:hover{color:var(--color-gold)}@media(max-width:768px){.hero__heading{font-size:36px}.hero__subheading{font-size:18px}.features__grid{grid-template-columns:repeat(2,1fr)}.features{padding:64px var(--space-lg)}.features__title{font-size:24px}.landing-footer{flex-direction:column;text-align:center}}@media(max-width:480px){.hero__heading{font-size:32px}.hero__subheading{font-size:17px}.hero__actions{flex-direction:column;width:100%}.cta-btn{width:100%}.features__grid{grid-template-columns:1fr}.features{padding:48px var(--space-md)}}.onboarding{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);color:var(--color-parchment)}.onboarding__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-bottom:var(--border-subtle)}.onboarding__title{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);margin:0;letter-spacing:.04em}.onboarding__skip{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.onboarding__skip:hover{color:var(--color-parchment)}.onboarding__stepper{padding:var(--space-lg) var(--space-lg) var(--space-md);background:var(--color-bg-elevated);border-bottom:var(--border-subtle)}.onboarding-stepper__list{display:flex;align-items:flex-start;justify-content:center;list-style:none;margin:0;padding:0}.onboarding-stepper__step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:140px}.onboarding-stepper__connector{position:absolute;top:16px;right:50%;width:100%;height:2px;background:#c9a84c26;z-index:0}.onboarding-stepper__connector--filled{background:var(--color-gold)}.onboarding-stepper__circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(201,168,76,.25);background:var(--color-bg);color:var(--color-parchment-dim);font-family:var(--font-display);font-size:.8rem;position:relative;z-index:1;transition:all var(--transition-fast);padding:0}.onboarding-stepper__step--active .onboarding-stepper__circle{border-color:var(--color-gold);color:var(--color-gold);box-shadow:0 0 8px #c9a84c4d}.onboarding-stepper__step--completed .onboarding-stepper__circle{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-bg)}.onboarding-stepper__check{width:14px;height:14px}.onboarding-stepper__label{margin-top:var(--space-xs);font-family:var(--font-body);font-size:.75rem;color:var(--color-parchment);text-align:center;white-space:nowrap}.onboarding-stepper__label--muted{color:var(--color-parchment-dim)}.onboarding__body{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.onboarding-step{max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.onboarding-step__title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-gold);margin:0;letter-spacing:.02em}.onboarding-step__description{font-family:var(--font-body);font-size:1.05rem;color:var(--color-parchment-dim);margin:0;line-height:1.7;max-width:480px}.onboarding-step__action{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.onboarding-step__btn{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.04em;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:2px solid var(--color-gold);min-width:200px}.onboarding-step__btn--primary{background:var(--color-gold);color:var(--color-bg)}.onboarding-step__btn--primary:hover:not(:disabled){background:var(--color-gold-bright);border-color:var(--color-gold-bright);transform:translateY(-2px);box-shadow:0 4px 16px #c9a84c4d}.onboarding-step__btn--primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-step__link{font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment-dim);background:none;border:none;cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast);text-decoration:underline;text-underline-offset:3px}.onboarding-step__link:hover{color:var(--color-gold)}.welcome-glow{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at center,rgba(201,168,76,.2) 0%,rgba(201,168,76,.05) 60%,transparent 80%);display:flex;align-items:center;justify-content:center;animation:glow-pulse 3s ease-in-out infinite}.welcome-glow__icon{font-size:56px;line-height:1}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #c9a84c26;transform:scale(1)}50%{box-shadow:0 0 40px #c9a84c4d;transform:scale(1.05)}}.quick-picker{display:flex;gap:var(--space-md);width:100%}.quick-picker__group{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.quick-picker__label{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold);letter-spacing:.05em;text-align:left}.quick-picker__select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:1rem;color:var(--color-parchment);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.quick-picker__select:focus{border-color:var(--color-gold)}.tutorial-info{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-lg);width:100%}.tutorial-info__item{display:flex;align-items:flex-start;gap:var(--space-md);text-align:left}.tutorial-info__number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#c9a84c26;color:var(--color-gold);font-family:var(--font-display);font-size:.8rem;display:flex;align-items:center;justify-content:center}.tutorial-info__text{font-family:var(--font-body);font-size:.95rem;color:var(--color-parchment);line-height:1.5;margin:0}.completion-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}.completion-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.completion-link:hover{transform:translateY(-2px);border-color:#c9a84c66;box-shadow:0 4px 12px #0000004d}.completion-link__icon{font-size:32px;line-height:1}.completion-link__label{font-family:var(--font-display);font-size:.85rem;color:var(--color-parchment);letter-spacing:.02em}.onboarding-fade-in{animation:onboarding-fade .4s ease-out}@keyframes onboarding-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.onboarding-step__title{font-size:1.4rem}.quick-picker{flex-direction:column}.completion-links{grid-template-columns:1fr}}@media(max-width:480px){.onboarding__body{padding:var(--space-md)}.onboarding-step__title{font-size:1.2rem}.onboarding-stepper__label{display:none}.onboarding-stepper__step{max-width:48px}.onboarding__stepper{padding:var(--space-md)}}:root{--color-bg: #0d0a07;--color-bg-elevated: #1a1510;--color-bg-surface: #231e17;--color-gold: #c9a84c;--color-gold-dim: rgba(201, 168, 76, .6);--color-gold-bright: #e0c060;--color-parchment: #f4e8d0;--color-parchment-dim: rgba(244, 232, 208, .6);--color-parchment-muted: rgba(244, 232, 208, .08);--color-danger: #c0392b;--color-success: #27ae60;--color-warning: #f39c12;--color-player-amber: #d4843a;--color-player-purple: #7a5aaa;--color-player-teal: #3a9a9a;--color-player-crimson: #9b4444;--color-player-forest: #4a8a4a;--color-player-slate: #6a7a8a;--font-display: "Cinzel", serif;--font-body: "EB Garamond", serif;--font-ui: system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--nav-width-collapsed: 64px;--nav-width-expanded: 240px;--top-bar-height: 56px;--top-bar-combat-height: 112px;--right-panel-width: 320px;--input-area-height: auto;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease;--border-subtle: 1px solid rgba(201, 168, 76, .15);--border-gold: 1px solid var(--color-gold);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.game-session-layout{display:grid;grid-template-columns:var(--nav-width-collapsed) 1fr var(--right-panel-width);grid-template-rows:var(--top-bar-height) 1fr auto;grid-template-areas:"nav top top" "nav content right" "nav bottom bottom";height:100vh;background:var(--color-bg);color:var(--color-parchment);transition:grid-template-columns var(--transition-normal),grid-template-rows var(--transition-normal)}.game-session-layout--combat{grid-template-rows:var(--top-bar-combat-height) 1fr auto}.game-session-layout--nav-expanded{grid-template-columns:var(--nav-width-expanded) 1fr var(--right-panel-width)}.game-session-layout--no-right{grid-template-columns:var(--nav-width-collapsed) 1fr;grid-template-areas:"nav top" "nav content" "nav bottom"}.game-session-layout--nav-expanded.game-session-layout--no-right{grid-template-columns:var(--nav-width-expanded) 1fr}.zone-nav{grid-area:nav;background:var(--color-bg-elevated);border-right:var(--border-subtle);overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal)}.zone-top{grid-area:top;background:var(--color-bg-elevated);border-bottom:var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-md);transition:height var(--transition-normal)}.zone-content{grid-area:content;overflow-y:auto;padding:var(--space-md)}.zone-right{grid-area:right;background:var(--color-bg-elevated);border-left:var(--border-subtle);overflow-y:auto;padding:var(--space-md)}.zone-bottom{grid-area:bottom;background:var(--color-bg-elevated);border-top:var(--border-subtle);padding:var(--space-sm) var(--space-md);min-height:64px;display:flex;align-items:center}@media(max-width:768px){.game-session-layout{grid-template-columns:1fr;grid-template-rows:var(--top-bar-height) 1fr auto;grid-template-areas:"top" "content" "bottom"}.zone-nav,.zone-right{display:none}.game-session-layout--nav-open .zone-nav{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:var(--nav-width-expanded);z-index:100;background:var(--color-bg-elevated)}.game-session-layout--right-open .zone-right{display:block;position:fixed;top:0;right:0;bottom:0;width:min(var(--right-panel-width),85vw);z-index:100;background:var(--color-bg-elevated)}}.top-bar{height:var(--top-bar-height);background:var(--color-bg-elevated);border-bottom:var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);gap:var(--space-md);transition:height var(--transition-slow);overflow:hidden;position:relative}.top-bar--combat{height:var(--top-bar-combat-height);flex-wrap:wrap}.top-bar__left{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex-shrink:0}.top-bar__center{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);font-size:.8125rem;color:var(--color-parchment-dim);flex-shrink:1;min-width:0}.top-bar__right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.top-bar__hamburger{display:none;background:none;border:none;color:var(--color-parchment);cursor:pointer;padding:var(--space-xs);line-height:1;font-size:1.25rem}@media(max-width:768px){.top-bar__hamburger{display:flex;align-items:center;justify-content:center}}.top-bar__title{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.top-bar__session-label{color:var(--color-parchment-dim);font-variant-numeric:tabular-nums}.top-bar__duration{color:var(--color-parchment-dim);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.75rem}.top-bar__btn{background:none;border:1px solid transparent;color:var(--color-parchment-dim);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.8125rem;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.top-bar__btn:hover{color:var(--color-parchment);border-color:var(--color-parchment-muted)}.top-bar__btn--combat-active{color:var(--color-danger);border-color:var(--color-danger)}.top-bar__btn--combat-active:hover{background:#c0392b1a}.top-bar__settings-btn{background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;padding:var(--space-xs);font-size:1.125rem;line-height:1;transition:color var(--transition-fast)}.top-bar__settings-btn:hover{color:var(--color-parchment)}.top-bar__party-row{width:100%;flex-basis:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-gold-dim) transparent}.top-bar__party-row::-webkit-scrollbar{height:4px}.top-bar__party-row::-webkit-scrollbar-thumb{background:var(--color-gold-dim);border-radius:2px}.party-strip{display:flex;align-items:center;gap:var(--space-sm);overflow-x:auto;padding:var(--space-xs) 0;scrollbar-width:thin;scrollbar-color:var(--color-gold-dim) transparent}.party-strip::-webkit-scrollbar{height:4px}.party-strip::-webkit-scrollbar-thumb{background:var(--color-gold-dim);border-radius:2px}.party-avatar{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;position:relative}.party-avatar__circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-parchment-dim);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.75rem;color:var(--color-parchment);overflow:hidden;position:relative}.party-avatar__circle img{width:100%;height:100%;object-fit:cover}.party-avatar__circle--amber{border-color:var(--color-player-amber)}.party-avatar__circle--purple{border-color:var(--color-player-purple)}.party-avatar__circle--teal{border-color:var(--color-player-teal)}.party-avatar__circle--crimson{border-color:var(--color-player-crimson)}.party-avatar__circle--forest{border-color:var(--color-player-forest)}.party-avatar__circle--slate{border-color:var(--color-player-slate)}.party-avatar__hp-bar{width:28px;height:3px;background:#f4e8d01a;border-radius:2px;overflow:hidden}.party-avatar__hp-fill{height:100%;border-radius:2px;transition:width var(--transition-fast),background-color var(--transition-fast)}.party-avatar__hp-fill--healthy{background-color:var(--color-success)}.party-avatar__hp-fill--warning{background-color:var(--color-warning)}.party-avatar__hp-fill--danger{background-color:var(--color-danger)}.party-avatar__badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;font-size:7px;line-height:12px;text-align:center;border:1px solid var(--color-bg-elevated);color:#fff}.party-avatar__badge--poison{background:#27ae60}.party-avatar__badge--stunned{background:#f39c12}.party-avatar__badge--burning{background:#e74c3c}.party-avatar__badge--frozen{background:#3498db}.party-avatar__badge--blessed{background:#9b59b6}.dm-avatar{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.dm-avatar__circle{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-gold);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.75rem;color:var(--color-gold);letter-spacing:1px}.party-cluster{display:flex;align-items:center;cursor:pointer;position:relative}.party-cluster__stack{display:flex}.party-cluster__stack .party-avatar{margin-left:-8px}.party-cluster__stack .party-avatar:first-child{margin-left:0}.party-cluster__stack .party-avatar__circle{width:28px;height:28px;font-size:.625rem}.party-cluster__overflow{width:28px;height:28px;border-radius:50%;background:var(--color-bg-surface);border:2px solid var(--color-parchment-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.625rem;color:var(--color-parchment-dim);margin-left:-8px}.party-cluster__expanded{position:absolute;top:calc(100% + var(--space-xs));left:0;background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm);z-index:50;display:flex;gap:var(--space-sm)}.action-chips-row{display:flex;gap:var(--space-xs);padding-bottom:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.action-chips-row::-webkit-scrollbar{display:none}.action-chip{flex-shrink:0;scroll-snap-align:start;height:32px;padding:0 12px;border-radius:9999px;border:1px solid var(--color-parchment-dim);background:transparent;color:var(--color-parchment);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.action-chip:hover{border-color:var(--color-gold-dim);color:var(--color-gold-bright)}.action-chip:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.action-chip--active{background:var(--color-gold);color:var(--color-bg);border-color:var(--color-gold)}.action-chip--active:hover{background:var(--color-gold-bright);border-color:var(--color-gold-bright);color:var(--color-bg)}.chat-input-wrapper{display:flex;flex-direction:column;width:100%;gap:var(--space-xs)}.chat-input-container{display:flex;flex-direction:column;border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);background:var(--color-bg-surface);transition:border-color var(--transition-fast);overflow:hidden}.chat-input-container:focus-within{box-shadow:0 0 0 1px var(--color-gold-dim)}.chat-input-textarea{width:100%;min-height:24px;max-height:144px;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-parchment);font-family:var(--font-body);font-size:15px;line-height:24px;resize:none;outline:none}.chat-input-textarea::placeholder{color:var(--color-parchment-dim)}.chat-input-textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input-footer{display:flex;justify-content:space-between;align-items:center;padding:2px var(--space-sm) var(--space-xs)}.chat-input-counter{font-family:var(--font-mono);font-size:11px;color:var(--color-parchment-dim)}.chat-input-counter--over{color:var(--color-danger)}.chat-input-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:9999px;background:var(--color-gold);color:var(--color-bg);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.chat-input-send:hover:not(:disabled){background:var(--color-gold-bright)}.chat-input-send:disabled{opacity:.35;cursor:not-allowed}.chat-input-send:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.dice-input{display:flex;flex-direction:column;gap:var(--space-xs)}.dice-input-quick{display:flex;gap:var(--space-xs);flex-wrap:wrap}.dice-input-quick-btn{height:32px;padding:0 12px;border:1px solid var(--color-player-teal);border-radius:var(--radius-sm);background:transparent;color:var(--color-player-teal);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.dice-input-quick-btn:hover:not(:disabled){background:var(--color-player-teal);color:var(--color-bg)}.dice-input-quick-btn:disabled{opacity:.35;cursor:not-allowed}.dice-input-row{display:flex;gap:var(--space-sm)}.dice-input-field{flex:1;height:40px;padding:0 var(--space-md);border:1px solid var(--color-player-teal);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-parchment);font-family:var(--font-mono);font-size:15px;outline:none}.dice-input-field:focus{box-shadow:0 0 0 1px var(--color-player-teal)}.dice-input-field::placeholder{color:var(--color-parchment-dim)}.dice-input-roll-btn{height:40px;padding:0 var(--space-lg);border:none;border-radius:var(--radius-md);background:var(--color-player-teal);color:var(--color-bg);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.dice-input-roll-btn:hover:not(:disabled){opacity:.85}.dice-input-roll-btn:disabled{opacity:.35;cursor:not-allowed}.dice-input-preview{font-family:var(--font-mono);font-size:12px;color:var(--color-parchment-dim);padding-left:var(--space-xs)}.dice-input-preview--error{color:var(--color-danger)}.spell-picker{position:relative;display:flex;flex-direction:column;gap:var(--space-xs)}.spell-picker-search{height:40px;padding:0 var(--space-md);border:1px solid var(--color-player-amber);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-parchment);font-family:var(--font-body);font-size:15px;outline:none}.spell-picker-search:focus{box-shadow:0 0 0 1px var(--color-player-amber)}.spell-picker-search::placeholder{color:var(--color-parchment-dim)}.spell-picker-list{list-style:none;margin:0;padding:var(--space-xs) 0;max-height:200px;overflow-y:auto;background:var(--color-bg-elevated);border:1px solid var(--color-player-amber);border-radius:var(--radius-md)}.spell-picker-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-parchment);font-family:var(--font-body);font-size:14px;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.spell-picker-item:hover{background:var(--color-parchment-muted)}.spell-picker-empty{padding:var(--space-sm) var(--space-md);color:var(--color-parchment-dim);font-family:var(--font-body);font-size:14px;font-style:italic}.right-panel{display:flex;flex-direction:column;height:100%;width:var(--right-panel-width);background:var(--color-bg-elevated);color:var(--color-parchment);font-family:var(--font-body)}.right-panel__loading,.right-panel__error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-parchment-dim);font-family:var(--font-body);font-size:.95rem}.char-header{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:0 var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:48px;border-bottom:var(--border-subtle)}.char-header__badge{grid-row:1 / 3;width:40px;height:40px;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-gold-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);align-self:center}.char-header__info{display:flex;flex-direction:column;justify-content:center;min-width:0}.char-header__name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-gold);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.char-header__subtitle{font-size:.75rem;color:var(--color-parchment-dim);line-height:1.3}.char-header__hp-bar{grid-column:1 / -1;position:relative;height:14px;margin-top:var(--space-xs);background:var(--color-bg-surface);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.char-header__hp-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);transition:width var(--transition-fast),background-color var(--transition-fast)}.char-header__hp-temp{position:absolute;top:0;right:0;bottom:0;background:#6495ed66;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.char-header__hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-family:var(--font-ui);font-weight:600;color:var(--color-parchment);text-shadow:0 1px 2px rgba(0,0,0,.6)}.right-panel__tabs{display:flex;border-bottom:var(--border-subtle);flex-shrink:0}.right-panel__tab{flex:1;padding:var(--space-sm) 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-parchment-dim);font-family:var(--font-ui);font-size:.8rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.right-panel__tab:hover{color:var(--color-parchment)}.right-panel__tab--active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.right-panel__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md)}.ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.ability-cell{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--color-bg-surface);border:1px solid rgba(201,168,76,.1);border-radius:var(--radius-md)}.ability-cell__label{font-family:var(--font-ui);font-size:.65rem;font-weight:700;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.ability-cell__modifier{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-gold);line-height:1}.ability-cell__score{font-size:.75rem;color:var(--color-parchment-dim);margin-top:2px}.stats-tab__combat-row{display:flex;justify-content:space-around;padding:var(--space-sm) 0;margin-bottom:var(--space-md);border-top:var(--border-subtle);border-bottom:var(--border-subtle)}.stats-tab__combat-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stats-tab__combat-icon{font-size:1.2rem;line-height:1}.stats-tab__combat-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-gold)}.stats-tab__combat-label{font-size:.6rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em}.stats-tab__conditions{margin-bottom:var(--space-md)}.stats-tab__section-title{font-family:var(--font-ui);font-size:.7rem;font-weight:700;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-xs)}.stats-tab__condition-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stats-tab__condition-tag{padding:2px var(--space-sm);background:#c0392b33;border:1px solid rgba(192,57,43,.4);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-danger)}.stats-tab__skills{margin-top:var(--space-sm)}.stats-tab__skill-list{list-style:none;margin:0;padding:0}.skill-row{display:flex;align-items:center;gap:var(--space-xs);padding:3px 0;font-size:.8rem;border-bottom:1px solid rgba(201,168,76,.05)}.skill-row__indicator{width:1.2rem;font-size:.7rem;color:var(--color-success);flex-shrink:0;text-align:center}.skill-row__name{flex:1;color:var(--color-parchment)}.skill-row__ability{font-size:.65rem;color:var(--color-parchment-dim);margin-right:var(--space-xs)}.skill-row__modifier{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gold);min-width:2rem;text-align:right}.inventory-tab{display:flex;flex-direction:column;gap:var(--space-sm)}.inventory-tab__group{border:1px solid rgba(201,168,76,.1);border-radius:var(--radius-md);overflow:hidden}.inventory-tab__group-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:none;color:var(--color-parchment);font-family:var(--font-ui);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left}.inventory-tab__group-header:hover{background:#c9a84c0d}.inventory-tab__chevron{font-size:.6rem;color:var(--color-parchment-dim);width:.8rem;flex-shrink:0}.inventory-tab__group-name{flex:1}.inventory-tab__group-count{font-size:.7rem;color:var(--color-parchment-dim);background:var(--color-bg);padding:1px 6px;border-radius:var(--radius-sm)}.inventory-tab__items{list-style:none;margin:0;padding:0}.inventory-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-top:1px solid rgba(201,168,76,.05);font-size:.8rem}.inventory-row:hover{background:#c9a84c08}.inventory-row__name{flex:1;color:var(--color-parchment);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-row__qty{color:var(--color-parchment-dim);font-size:.75rem}.inventory-row__icons{display:flex;gap:2px;font-size:.85rem}.inventory-row__equipped{color:var(--color-gold-dim)}.inventory-row__attuned{color:var(--color-gold-bright)}.inventory-row__remove{background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;padding:0 2px;font-size:.7rem;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.inventory-row:hover .inventory-row__remove{opacity:1}.inventory-row__remove:hover{color:var(--color-danger)}.inventory-tab__footer{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-top:var(--border-subtle);font-size:.75rem;color:var(--color-parchment-dim)}.spell-slots{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-subtle)}.spell-slots__title{font-family:var(--font-ui);font-size:.7rem;font-weight:700;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-sm)}.spell-slots__row{display:flex;align-items:center;gap:var(--space-sm);padding:3px 0}.spell-slots__level{font-size:.7rem;color:var(--color-parchment-dim);width:2.5rem;flex-shrink:0}.spell-slots__circles{display:flex;gap:4px;flex:1}.spell-slots__circle{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--color-gold-dim);background:transparent;cursor:pointer;padding:0;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.spell-slots__circle--filled{background:var(--color-gold);border-color:var(--color-gold)}.spell-slots__circle--empty{background:transparent}.spell-slots__circle:hover{border-color:var(--color-gold-bright)}.spell-slots__count{font-size:.65rem;font-family:var(--font-mono);color:var(--color-parchment-dim);width:2rem;text-align:right}.spells-tab__level-group{margin-bottom:var(--space-md)}.spells-tab__level-title{font-family:var(--font-ui);font-size:.7rem;font-weight:700;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-xs)}.spells-tab__list{list-style:none;margin:0;padding:0}.spell-row{display:flex;align-items:center;gap:var(--space-xs);padding:4px 0;font-size:.8rem;border-bottom:1px solid rgba(201,168,76,.05)}.spell-row--prepared{color:var(--color-parchment)}.spell-row:not(.spell-row--prepared){opacity:.5}.spell-row__prep-toggle{background:none;border:none;color:var(--color-gold-dim);cursor:pointer;padding:0;font-size:.9rem;line-height:1;width:1.2rem;flex-shrink:0}.spell-row__prep-toggle:hover{color:var(--color-gold)}.spell-row__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spell-row__tags{display:flex;gap:3px}.spell-row__tag{font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:2px;line-height:1.2}.spell-row__tag--conc{background:#f39c1233;color:var(--color-warning)}.spell-row__tag--ritual{background:#7a5aaa33;color:var(--color-player-purple)}.spell-row__cast{background:var(--color-bg-surface);border:1px solid var(--color-gold-dim);color:var(--color-gold);font-size:.65rem;font-family:var(--font-ui);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.spell-row__cast:hover:not(:disabled){background:#c9a84c26;border-color:var(--color-gold)}.spell-row__cast:disabled{opacity:.3;cursor:not-allowed}.game-session-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--color-bg);gap:var(--space-lg)}.game-session-loading__spinner{width:48px;height:48px;border:3px solid var(--color-parchment-muted);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}.game-session-loading__text{font-family:var(--font-display);font-size:1.1rem;color:var(--color-parchment-dim);letter-spacing:.05em}.session-error-state{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg);padding:var(--space-lg)}.session-error-state__card{max-width:420px;width:100%;padding:var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-gold-dim);border-radius:var(--radius-lg);text-align:center}.session-error-state__title{font-family:var(--font-display);font-size:1.4rem;color:var(--color-gold);margin:0 0 var(--space-md)}.session-error-state__message{font-family:var(--font-body);font-size:1rem;color:var(--color-parchment-dim);line-height:1.5;margin:0 0 var(--space-lg)}.session-error-state__spinner{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.session-error-state__spinner-ring{width:36px;height:36px;border:3px solid var(--color-parchment-muted);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}.session-error-state__link{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:.9rem;color:var(--color-bg);background:var(--color-gold);border-radius:var(--radius-sm);text-decoration:none;transition:background var(--transition-fast)}.session-error-state__link:hover{background:var(--color-gold-bright)}.session-error-state__btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:.9rem;color:var(--color-bg);background:var(--color-gold);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);margin-top:var(--space-sm)}.session-error-state__btn:hover{background:var(--color-gold-bright)}.reconnect-banner{position:sticky;top:0;z-index:10;overflow:hidden;max-height:0;opacity:0;background:#c9a84c33;text-align:center;transition:max-height var(--transition-normal),opacity var(--transition-normal)}.reconnect-banner--visible{max-height:36px;opacity:1}.reconnect-banner__text{display:inline-block;padding:var(--space-xs) var(--space-md);font-family:var(--font-ui);font-size:.85rem;color:var(--color-parchment);letter-spacing:.02em}.reconnect-banner__dots:after{content:"";animation:dots 1.4s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.dm-typing-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.dm-typing-indicator__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-gold-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.7rem;color:var(--color-gold);flex-shrink:0}.dm-typing-indicator__dots{display:flex;gap:4px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-parchment-muted)}.dm-typing-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--color-gold-dim);animation:dm-dot-pulse 1.2s ease-in-out infinite}.dm-typing-indicator__dot:nth-child(2){animation-delay:.2s}.dm-typing-indicator__dot:nth-child(3){animation-delay:.4s}@keyframes dm-dot-pulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.left-nav-rail{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-right:var(--border-subtle);padding:var(--space-sm) 0;overflow:hidden}.left-nav-rail__toggle{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;font-size:1.1rem;transition:color var(--transition-fast)}.left-nav-rail__toggle:hover{color:var(--color-gold)}.left-nav-rail__items{list-style:none;margin:0;padding:var(--space-sm) 0;display:flex;flex-direction:column;gap:var(--space-xs)}.left-nav-rail__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;font-family:var(--font-ui);font-size:.85rem;transition:color var(--transition-fast),background var(--transition-fast);border-radius:var(--radius-sm)}.left-nav-rail__item:hover{color:var(--color-parchment);background:var(--color-parchment-muted)}.left-nav-rail__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;font-size:1.2rem}.left-nav-rail__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-settings{max-width:860px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.campaign-settings__title{font-family:var(--font-display);font-size:1.75rem;color:var(--color-gold);margin:0 0 var(--space-lg)}.settings-tabs{display:flex;gap:var(--space-xs);border-bottom:var(--border-subtle);margin-bottom:var(--space-lg)}.settings-tabs__tab{padding:var(--space-sm) var(--space-md);font-family:var(--font-display);font-size:.9rem;color:var(--color-parchment-dim);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.settings-tabs__tab:hover{color:var(--color-parchment)}.settings-tabs__tab--active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.settings-form{display:flex;flex-direction:column;gap:var(--space-md)}.settings-form__field{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-form__label{font-family:var(--font-display);font-size:.85rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.05em}.settings-form__input,.settings-form__select,.settings-form__textarea{background:var(--color-bg);border:var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-parchment);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition-fast)}.settings-form__input:focus,.settings-form__select:focus,.settings-form__textarea:focus{outline:none;border-color:var(--color-gold)}.settings-form__textarea{min-height:80px;resize:vertical}.settings-form__error{color:var(--color-danger);font-size:.85rem;font-family:var(--font-body)}.settings-form__toggle{display:flex;align-items:center;gap:var(--space-sm)}.settings-form__toggle-track{width:44px;height:24px;border-radius:12px;background:var(--color-bg);border:var(--border-subtle);position:relative;cursor:pointer;transition:background var(--transition-fast)}.settings-form__toggle-track--on{background:var(--color-gold-dim)}.settings-form__toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-parchment);position:absolute;top:2px;left:2px;transition:transform var(--transition-fast)}.settings-form__toggle-track--on .settings-form__toggle-thumb{transform:translate(20px)}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;cursor:pointer;border:none;transition:opacity var(--transition-fast),background var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-gold);color:var(--color-bg)}.btn--primary:hover:not(:disabled){background:var(--color-gold-bright)}.btn--secondary{background:var(--color-bg-surface);color:var(--color-parchment);border:var(--border-subtle)}.btn--secondary:hover:not(:disabled){border-color:var(--color-gold-dim)}.btn--danger{background:var(--color-danger);color:var(--color-parchment)}.btn--danger:hover:not(:disabled){opacity:.85}.btn--small{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.invite-codes{display:flex;flex-direction:column;gap:var(--space-sm)}.invite-code-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:var(--border-subtle);border-radius:var(--radius-sm)}.invite-code-row__code{font-family:var(--font-mono);font-size:.95rem;color:var(--color-gold);flex:1;-webkit-user-select:all;user-select:all}.invite-code-row__status{font-size:.8rem;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body)}.invite-code-row__status--active{color:var(--color-success);background:#27ae601f}.invite-code-row__status--expired{color:var(--color-danger);background:#c0392b1f}.player-list{display:flex;flex-direction:column;gap:var(--space-sm)}.player-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:var(--border-subtle);border-radius:var(--radius-md)}.player-card__avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-surface);border:1px solid var(--color-gold-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;color:var(--color-gold);flex-shrink:0}.player-card__info{flex:1;min-width:0}.player-card__name{font-family:var(--font-display);font-size:1rem;color:var(--color-parchment)}.player-card__meta{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim)}.player-card__role{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-sm);border-radius:var(--radius-sm)}.player-card__role--owner{color:var(--color-gold);background:#c9a84c26}.player-card__role--player{color:var(--color-parchment-dim);background:var(--color-bg-surface)}.player-card__actions{display:flex;gap:var(--space-xs)}.danger-zone{border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-xl)}.danger-zone__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-danger);margin:0 0 var(--space-md)}.danger-zone__section{padding:var(--space-md) 0;border-top:1px solid rgba(192,57,43,.25)}.danger-zone__section:first-of-type{border-top:none;padding-top:0}.danger-zone__label{font-family:var(--font-display);font-size:.95rem;color:var(--color-parchment);margin:0 0 var(--space-xs)}.danger-zone__desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment-dim);margin:0 0 var(--space-sm)}.danger-zone__confirm-input{background:var(--color-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-parchment);font-family:var(--font-body);font-size:.95rem;width:100%;margin-bottom:var(--space-sm)}.danger-zone__confirm-input:focus{outline:none;border-color:var(--color-danger);box-shadow:0 0 0 2px #c0392b33}.forbidden{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;gap:var(--space-md)}.forbidden__code{font-family:var(--font-display);font-size:4rem;color:var(--color-gold-dim)}.forbidden__message{font-family:var(--font-body);font-size:1.1rem;color:var(--color-parchment-dim);max-width:400px}.world-dashboard{display:flex;flex-direction:column;gap:var(--space-lg)}.world-dashboard__section{background:var(--color-bg);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.world-dashboard__section-title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-subtle)}.current-location{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-elevated);border:var(--border-gold);border-radius:var(--radius-md)}.current-location__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--color-bg-surface);border-radius:var(--radius-sm);color:var(--color-gold);flex-shrink:0}.current-location__details{flex:1}.current-location__name{font-family:var(--font-display);font-size:1.2rem;color:var(--color-parchment);margin:0}.current-location__type{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim);text-transform:capitalize}.current-location__atmosphere{font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment-dim);font-style:italic;margin-top:var(--space-xs)}.quest-list{display:flex;flex-direction:column;gap:var(--space-sm)}.quest-item{background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast)}.quest-item:hover{border-color:var(--color-gold-dim)}.quest-item__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.quest-item__name{font-family:var(--font-display);font-size:.95rem;color:var(--color-parchment);flex:1}.quest-item__status{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-sm);border-radius:var(--radius-sm)}.quest-item__status--active{color:var(--color-gold);background:#c9a84c26}.quest-item__status--completed{color:var(--color-success);background:#27ae601f}.quest-item__status--failed{color:var(--color-danger);background:#c0392b1f}.quest-item__status--available{color:var(--color-parchment-dim);background:var(--color-bg-surface)}.quest-item__progress{height:3px;background:var(--color-bg-surface)}.quest-item__progress-fill{height:100%;background:var(--color-gold);transition:width var(--transition-normal)}.quest-item__details{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:var(--border-subtle)}.quest-item__description{font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment-dim);margin:0 0 var(--space-sm);line-height:1.5}.quest-item__objectives{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.quest-item__objective{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim);display:flex;align-items:center;gap:var(--space-sm)}.quest-item__objective--done{text-decoration:line-through;opacity:.6}.quest-item__check{width:14px;height:14px;border:1px solid var(--color-gold-dim);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:var(--color-success)}.npc-directory{display:flex;flex-direction:column;gap:var(--space-md)}.npc-faction-group{display:flex;flex-direction:column;gap:var(--space-sm)}.npc-faction-group__name{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:.08em;margin:0}.npc-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.npc-row:hover{border-color:var(--color-gold-dim)}.npc-row__name{font-family:var(--font-display);font-size:.95rem;color:var(--color-parchment);flex:1}.npc-row__role{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim);margin-left:var(--space-sm)}.relationship-dots{display:flex;gap:3px;align-items:center}.relationship-dot{width:8px;height:8px;border-radius:50%;background:var(--color-bg-surface);border:1px solid rgba(201,168,76,.1);transition:background var(--transition-fast)}.relationship-dot--hostile{background:var(--color-danger);border-color:var(--color-danger)}.relationship-dot--unfriendly{background:#c0392b99;border-color:#c0392b99}.relationship-dot--neutral{background:var(--color-parchment-dim);border-color:var(--color-parchment-dim)}.relationship-dot--friendly{background:#c9a84cb3;border-color:#c9a84cb3}.relationship-dot--allied{background:var(--color-gold);border-color:var(--color-gold)}.npc-popover{position:absolute;z-index:100;background:var(--color-bg-elevated);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-md);min-width:280px;max-width:360px;box-shadow:0 8px 24px #00000080}.npc-popover__name{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0 0 var(--space-xs)}.npc-popover__subtitle{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim);margin:0 0 var(--space-sm)}.npc-popover__section{margin-top:var(--space-sm)}.npc-popover__section-label{font-family:var(--font-display);font-size:.75rem;color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-xs)}.npc-popover__text{font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment);line-height:1.5;margin:0}.npc-popover__list{list-style:none;padding:0;margin:0}.npc-popover__list li{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment);padding:2px 0}.journal{display:flex;flex-direction:column;gap:var(--space-md)}.journal__session-group{display:flex;flex-direction:column;gap:var(--space-sm)}.journal__session-header{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-xs);border-bottom:var(--border-subtle);margin:0}.journal__event{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.journal__event-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-bg-surface);font-size:.85rem;flex-shrink:0}.journal__event-content{flex:1;min-width:0}.journal__event-title{font-family:var(--font-display);font-size:.9rem;color:var(--color-parchment);margin:0}.journal__event-desc{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim);margin:var(--space-xs) 0 0;line-height:1.4}.journal__load-more{align-self:center;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment-dim);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.journal__load-more:hover{border-color:var(--color-gold-dim);color:var(--color-parchment)}.world-dashboard__empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-parchment-dim);font-family:var(--font-body);font-size:.95rem}.cm-page{max-width:960px;margin:0 auto;padding:var(--space-lg);color:var(--color-parchment)}.cm-page--loading,.cm-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md)}.cm-loading-spinner{width:40px;height:40px;border:3px solid var(--color-bg-surface);border-top-color:var(--color-gold);border-radius:50%;animation:cm-spin .8s linear infinite}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-loading-text{font-family:var(--font-body);color:var(--color-parchment-dim)}.cm-error-text{font-family:var(--font-body);color:var(--color-danger)}.cm-btn{font-family:var(--font-display);font-size:.85rem;border:none;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.cm-btn:disabled{opacity:.5;cursor:not-allowed}.cm-btn--primary{background:var(--color-gold);color:var(--color-bg)}.cm-btn--primary:hover:not(:disabled){background:var(--color-gold-bright)}.cm-btn--secondary{background:var(--color-bg-surface);color:var(--color-parchment);border:var(--border-subtle)}.cm-btn--secondary:hover:not(:disabled){border-color:var(--color-gold)}.cm-btn--lg{font-size:1rem;padding:var(--space-md) var(--space-xl)}.cm-btn--sm{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.cm-header{text-align:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-subtle)}.cm-header__name{font-family:var(--font-display);font-size:1.5rem;color:var(--color-gold);margin:0}.cm-header__subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-parchment-dim);margin:var(--space-xs) 0 var(--space-md)}.cm-header__vitals{display:flex;justify-content:center;gap:var(--space-xl)}.cm-vital{display:flex;flex-direction:column;align-items:center}.cm-vital__label{font-family:var(--font-display);font-size:.7rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em}.cm-vital__value{font-family:var(--font-display);font-size:1.3rem;color:var(--color-gold)}.cm-tabs{display:flex;border-bottom:var(--border-subtle);margin-bottom:var(--space-lg);overflow-x:auto}.cm-tab{font-family:var(--font-display);font-size:.85rem;background:none;border:none;color:var(--color-parchment-dim);padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.cm-tab:hover{color:var(--color-parchment)}.cm-tab--active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.cm-tab-content{min-height:300px}.cm-section{margin-bottom:var(--space-lg)}.cm-section__title{font-family:var(--font-display);font-size:.9rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-sm)}.cm-ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.cm-ability-block{display:flex;flex-direction:column;align-items:center;background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm)}.cm-ability-block__label{font-family:var(--font-display);font-size:.7rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em}.cm-ability-block__mod{font-family:var(--font-display);font-size:1.4rem;color:var(--color-gold)}.cm-ability-block__score{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim)}.cm-proficiency-bonus{font-family:var(--font-display);font-size:1.5rem;color:var(--color-gold)}.cm-skills-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}.cm-skill{display:flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-xs);font-family:var(--font-body);font-size:.85rem}.cm-skill--proficient{color:var(--color-parchment)}.cm-skill--expertise{color:var(--color-gold)}.cm-skill__marker{font-size:.7rem;width:12px;color:var(--color-gold-dim)}.cm-skill__mod{font-family:var(--font-mono);font-size:.8rem;width:28px;text-align:right;color:var(--color-gold)}.cm-skill__name{flex:1}.cm-skill__ability{font-size:.7rem;color:var(--color-parchment-dim)}.cm-conditions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cm-condition-tag{font-family:var(--font-body);font-size:.8rem;padding:2px var(--space-sm);background:#c0392b33;color:var(--color-danger);border-radius:var(--radius-sm);border:1px solid rgba(192,57,43,.3)}.cm-death-saves__row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.cm-death-saves__label{font-family:var(--font-body);font-size:.85rem;width:80px;color:var(--color-parchment-dim)}.cm-death-saves__pip{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-parchment-dim);background:transparent}.cm-death-saves__pip--filled.cm-death-saves__pip--success{background:var(--color-success);border-color:var(--color-success)}.cm-death-saves__pip--filled.cm-death-saves__pip--failure{background:var(--color-danger);border-color:var(--color-danger)}.lu-wizard{max-width:640px;margin:0 auto}.lu-wizard__start{text-align:center;padding:var(--space-xl) 0}.lu-wizard__title{font-family:var(--font-display);font-size:1.2rem;color:var(--color-gold);margin:0 0 var(--space-sm)}.lu-wizard__desc{font-family:var(--font-body);color:var(--color-parchment-dim);margin:0 0 var(--space-lg)}.lu-wizard__max-level{text-align:center;font-family:var(--font-body);color:var(--color-parchment-dim);padding:var(--space-xl) 0}.lu-wizard__progress{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.lu-step-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.lu-step-indicator__dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-parchment-dim);background:transparent;transition:all var(--transition-fast)}.lu-step-indicator--active .lu-step-indicator__dot{border-color:var(--color-gold);background:var(--color-gold)}.lu-step-indicator--done .lu-step-indicator__dot{border-color:var(--color-success);background:var(--color-success)}.lu-step-indicator__label{font-family:var(--font-display);font-size:.7rem;color:var(--color-parchment-dim);text-transform:uppercase}.lu-step-indicator--active .lu-step-indicator__label{color:var(--color-gold)}.lu-confirm{text-align:center}.lu-confirm__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0 0 var(--space-sm)}.lu-confirm__summary{font-family:var(--font-body);color:var(--color-parchment-dim);margin-bottom:var(--space-lg)}.lu-confirm__details{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.lu-confirm__row{display:flex;justify-content:space-between;padding:var(--space-xs) 0}.lu-confirm__label{font-family:var(--font-body);color:var(--color-parchment-dim)}.lu-confirm__value{font-family:var(--font-display);color:var(--color-parchment)}.lu-confirm__value--hp{color:var(--color-success);font-size:1.2rem}.lu-confirm__error{color:var(--color-danger);margin-bottom:var(--space-md)}.lu-confirm__actions{display:flex;justify-content:center;gap:var(--space-md)}.hp-increase{text-align:center}.hp-increase__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0 0 var(--space-xs)}.hp-increase__subtitle{font-family:var(--font-body);color:var(--color-parchment-dim);margin:0 0 var(--space-lg)}.hp-increase__methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.hp-increase__method{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);color:var(--color-parchment);font-family:var(--font-body)}.hp-increase__method:hover{border-color:var(--color-gold-dim)}.hp-increase__method--selected{border-color:var(--color-gold);background:var(--color-bg-elevated)}.hp-increase__method-icon{font-size:1.5rem;color:var(--color-gold)}.hp-increase__method-icon--avg{font-family:var(--font-display);font-size:1.5rem}.hp-increase__method-label{font-family:var(--font-display);font-size:.85rem;color:var(--color-parchment)}.hp-increase__method-desc{font-size:.8rem;color:var(--color-parchment-dim)}.hp-increase__roll-area{margin-bottom:var(--space-lg)}.hp-increase__die-container{display:flex;justify-content:center;margin:var(--space-md) 0}.hp-increase__die{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:2px solid var(--color-gold);border-radius:var(--radius-md);color:var(--color-gold)}.hp-increase__die--rolling{animation:die-roll .5s ease-out}@keyframes die-roll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.hp-increase__die--settled{animation:die-settle .2s ease-out}@keyframes die-settle{0%{transform:scale(1.2)}to{transform:scale(1)}}.hp-increase__die-value{font-family:var(--font-display);font-size:1.8rem}.hp-increase__die-svg{width:32px;height:32px}.hp-increase__breakdown{font-family:var(--font-body);color:var(--color-parchment-dim);font-size:.9rem}.hp-increase__gained{display:flex;flex-direction:column;align-items:center;margin:var(--space-lg) 0}.hp-increase__gained-label{font-family:var(--font-display);font-size:.8rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em}.hp-increase__gained-value{font-family:var(--font-display);font-size:2rem;color:var(--color-success)}.hp-increase__confirm{margin-top:var(--space-md)}.cf-gain__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0 0 var(--space-xs)}.cf-gain__subtitle{font-family:var(--font-body);color:var(--color-parchment-dim);margin:0 0 var(--space-md)}.cf-gain__empty{font-family:var(--font-body);color:var(--color-parchment-dim);margin-bottom:var(--space-md)}.cf-gain__list{list-style:none;padding:0;margin:0 0 var(--space-lg)}.cf-gain__item{border:var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden}.cf-gain__item-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:none;color:var(--color-parchment);font-family:var(--font-display);font-size:.9rem;cursor:pointer;text-align:left}.cf-gain__item-name{flex:1;color:var(--color-gold)}.cf-gain__choice-badge{font-family:var(--font-body);font-size:.75rem;padding:2px var(--space-sm);background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-warning)}.cf-gain__chevron{font-size:.7rem;color:var(--color-parchment-dim)}.cf-gain__item-body{padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-bg-elevated)}.cf-gain__item-desc{font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment-dim);margin:0 0 var(--space-sm);line-height:1.5}.cf-gain__choices-label{font-family:var(--font-display);font-size:.8rem;color:var(--color-parchment-dim);margin:0 0 var(--space-xs)}.cf-gain__choices-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cf-gain__choice{font-family:var(--font-body);font-size:.85rem;padding:var(--space-xs) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);cursor:pointer;transition:border-color var(--transition-fast)}.cf-gain__choice:hover{border-color:var(--color-gold-dim)}.cf-gain__choice--selected{border-color:var(--color-gold);background:var(--color-bg-elevated);color:var(--color-gold)}.asi__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0 0 var(--space-xs)}.asi__subtitle{font-family:var(--font-body);color:var(--color-parchment-dim);margin:0 0 var(--space-md)}.asi__modes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.asi__mode{display:flex;flex-direction:column;padding:var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--color-parchment);text-align:center;transition:border-color var(--transition-fast)}.asi__mode:hover{border-color:var(--color-gold-dim)}.asi__mode--selected{border-color:var(--color-gold)}.asi__mode-label{font-family:var(--font-display);font-size:.85rem;margin-bottom:var(--space-xs)}.asi__mode-desc{font-family:var(--font-body);font-size:.75rem;color:var(--color-parchment-dim)}.asi__allocation{margin-bottom:var(--space-lg)}.asi__allocation-info{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment-dim);margin:0 0 var(--space-md);text-align:center}.asi__scores-grid{display:flex;flex-direction:column;gap:var(--space-xs)}.asi__score-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-surface);border-radius:var(--radius-sm)}.asi__score-label{font-family:var(--font-display);font-size:.85rem;width:40px;color:var(--color-parchment)}.asi__score-current{font-family:var(--font-mono);font-size:.9rem;width:24px;text-align:center;color:var(--color-parchment-dim)}.asi__score-controls{display:flex;align-items:center;gap:var(--space-xs)}.asi__score-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);cursor:pointer;font-size:1rem;transition:border-color var(--transition-fast)}.asi__score-btn:hover:not(:disabled){border-color:var(--color-gold)}.asi__score-btn:disabled{opacity:.3;cursor:not-allowed}.asi__score-bonus{font-family:var(--font-mono);font-size:.85rem;width:24px;text-align:center;color:var(--color-parchment-dim)}.asi__score-bonus--active{color:var(--color-success)}.asi__score-new{font-family:var(--font-mono);font-size:.9rem;width:24px;text-align:center;color:var(--color-parchment-dim)}.asi__score-new--changed{color:var(--color-gold)}.asi__score-mod{font-family:var(--font-mono);font-size:.8rem;color:var(--color-parchment-dim)}.asi__confirm{margin-top:var(--space-md)}.asi__feats{margin-bottom:var(--space-lg)}.asi__feat-search{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);font-family:var(--font-body);font-size:.9rem;margin-bottom:var(--space-md)}.asi__feat-search:focus{outline:none;border-color:var(--color-gold)}.asi__feat-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.asi__feat-item{margin-bottom:var(--space-xs)}.asi__feat-btn{display:flex;flex-direction:column;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);cursor:pointer;text-align:left;transition:border-color var(--transition-fast)}.asi__feat-btn:hover{border-color:var(--color-gold-dim)}.asi__feat-btn--selected{border-color:var(--color-gold);background:var(--color-bg-elevated)}.asi__feat-name{font-family:var(--font-display);font-size:.9rem;color:var(--color-gold)}.asi__feat-prereq{font-family:var(--font-body);font-size:.75rem;color:var(--color-warning)}.asi__feat-desc{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim);line-height:1.4}.eq-manager{display:flex;flex-direction:column;gap:var(--space-lg)}.eq-manager__ac{display:flex;flex-direction:column;align-items:center}.eq-manager__ac-label{font-family:var(--font-display);font-size:.7rem;color:var(--color-parchment-dim);text-transform:uppercase;letter-spacing:.1em}.eq-manager__ac-value{font-family:var(--font-display);font-size:2rem;color:var(--color-gold)}.eq-slots__title{font-family:var(--font-display);font-size:.9rem;color:var(--color-gold);text-transform:uppercase;margin:0 0 var(--space-sm)}.eq-slots__grid{display:grid;grid-template-areas:"weapon  armor" "shield  cloak" "ring1   amulet" "ring2   .";grid-template-columns:1fr 1fr;gap:var(--space-sm)}.eq-slot{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);color:var(--color-parchment);min-height:72px;justify-content:center}.eq-slot:hover{border-color:var(--color-gold-dim)}.eq-slot--filled{border-color:var(--color-gold)}.eq-slot__icon{font-size:1.2rem;margin-bottom:2px}.eq-slot__label{font-family:var(--font-display);font-size:.7rem;color:var(--color-parchment-dim);text-transform:uppercase}.eq-slot__item-name{font-family:var(--font-body);font-size:.8rem;color:var(--color-gold);text-align:center}.eq-slot__empty-text{font-family:var(--font-body);font-size:.75rem;color:var(--color-parchment-dim);font-style:italic}.eq-picker{background:var(--color-bg-elevated);border:var(--border-gold);border-radius:var(--radius-md);padding:var(--space-md)}.eq-picker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.eq-picker__title{font-family:var(--font-display);font-size:.9rem;color:var(--color-gold);margin:0}.eq-picker__close{background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;font-size:.9rem}.eq-picker__empty{font-family:var(--font-body);color:var(--color-parchment-dim);font-style:italic}.eq-picker__list{list-style:none;padding:0;margin:0}.eq-picker__item{margin-bottom:var(--space-xs)}.eq-picker__item-btn{display:flex;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);cursor:pointer;transition:border-color var(--transition-fast)}.eq-picker__item-btn:hover{border-color:var(--color-gold)}.eq-picker__item-name{font-family:var(--font-body)}.eq-picker__item-weight{font-family:var(--font-mono);font-size:.8rem;color:var(--color-parchment-dim)}.eq-backpack__title{font-family:var(--font-display);font-size:.9rem;color:var(--color-gold);display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm)}.eq-backpack__count{font-family:var(--font-body);font-size:.75rem;color:var(--color-parchment-dim);font-weight:400}.eq-backpack__empty{font-family:var(--font-body);color:var(--color-parchment-dim);font-style:italic}.eq-backpack__list{list-style:none;padding:0;margin:0}.eq-backpack__item{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(201,168,76,.08);font-family:var(--font-body);font-size:.85rem}.eq-backpack__item-name{color:var(--color-parchment)}.eq-backpack__item-qty{color:var(--color-parchment-dim)}.eq-backpack__item-weight{font-family:var(--font-mono);font-size:.8rem;color:var(--color-parchment-dim)}.eq-weight{display:flex;flex-direction:column;gap:var(--space-xs)}.eq-weight__bar{height:6px;background:var(--color-bg-surface);border-radius:3px;overflow:hidden}.eq-weight__fill{height:100%;background:var(--color-gold);border-radius:3px;transition:width var(--transition-normal)}.eq-weight--encumbered .eq-weight__fill{background:var(--color-danger)}.eq-weight__text{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim);text-align:center}.eq-weight__warning{color:var(--color-danger);font-weight:700}.sm__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.sm__title{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);margin:0;flex:1}.sm__prepared-count{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim)}.sm__browse-btn{margin-left:auto}.sm__empty{font-family:var(--font-body);color:var(--color-parchment-dim);font-style:italic}.sm__level-group{margin-bottom:var(--space-md)}.sm__level-title{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold-dim);margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.sm__list{list-style:none;padding:0;margin:0}.sm__spell{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(201,168,76,.08)}.sm__spell--prepared{background:#c9a84c0d}.sm__prep-toggle{background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;font-size:.9rem;padding:0;line-height:1}.sm__spell--prepared .sm__prep-toggle{color:var(--color-gold)}.sm__spell-name{flex:1;font-family:var(--font-body);font-size:.9rem;color:var(--color-parchment)}.sm__spell-tags{display:flex;align-items:center;gap:var(--space-xs)}.sm__spell-school{font-family:var(--font-body);font-size:.7rem;color:var(--color-parchment-dim)}.sm__spell-tag{font-family:var(--font-display);font-size:.65rem;padding:1px 4px;background:var(--color-bg-surface);border:var(--border-subtle);border-radius:2px;color:var(--color-parchment-dim)}.sb{display:flex;flex-direction:column;gap:var(--space-md)}.sb__header{display:flex;align-items:center;gap:var(--space-md)}.sb__title{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);margin:0;flex:1}.sb__prepared-count{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim)}.sb__close{background:none;border:none;color:var(--color-parchment-dim);cursor:pointer;font-size:.9rem;padding:var(--space-xs)}.sb__search{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);font-family:var(--font-body);font-size:.9rem}.sb__search:focus{outline:none;border-color:var(--color-gold)}.sb__filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.sb__filter{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-parchment);font-family:var(--font-body);font-size:.8rem;cursor:pointer}.sb__filter:focus{outline:none;border-color:var(--color-gold)}.sb__results{max-height:500px;overflow-y:auto}.sb__empty{font-family:var(--font-body);color:var(--color-parchment-dim);font-style:italic;text-align:center;padding:var(--space-lg)}.sb__spell{border:var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);overflow:hidden}.sb__spell--known{opacity:.6}.sb__spell-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border:none;color:var(--color-parchment);cursor:pointer;text-align:left}.sb__spell-name{font-family:var(--font-body);font-size:.9rem;flex:1}.sb__spell-meta{display:flex;align-items:center;gap:var(--space-xs)}.sb__spell-level{font-family:var(--font-display);font-size:.7rem;color:var(--color-gold-dim)}.sb__spell-school{font-family:var(--font-body);font-size:.7rem;color:var(--color-parchment-dim)}.sb__spell-tag{font-family:var(--font-display);font-size:.6rem;padding:1px 3px;background:var(--color-bg-elevated);border-radius:2px;color:var(--color-parchment-dim)}.sb__spell-detail{padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-bg-elevated)}.sb__spell-props{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-bottom:var(--space-sm);font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim)}.sb__spell-desc{font-family:var(--font-body);font-size:.85rem;color:var(--color-parchment);line-height:1.5;margin:0 0 var(--space-sm)}.sb__prepare-btn{margin-top:var(--space-xs)}.sb__known-badge{font-family:var(--font-body);font-size:.8rem;color:var(--color-parchment-dim);font-style:italic}@media(max-width:768px){.cm-page{padding:var(--space-md)}.cm-ability-grid{grid-template-columns:1fr 1fr}.cm-skills-list,.hp-increase__methods,.asi__modes{grid-template-columns:1fr}.eq-slots__grid{grid-template-areas:"weapon" "armor" "shield" "cloak" "ring1" "ring2" "amulet";grid-template-columns:1fr}.sb__filters{flex-direction:column}.sb__filter{width:100%}.sb__spell-props{grid-template-columns:1fr}.cm-header__vitals,.lu-wizard__progress{gap:var(--space-md)}}@media(max-width:480px){.cm-header__name{font-size:1.2rem}.cm-vital__value{font-size:1.1rem}.cm-tabs{gap:0}.cm-tab{padding:var(--space-sm) var(--space-sm);font-size:.75rem}}/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-700:oklch(52.7% .154 150.069);--color-black:#000;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-deep:#080604;--color-bg:#0d0a07;--color-surface:#141110;--color-raised:#231e1a;--color-border:#3a3228;--color-glass-border:#c9a84c21;--color-gold:#c9a84c;--color-gold-bright:#e2c56a;--color-gold-dim:#c9a84c47;--color-parchment:#f4e8d0;--color-parchment-dim:#d4c8b0;--color-muted:#8a7e6b;--color-dim:#5a5245;--color-purple:#9b6fd4;--color-purple-glow:#9b6fd440;--color-green:#6bbf59;--color-red:#d45050;--color-red-dim:#d450501f;--font-display:"Cormorant Garamond", "Spectral", Georgia, serif;--font-body:"Spectral", Georgia, serif;--font-data:"IBM Plex Mono", "SF Mono", monospace;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--radius-pill:999px;--radius-panel:var(--radius-lg);--radius-control:var(--radius-md);--color-surface-abyss:var(--color-bg-deep);--color-surface-slate:var(--color-surface);--color-surface-raised:var(--color-raised);--color-glass:#0d0a07b8;--color-border-hairline:var(--color-border);--color-text-primary:var(--color-parchment);--color-text-muted:var(--color-muted);--color-text-faint:var(--color-dim);--color-ember:var(--color-gold);--color-ember-bright:var(--color-gold-bright);--color-arcane:var(--color-purple);--color-arcane-glow:var(--color-purple-glow);--color-blood:var(--color-red);--color-verdant:var(--color-green);--color-caution:#d08b3a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-2{top:var(--spacing-2)}.top-3{top:var(--spacing-3)}.top-5{top:calc(var(--spacing) * 5)}.right-0{right:0}.right-2{right:var(--spacing-2)}.right-3{right:var(--spacing-3)}.bottom-0{bottom:0}.bottom-2{bottom:var(--spacing-2)}.bottom-3{bottom:var(--spacing-3)}.bottom-4{bottom:var(--spacing-4)}.left-0{left:0}.left-0\.5{left:calc(var(--spacing) * .5)}.left-2{left:var(--spacing-2)}.left-4{left:var(--spacing-4)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-1{margin-inline:var(--spacing-1)}.mx-4{margin-inline:var(--spacing-4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing-1)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:var(--spacing-1)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.ml-1{margin-left:var(--spacing-1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:var(--spacing-1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:var(--spacing-2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:var(--spacing-4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:var(--spacing-6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:var(--spacing-8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:var(--spacing-12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[250px\]{height:250px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[40vh\]{max-height:40vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[calc\(70vh-1rem\)\]{max-height:calc(70vh - 1rem)}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:var(--spacing-12)}.min-h-\[2rem\]{min-height:2rem}.min-h-\[56px\]{min-height:56px}.w-1{width:var(--spacing-1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:var(--spacing-4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:var(--spacing-6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:var(--spacing-8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:var(--spacing-12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[200px\]{width:200px}.w-\[360px\]{width:360px}.w-full{width:100%}.w-px{width:1px}.max-w-\[85\%\]{max-width:85%}.max-w-\[85vw\]{max-width:85vw}.max-w-\[90vw\]{max-width:90vw}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[3ch\]{min-width:3ch}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:3.40282e38px}.rounded-panel{border-radius:var(--radius-panel)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-panel{border-top-left-radius:var(--radius-panel);border-top-right-radius:var(--radius-panel)}.rounded-r-control{border-top-right-radius:var(--radius-control);border-bottom-right-radius:var(--radius-control)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-arcane{border-color:var(--color-arcane)}.border-arcane\/30{border-color:#9b6fd44d}@supports (color:color-mix(in lab,red,red)){.border-arcane\/30{border-color:color-mix(in oklab,var(--color-arcane) 30%,transparent)}}.border-blood\/30{border-color:#d450504d}@supports (color:color-mix(in lab,red,red)){.border-blood\/30{border-color:color-mix(in oklab,var(--color-blood) 30%,transparent)}}.border-border-hairline{border-color:var(--color-border-hairline)}.border-caution\/30{border-color:#d08b3a4d}@supports (color:color-mix(in lab,red,red)){.border-caution\/30{border-color:color-mix(in oklab,var(--color-caution) 30%,transparent)}}.border-ember-bright{border-color:var(--color-ember-bright)}.border-ember\/40{border-color:#c9a84c66}@supports (color:color-mix(in lab,red,red)){.border-ember\/40{border-color:color-mix(in oklab,var(--color-ember) 40%,transparent)}}.border-transparent{border-color:#0000}.border-verdant\/30{border-color:#6bbf594d}@supports (color:color-mix(in lab,red,red)){.border-verdant\/30{border-color:color-mix(in oklab,var(--color-verdant) 30%,transparent)}}.border-b-ember{border-bottom-color:var(--color-ember)}.border-b-transparent{border-bottom-color:#0000}.border-l-arcane{border-left-color:var(--color-arcane)}.border-l-ember{border-left-color:var(--color-ember)}.bg-arcane{background-color:var(--color-arcane)}.bg-arcane-glow\/10{background-color:#9b6fd406}@supports (color:color-mix(in lab,red,red)){.bg-arcane-glow\/10{background-color:color-mix(in oklab,var(--color-arcane-glow) 10%,transparent)}}.bg-arcane-glow\/20{background-color:#9b6fd40d}@supports (color:color-mix(in lab,red,red)){.bg-arcane-glow\/20{background-color:color-mix(in oklab,var(--color-arcane-glow) 20%,transparent)}}.bg-arcane\/20{background-color:#9b6fd433}@supports (color:color-mix(in lab,red,red)){.bg-arcane\/20{background-color:color-mix(in oklab,var(--color-arcane) 20%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blood{background-color:var(--color-blood)}.bg-blood\/10{background-color:#d450501a}@supports (color:color-mix(in lab,red,red)){.bg-blood\/10{background-color:color-mix(in oklab,var(--color-blood) 10%,transparent)}}.bg-border-hairline{background-color:var(--color-border-hairline)}.bg-caution{background-color:var(--color-caution)}.bg-caution\/10{background-color:#d08b3a1a}@supports (color:color-mix(in lab,red,red)){.bg-caution\/10{background-color:color-mix(in oklab,var(--color-caution) 10%,transparent)}}.bg-ember{background-color:var(--color-ember)}.bg-ember\/15{background-color:#c9a84c26}@supports (color:color-mix(in lab,red,red)){.bg-ember\/15{background-color:color-mix(in oklab,var(--color-ember) 15%,transparent)}}.bg-ember\/20{background-color:#c9a84c33}@supports (color:color-mix(in lab,red,red)){.bg-ember\/20{background-color:color-mix(in oklab,var(--color-ember) 20%,transparent)}}.bg-glass{background-color:var(--color-glass)}.bg-green-700{background-color:var(--color-green-700)}.bg-surface-abyss{background-color:var(--color-surface-abyss)}.bg-surface-raised{background-color:var(--color-surface-raised)}.bg-surface-raised\/50{background-color:#231e1a80}@supports (color:color-mix(in lab,red,red)){.bg-surface-raised\/50{background-color:color-mix(in oklab,var(--color-surface-raised) 50%,transparent)}}.bg-surface-raised\/60{background-color:#231e1a99}@supports (color:color-mix(in lab,red,red)){.bg-surface-raised\/60{background-color:color-mix(in oklab,var(--color-surface-raised) 60%,transparent)}}.bg-surface-raised\/80{background-color:#231e1acc}@supports (color:color-mix(in lab,red,red)){.bg-surface-raised\/80{background-color:color-mix(in oklab,var(--color-surface-raised) 80%,transparent)}}.bg-surface-slate{background-color:var(--color-surface-slate)}.bg-surface-slate\/85{background-color:#141110d9}@supports (color:color-mix(in lab,red,red)){.bg-surface-slate\/85{background-color:color-mix(in oklab,var(--color-surface-slate) 85%,transparent)}}.bg-text-primary{background-color:var(--color-text-primary)}.bg-transparent{background-color:#0000}.bg-verdant{background-color:var(--color-verdant)}.bg-verdant\/10{background-color:#6bbf591a}@supports (color:color-mix(in lab,red,red)){.bg-verdant\/10{background-color:color-mix(in oklab,var(--color-verdant) 10%,transparent)}}.fill-surface-raised{fill:var(--color-surface-raised)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-\[17px\]{padding:17px}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing-1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:var(--spacing-2)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-6{padding-inline:var(--spacing-6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:var(--spacing-2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-4{padding-top:var(--spacing-4)}.pr-8{padding-right:var(--spacing-8)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pl-1{padding-left:var(--spacing-1)}.text-center{text-align:center}.text-left{text-align:left}.font-body{font-family:var(--font-body)}.font-data{font-family:var(--font-data)}.font-display{font-family:var(--font-display)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.65rem\]{font-size:.65rem}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-arcane{color:var(--color-arcane)}.text-blood{color:var(--color-blood)}.text-caution{color:var(--color-caution)}.text-ember{color:var(--color-ember)}.text-ember-bright{color:var(--color-ember-bright)}.text-surface-abyss{color:var(--color-surface-abyss)}.text-text-faint{color:var(--color-text-faint)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-verdant{color:var(--color-verdant)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_8px_var\(--color-arcane-glow\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,var(--color-arcane-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(200\,149\,46\,0\.3\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#c8952e4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--color-ember-bright\)\,0_0_12px_var\(--color-ember-bright\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--color-ember-bright)), 0 0 12px var(--tw-shadow-color,var(--color-ember-bright));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[14px\]{--tw-backdrop-blur:blur(14px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-220{--tw-duration:.22s;transition-duration:.22s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:150ms\]{animation-delay:.15s}.\[animation-delay\:300ms\]{animation-delay:.3s}.\[npc\:\.\.\.\]{npc:...}@media(hover:hover){.group-hover\:text-text-primary:is(:where(.group):hover *){color:var(--color-text-primary)}}.placeholder\:text-text-faint::placeholder{color:var(--color-text-faint)}@media(hover:hover){.hover\:border-ember:hover{border-color:var(--color-ember)}.hover\:bg-blood\/20:hover{background-color:#d4505033}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blood\/20:hover{background-color:color-mix(in oklab,var(--color-blood) 20%,transparent)}}.hover\:bg-blood\/30:hover{background-color:#d450504d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blood\/30:hover{background-color:color-mix(in oklab,var(--color-blood) 30%,transparent)}}.hover\:bg-ember-bright:hover{background-color:var(--color-ember-bright)}.hover\:bg-surface-raised:hover{background-color:var(--color-surface-raised)}.hover\:bg-surface-raised\/50:hover{background-color:#231e1a80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-raised\/50:hover{background-color:color-mix(in oklab,var(--color-surface-raised) 50%,transparent)}}.hover\:bg-surface-slate:hover{background-color:var(--color-surface-slate)}.hover\:text-arcane:hover{color:var(--color-arcane)}.hover\:text-blood:hover{color:var(--color-blood)}.hover\:text-ember:hover{color:var(--color-ember)}.hover\:text-ember-bright:hover{color:var(--color-ember-bright)}.hover\:text-text-muted:hover{color:var(--color-text-muted)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus-visible\:border-arcane:focus-visible{border-color:var(--color-arcane)}.focus-visible\:border-ember:focus-visible{border-color:var(--color-ember)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-arcane:focus-visible{--tw-ring-color:var(--color-arcane)}.focus-visible\:ring-ember:focus-visible{--tw-ring-color:var(--color-ember)}.focus-visible\:ring-ember-bright:focus-visible{--tw-ring-color:var(--color-ember-bright)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-surface-abyss:focus-visible{--tw-ring-offset-color:var(--color-surface-abyss)}.focus-visible\:ring-offset-surface-slate:focus-visible{--tw-ring-offset-color:var(--color-surface-slate)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-ember:focus-visible{outline-color:var(--color-ember)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:border-ember-bright:active{border-color:var(--color-ember-bright)}.active\:bg-ember-bright:active{background-color:var(--color-ember-bright)}.active\:bg-surface-raised:active{background-color:var(--color-surface-raised)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:border-b-ember[data-state=active]{border-bottom-color:var(--color-ember)}.data-\[state\=active\]\:text-ember[data-state=active]{color:var(--color-ember)}.data-\[state\=inactive\]\:border-b-transparent[data-state=inactive]{border-bottom-color:#0000}.data-\[state\=inactive\]\:text-text-muted[data-state=inactive]{color:var(--color-text-muted)}@media(hover:hover){.data-\[state\=inactive\]\:hover\:text-text-primary[data-state=inactive]:hover{color:var(--color-text-primary)}}@media(prefers-reduced-motion:no-preference){.motion-safe\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:delay-100{transition-delay:.1s}.motion-safe\:delay-200{transition-delay:.2s}.motion-safe\:duration-150{--tw-duration:.15s;transition-duration:.15s}.motion-safe\:duration-200{--tw-duration:.2s;transition-duration:.2s}.motion-safe\:duration-300{--tw-duration:.3s;transition-duration:.3s}.motion-safe\:duration-\[220ms\]{--tw-duration:.22s;transition-duration:.22s}.motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.motion-safe\:ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.motion-safe\:hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}}}:root{--grain:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--mat-shadow:0 8px 34px #0000008c, 0 1px 0 #c9a84c0f inset, 0 0 0 1px #0006;--ease-out:cubic-bezier(.22, 1, .36, 1);--red:#d45050;--red-dim:#d450501f;--red-glow:#d450504d;--green:#6bbf59;--green-dim:#6bbf591f;--green-glow:#6bbf594d;--purple:#9b6fd4;--purple-bright:#b88ae8;--purple-dim:#9b6fd41f;--purple-glow:#9b6fd440;--blue:#5b8dd9;--blue-dim:#5b8dd91f}.mat{background-image:var(--grain),linear-gradient(180deg,#1f1914f0,#0e0b08f5);background-blend-mode:overlay,normal;-webkit-backdrop-filter:blur(22px)saturate(1.15);border:1px solid var(--color-glass-border);box-shadow:var(--mat-shadow);background-size:140px,cover}.vtt-root{background:var(--color-bg-deep);width:100%;height:100vh;font-family:var(--font-body);color:var(--color-parchment);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.vtt-root ::-webkit-scrollbar{width:5px}.vtt-root ::-webkit-scrollbar-track{background:0 0}.vtt-root ::-webkit-scrollbar-thumb{background:#c9a84c24;border-radius:3px}.vtt-root ::-webkit-scrollbar-thumb:hover{background:#c9a84c3d}.map-vignette{pointer-events:none;background:radial-gradient(#0000 40%,#00000094);position:absolute;top:0;right:0;bottom:0;left:0}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes tokenPulse{0%,to{filter:drop-shadow(0 0 6px #c9a84c4d)}50%{filter:drop-shadow(0 0 14px #c9a84c80)}}@keyframes pulse{50%{opacity:.5}}.dock-leave:hover{background:var(--color-red-dim);color:var(--color-red);border-color:#d450504d}.dock-btn{border-radius:var(--radius-md);width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:0;transition:all .12s;display:flex;position:relative}.dock-btn:hover{background:var(--elevated);color:var(--parchment-dim);border-color:var(--border-subtle)}.dock-btn:after{content:attr(data-label);background:var(--elevated);border:1px solid var(--glass-border);color:var(--parchment-dim);font-family:var(--font-body);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;letter-spacing:.02em;z-index:5;padding:5px 10px;font-size:12.5px;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 14px #0006}.dock-btn:hover:after{opacity:1}.dock-right .dock-btn:after{left:auto;right:calc(100% + 12px)}.dock-bottom .dock-btn:after{inset:auto auto calc(100% + 12px) 50%;transform:translate(-50%)}.mat:before,.mat:after{z-index:0}.dock>*{z-index:1;position:relative}.dock-count{background:var(--gold);min-width:14px;height:14px;color:var(--bg-deep);font-family:var(--font-data);border-radius:7px;justify-content:center;align-items:center;padding:0 3px;font-size:8px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.dock-sep{background:var(--border-subtle);width:22px;height:1px;margin:5px 0}.dock-vsep{background:var(--border-subtle);width:1px;height:26px;margin:0 5px}.tool-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:0;transition:all .12s;display:flex}.tool-btn:hover{background:var(--elevated);color:var(--muted);border-color:var(--border-subtle)}.modal-x{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--parchment-dim);cursor:pointer;background:#00000040;border:1px solid #c4964a26;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:0;transition:all .12s;display:flex}.modal-x:hover{color:var(--parchment);background:#b0404059;border-color:#b0404066}.modal-head-ic{color:var(--gold);flex-shrink:0;display:block}.modal-title{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;line-height:1.1}.modal-sub{font-family:var(--font-data);color:var(--muted);letter-spacing:.04em;margin-top:3px;font-size:9px}.modal-foot{border-top:1px solid var(--border-subtle);background:#0003;gap:8px;padding:12px 14px;display:flex}.vtt-root [data-lucide],.vtt-root svg.lucide{flex:none;display:block}.vtt-root .i11{width:11px;height:11px}.vtt-root .i12{width:12px;height:12px}.vtt-root .i13{width:13px;height:13px}.vtt-root .i14{width:14px;height:14px}.vtt-root .i15{width:15px;height:15px}.vtt-root .i16{width:16px;height:16px}.vtt-root .i18{width:18px;height:18px}.vtt-root .i20{width:20px;height:20px}.map-viewport{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dock{z-index:30;pointer-events:auto;align-items:center;gap:3px;padding:7px;display:flex;position:absolute}.dock-left{flex-direction:column;top:50%;left:14px;transform:translateY(-50%)}.dock-right{flex-direction:column;top:50%;right:14px;transform:translateY(-50%)}.dock-bottom{flex-direction:row;bottom:14px;left:50%;transform:translate(-50%)}.dock-cap{font-family:var(--font-display);color:var(--dim);letter-spacing:.1em;text-transform:uppercase;padding-bottom:1px;font-size:7px;font-weight:700}.dock-brand{cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:0;transition:transform .12s;display:flex}.dock-brand:hover{transform:translateY(-1px)}.top-hud{z-index:25;pointer-events:auto;cursor:pointer;align-items:center;gap:12px;padding:6px 12px 6px 7px;transition:border-color .15s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.top-hud:hover{border-color:var(--gold-dim)}.hud-turn{align-items:center;gap:8px;display:flex}.hud-turn-pip{border:1.5px solid var(--gold);background:var(--gold-faint);width:32px;height:32px;color:var(--gold);font-family:var(--font-data);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.hud-turn-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.03em;font-size:11px;font-weight:700;line-height:1.1}.hud-turn-meta{font-family:var(--font-data);color:var(--muted);letter-spacing:.04em;align-items:center;gap:5px;margin-top:2px;font-size:8.5px;display:flex}.hud-live-dot{background:var(--red);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulse}.hud-sep{background:var(--border-subtle);width:1px;height:26px}.init-mini{align-items:center;gap:3px;display:flex}.init-mini-pip{width:24px;height:24px;font-family:var(--font-data);border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:600;display:flex}.hud-expand{color:var(--dim);margin-left:2px}.modal-layer{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out);position:absolute;top:0;right:0;bottom:0;left:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{pointer-events:auto;width:75vw;max-width:95vw;height:75vh;max-height:92vh;animation:modalIn .17s var(--ease-out);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:11px;padding:14px 14px 13px 16px;display:flex}.modal-body{scrollbar-gutter:stable;flex:1;overflow-y:auto}.btn{border-radius:var(--radius-md);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid;flex:1;padding:10px;font-size:10px;font-weight:700;transition:all .14s}.btn-gold{background:linear-gradient(135deg,var(--gold-bright),#b89840);color:var(--bg-deep);border-color:#0000;box-shadow:0 2px 8px #c9a84c40}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c9a84c66}.btn-ghost{color:var(--muted);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--parchment-dim);border-color:var(--gold-dim);background:var(--gold-faint)}.btn-danger{color:var(--red);background:0 0;border-color:#d450504d}.btn-danger:hover{background:var(--red-dim)}.section-head{font-family:var(--font-display);color:var(--gold);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;padding:12px 16px 5px;font-size:8.5px;font-weight:700;display:flex}.section-head:after{content:"";background:linear-gradient(90deg,var(--gold-faint),transparent);flex:1;height:1px}.stat-row{justify-content:space-between;align-items:center;padding:5px 16px;font-size:13.5px;transition:background .1s;display:flex}.stat-row:hover{background:var(--gold-faint)}.stat-label{color:var(--muted);align-items:center;gap:9px;font-weight:500;display:flex}.stat-label .i13{color:var(--dim)}.stat-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--parchment);font-size:12px;font-weight:500}.sheet-hero{align-items:center;gap:11px;padding:15px 16px 12px;display:flex}.sheet-portrait{border-radius:var(--radius-md);border:1.5px solid var(--green);background:var(--green-dim);width:46px;height:46px;color:var(--green);font-family:var(--font-data);flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.sheet-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.02em;font-size:15px;font-weight:700;line-height:1.15}.sheet-subtitle{color:var(--muted);margin-top:2px;font-size:12.5px;font-style:italic}.hp-track{background:#0006;border-radius:3px;height:6px;margin:4px 16px 8px;overflow:hidden}.hp-fill{background:linear-gradient(90deg,var(--green),#8ad674);height:100%;box-shadow:0 0 8px var(--green-glow);transition:width .4s var(--ease-out);border-radius:3px}.ability-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 16px 8px;display:grid}.ability-cell{text-align:center;border-radius:var(--radius-md);background:var(--elevated);border:1px solid var(--border-subtle);cursor:pointer;padding:7px 4px;transition:all .15s}.ability-cell:hover{border-color:var(--gold-dim);background:var(--raised);transform:translateY(-1px)}.ability-label{font-family:var(--font-display);color:var(--dim);letter-spacing:.1em;font-size:8.5px;font-weight:700}.ability-score{font-family:var(--font-data);color:var(--parchment);font-size:18px;font-weight:600;line-height:1.3}.ability-mod{font-family:var(--font-data);color:var(--gold);font-size:11px;font-weight:500}.channel-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:3px;padding:10px 12px;display:flex}.channel{color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.channel:hover{color:var(--muted);background:var(--elevated)}.channel-badge{background:var(--gold);min-width:16px;height:16px;color:var(--bg-deep);font-size:9px;font-weight:700;font-family:var(--font-data);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;display:flex}.msg-list{flex-direction:column;gap:2px;padding:8px 0;display:flex}.msg{align-items:flex-start;gap:10px;padding:6px 16px;transition:background .1s;display:flex}.msg:hover{background:#ffffff04}.msg-avatar{width:28px;height:28px;font-family:var(--font-data);border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:10px;font-weight:600;display:flex}.msg-content{flex:1;min-width:0}.msg-header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.msg-author{font-family:var(--font-display);letter-spacing:.03em;font-size:11px;font-weight:600}.msg-time{font-family:var(--font-data);color:var(--faint);font-size:9px}.msg-body{color:var(--parchment-dim);font-size:13.5px;line-height:1.55}.msg-dm .msg-avatar{background:var(--purple-dim);color:var(--purple-bright);border-color:#9b6fd44d}.msg-dm .msg-author{color:var(--purple-bright)}.msg-player .msg-avatar{background:var(--green-dim);color:var(--green);border-color:#6bbf594d}.msg-player .msg-author{color:var(--green)}.msg-system{padding:4px 16px}.msg-system .msg-avatar{background:var(--elevated);border-color:var(--border-subtle);width:24px;height:24px;color:var(--dim)}.msg-roll{border-radius:var(--radius-md);background:var(--elevated);border:1px solid var(--border-subtle);align-items:center;gap:8px;margin-top:4px;padding:5px 11px;display:inline-flex}.msg-roll .i13{color:var(--gold)}.msg-roll-result{font-family:var(--font-data);color:var(--gold);font-size:14px;font-weight:700}.msg-roll-detail{font-family:var(--font-data);color:var(--dim);font-size:10px}.msg-roll-label{font-family:var(--font-display);color:var(--muted);letter-spacing:.04em;font-size:10px}.msg-roll-pass{font-family:var(--font-data);color:var(--green);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-size:9px;font-weight:600;display:inline-flex}.chat-input-area{border-top:1px solid var(--border-subtle);background:#0003;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-field{background:var(--elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--parchment);font-size:13.5px;font-family:var(--font-body);resize:none;outline:none;flex:1;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.chat-field::placeholder{color:var(--faint)}.send-btn{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--gold-bright),#b89840);width:34px;height:34px;color:var(--bg-deep);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;transition:all .15s;display:flex;box-shadow:0 2px 8px #c9a84c47}.send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c9a84c66}.list-body{flex-direction:column;gap:7px;padding:12px 14px;display:flex}.party-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#00000026;align-items:center;gap:11px;padding:10px 11px;transition:all .12s;display:flex}.party-card:hover{border-color:var(--gold-dim);background:var(--elevated)}.party-av{width:40px;height:40px;font-family:var(--font-data);border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.pv-green{border-color:var(--green);background:var(--green-dim);color:var(--green)}.pv-purple{border-color:var(--purple);background:var(--purple-dim);color:var(--purple-bright)}.party-main{flex:1;min-width:0}.party-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.02em;font-size:13px;font-weight:600}.party-role{color:var(--muted);margin:1px 0 5px;font-size:11.5px;font-style:italic}.party-hpbar{background:#0006;border-radius:3px;height:5px;overflow:hidden}.party-hpfill{border-radius:3px;height:100%}.party-side{text-align:right;flex:none}.party-ac{font-family:var(--font-data);color:var(--parchment);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.party-ac .i13{color:var(--dim)}.party-hpnum{font-family:var(--font-data);color:var(--muted);margin-top:3px;font-size:9px}.party-tag{font-family:var(--font-data);border-radius:100px;margin-top:4px;padding:1px 6px;font-size:8px;display:inline-block}.map-row{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:9px 10px;transition:all .12s;display:flex}.map-row:hover{background:var(--elevated);border-color:var(--border-subtle)}.map-thumb{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg);flex:none;width:54px;height:40px;overflow:hidden}.map-info{flex:1;min-width:0}.map-title{font-family:var(--font-display);color:var(--parchment);letter-spacing:.02em;font-size:13px;font-weight:600}.map-meta{font-family:var(--font-data);color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:9px;display:flex}.map-live{font-family:var(--font-data);color:var(--gold);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:4px;font-size:8px;font-weight:700;display:inline-flex}.map-live-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.quest-card{border:1px solid var(--gold-dim);border-radius:var(--radius-md);background:var(--gold-faint);margin:12px 14px;padding:12px}.quest-title{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.03em;margin-bottom:8px;font-size:13px;font-weight:700}.quest-obj{color:var(--parchment-dim);align-items:flex-start;gap:9px;padding:4px 0;font-size:13px;display:flex}.quest-obj .i14{flex:none;margin-top:2px}.obj-done{color:var(--green)}.obj-done .qt{color:var(--muted);text-decoration:line-through}.obj-open .i14{color:var(--dim)}.log-row{border-bottom:1px solid var(--border-subtle);padding:9px 16px}.log-time{font-family:var(--font-data);color:var(--dim);letter-spacing:.04em;font-size:9px}.log-text{color:var(--parchment-dim);margin-top:3px;font-size:13.5px;line-height:1.55}.camp-hero{border-bottom:1px solid var(--border-subtle);padding:16px}.camp-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.03em;font-size:19px;font-weight:700;line-height:1.1}.camp-tag{color:var(--muted);margin-top:5px;font-size:13px;font-style:italic}.camp-recap{color:var(--parchment-dim);padding:12px 16px;font-size:13.5px;font-style:italic;line-height:1.6}.camp-recap strong{color:var(--gold);font-style:normal;font-weight:600}.dice-grid{grid-template-columns:repeat(4,1fr);gap:7px;padding:14px;display:grid}.die{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--elevated);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .12s;display:flex}.die:hover{border-color:var(--gold-dim);background:var(--raised);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.die-face{font-family:var(--font-data);color:var(--parchment);font-size:15px;font-weight:600}.die:hover .die-face{color:var(--gold)}.die-sub{font-family:var(--font-data);color:var(--dim);font-size:8px}.dice-opts{align-items:center;gap:8px;padding:0 14px 12px;display:flex}.seg{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.seg-btn{font-family:var(--font-data);color:var(--dim);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;padding:6px 12px;font-size:10px;transition:all .12s}.seg-btn:hover{color:var(--muted)}.set-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.set-label{color:var(--parchment-dim);align-items:center;gap:11px;font-size:13.5px;display:flex}.set-label .i15{color:var(--dim)}.switch{background:var(--elevated);border:1px solid var(--border);cursor:pointer;border-radius:100px;flex:none;width:38px;height:22px;transition:all .15s;position:relative}.switch:after{content:"";background:var(--dim);border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--gold-faint);border-color:var(--gold-dim)}.switch.on:after{background:var(--gold);box-shadow:0 0 6px var(--gold-dim);left:18px}.init-row{align-items:center;gap:11px;padding:8px 16px;transition:background .1s;display:flex}.init-row-current{background:var(--gold-faint);position:relative}.init-row-current:before{content:"";background:var(--gold);border-radius:2px;width:2.5px;position:absolute;top:8px;bottom:8px;left:0}.init-num{font-family:var(--font-data);color:var(--dim);text-align:center;flex:none;width:22px;font-size:13px;font-weight:700}.init-row-current .init-num{color:var(--gold)}.init-av{width:32px;height:32px;font-family:var(--font-data);border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.init-info{flex:1;min-width:0}.init-name{font-family:var(--font-display);color:var(--parchment);letter-spacing:.02em;font-size:12.5px;font-weight:600}.init-hpbar{background:#0006;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.init-hpfill{border-radius:2px;height:100%}.action-row{justify-content:center;gap:16px;padding:12px 16px 4px;display:flex}.action-slot{flex-direction:column;align-items:center;gap:6px;display:flex}.action-name{font-family:var(--font-data);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.action-pip{border:2px solid;border-radius:50%;width:14px;height:14px}.pip-ready{border-color:var(--gold);background:var(--gold);box-shadow:0 0 6px var(--gold-dim)}.pip-spent{border-color:var(--faint);background:0 0}:root{--bronze:#b5895a;--bronze-lt:#dcb989;--bronze-dk:#5f4326;--gold-metal:linear-gradient(180deg, #f8e6a6 0%, #e6c66a 38%, #c09a38 55%, #f0d489 78%, #b8912f 100%);--leather:linear-gradient(158deg, #251c14 0%, #180f09 52%, #0e0805 100%)}@keyframes torchFlicker{0%,to{opacity:1}28%{opacity:.94}54%{opacity:.87}76%{opacity:.96}}.mat{background-image:var(--grain),var(--leather);background-blend-mode:overlay,normal;border:1px solid var(--bronze-dk);background-size:130px,cover;box-shadow:0 12px 38px #0000009e,inset 0 1px #e0b46e2b,inset 0 0 0 1px #00000073,inset 0 -12px 26px #0006}.mat:before,.modal:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 9px 9px,var(--bronze-lt) 0 1.5px,transparent 2.4px),radial-gradient(circle at calc(100% - 9px) 9px,var(--bronze-lt) 0 1.5px,transparent 2.4px),radial-gradient(circle at 9px calc(100% - 9px),var(--bronze-lt) 0 1.5px,transparent 2.4px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),var(--bronze-lt) 0 1.5px,transparent 2.4px);opacity:.5;position:absolute;top:0;right:0;bottom:0;left:0}.mat:after{content:"";pointer-events:none;border:1px solid #c9a84c26;border-radius:12px;position:absolute;top:4px;right:4px;bottom:4px;left:4px}.modal{border:1px solid var(--bronze-dk);box-shadow:0 28px 88px #000c,inset 0 1px #e0b46e2e,inset 0 0 0 1px #00000080}.modal:after{content:"";pointer-events:none;z-index:4;border:1px solid #c9a84c29;border-radius:10px;position:absolute;top:3px;right:3px;bottom:3px;left:3px}.modal-head{background:linear-gradient(#c9a84c1a,#c9a84c00 92%);position:relative}.modal-head:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-dim) 14%,var(--gold-bright) 50%,var(--gold-dim) 86%,transparent);height:2px;box-shadow:0 0 9px var(--gold-dim);position:absolute;bottom:-1px;left:14px;right:14px}.modal-title,.section-head,.quest-title,.round-banner{background:var(--gold-metal);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 1px #0000008c);-webkit-background-clip:text;background-clip:text}.section-head:before{content:"";background:var(--gold);width:5px;height:5px;box-shadow:0 0 7px var(--gold-dim);flex:none;transform:rotate(45deg)}.sheet-name,.camp-name,.party-name,.hud-turn-name,.map-title,.init-name,.brand-name,.npc-name{text-shadow:0 1px 1px #0009}.btn-ghost{border:1px solid var(--bronze-dk);box-shadow:inset 0 1px #e0b46e14}.btn-ghost:hover{border-color:var(--bronze)}.dock-btn:hover,.tool-btn:hover{box-shadow:inset 0 0 0 1px #c9a84c29,inset 0 2px 6px #00000073}.dock-active{box-shadow:inset 0 0 11px #c9a84c38,0 0 12px #c9a84c2e!important}.tool-active{box-shadow:inset 0 0 11px #c9a84c33}.dock-brand{border:2px solid var(--bronze-lt);background:var(--gold-metal);color:#2c1d09;border-radius:50%;box-shadow:0 3px 9px #0000008c,inset 0 1px #ffffff8c,inset 0 -3px 5px #5f43268c,0 0 0 3px #b5895a29}.hud-turn-pip,.init-mini-pip,.init-av,.party-av,.npc-pip,.sheet-portrait,.msg-avatar,.portrait,.token-ring,.foot-avatar{box-shadow:inset 0 1px 2px #00000073,0 1px 2px #0006}.token-active .token-ring{box-shadow:0 0 12px var(--gold-dim),0 0 26px #c9a84c1f,inset 0 0 4px #00000080}.hp-fill,.party-hpfill,.init-hpfill,.portrait-hp-fill{box-shadow:inset 0 1px #ffffff61,inset 0 -2px 3px #00000038}.hp-track,.party-hpbar,.init-hpbar{box-shadow:inset 0 1px 2px #00000080}.ability-cell{border-color:var(--bronze-dk);background:linear-gradient(#221b14,#16100b);box-shadow:inset 0 1px #e0b46e14,inset 0 -3px 6px #00000059}.ability-cell:hover{border-color:var(--bronze);box-shadow:inset 0 1px #e0b46e24,0 0 12px #c9a84c24}.ability-score{text-shadow:0 1px 1px #0009}.die{border-color:var(--bronze-dk);background:linear-gradient(#221b14,#15100b);box-shadow:inset 0 1px #e0b46e14,inset 0 -3px 6px #00000059}.die:hover{border-color:var(--bronze);box-shadow:inset 0 1px #e0b46e24,0 5px 14px #00000080,0 0 14px #c9a84c29}.scene-plate{text-shadow:0 1px 2px #000c}:root{--bg-deep:#160f08;--bg:#20160d;--surface:#2a1d11;--elevated:#392918;--raised:#47341f;--border:#4a381f;--border-subtle:#c4964a1c;--glass-border:#c4964a21;--gold:#c79a4f;--gold-bright:#e8bf76;--gold-dim:#c79a4f4d;--gold-faint:#c79a4f1a;--bronze:#b5824a;--bronze-lt:#ddb579;--bronze-dk:#5c3f22;--gold-metal:linear-gradient(180deg, #f1d99c 0%, #dbb060 40%, #b0803a 56%, #e8bf76 78%, #a9772c 100%);--leaf:#7ba24a;--leaf-bright:#a6cd6d;--leaf-deep:#4c6e30;--leaf-dim:#7ba24a4d;--leaf-faint:#7ba24a1f;--green-metal:linear-gradient(180deg, #aad073 0%, #7ba24a 44%, #567f30 58%, #93c15c 100%);--parchment:#f2e7cb;--parchment-dim:#dac9a4;--muted:#a28c6a;--dim:#6f5e42;--faint:#4b3f2b;--wood-grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='340'%20height='340'%3E%3Cfilter%20id='w'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.64%200.014'%20numOctaves='4'%20seed='11'/%3E%3CfeColorMatrix%20type='luminanceToAlpha'/%3E%3C/filter%3E%3Crect%20width='340'%20height='340'%20filter='url(%23w)'/%3E%3C/svg%3E");--wood-blotch:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='480'%3E%3Cfilter%20id='b'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.016%200.024'%20numOctaves='3'%20seed='4'/%3E%3CfeColorMatrix%20type='luminanceToAlpha'/%3E%3C/filter%3E%3Crect%20width='480'%20height='480'%20filter='url(%23b)'/%3E%3C/svg%3E")}.modal{border-radius:16px}.modal:after{border-radius:13px}.dock{border-radius:20px}.mat:after{border-radius:16px}.dock-btn,.tool-btn{border-radius:11px}.top-hud{border-radius:16px}.btn{border-radius:10px}.ability-cell,.die,.party-card,.map-row{border-radius:12px}.mat{background-image:linear-gradient(103deg,#ffe8b60e 0%,transparent 24%,transparent 70%,#0000001c 100%),repeating-linear-gradient(90deg,#ffe4a805 0 1px,transparent 1px 3px,#0000000d 3px 4px,transparent 4px 8px),repeating-linear-gradient(90deg,transparent 0 84px,#00000052 84px 85px,#ffe29e12 85px 86px,transparent 86px 90px),repeating-linear-gradient(90deg,transparent 0 137px,#00000026 137px 138px,transparent 138px 142px),var(--wood-grain),var(--wood-blotch),linear-gradient(118deg,#3d2b14,#2b1d0d 55%,#1b1208);background-blend-mode:soft-light,normal,normal,normal,soft-light,soft-light,normal;border-color:var(--bronze-dk);background-size:cover,auto,auto,auto,340px 340px,480px 480px,cover}.modal{background-image:linear-gradient(101deg,#ffe8b60d 0%,transparent 22%,transparent 74%,#0000001f 100%),repeating-linear-gradient(90deg,#ffe4a805 0 1px,transparent 1px 3px,#0000000b 3px 4px,transparent 4px 8px),repeating-linear-gradient(90deg,transparent 0 96px,#0000004d 96px 97px,#ffe29e0f 97px 98px,transparent 98px 102px),repeating-linear-gradient(90deg,transparent 0 151px,#00000024 151px 152px,transparent 152px 156px),var(--wood-grain),var(--wood-blotch),linear-gradient(160deg,#3a2913,#291c0c 58%,#180f07);background-blend-mode:soft-light,normal,normal,normal,soft-light,soft-light,normal;background-size:cover,auto,auto,auto,340px 340px,480px 480px,cover}.modal-backdrop{background:radial-gradient(at 50% 42%,#140f0780,#070903d1)}.map-placeholder{background:radial-gradient(circle at 50% 40%,#e8bf761c,#0000 46%),radial-gradient(at 18% 82%,#7ba24a21,#0000 52%),radial-gradient(at 84% 20%,#7ba24a14,#0000 48%),repeating-linear-gradient(0deg,#0000 0,#0000 47px,#c4964a08 47px,#c4964a08 48px),repeating-linear-gradient(90deg,#0000 0,#0000 47px,#c4964a08 47px,#c4964a08 48px),radial-gradient(at 42% 56%,#30381e8c,#0000 60%),#1b1810}.map-vignette{background:radial-gradient(at 50% 42%,#0000 30%,#161c0d6b 66%,#090b05b8);animation:7s ease-in-out infinite torchFlicker}.dock-active{color:var(--leaf-bright)!important;background:var(--leaf-faint)!important;border-color:var(--leaf-dim)!important;box-shadow:inset 0 0 11px #7ba24a40,0 0 12px #7ba24a33!important}.tool-active{color:var(--leaf-bright);background:var(--leaf-faint);border-color:var(--leaf-dim);box-shadow:inset 0 0 11px #7ba24a38}.tab-active{color:var(--leaf-bright);border-bottom-color:var(--leaf)}.channel-active{color:var(--leaf-bright);background:var(--leaf-faint);border-color:var(--leaf-dim)}.map-row-active{background:var(--leaf-faint);border-color:var(--leaf-dim)}.seg-active{color:var(--leaf-bright);background:var(--leaf-faint)}.chat-field:focus{border-color:var(--leaf-dim);box-shadow:0 0 0 2px var(--leaf-faint)}.section-head:before{background:var(--leaf);box-shadow:0 0 7px var(--leaf-dim)}.dock-btn{color:var(--parchment-dim);background:#160f0873;border-color:#c4964a1a}.dock-btn:hover{color:var(--parchment);background:#160f0899;border-color:#c4964a38}.tool-btn{color:var(--parchment-dim);background:#160f0859}.tool-btn:hover{color:var(--parchment);background:#160f088c;border-color:#c4964a2e}.btn-gold,.send-btn{background:var(--green-metal);border:1px solid var(--leaf-deep);color:#16230b;text-shadow:0 1px #ffffff4d;box-shadow:0 2px #35521f,0 5px 12px #00000080,inset 0 1px #ffffff80,inset 0 -2px 3px #35521f80}.btn-gold:hover,.send-btn:hover{filter:brightness(1.08);box-shadow:0 2px #35521f,0 8px 20px #7ba24a6b,inset 0 1px #ffffff8c}.dock-brand{border:2px solid var(--bronze-lt);color:#f2e7cb;background:radial-gradient(circle at 50% 40%,#74a047,#4f7130 68%,#3c5726);border-radius:50%;position:relative;box-shadow:0 3px 9px #0000008c,inset 0 1px #ffffff47,inset 0 -3px 6px #1e301299,0 0 0 3px #b5824a2e}.dock-brand:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7ba24a66,inset 0 1px #ffffff52,0 0 0 3px #c79a4f4d}.modal .modal-body{color:var(--parchment);background-color:#1a1510;background-image:radial-gradient(at 30% 20%,#c9a84c0a,#0000 50%),radial-gradient(at 80% 80%,#c9a84c08,#0000 50%);box-shadow:inset 0 12px 20px -12px #0009,inset 0 -12px 20px -12px #00000080,inset 0 0 0 1px #c9a84c0f}.modal-body::-webkit-scrollbar-thumb{background:#c9a84c38}.modal-body .section-head{-webkit-text-fill-color:var(--gold);color:var(--gold);filter:none;background:0 0}.modal-body .section-head:before{background:var(--leaf);box-shadow:none}.modal-body .section-head:after{background:linear-gradient(90deg,#c9a84c40,#0000)}.modal-body .stat-label{color:var(--parchment-dim)}.modal-body .stat-label .i13{color:var(--muted)}.modal-body .stat-value{color:var(--parchment)}.modal-body .stat-row:hover{background:#c9a84c0f}.modal-body .sheet-name,.modal-body .camp-name,.modal-body .party-name,.modal-body .map-title,.modal-body .init-name{color:var(--parchment);text-shadow:none}.modal-body .sheet-subtitle,.modal-body .camp-tag,.modal-body .party-role,.modal-body .map-meta,.modal-body .camp-recap,.modal-body .log-text,.modal-body .msg-body{color:var(--parchment-dim)}.modal-body .camp-recap strong{color:var(--gold)}.modal-body .camp-hero,.modal-body .log-row,.modal-body .set-row{border-color:#c9a84c1f}.modal-body .hp-track,.modal-body .party-hpbar,.modal-body .init-hpbar{background:#ffffff14;box-shadow:inset 0 1px 2px #0006}.modal-body .ability-cell,.modal-body .die{background:linear-gradient(#c9a84c14,#c9a84c08);border-color:#c9a84c2e;box-shadow:inset 0 1px #c9a84c14,inset 0 -2px 4px #0003}.modal-body .ability-cell:hover,.modal-body .die:hover{border-color:var(--leaf);box-shadow:inset 0 1px #c9a84c1a,0 4px 12px #0000004d}.modal-body .ability-label,.modal-body .die-sub,.modal-body .action-name,.modal-body .init-num,.modal-body .party-hpnum,.modal-body .msg-time,.modal-body .log-time,.modal-body .seg-btn{color:var(--muted)}.modal-body .ability-score,.modal-body .die-face{color:var(--parchment);text-shadow:none}.modal-body .ability-mod{color:var(--gold)}.modal-body .die:hover .die-face{color:var(--leaf-bright)}.modal-body .party-card{background:#fffaeb66;border-color:#5c3f1933}.modal-body .party-card:hover{border-color:var(--leaf-deep);background:#fffaeb9e}.modal-body .party-ac{color:#32240f}.modal-body .party-ac .i13{color:#9a7a45}.modal-body .map-row:hover{background:#785a281a;border-color:#5c3f1933}.modal-body .map-thumb{border-color:#5c3f194d}.modal-body .quest-card{border-color:var(--leaf-deep);background:#7ba24a26}.modal-body .quest-title{-webkit-text-fill-color:#3d5a24;color:#3d5a24;filter:none;background:0 0}.modal-body .quest-obj{color:#4a3822}.modal-body .obj-done{color:#4c6e30}.modal-body .obj-done .qt{color:#8a7a55}.modal-body .obj-open .i14{color:#9a7a45}.modal-body .msg:hover{background:#785a2812}.modal-body .msg-system .msg-body{color:#6f5734}.modal-body .msg-dm .msg-author{color:#7a4fb0}.modal-body .msg-player .msg-author{color:#4c6e30}.modal-body .msg-roll{background:#fffaeb8c;border-color:#5c3f1933}.modal-body .msg-roll-label{color:#6f5734}.modal-body .msg-roll-detail{color:#8a7a55}.modal-body .msg-system .msg-avatar{color:#8a6c3c;background:#fffaeb80;border-color:#5c3f1940}.modal-body .seg{border-color:#5c3f194d}.modal-body .seg-btn:hover{color:#4a3822}.modal-body .seg-active{color:#3d5a24;background:#7ba24a2e}.modal-body .set-label{color:#4a3822}.modal-body .set-label .i15{color:#9a7a45}.modal-body .switch{background:#3c281233;border-color:#5c3f194d}.modal-body .switch:after{background:#a08a5f}.modal-body .switch.on{border-color:var(--leaf-deep);background:#7ba24a40}.modal-body .switch.on:after{background:var(--leaf);box-shadow:0 0 5px var(--leaf-dim)}.modal-foot{background:linear-gradient(#785a281f,#785a2833);border-top:1px solid #5c3f193d}.modal-foot .btn-ghost{color:#6a5230;box-shadow:none;border-color:#5c3f1966}.modal-foot .btn-ghost:hover{color:#3d2c17;border-color:var(--leaf-deep);background:#7ba24a24}.modal-head:before{content:"";z-index:5;border:1.5px solid var(--bronze-lt);background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2393c15c'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11%2020A7%207%200%200%201%209.8%206.1C15.5%205%2017%204.48%2019%202c1%202%202%204.18%202%208%200%205.5-4.78%2010-10%2010Z'/%3E%3Cpath%20d='M2%2021c0-3%201.85-5.36%205.08-6'/%3E%3C/svg%3E") 50%/12px 12px no-repeat,radial-gradient(circle at 50% 36%,#33240f,#180f06);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000008c,inset 0 1px #ffffff2e}.sheet-ribbon{z-index:6;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);background:linear-gradient(90deg,#722619,#b4483a 44%,#9a3728 68%,#661f14);width:22px;height:68px;position:absolute;top:0;right:60px;box-shadow:0 5px 9px #00000080}.sheet-ribbon:before{content:"";background:linear-gradient(#ffffff4d,#ffffff0a);width:3px;position:absolute;top:0;bottom:0;left:6px}.sheet-ribbon:after{content:"";background:#00000047;height:6px;position:absolute;top:0;left:0;right:0}.modal-body .inv-currency{border-bottom:1px solid #5c3f1926;align-items:center;gap:12px;padding:8px 16px;display:flex}.modal-body .inv-coin{color:#4a3822;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.modal-body .inv-coin-icon{border:1px solid #5c3f194d;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.modal-body .inv-coin-icon.gp{background:linear-gradient(#f1d99c,#c79a4f)}.modal-body .inv-coin-icon.sp{background:linear-gradient(#d4d4d4,#a0a0a0)}.modal-body .inv-coin-icon.cp{background:linear-gradient(#d4956a,#a0623a)}.modal-body .inv-coin-icon.pp{background:linear-gradient(#e8e8f0,#b0b0c8)}.modal-body .inv-enc{align-items:center;gap:8px;padding:6px 16px 10px;display:flex}.modal-body .inv-enc-label{letter-spacing:.5px;text-transform:uppercase;color:#8a6c3c;flex-shrink:0;font-size:11px}.modal-body .inv-enc-track{background:#3c28122e;border-radius:3px;flex:1;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #3c281240}.modal-body .inv-enc-fill{background:var(--leaf);border-radius:3px;height:100%;transition:width .3s}.modal-body .inv-enc-text{color:#6a5230;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.modal-body .inv-item{cursor:pointer;border-bottom:1px solid #5c3f191a;align-items:center;gap:6px;padding:6px 16px;transition:background .15s;display:flex}.modal-body .inv-item:hover{background:#785a2814}.modal-body .inv-item-selected{background:#7ba24a1f;border-color:#4c6e3033}.modal-body .inv-item-icon{color:#9a7a45;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.modal-body .inv-item-name{text-overflow:ellipsis;white-space:nowrap;color:#3d2c17;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.modal-body .inv-item-slot{letter-spacing:.3px;text-transform:uppercase;color:var(--gold);flex-shrink:0;font-size:11px}.modal-body .inv-item-qty{color:#6a5230;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.modal-body .inv-detail{color:#4a3822;background:#fffaeb80;border-bottom:1px solid #5c3f1926;padding:10px 16px 14px 36px;font-size:12.5px;line-height:1.5}.modal-body .inv-detail-name{margin-bottom:2px;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:700}.modal-body .inv-detail-type{text-transform:uppercase;letter-spacing:.5px;color:#8a6c3c;margin-bottom:6px;font-size:11px}.modal-body .inv-detail-desc{color:#5c472a;margin-bottom:8px;font-style:italic}.modal-body .inv-detail-props{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.modal-body .inv-detail-tag{color:#6a5230;background:#5c3f191f;border:1px solid #5c3f1926;border-radius:8px;padding:2px 7px;font-size:10.5px}.modal-body .inv-detail-stat{justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.modal-body .inv-detail-stat-label{color:#8a6c3c}.modal-body .inv-detail-stat-value{color:#3d2c17;font-weight:600}.modal-body .inv-detail-charges{margin-top:6px}.modal-body .inv-detail-actions{gap:6px;margin-top:10px;display:flex}.modal-body .inv-detail-actions button{color:#4a3822;cursor:pointer;background:#fffaeb80;border:1px solid #5c3f194d;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .15s;display:flex}.modal-body .inv-detail-actions button:hover{border-color:var(--leaf-deep);background:#7ba24a26}.modal-body .inv-detail-actions .inv-btn-danger{color:#a04030}.modal-body .inv-detail-actions .inv-btn-danger:hover{background:#b040401f;border-color:#a04030}.modal-body .inv-rarity-common{color:#6a5230}.modal-body .inv-rarity-uncommon{color:#4c6e30}.modal-body .inv-rarity-rare{color:#2a5a9e}.modal-body .inv-rarity-very-rare{color:#7a4fb0}.modal-body .inv-rarity-legendary{color:#c97a1e}.modal-body .inv-overlay{z-index:10;background:#1e140a73;justify-content:center;align-items:center;animation:.12s ease-out modalIn;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.modal-body .inv-overlay-card{background:#f5e6c8;border:2px solid #5c3f194d;border-radius:12px;width:90%;max-width:420px;max-height:80%;padding:16px 20px;overflow-y:auto;box-shadow:0 8px 32px #0000004d,0 2px 8px #00000026}.modal-body .inv-overlay-card::-webkit-scrollbar{width:6px}.modal-body .inv-overlay-card::-webkit-scrollbar-thumb{background:#5c3f1947;border-radius:3px}.modal-body .char-ability{cursor:default;background:#fffaeb66;border:2px solid #5c3f194d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:95px;height:80px;transition:border-color .15s;display:flex}.modal-body .char-ability:hover{border-color:#5c3f1980}.modal-body .char-stat-box{background:#fffaeb4d;border:2px solid #5c3f1940;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:65px;display:flex}.modal-body .char-prof{border:1.5px solid #5c3f1959;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:inline-flex}.modal-body .char-prof.filled{background:var(--leaf);border-color:var(--leaf-deep)}.modal-body .char-prof.expertise{background:var(--leaf);border-color:var(--leaf-deep);box-shadow:0 0 0 2px #fffaeb99,0 0 0 3.5px var(--leaf-deep)}.modal-body .char-death-save{cursor:pointer;background:0 0;border:1.5px solid #5c3f194d;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:all .15s;display:inline-flex}.modal-body .char-death-save.success{background:var(--leaf);border-color:var(--leaf-deep)}.modal-body .char-death-save.failure{background:#c9503e;border-color:#a04030}.modal-body .char-death-save:hover{border-color:#5c3f1980}.modal-body .char-skill-row{align-items:center;gap:6px;padding:3px 0;font-size:12.5px;display:flex}.modal-body .char-skill-row:hover{background:#785a280f}.modal-body .char-save-row{align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.modal-body .char-equip-row{border-bottom:1px solid #5c3f1914;align-items:center;gap:6px;padding:4px 0;font-size:12.5px;display:flex}.modal-body .char-equip-row:last-child{border-bottom:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg: #0d0a07;--bg-raised: #141210;--gold: #c9a84c;--gold-dim: rgba(201, 168, 76, .2);--gold-hover: #ddb85c;--parchment: #f4e8d0;--player-amber: #d4843a;--player-purple: #7a5aaa;--player-teal: #3a9a9a;--player-crimson: #9b4444;--player-forest: #4a8a4a;--player-slate: #6a7a8a;--success: #4a8a4a;--error: #9b4444;--warning: #c9a84c;--info: #3a7ab8;--font-heading: "Cinzel", serif;--font-body: "EB Garamond", serif;--font-chat: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-collapsed: 64px;--sidebar-expanded: 240px;--header-height: 56px;--input-area-min: 80px;--bp-mobile: 768px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--parchment);font-family:var(--font-body);line-height:1.6;min-height:100dvh;overflow-x:hidden}img,svg{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}*{scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--parchment)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:.75rem}a{color:var(--gold);text-decoration:none;transition:color .2s ease}a:hover{color:var(--gold-hover)}button,.btn{font-family:var(--font-body);font-size:1rem;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1.25rem;transition:background-color .2s ease,transform .1s ease}button:active{transform:scale(.98)}.btn-primary{background-color:var(--gold);color:var(--bg);font-weight:600}.btn-primary:hover{background-color:var(--gold-hover)}.btn-secondary{background-color:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-secondary:hover{background-color:var(--gold-dim)}input,textarea,select{font-family:var(--font-body);font-size:1rem;background-color:var(--bg);color:var(--parchment);border:1px solid var(--gold-dim);border-radius:4px;padding:.5rem .75rem;outline:none;transition:border-color .2s ease;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:#f4e8d066}label{display:block;margin-bottom:.25rem;font-size:.9rem;color:var(--parchment);opacity:.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gold{color:var(--gold)}.text-parchment{color:var(--parchment)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}#root{min-height:100dvh}.app-layout{display:grid;grid-template-columns:var(--sidebar-collapsed) 1fr;grid-template-rows:var(--header-height) 1fr var(--input-area-min);grid-template-areas:"sidebar header" "sidebar main" "sidebar input";min-height:100dvh}.app-layout.sidebar-expanded{grid-template-columns:var(--sidebar-expanded) 1fr}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr var(--input-area-min);grid-template-areas:"header" "main" "input"}}