@charset "UTF-8";:root{--parchment-50: #fffdf7;--parchment-100: #fdf9ef;--parchment-200: #faf5e8;--parchment-300: #f3ecda;--parchment-400: #e8dec6;--parchment-500: #d8c9a8;--night-900: #191238;--night-800: #241b4e;--night-700: #2e2360;--night-600: #3d2f7d;--night-500: #52409f;--night-400: #6d5ac4;--night-300: #9182dd;--night-200: #bcb2ee;--night-100: #e2ddf9;--sky-600: #2f7fb5;--sky-500: #4aa3d8;--sky-400: #7cc3e8;--sky-300: #a9daf1;--sky-200: #d0ecf8;--gold-700: #a97b1e;--gold-600: #c9962f;--gold-500: #e0b352;--gold-400: #efcd83;--gold-300: #f7e3b7;--emerald-800: #146248;--emerald-700: #1c7d5c;--emerald-600: #279a70;--emerald-500: #35b083;--emerald-300: #8fd9bf;--emerald-100: #dcf3ea;--ember-800: #8f2733;--ember-700: #b03341;--ember-600: #d34b58;--ember-500: #e8737d;--ember-200: #f7cdd1;--ember-100: #fdeef0;--slate-900: #1d2647;--slate-700: #364266;--slate-500: #5c6889;--slate-400: #8390ad;--slate-200: #c8cfe0;--color-primary: #5b45c4;--color-primary-dark: #43309c;--color-primary-soft: var(--night-100);--color-secondary: var(--emerald-700);--color-secondary-bright: var(--emerald-500);--color-accent: var(--gold-600);--color-warning: var(--gold-700);--color-success: var(--emerald-700);--color-danger: var(--ember-700);--color-danger-soft: var(--ember-100);--color-background: #eceafb;--color-background-start: #e9f2fb;--color-background-end: #efe9fb;--color-surface: var(--parchment-200);--color-surface-raised: var(--parchment-100);--color-surface-soft: rgb(253 249 239 / 90%);--color-surface-muted: var(--parchment-300);--color-surface-sunken: var(--parchment-400);--color-text-primary: var(--slate-900);--color-text-secondary: var(--slate-500);--color-text-muted: var(--slate-400);--color-text-inverse: #fffdf7;--color-text-on-night: var(--parchment-100);--color-border: rgb(93 76 40 / 14%);--color-border-strong: rgb(93 76 40 / 26%);--color-border-gold: rgb(201 150 47 / 55%);--color-focus: #4a5fe0;--color-panel-night: rgb(36 27 78 / 90%);--color-panel-night-deep: rgb(36 27 78 / 94%);--color-panel-night-border: rgb(109 90 196 / 55%);--color-field-night: rgb(25 18 56 / 72%);--color-field-night-border: rgb(109 90 196 / 40%);--color-control-night: rgb(61 47 125 / 85%);--color-control-night-border: rgb(145 130 221 / 60%);--color-chip-night: #191238;--color-chip-night-border: rgb(145 130 221 / 65%);--color-tile-night-start: #2e2360;--color-tile-night-end: #241b4e;--radius-small: .75rem;--radius-medium: 1.125rem;--radius-large: 1.75rem;--radius-panel: 2rem;--radius-pill: 999px;--shadow-soft: 0 6px 18px rgb(38 30 70 / 10%);--shadow-card: 0 14px 34px rgb(38 30 70 / 14%);--shadow-panel: 0 -6px 28px rgb(38 30 70 / 16%);--shadow-float: 0 18px 44px rgb(38 30 70 / 22%);--shadow-button: 0 4px 0 rgb(20 98 72 / 34%);--shadow-inset-top: inset 0 1px 0 rgb(255 255 255 / 55%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--font-family-display: "Baloo 2", ui-rounded, "SF Pro Rounded", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-sans: ui-rounded, "SF Pro Rounded", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-micro: .6875rem;--font-size-small: .8125rem;--font-size-body: .9375rem;--font-size-lead: 1.0625rem;--font-size-title: 1.375rem;--font-size-display: 2rem;--font-size-hero: clamp(2.25rem, 9vw, 3.5rem);--letter-spacing-eyebrow: .14em;--content-width: 72rem;--panel-width: 30rem;--form-width: 42rem;--motion-fast: .16s;--motion-normal: .24s;--motion-slow: .48s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-overlay: 10;--z-sticky: 20;--z-modal: 100;--z-toast: 200;--ambience-sky-start: var(--sky-300);--ambience-sky-end: var(--sky-200);--ambience-ink: var(--slate-900);--ambience-ink-soft: var(--slate-500);--ambience-overlay: rgb(29 38 71 / 42%);--ambience-accent: var(--sky-600);--ambience-chip: rgb(29 38 71 / 62%);--ambience-chip-ink: var(--parchment-100);--ambience-frame: transparent;--ambience-glow: rgb(122 195 232 / 45%)}[data-ambience=day]{--ambience-sky-start: #79c1e8;--ambience-sky-end: #b8e0f4;--ambience-accent: var(--sky-600);--ambience-glow: rgb(122 195 232 / 45%)}[data-ambience=dusk]{--ambience-sky-start: #7c5fb5;--ambience-sky-end: #e0a06f;--ambience-accent: var(--ember-700);--ambience-overlay: rgb(35 22 62 / 48%);--ambience-glow: rgb(224 160 111 / 45%)}[data-ambience=night]{--ambience-sky-start: var(--night-900);--ambience-sky-end: var(--night-600);--ambience-ink: var(--parchment-100);--ambience-ink-soft: var(--night-200);--ambience-overlay: rgb(12 8 32 / 55%);--ambience-accent: var(--night-300);--ambience-chip: rgb(109 90 196 / 38%);--ambience-chip-ink: var(--parchment-100);--ambience-glow: rgb(145 130 221 / 55%)}[data-ambience=dawn]{--ambience-sky-start: #3b2f7d;--ambience-sky-end: #c9a2d8;--ambience-ink: var(--parchment-100);--ambience-ink-soft: var(--night-100);--ambience-accent: var(--gold-500);--ambience-chip: rgb(61 47 125 / 62%);--ambience-frame: var(--gold-500);--ambience-glow: rgb(224 179 82 / 45%)}[data-ambience=outcome]{--ambience-sky-start: #2d7d63;--ambience-sky-end: var(--gold-400);--ambience-accent: var(--gold-600);--ambience-frame: var(--gold-500);--ambience-glow: rgb(224 179 82 / 45%)}.veil-night{--color-background: var(--night-900);--color-surface: var(--color-panel-night);--color-surface-raised: var(--color-field-night);--color-surface-soft: rgb(36 27 78 / 78%);--color-surface-muted: rgb(25 18 56 / 62%);--color-surface-sunken: rgb(25 18 56 / 80%);--color-text-primary: var(--parchment-100);--color-text-secondary: var(--night-100);--color-text-muted: rgb(188 178 238 / 80%);--color-border: var(--color-field-night-border);--color-border-strong: var(--color-panel-night-border);--color-border-gold: rgb(224 179 82 / 60%);--color-primary-dark: var(--night-200);--color-danger: var(--ember-500);--color-danger-soft: rgb(211 75 88 / 16%);--color-warning: var(--gold-400);--color-focus: #9db4ff;--shadow-soft: 0 6px 18px rgb(12 8 32 / 35%);--shadow-card: 0 8px 22px rgb(12 8 32 / 45%);--shadow-panel: 0 -8px 28px rgb(12 8 32 / 50%);--shadow-float: 0 18px 44px rgb(12 8 32 / 55%);--shadow-inset-top: inset 0 1px 0 rgb(255 255 255 / 14%);color:var(--color-text-primary)}.veil-parchment{--color-surface: var(--parchment-200);--color-surface-raised: var(--parchment-100);--color-surface-soft: rgb(253 249 239 / 90%);--color-surface-muted: var(--parchment-300);--color-surface-sunken: var(--parchment-400);--color-text-primary: var(--slate-900);--color-text-secondary: var(--slate-500);--color-text-muted: var(--slate-400);--color-border: rgb(93 76 40 / 14%);--color-border-strong: rgb(93 76 40 / 26%);--color-border-gold: rgb(201 150 47 / 55%);--color-primary-dark: #43309c;--color-danger: var(--ember-700);--color-danger-soft: var(--ember-100);--color-warning: var(--gold-700);--shadow-inset-top: inset 0 1px 0 rgb(255 255 255 / 55%);color:var(--color-text-primary)}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/baloo-2-latin-600-normal.woff2) format("woff2");unicode-range:u+0000-00ff,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-2-latin-700-normal.woff2) format("woff2");unicode-range:u+0000-00ff,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-800-normal.woff2) format("woff2");unicode-range:u+0000-00ff,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.display-title{margin:0;color:var(--ambience-ink, var(--color-text-primary));font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:800;line-height:1.1;text-wrap:balance}.display-title--hero{font-size:var(--font-size-hero)}.display-title--compact{font-size:var(--font-size-title)}.eyebrow{display:inline-flex;gap:var(--space-2);align-items:center;margin:0;font-size:var(--font-size-micro);font-weight:800;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}@keyframes veil-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes veil-pulse{0%,to{opacity:.62}50%{opacity:1}}@keyframes veil-panel-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes veil-stamp{0%{opacity:0;transform:rotate(-8deg) scale(2.4)}60%{opacity:1;transform:rotate(-8deg) scale(.92)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes veil-twinkle{0%,to{opacity:.35}50%{opacity:.9}}.veil-rise{animation:veil-rise .38s var(--ease-out) both}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-background);color-scheme:light;font-family:var(--font-family-sans);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(124,195,232,.3),transparent 26rem),radial-gradient(circle at 92% 8%,rgba(145,130,221,.3),transparent 30rem),linear-gradient(160deg,var(--color-background-start),var(--color-background-end));background-attachment:fixed;color:var(--color-text-primary);font-size:var(--font-size-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--color-primary-dark)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{font-family:var(--font-family-display);font-weight:700;line-height:1.15;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:#5b45c438}.skip-link{position:fixed;z-index:var(--z-toast);inset:var(--space-3) auto auto var(--space-3);translate:0 -180%;border-radius:var(--radius-small);background:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);font-weight:800;text-decoration:none;transition:translate var(--motion-fast) var(--ease-out)}.skip-link:focus{translate:0}.page-shell{width:min(100%,var(--content-width));min-height:100dvh;margin-inline:auto;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-8),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.page-shell--narrow{width:min(100%,var(--form-width))}.page-shell--immersive{width:min(100%,var(--panel-width));padding-inline:0;padding-block-start:0;padding-block-end:max(var(--space-6),env(safe-area-inset-bottom))}.page-shell--stage{display:flex;flex-direction:column;width:min(100%,var(--panel-width));gap:var(--space-4)}.veil-stage{position:relative;isolation:isolate}.veil-stage:before{content:"";position:fixed;z-index:-2;inset:0;background:url(/assets/home/home-background.webp) center top/cover no-repeat var(--night-900)}.veil-stage:after{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,#1912386b,#19123894 55%,#191238c7),url(/assets/home/characters.webp) bottom center/min(26rem,92vw) auto no-repeat}.interior-topbar{position:relative;z-index:2;display:grid;grid-template-columns:2.875rem 1fr 2.875rem;align-items:center;min-height:2.875rem}.interior-topbar__icon{display:grid;width:2.875rem;height:2.875rem;place-items:center;padding:0;border:1.5px solid var(--color-control-night-border);border-radius:.8125rem;background:var(--color-control-night);box-shadow:inset 0 1px #ffffff2e,0 3px #0c082080;color:var(--night-100);text-decoration:none}.interior-topbar__icon svg,.interior-topbar__icon img{width:1.45rem;height:1.45rem}.interior-topbar__icon svg{fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.interior-topbar__icon img{object-fit:contain}.interior-topbar__status{display:inline-flex;min-height:1.875rem;align-items:center;justify-self:center;gap:.45rem;margin:0;padding:.25rem .85rem;border:1px solid var(--color-panel-night-border);border-radius:var(--radius-pill);background:#191238d1;box-shadow:0 4px 12px #0c08203d;color:var(--parchment-50);font-size:.75rem;font-weight:800;line-height:1}.interior-topbar__status span{width:.5rem;height:.5rem;border-radius:50%;background:var(--emerald-500);box-shadow:0 0 .45rem #35b08394}.page-shell--stage .form-stack{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch}.pin-bottom{margin-block-start:auto;padding-block-start:var(--space-5)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-7)}.page-header__back,.icon-button{display:inline-grid;width:3rem;min-width:3rem;height:3rem;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-soft);box-shadow:var(--shadow-soft);color:var(--color-text-primary);transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.page-header__back{padding:0;text-decoration:none}.page-header__back svg{width:1.4rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.page-header__back:hover,.icon-button:hover{border-color:var(--color-border-gold);background:var(--color-surface-raised);box-shadow:var(--shadow-card)}.page-header__back:active,.icon-button:active{box-shadow:var(--shadow-soft)}.page-header__wordmark{margin:0;color:var(--color-primary-dark);font-family:var(--font-family-display);font-size:1.25rem;font-weight:700;letter-spacing:.16em}.page-title{margin-block-end:var(--space-2);font-family:var(--font-family-display);font-size:var(--font-size-hero);line-height:1.05;letter-spacing:-.02em}.page-lead{max-width:58ch;margin-block-end:var(--space-7);color:var(--color-text-secondary);font-size:var(--font-size-lead)}.panel{position:relative;z-index:var(--z-overlay);display:flex;flex-direction:column;gap:var(--space-4);margin-block-start:calc(var(--space-7) * -1);padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--color-surface);box-shadow:var(--shadow-panel);animation:veil-panel-in var(--motion-slow) var(--ease-out) both}.panel--floating{margin-inline:var(--space-3);margin-block-end:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-float)}.panel--framed{border:2px solid var(--ambience-frame, var(--color-border-gold));box-shadow:var(--shadow-float),inset 0 0 0 1px #fff9}.panel__header{display:flex;gap:var(--space-3);align-items:flex-start}.panel__badge{display:grid;flex:none;width:2.75rem;height:2.75rem;place-items:center;border-radius:50%;background:var(--color-surface-muted);box-shadow:var(--shadow-inset-top);font-size:1.25rem;line-height:1}.panel__badge svg{width:1.4rem;height:1.4rem}.panel__heading{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-title);line-height:1.15}.panel__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.4}.panel__divider{display:flex;gap:var(--space-3);align-items:center;margin:0;border:0;color:var(--color-border-gold)}.panel__divider:before,.panel__divider:after{flex:1;height:1px;background:linear-gradient(90deg,transparent,currentcolor,transparent);content:""}.status-strip{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:var(--color-surface-muted)}.status-strip--night{background:#6d5ac424}.status-strip--gold{background:#e0b3522e}.status-strip--danger{background:var(--color-danger-soft)}.status-strip__icon{flex:none;font-size:1.25rem;line-height:1}.status-strip__icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.status-strip__body{display:flex;flex-direction:column;min-width:0}.status-strip__title{font-size:var(--font-size-small);font-weight:800}.status-strip__text{color:var(--color-text-secondary);font-size:var(--font-size-small)}.form-stack{display:grid;gap:var(--space-5)}.form-actions{display:grid;gap:var(--space-3);margin-block-start:var(--space-2)}.form-actions.pin-bottom{margin-block-start:auto}.form-error-summary{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;border:1px solid var(--ember-200);border-radius:var(--radius-small);background:var(--color-danger-soft);color:var(--color-danger);padding:var(--space-3) var(--space-4);font-weight:700}.modal-actions{display:grid;gap:var(--space-3)}.eyebrow{margin-block-end:var(--space-2);color:var(--color-primary-dark)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.media-host{position:relative;overflow:visible}.media-host.media-host--controls{padding-block-end:3.5rem}.media-host.media-host--video{text-shadow:0 1px 3px rgba(0,0,0,.75)}.media-host--video>*:not(app-player-media-tile){position:relative;z-index:1;color:#fff}.lobby .player-card{--tile-name-max-inline-size: calc(100% - 1rem) ;--tile-name-translate-x: -50%}.lobby .lobby__actions-card{margin-block-end:.75rem}.lobby .player-card--add-bot{width:100%;min-height:2.75rem;font:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.lobby .player-card--add-bot:hover:not(:disabled){border-color:var(--gold-400);background:#3d2f7d85;box-shadow:0 0 14px #e0b35238;transform:translateY(-1px)}.lobby .player-card--add-bot:active:not(:disabled){transform:translateY(1px)}.lobby .player-card--add-bot:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.lobby .player-card--add-bot:disabled{cursor:wait;opacity:.55}.veil-night .page-header__back,.veil-night .icon-button{width:2.75rem;min-width:2.75rem;height:2.75rem;border:1.5px solid var(--color-control-night-border);border-radius:.8125rem;background:var(--color-control-night);box-shadow:inset 0 1px #ffffff2e,0 3px #0c082080;color:var(--night-100)}.veil-night .page-header__back:hover,.veil-night .icon-button:hover{border-color:var(--night-300);background:var(--night-600);box-shadow:inset 0 1px #ffffff38,0 3px #0c082080}.veil-night .page-header__back:active,.veil-night .icon-button:active{box-shadow:inset 0 1px #ffffff2e;translate:0 2px}.veil-night .page-header__wordmark{color:#fffdf7}.veil-night .page-title{text-shadow:0 2px 0 rgba(25,18,56,.6),0 5px 14px rgba(12,8,32,.55)}.veil-night .eyebrow{color:var(--gold-500)}.veil-night .panel{border:1px solid var(--color-panel-night-border);border-block-end:0;background:var(--color-panel-night-deep)}.veil-night .panel--floating{border:1px solid var(--color-panel-night-border)}.veil-night .status-strip{border:1.5px solid var(--color-field-night-border);border-radius:var(--radius-pill);background:#191238bf}.veil-night .status-strip--night{background:#6d5ac433}.veil-night .status-strip--gold{border-color:#e0b3528c;background:#e0b35224}.veil-night .status-strip--danger{border-color:#d34b588c;background:#d34b5829}.veil-night .form-error-summary{border-color:#d34b588c}.veil-night ::selection{background:#9182dd59}.veil-night .form-stack--panels>app-input,.veil-night .form-stack--panels>app-toggle,.veil-night .form-stack--panels>fieldset,.veil-night .form-stack--panels>.stepper-field{display:block;margin:0;padding:var(--space-4);border:1.5px solid var(--color-panel-night-border);border-radius:var(--radius-medium);background:var(--color-panel-night);box-shadow:inset 0 1px #ffffff1f,0 6px 16px #0c082073}@media(max-width:30rem){.page-shell--stage{width:min(100%,30rem)}.veil-stage:after{background:linear-gradient(180deg,#19123866,#1912389e 55%,#191238d1),url(/assets/home/characters.webp) bottom center/min(25rem,103vw) auto no-repeat}}@media(min-width:48rem){.page-shell{padding-inline:var(--space-8);padding-block-start:max(var(--space-8),env(safe-area-inset-top))}.page-shell--immersive{padding-inline:0;padding-block-start:0}.form-actions:not(.form-actions--single){grid-template-columns:1fr 1fr}.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding-inline:var(--space-6)}}@media(min-width:75rem){.page-shell:not(.page-shell--immersive){padding-block-start:max(var(--space-10),env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}