@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0!important;padding:0!important;overflow:hidden;background:#1a1a2e}body,#root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@keyframes ui-fx-pulse{0%,to{box-shadow:0 0 8px var(--glow, rgba(200,160,60,.3))}50%{box-shadow:0 0 14px var(--glow, rgba(200,160,60,.45))}}@keyframes ui-fx-pulse-strong{0%,to{box-shadow:0 0 12px var(--glow, rgba(200,160,60,.4))}50%{box-shadow:0 0 22px var(--glow, rgba(200,160,60,.65))}}.ui-fx-glow{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,transform .18s ease}.ui-fx-glow:not(:disabled):hover{box-shadow:0 0 18px var(--glow, rgba(200,160,60,.5))}.ui-fx-glow:not(:disabled):active{transform:translateY(1px)}.ui-fx-active{animation:ui-fx-pulse 3.2s ease-in-out infinite}.ui-fx-pulse-cta{animation:ui-fx-pulse-strong 2.8s ease-in-out infinite}.ui-fx-spotlight{position:relative;overflow:hidden}.ui-fx-spotlight:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%),rgba(200,160,60,.2),transparent 60%);opacity:0;transition:opacity .2s ease}.ui-fx-spotlight:not(:disabled):hover:after{opacity:1}:root,[data-chrome-theme=norse]{--chrome-frame-button: url(/ui/button-frame.png);--chrome-frame-band: url(/ui/band-frame.png);--chrome-frame-panel: url(/ui/panel-frame.png);--chrome-frame-slot: url(/ui/slot-frame.png);--chrome-frame-button-slice: 46;--chrome-frame-band-slice: 50;--chrome-frame-panel-slice: 62;--chrome-frame-slot-slice: 49;--chrome-frame-button-width: 10px;--chrome-frame-band-width: 8px;--chrome-frame-panel-width: 14px;--chrome-frame-slot-width: 6px;--chrome-gold: #c8a03c;--chrome-gold-bright: #f0c040;--chrome-gold-dim: #8a7040;--chrome-ink: #e8d9b0;--chrome-ink-muted: #c4a868;--chrome-ink-dim: #8a7858;--chrome-label: #b89d7a;--chrome-face: linear-gradient( 180deg, rgba(36, 30, 22, .94) 0%, rgba(14, 12, 10, .97) 55%, rgba(8, 7, 6, .98) 100% );--chrome-face-primary: linear-gradient( 180deg, rgba(90, 62, 18, .55) 0%, rgba(36, 26, 10, .92) 40%, rgba(12, 10, 6, .98) 100% );--chrome-face-secondary: linear-gradient( 180deg, rgba(28, 24, 18, .9) 0%, rgba(10, 9, 8, .96) 100% );--chrome-face-active: linear-gradient( 180deg, rgba(90, 62, 18, .55) 0%, rgba(30, 20, 8, .95) 100% );--chrome-face-disabled: linear-gradient( 180deg, rgba(30, 26, 20, .9) 0%, rgba(18, 15, 12, .95) 100% );--chrome-face-panel: linear-gradient( 180deg, rgba(22, 18, 12, .88), rgba(10, 9, 8, .94) );--chrome-panel-texture: url(/ui/log-parchment-clean.jpg);--chrome-glow: rgba(200, 140, 40, .45);--chrome-glow-soft: rgba(200, 140, 40, .18);--chrome-diamond: linear-gradient(145deg, #e0b84a, #6a4a18);--chrome-shadow: 0 6px 18px rgba(0, 0, 0, .65);--chrome-font-display: Cinzel, "Palatino Linotype", Palatino, serif;--chrome-font-body: "Cormorant Garamond", Georgia, serif;--chrome-font-ui: ui-monospace, "SFMono-Regular", Menlo, monospace}[data-chrome-theme=vikings]{--chrome-gold: #d4a84b;--chrome-gold-bright: #f5d070;--chrome-gold-dim: #9a7028;--chrome-glow: rgba(212, 165, 70, .5);--chrome-glow-soft: rgba(212, 165, 70, .22);--chrome-face-primary: linear-gradient( 180deg, rgba(110, 72, 18, .58) 0%, rgba(42, 28, 10, .94) 42%, rgba(12, 10, 6, .98) 100% );--chrome-diamond: linear-gradient(145deg, #f0c860, #7a5010)}[data-chrome-theme=draugr]{--chrome-gold: #7dd3a0;--chrome-gold-bright: #a7f3c4;--chrome-gold-dim: #3d7a58;--chrome-ink: #d4e8dc;--chrome-ink-muted: #8fb8a0;--chrome-ink-dim: #5a8870;--chrome-label: #7aab90;--chrome-glow: rgba(80, 200, 140, .4);--chrome-glow-soft: rgba(80, 200, 140, .16);--chrome-face-primary: linear-gradient( 180deg, rgba(18, 60, 42, .55) 0%, rgba(10, 28, 20, .94) 42%, rgba(6, 12, 10, .98) 100% );--chrome-face-active: linear-gradient( 180deg, rgba(18, 70, 48, .55) 0%, rgba(8, 24, 18, .95) 100% );--chrome-diamond: linear-gradient(145deg, #7dd3a0, #1a4a32)}.chrome-plaque{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;border-style:solid;border-width:var(--chrome-frame-button-width);border-image:var(--chrome-frame-button) var(--chrome-frame-button-slice) stretch;background:var(--chrome-face);color:var(--chrome-ink);font-family:var(--chrome-font-display);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 10px var(--chrome-glow-soft);cursor:pointer;outline:none;box-shadow:var(--chrome-shadow),inset 0 1px #f0d28c14;transition:filter .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease}.chrome-plaque:hover:not(:disabled){filter:brightness(1.12);color:#fff4d0;box-shadow:0 0 22px var(--chrome-glow),var(--chrome-shadow),inset 0 1px #f0d28c24}.chrome-plaque:active:not(:disabled){transform:translateY(1px);filter:brightness(.98)}.chrome-plaque:disabled{background:var(--chrome-face-disabled);color:var(--chrome-gold-dim);cursor:not-allowed;filter:none;box-shadow:0 4px 12px #00000080}.chrome-plaque--diamonds:before,.chrome-plaque--diamonds:after{content:"";position:absolute;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);background:var(--chrome-diamond);box-shadow:0 0 6px var(--chrome-glow-soft);pointer-events:none;opacity:.9}.chrome-plaque--diamonds:before{left:6px}.chrome-plaque--diamonds:after{right:6px}.chrome-plaque--primary{background:var(--chrome-face-primary);color:#f5e6c0;letter-spacing:.24em;box-shadow:0 0 18px var(--chrome-glow-soft),var(--chrome-shadow),inset 0 1px #f0d28c29}.chrome-plaque--primary:hover:not(:disabled){box-shadow:0 0 28px var(--chrome-glow),var(--chrome-shadow),inset 0 1px #ffe6a038}.chrome-plaque--secondary{background:var(--chrome-face-secondary);color:var(--chrome-ink-muted);letter-spacing:.18em}.chrome-plaque--ghost{background:var(--chrome-face-secondary);color:var(--chrome-gold-dim)}.chrome-plaque--ghost:hover:not(:disabled){color:var(--chrome-gold-bright)}.chrome-plaque--active{background:var(--chrome-face-active);color:var(--chrome-gold-bright);box-shadow:0 0 12px var(--chrome-glow-soft),var(--chrome-shadow)}.chrome-plaque--block{width:100%;display:flex}.chrome-plaque--sm{border-width:6px;gap:6px;padding:5px 10px;font-size:10px;letter-spacing:.1em}.chrome-plaque--md{padding:9px 18px;font-size:12px}.chrome-plaque--lg{padding:13px 26px;font-size:14px}.chrome-plaque__glyph{font-size:1.05em;line-height:1;opacity:.92;filter:drop-shadow(0 0 4px var(--chrome-glow-soft))}.chrome-plaque__label{position:relative;z-index:1}.chrome-band{display:flex;align-items:center;box-sizing:border-box;border-style:solid;border-width:var(--chrome-frame-band-width);border-image:var(--chrome-frame-band) var(--chrome-frame-band-slice) stretch;background:var(--chrome-face-secondary);color:var(--chrome-ink-muted);font-family:var(--chrome-font-display);text-shadow:0 1px 2px rgba(0,0,0,.9);box-shadow:0 4px 14px #00000080}.chrome-band--button{width:100%;justify-content:space-between;gap:12px;padding:8px 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;outline:none;transition:filter .2s,color .2s;color:var(--chrome-ink-muted)}.chrome-band--button:hover{filter:brightness(1.1);color:var(--chrome-gold-bright)}.chrome-band--inline{display:inline-flex;gap:10px;padding:5px 14px;font-size:11px;letter-spacing:.12em}.chrome-band__dim{font-family:var(--chrome-font-body);font-style:italic;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--chrome-ink-dim)}.chrome-panel{box-sizing:border-box;border-style:solid;border-width:var(--chrome-frame-panel-width);border-image:var(--chrome-frame-panel) var(--chrome-frame-panel-slice) stretch;background:var(--chrome-face-panel),center / cover var(--chrome-panel-texture);background-blend-mode:multiply;color:var(--chrome-ink);box-shadow:0 10px 28px #0000008c}.chrome-panel--pad{padding:16px 14px}.chrome-slot{width:100%;box-sizing:border-box;background:linear-gradient(180deg,#141218eb,#0a090cf5);border-style:solid;border-width:var(--chrome-frame-slot-width);border-image:var(--chrome-frame-slot) var(--chrome-frame-slot-slice) stretch;color:var(--chrome-ink);font-family:var(--chrome-font-body);font-size:15px;padding:6px 10px;outline:none}.chrome-slot:focus{filter:brightness(1.08)}.chrome-label{display:block;font-family:var(--chrome-font-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--chrome-label);margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.chrome-hint{margin-top:5px;font-family:var(--chrome-font-body);font-style:italic;font-size:13px;color:var(--chrome-ink-dim)}.sqb-shell{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;width:min(980px,96vw);max-height:94vh;overflow-y:auto;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chrome-gold) 35%,transparent) transparent;-webkit-user-select:none;user-select:none}.sqb-title{display:flex;flex-direction:column;align-items:center;gap:2px;margin:2px 0 4px;text-align:center}.sqb-title__mark{font-family:var(--chrome-font-display);font-size:clamp(18px,2.4vw,26px);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--chrome-gold-bright);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 18px var(--chrome-glow-soft)}.sqb-title__sub{font-family:var(--chrome-font-body);font-style:italic;font-size:14px;color:var(--chrome-ink-dim);letter-spacing:.04em}.sqb-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#030503}.sqb-backdrop__layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .65s ease;transform:scale(1.03)}.sqb-backdrop__layer--active{opacity:1}.sqb-backdrop__dim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#0000006b,#000000d1 72%,#000000eb),linear-gradient(180deg,rgba(4,8,6,.35) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.55) 100%)}.sqb-backdrop__vignette{position:absolute;inset:0;box-shadow:inset 0 0 100px 36px #000000b3}.sqb-backdrop__grain{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sqb-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.sqb-section-head .chrome-label{margin-bottom:0}.sqb-section-hint{font-family:var(--chrome-font-body);font-style:italic;font-size:12px;color:var(--chrome-ink-dim);letter-spacing:.02em;text-transform:none}.sqb-row{display:flex;gap:8px;flex-wrap:wrap}.sqb-row--tight{gap:6px}.sqb-faction-grid{display:flex;gap:10px}.sqb-faction-card{flex:1;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;outline:none;box-sizing:border-box;border-style:solid;border-width:var(--chrome-frame-button-width);border-image:var(--chrome-frame-button) var(--chrome-frame-button-slice) stretch;background:var(--chrome-face-secondary);color:var(--chrome-ink-muted);padding:8px 12px;box-shadow:var(--chrome-shadow);transition:filter .18s ease,color .18s ease,box-shadow .18s ease}.sqb-faction-card:hover{filter:brightness(1.1);color:var(--chrome-gold-bright)}.sqb-faction-card--active{background:var(--chrome-face-active);color:var(--chrome-gold-bright);box-shadow:0 0 16px var(--chrome-glow-soft),var(--chrome-shadow)}.sqb-faction-card__thumb{width:52px;height:52px;flex:0 0 52px;border-radius:2px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chrome-gold) 45%,transparent)}.sqb-faction-card__label{font-family:var(--chrome-font-display);font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.9)}.sqb-faction-card__sub{font-family:var(--chrome-font-body);font-style:italic;font-size:12px;color:var(--chrome-ink-dim);margin-top:3px;line-height:1.25}.sqb-tier{flex:1 1 130px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.sqb-tier__name{font-weight:600;line-height:1.2}.sqb-tier__sub{font-family:var(--chrome-font-body);font-style:italic;font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--chrome-ink-dim);font-weight:400}.chrome-plaque--active .sqb-tier__sub{color:color-mix(in srgb,var(--chrome-gold-bright) 70%,var(--chrome-ink-dim))}.sqb-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;overflow:hidden;min-height:0}.sqb-units-panel{overflow-y:auto;max-height:min(62vh,640px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chrome-gold) 30%,transparent) transparent}.sqb-unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.sqb-side{display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:0}.sqb-budget-bar{height:7px;background:#14100abf;border:1px solid color-mix(in srgb,var(--chrome-gold) 35%,transparent);border-radius:3px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 1px 3px #00000080}.sqb-budget-bar__fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--chrome-gold) 70%,#604010) 0%,var(--chrome-gold-bright) 100%);transition:width .25s ease;box-shadow:0 0 8px var(--chrome-glow-soft)}.sqb-budget-bar__fill--over{background:linear-gradient(90deg,#b03a2a,#e06860);box-shadow:0 0 8px #c83c2859}.sqb-tally{font-family:var(--chrome-font-ui);font-size:13px;color:var(--chrome-ink-dim);letter-spacing:0;text-transform:none}.sqb-tally__pts{color:var(--chrome-gold);font-size:14px}.sqb-tally__full{color:var(--chrome-gold-bright)}.sqb-tally__sep{margin:0 6px;opacity:.4}.sqb-empty{font-family:var(--chrome-font-body);font-style:italic;font-size:13px;color:var(--chrome-ink-dim);padding:14px 0;text-align:center}.sqb-squad-list{display:flex;flex-direction:column;gap:5px;max-height:40vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chrome-gold) 30%,transparent) transparent}.sqb-squad-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#0c0a088c;border:1px solid color-mix(in srgb,var(--chrome-gold) 22%,transparent);border-radius:2px;font-family:var(--chrome-font-body);font-size:13px;color:var(--chrome-ink)}.sqb-squad-row__count{color:var(--chrome-gold);margin-right:6px;font-family:var(--chrome-font-display);font-size:12px;letter-spacing:.04em}.sqb-squad-row__cost{color:var(--chrome-ink-dim);margin-left:6px;font-size:11px}.sqb-warnings{border-color:color-mix(in srgb,var(--chrome-gold) 50%,transparent)!important}.sqb-warning-line{font-family:var(--chrome-font-body);font-style:italic;font-size:12px;color:var(--chrome-ink-muted);margin-top:4px;line-height:1.35}.sqb-warning-line:first-of-type{margin-top:0}.sqb-actions{display:flex;gap:8px;align-items:stretch}.sqb-actions .chrome-plaque--block{flex:1}.sqb-unit-card{position:relative;display:block;width:100%;text-align:left;cursor:pointer;outline:none;box-sizing:border-box;border-style:solid;border-width:var(--chrome-frame-slot-width);border-image:var(--chrome-frame-slot) var(--chrome-frame-slot-slice) stretch;background:#0a0804c7;color:var(--chrome-ink);font-family:var(--chrome-font-body);padding:7px;overflow:hidden;transition:filter .18s ease,opacity .18s ease,box-shadow .18s ease;box-shadow:0 4px 12px #00000073}.sqb-unit-card:not(:disabled):hover{filter:brightness(1.12);box-shadow:0 0 16px var(--chrome-glow-soft),0 4px 14px #00000080}.sqb-unit-card:disabled{cursor:not-allowed;opacity:.55;color:var(--chrome-ink-dim)}.sqb-unit-card--dimmed:not(:disabled){opacity:.35;filter:grayscale(.55)}.sqb-unit-card__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;pointer-events:none}.sqb-unit-card:disabled .sqb-unit-card__bg{opacity:.1}.sqb-unit-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000000ad);pointer-events:none}.sqb-unit-card__body{position:relative;display:flex;gap:8px;align-items:center}.sqb-unit-card__name{font-family:var(--chrome-font-display);font-weight:600;font-size:12px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9)}.sqb-unit-card__cost{font-family:var(--chrome-font-display);font-size:11px;color:var(--chrome-gold);flex-shrink:0}.sqb-unit-card__role{font-size:11px;color:var(--chrome-ink-dim);margin-top:2px;font-style:italic}.sqb-unit-card__stats{font-size:11px;color:var(--chrome-ink-muted);margin-top:4px;display:flex;gap:8px;font-family:var(--chrome-font-ui);font-size:10px}.sqb-unit-card__owned{margin-top:3px;font-size:10px;color:var(--chrome-gold-bright);letter-spacing:.12em;font-family:var(--chrome-font-display)}.sqb-unit-card.ui-fx-spotlight:after{background:radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--chrome-gold) 22%,transparent),transparent 60%)}.sqb-thumb-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000000bf,#120e08e6);border:1px solid color-mix(in srgb,var(--chrome-gold) 40%,transparent);border-radius:2px;color:var(--chrome-gold);font-family:var(--chrome-font-display);font-weight:600}.sqb-thumb-img{object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));image-rendering:-webkit-optimize-contrast}.sqb-tooltip{position:fixed;z-index:10000;width:320px;box-sizing:border-box;border-style:solid;border-width:var(--chrome-frame-panel-width);border-image:var(--chrome-frame-panel) var(--chrome-frame-panel-slice) stretch;background:var(--chrome-face-panel),center / cover var(--chrome-panel-texture);background-blend-mode:multiply;color:var(--chrome-ink);font-family:var(--chrome-font-body);box-shadow:0 14px 40px #000000bf;overflow:hidden;pointer-events:none;animation:sqb-tooltip-in .18s ease}@keyframes sqb-tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sqb-tooltip__header{position:relative;height:130px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.sqb-tooltip__header-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0000001f,#000000b3)}.sqb-tooltip__body{padding:10px 14px 12px}.sqb-tooltip__name{font-family:var(--chrome-font-display);font-size:16px;font-weight:600;color:var(--chrome-gold-bright);letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.9)}.sqb-tooltip__cost{font-family:var(--chrome-font-display);font-size:12px;color:var(--chrome-gold)}.sqb-tooltip__role{font-size:12px;color:var(--chrome-ink-dim);margin-top:2px;font-style:italic}.sqb-tooltip__desc{font-size:13px;color:var(--chrome-ink-muted);margin-top:8px;line-height:1.4;font-style:italic}.sqb-tooltip__stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;margin-top:10px;font-size:12px;font-family:var(--chrome-font-ui)}.sqb-tooltip__stat-label{color:var(--chrome-ink-dim)}.sqb-tooltip__stat-value{color:var(--chrome-ink);text-align:right}.sqb-tooltip__section{font-family:var(--chrome-font-display);font-size:10px;color:var(--chrome-label);letter-spacing:.18em;text-transform:uppercase;margin-top:10px}.sqb-tooltip__skills{font-size:13px;color:var(--chrome-gold);margin-top:2px}.sqb-tooltip__tags{font-size:11px;color:var(--chrome-ink-dim);margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.sqb-tooltip__tag{background:#14100a8c;border:1px solid color-mix(in srgb,var(--chrome-gold) 22%,transparent);padding:1px 6px;border-radius:2px}.sqb-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}@media(max-width:720px){.sqb-body{grid-template-columns:1fr}.sqb-side{order:-1}.sqb-faction-grid{flex-direction:column}}@media(prefers-reduced-motion:reduce){.sqb-backdrop__layer{transition:none}.sqb-tooltip{animation:none}.sqb-budget-bar__fill{transition:none}}.title-screen{--title-gold: #c8a03c;--title-gold-bright: #f0c040;--title-parchment: #c4b896;--title-muted: #6a5838;--title-blood: #8b3a2a;position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#030503;-webkit-user-select:none;user-select:none;transition:opacity .7s ease}.title-screen--fading{pointer-events:none}.title-matte{position:absolute;inset:0;background:center / cover no-repeat url(/ui/title/title-matte.jpg),radial-gradient(ellipse at 50% 60%,#0e1a0f,#050a05);transform:scale(1.04);animation:title-matte-drift 28s ease-in-out infinite alternate}.title-hosts{position:absolute;inset:0;background:center / cover no-repeat url(/ui/title/host-silhouettes.jpg);opacity:.28;mix-blend-mode:multiply;pointer-events:none}.title-aurora{position:absolute;left:5%;right:5%;top:0;height:42%;background:linear-gradient(180deg,rgba(48,96,64,.16) 0%,rgba(40,70,50,.06) 45%,transparent 100%);filter:blur(28px);animation:title-aurora 14s ease-in-out infinite alternate;pointer-events:none}.title-fog{position:absolute;left:-15%;right:-15%;bottom:0;height:42%;background:radial-gradient(ellipse at 50% 80%,rgba(170,190,160,.09) 0%,transparent 68%);filter:blur(14px);animation:title-fog 16s ease-in-out infinite alternate;pointer-events:none}.title-vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px 40px #000000b8;pointer-events:none}.title-grain{position:absolute;inset:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.title-embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.title-ember{position:absolute;bottom:8%;width:3px;height:3px;border-radius:50%;background:#f0a040;box-shadow:0 0 8px 2px #f0a0408c;animation:title-ember-rise linear infinite;opacity:0}.title-ember:nth-child(1){left:12%;animation-duration:7.5s;animation-delay:0s}.title-ember:nth-child(2){left:22%;animation-duration:9s;animation-delay:1.1s;width:2px;height:2px}.title-ember:nth-child(3){left:33%;animation-duration:8.2s;animation-delay:2.4s}.title-ember:nth-child(4){left:45%;animation-duration:10s;animation-delay:.6s;width:2px;height:2px}.title-ember:nth-child(5){left:58%;animation-duration:7.8s;animation-delay:3.2s}.title-ember:nth-child(6){left:68%;animation-duration:9.4s;animation-delay:1.8s;width:2px;height:2px}.title-ember:nth-child(7){left:78%;animation-duration:8.6s;animation-delay:.3s}.title-ember:nth-child(8){left:88%;animation-duration:11s;animation-delay:2.9s;width:2px;height:2px}.title-ember:nth-child(9){left:18%;animation-duration:12s;animation-delay:4.1s}.title-ember:nth-child(10){left:72%;animation-duration:8s;animation-delay:5s;width:2px;height:2px}.title-runes{position:absolute;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:clamp(11px,1.2vw,15px);letter-spacing:.55em;color:#c8a03c52;white-space:nowrap;pointer-events:none;animation:title-rune-shimmer 6s ease-in-out infinite alternate;z-index:2}.title-runes--top{top:clamp(28px,5vh,48px)}.title-runes--bot{bottom:clamp(28px,5vh,48px)}.title-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:min(420px,92vw);animation:title-content-in .85s ease-out both}.title-brand{text-align:center;margin-bottom:22px;animation:title-brand-in .9s ease-out both;padding:8px 12px 4px}.title-logo{width:clamp(280px,42vw,520px);filter:drop-shadow(0 0 20px rgba(200,140,40,.45)) drop-shadow(0 8px 28px rgba(0,0,0,.75));animation:title-valknut-breath 5s ease-in-out infinite}.title-brand-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto 0;width:min(280px,70%)}.title-brand-rule:before,.title-brand-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(200,160,60,.55),transparent)}.title-brand-rule-diamond{width:7px;height:7px;transform:rotate(45deg);background:var(--chrome-diamond);box-shadow:0 0 10px var(--chrome-glow-soft);flex-shrink:0}.title-tagline{margin-top:12px;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(14px,1.7vw,17px);color:#c4a878;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 18px rgba(200,140,40,.15)}.title-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;animation:title-stack-in 1s ease-out .15s both}.title-seg{display:flex;gap:6px}.title-theater-panel{margin-top:4px;display:flex;flex-direction:column;gap:14px}.title-career{align-self:center}.title-career .sep{opacity:.4}.title-loading{position:relative;z-index:3;text-align:center;animation:title-content-in .5s ease-out both}.title-loading-ring{width:56px;height:56px;margin:0 auto 18px;border:2px solid rgba(200,140,40,.18);border-top-color:#f0c040e6;border-radius:50%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:title-spin 1.1s linear infinite;box-shadow:0 0 24px #c88c2833}.title-loading-label{font-family:Cinzel,serif;font-size:13px;color:#a08040;letter-spacing:.2em;text-transform:uppercase;min-width:280px}.title-loading-bar{margin:16px auto 0;width:min(320px,80vw);height:6px;background:#281c0a8c;border:1px solid rgba(180,140,60,.35);border-radius:2px;overflow:hidden}.title-loading-fill{height:100%;background:linear-gradient(90deg,#b07c2a,#e0c860);transition:width .4s ease;box-shadow:0 0 12px #e0c86059}.title-loading-count{margin-top:8px;font-family:Cinzel,serif;font-size:11px;color:#5a4a2a;letter-spacing:.14em}.title-error{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(380px,92vw);border:1px solid rgba(200,80,60,.45);border-radius:3px;background:#140604b8;padding:26px 28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title-error h2{font-family:Cinzel,serif;font-size:16px;letter-spacing:.18em;color:#e08060}.title-error p{font-family:Cormorant Garamond,Georgia,serif;font-size:15px;color:#a08070;text-align:center;line-height:1.5}@keyframes title-matte-drift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.07) translate(-.6%,-.4%)}}@keyframes title-aurora{0%{opacity:.55;transform:translate(-2%)}to{opacity:.95;transform:translate(2%)}}@keyframes title-fog{0%{transform:translate(-3%);opacity:.7}to{transform:translate(3%);opacity:1}}@keyframes title-ember-rise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.85}to{transform:translateY(-70vh) scale(.35);opacity:0}}@keyframes title-rune-shimmer{0%{opacity:.55;letter-spacing:.5em}to{opacity:.95;letter-spacing:.58em}}@keyframes title-valknut-breath{0%,to{filter:drop-shadow(0 0 28px rgba(200,140,40,.28))}50%{filter:drop-shadow(0 0 48px rgba(240,192,64,.5))}}@keyframes title-content-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes title-brand-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title-stack-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes title-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.title-matte,.title-aurora,.title-fog,.title-ember,.title-runes,.title-logo,.title-content,.title-brand,.title-stack,.title-loading-ring{animation:none!important}.title-embers{display:none}.title-matte{transform:none}}@media(max-width:640px){.title-hosts{opacity:.12}.title-runes{letter-spacing:.28em;font-size:10px}}