:root{--white: #FFFFFF;--black: #051648;--p-navy: #051648;--p-cobalt: #0C286F;--p-blue: #113CB2;--p-lime: #B6F833;--p-lime-2: #91CA2F;--p-text: #D3D6D7;--p-steel: #77939E;--p-sage: #C1D49C;--p-error: #E8344A;--p-warning: #F5A623;--brand: var(--p-blue);--accent: var(--p-lime);--accent-dim: var(--p-lime-2);--bg-primary: var(--p-navy);--bg-surface: var(--p-cobalt);--bg-secondary: var(--p-navy);--bg-input: var(--p-navy);--text-primary: var(--p-text);--text-muted: var(--p-steel);--text-soft: var(--p-sage);--text-alt: var(--p-navy);--border-color: rgba(119, 147, 158, .3);--divider: rgba(255, 255, 255, .2);--color-error: var(--p-error);--color-success: var(--p-lime);--color-warning: var(--p-warning);--color-info: var(--p-blue);--font-display: "Xirod", sans-serif;--font-body: "Masicu", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-accent: "GeometrySoft", var(--font-display);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 40px;--heading-h1-size: var(--font-size-xl);--heading-h2-size: var(--font-size-lg);--heading-h3-size: var(--font-size-base);--heading-h1-weight: 700;--heading-h2-weight: 600;--heading-h3-weight: 600;--heading-h1-line-height: 1.2;--heading-h2-line-height: 1.3;--heading-h3-line-height: 1.4;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .5);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 500;--z-modal: 1000;--z-tooltip: 1100;--z-lock: 1150;--z-notification: 1200;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}@keyframes diagonalScroll{0%{transform:translateZ(0)}to{transform:translate3d(-33.333%,-33.333%,0)}}@keyframes shine{0%{transform:translate(-150%)}30%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes accentPulse{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 2px currentColor}50%{text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 9px currentColor}}@media (min-width: 768px){:root{--heading-h1-size: var(--font-size-3xl);--heading-h2-size: var(--font-size-xl);--font-size-base: 16px;--font-size-sm: 16px}}@font-face{font-family:Masicu;src:url(/Fonts/Masicu-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Xirod;src:url(/Fonts/Xirod.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GeometrySoft;src:url(/Fonts/GeometrySoftPro-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-shadow:0 1px 2px rgba(0,0,0,.4)}.subtle{color:var(--text-muted)}@media (prefers-reduced-motion: no-preference){.eyebrow{animation:accentPulse 3.5s ease-in-out infinite}}.inverted{color:var(--black);font-size:20px;font-weight:600;line-height:1.5;margin-bottom:20px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.5)}.title{font-family:Xirod,sans-serif;font-size:1.1rem;font-weight:700;color:var(--white)}.copyable-text{font-size:.75rem;color:var(--text-muted);font-family:monospace;cursor:pointer;transition:color .15s}.copyable-text:hover{color:var(--accent)}.copyable-text[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;justify-content:center;gap:var(--space-sm)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--white);color:var(--text-alt);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-md) var(--space-xl);width:auto;min-width:120px;box-shadow:var(--shadow-sm)}button.primary:hover:not(:disabled){background:#f3f3f3;transform:translateY(-1px);box-shadow:var(--shadow-md)}button.primary:active:not(:disabled){transform:scale(.97)}button.secondary{background:var(--accent);color:var(--black);padding:var(--space-md) var(--space-xl);min-width:120px;box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){background:var(--accent-dim);box-shadow:var(--shadow-lg);transform:translateY(-1px)}button.secondary:active:not(:disabled){transform:scale(.98)}button.special{position:relative;overflow:hidden;min-height:48px;background:var(--accent);color:var(--text-alt);font-family:var(--font-display)}button.special:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;background:linear-gradient(120deg,transparent calc(50% - 16px),var(--white) calc(50% - 16px),var(--white) calc(50% - 6px),transparent calc(50% - 6px),transparent calc(50% - 2px),var(--white) calc(50% - 2px),var(--white) calc(50% + 2px),transparent calc(50% + 2px));transform:translate(-150%);animation:shine 3s infinite}button.special:hover:not(:disabled){background:var(--accent-dim);box-shadow:var(--shadow-lg)}button.special:active:not(:disabled){transform:scale(.98)}button.back{background:var(--color-error);color:var(--white);width:-moz-fit-content;width:fit-content;padding:var(--space-md) var(--space-xl)}button.back:hover:not(:disabled){opacity:.85;box-shadow:var(--shadow-lg);transform:translateY(-1px)}button.back:active:not(:disabled){transform:scale(.97)}button.full-width{width:100%}.special-small{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:var(--accent);color:var(--text-alt);cursor:pointer;transition:background var(--transition-base);text-align:center;border:none}.special-small:hover:not(:disabled){background:var(--accent-dim)}.special-small:active:not(:disabled){transform:scale(.98)}button.glass{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-3xl);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;width:auto}button.glass:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}button.glass.selected{background:#ffffff40;border-color:#ffffff80;color:#fff;font-weight:var(--font-weight-semibold);transform:scale(1.15);padding:var(--space-md) var(--space-xl);font-size:15px}.toggle-btn{padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);width:auto}.toggle-btn:hover:not(:disabled):not(.active){border-color:var(--brand);color:var(--white)}.toggle-btn.active{background:var(--brand);border-color:var(--white);color:var(--white);cursor:default}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn-alt{width:100%;padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--white);background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.toggle-btn-alt:hover:not(:disabled){border-color:var(--accent)}.toggle-btn-alt.selected{border-color:var(--accent);background:#b6f8331a;color:var(--accent)}.image-button{transition:transform var(--transition-base),opacity var(--transition-base)}.image-button img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.image-button.lg img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.image-button:hover:not(.disabled){transform:scale(1.1)}.image-button:active:not(.disabled){opacity:.6}.image-button.disabled{cursor:not-allowed;opacity:.5}.tab-button{padding:clamp(.4rem,2vw,.5rem) clamp(.75rem,3vw,1rem);font-family:var(--font-display);border:none;background:none;cursor:pointer;font-size:clamp(12px,5vw,20px);font-weight:400;opacity:1;color:var(--white);backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased;white-space:nowrap}.tab-button.active{opacity:1;border-bottom:5px solid var(--accent);color:var(--accent)}.tab-button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 480px){button{padding:var(--space-md) var(--space-xl)}button.primary{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-lg);min-width:120px}}.frosted-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:3px solid var(--brand);border-radius:var(--radius-lg);padding:var(--space-3xl);box-shadow:var(--shadow-md)}.frosted-card-divider-h{border-top:1px solid rgba(255,255,255,.2);margin:var(--space-2xl) 0}.frosted-card-divider-v{width:1px;align-self:stretch;background:#ffffff26;flex-shrink:0}.frosted-card-inner{display:flex;justify-content:center;align-items:center;gap:var(--space-4xl);background:#ffffff12;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-3xl);box-shadow:inset 0 1px #ffffff1a,var(--shadow-sm);min-height:80px}.img-frame{position:relative;display:block;overflow:hidden;background:var(--bg-secondary)}.img-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.img-el[data-loaded]{opacity:1}.img-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-secondary) 30%,color-mix(in srgb,var(--bg-secondary) 55%,var(--bg-surface)) 50%,var(--bg-secondary) 70%);background-size:200% 100%;animation:imgShimmer 1.4s ease-in-out infinite;transition:opacity .4s ease}.img-shimmer[data-hidden]{opacity:0}.img-blur{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(1.1);filter:blur(16px);transition:opacity .4s ease}.img-blur[data-hidden]{opacity:0}@keyframes imgShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.form,.form-group{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}label{display:block;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-md);color:var(--text-primary);transition:color var(--transition-base)}label.required:after{content:" *";color:var(--color-error)}.field-label-hint{color:var(--text-muted);font-weight:var(--font-weight-normal)}.field-label--lg{display:flex;align-items:center;justify-content:center;min-height:3.5em;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--heading-h2-line-height);color:var(--text-primary);text-align:center}input,textarea,select{font-family:var(--font-body);font-size:16px;padding:var(--space-lg);border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);width:100%;transition:border-color var(--transition-base),box-shadow var(--transition-base)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #113cb226}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-input)}input:-moz-read-only{color:var(--accent);cursor:default}input:read-only{color:var(--accent);cursor:default}input:-moz-read-only:focus{border-color:var(--border-color);box-shadow:none}input:read-only:focus{border-color:var(--border-color);box-shadow:none}input.error,textarea.error,select.error{border-color:var(--color-error);background:#e8344a0d}input.error:focus,textarea.error:focus,select.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #e8344a26}input.success,textarea.success{border-color:var(--color-success);background:#b6f8330d}textarea{resize:vertical;min-height:100px;font-family:var(--font-body)}input.light,textarea.light,select.light{background:var(--white);color:var(--text-alt);border-color:var(--border-color)}input.light::-moz-placeholder,textarea.light::-moz-placeholder{color:var(--text-muted)}input.light::placeholder,textarea.light::placeholder{color:var(--text-muted)}.field-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.field-wrapper label{margin-bottom:0}.field-wrapper--inline{flex-direction:row;align-items:center;gap:var(--space-lg)}.field-wrapper--inline input{flex:1}.field-group{display:grid;gap:var(--space-lg);width:100%}.field-group--cols-2{grid-template-columns:1fr 1fr}.field-group--cols-3{grid-template-columns:1fr 1fr 1fr}.field-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.field-success{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.field-help{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-sm)}input[type=checkbox],input[type=radio]{width:18px;height:18px;padding:0;accent-color:var(--brand);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.checkbox-wrapper label,.radio-wrapper label{margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper input,.radio-wrapper input{width:auto;margin:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:20px;padding-right:var(--space-3xl);color:var(--text-primary)}select:hover:not(:disabled){border-color:var(--brand)}.input-affix{display:flex;align-items:stretch;width:100%;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input-affix:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #113cb226}.input-affix.error{border-color:var(--color-error);background:#e8344a0d}.input-affix__prefix{display:flex;align-items:center;padding:0 var(--space-md);color:var(--text-muted);font-size:16px;background:#ffffff0a;border-right:1px solid var(--border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-affix input{border:none;background:transparent;border-radius:0}.input-affix input:focus{box-shadow:none}.form-section{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color)}.form-section__head{display:flex;flex-direction:column;gap:var(--space-xs)}.form-section__title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-primary)}.form-section__desc{font-size:var(--font-size-sm);color:var(--text-muted)}.form-section__body{display:flex;flex-direction:column;gap:var(--space-lg)}.step-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.step-nav__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-display);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.step-nav__btn:hover:not(.is-active){border-color:var(--brand)}.step-nav__btn.is-complete{background:var(--accent);border-color:var(--accent);color:var(--text-alt)}.step-nav__btn.is-active:not(.is-complete){background:var(--brand);border-color:var(--brand);color:var(--white)}.step-nav__btn.is-active{box-shadow:0 0 0 3px #113cb259}.likert{display:flex;flex-direction:column;gap:var(--space-lg)}.likert__progress{display:flex;flex-direction:column;gap:var(--space-sm)}.likert__bar{height:6px;border-radius:999px;background:var(--track-bg);overflow:hidden}.likert__bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width var(--transition-base)}.likert__count{font-size:var(--font-size-xs);color:var(--text-muted)}.likert__progress-row{display:flex;align-items:center;justify-content:space-between}.likert__statement{min-height:3.5em;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--heading-h2-line-height);text-align:center}.likert__scale{display:flex;gap:var(--space-sm)}.likert__opt{--opt-color: var(--border-color);flex:1;min-width:0;aspect-ratio:1 / 1;padding:0;border:3px solid var(--opt-color);border-radius:var(--radius-full);background:color-mix(in srgb,var(--opt-color) 18%,transparent);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.likert__opt--1{--opt-color: #E8344A}.likert__opt--2{--opt-color: #F2803E}.likert__opt--3{--opt-color: #F5C518}.likert__opt--4{--opt-color: #8FC93A}.likert__opt--5{--opt-color: #2E9E5B}.likert__opt:hover:not(.is-selected){transform:scale(1.08)}.likert__opt.is-selected{background:var(--opt-color);animation:likertPop .2s ease}@keyframes likertPop{0%{transform:scale(1);box-shadow:0 0 0 0 var(--opt-color)}50%{transform:scale(1.2);box-shadow:0 0 16px 2px var(--opt-color)}to{transform:scale(1.06);box-shadow:0 0 0 0 transparent}}.likert__anchors{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-muted)}.likert__done{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;text-align:center}.likert__done-text{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--accent)}.likert__reset{padding:0;background:transparent;border:none;color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer;transition:opacity var(--transition-base)}.likert__reset:hover:not(:disabled){opacity:.8}.likert__reset:disabled{opacity:.4;cursor:not-allowed}.multiselect{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.multiselect__pills{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0;padding:0}.pill{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-md);border-radius:999px;background:var(--accent);color:var(--text-alt);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pill__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-full);background:#05164833;color:var(--text-alt);font-size:16px;line-height:1;cursor:pointer;transition:background var(--transition-fast)}.pill__remove:hover{background:#05164866}@media (max-width: 480px){.field-group--cols-2,.field-group--cols-3{grid-template-columns:1fr}.field-wrapper--inline{flex-direction:column}input,textarea,select{font-size:16px}}.dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-body);font-size:16px;padding:var(--space-lg);border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.dropdown-trigger:hover:not(:disabled){border-color:var(--blue-secondary)}.dropdown.open .dropdown-trigger,.dropdown-trigger:focus{outline:none;border-color:var(--blue-main);box-shadow:0 0 0 3px #5041e71a}.dropdown-trigger.error{border-color:var(--color-error);background:#ff2f1f0d}.dropdown-trigger.placeholder{color:var(--text-muted)}.dropdown-value{display:flex;align-items:center;gap:var(--space-md);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-emoji{flex-shrink:0;line-height:1}.dropdown-caret{flex-shrink:0;margin-left:var(--space-md);transition:transform var(--transition-base)}.dropdown.open .dropdown-caret{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;z-index:var(--z-dropdown);max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:var(--space-xs);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-fast)}.dropdown-option{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.dropdown-option:hover{background:var(--bg-surface)}.dropdown-option.selected{background:var(--blue-main);color:var(--white);font-weight:var(--font-weight-medium)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:var(--z-modal);opacity:0;transition:opacity .2s ease}.modal-overlay.open{opacity:1}.modal-box{position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:calc(100dvh - 2 * var(--space-lg));overflow:hidden;transform:scale(.95);opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.modal-box.open{transform:scale(1);opacity:1}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);gap:var(--space-lg);position:relative;padding-bottom:var(--space-lg)}.modal-header:after{content:"";position:absolute;bottom:0;left:var(--space-xl);right:var(--space-xl);height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 15%,var(--border-color) 85%,transparent 100%)}.modal-title{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;flex:1;min-width:0;position:relative;z-index:1}.modal-content{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl)}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal-backdrop);opacity:0;transition:opacity .25s ease}.bottom-sheet-backdrop.open{opacity:1}.bottom-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%) translateY(100%);width:100%;max-width:430px;height:80dvh;max-height:80vh;background:var(--bg-secondary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:3px solid var(--brand);box-shadow:0 -8px 24px #00000080;z-index:600;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.32,.72,0,1);touch-action:pan-y}.bottom-sheet.open{transform:translate(-50%) translateY(0)}.bottom-sheet-handle-area{padding:var(--space-md) var(--space-lg) var(--space-sm);display:flex;justify-content:center;flex-shrink:0;cursor:grab}.bottom-sheet-handle-area:active{cursor:grabbing}.bottom-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--bg-surface)}.bottom-sheet-header{padding:0 var(--space-xl) var(--space-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.bottom-sheet-title{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.bottom-sheet-content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-lg) var(--space-xl) var(--space-3xl);-webkit-overflow-scrolling:touch}.bottom-sheet-content.flush{padding:0;overflow:hidden}.avatar{width:var(--size);height:var(--size);display:grid;place-items:center;flex-shrink:0;border-radius:22%;background:var(--avatar-ground);box-shadow:inset 0 0 0 1px #00000040,var(--shadow-sm);font-size:calc(var(--size) * .62);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.avatar--offline{filter:grayscale(1);opacity:.45}.room-code{display:flex;gap:var(--space-sm)}.room-code__cell{display:grid;place-items:center;min-width:1.6em;padding:var(--space-xs) var(--space-sm);font-family:var(--font-display);font-size:var(--code-size, var(--font-size-2xl));line-height:1;color:var(--accent);background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);text-shadow:0 1px 2px rgba(0,0,0,.5)}.dots{display:inline-block;width:1.6em;text-align:left}.dots span{opacity:0}@media (prefers-reduced-motion: no-preference){.dots span:nth-child(1){animation:dot1 1.5s steps(1,end) infinite}.dots span:nth-child(2){animation:dot2 1.5s steps(1,end) infinite}.dots span:nth-child(3){animation:dot3 1.5s steps(1,end) infinite}}@media (prefers-reduced-motion: reduce){.dots span{opacity:1}}@keyframes dot1{0%{opacity:0}1%,to{opacity:1}}@keyframes dot2{0%,33%{opacity:0}34%,to{opacity:1}}@keyframes dot3{0%,66%{opacity:0}67%,to{opacity:1}}.emoji-stream{position:relative;overflow:hidden;pointer-events:none;--emoji-travel: 70vh}.emoji-stream__particle{position:absolute;bottom:var(--spawn-offset, 0px);will-change:transform,opacity;animation:emojiRise var(--rise) cubic-bezier(.32,.12,.62,1) forwards}.emoji-stream__glyph{display:block;font-size:var(--emoji-size, 34px);line-height:1;will-change:transform;animation:emojiSway var(--sway) ease-in-out infinite alternate}@keyframes emojiRise{0%{transform:translateZ(0) scale(.5);opacity:0}12%{transform:translate3d(0,calc(var(--emoji-travel) * -.1),0) scale(1.15);opacity:1}55%{opacity:1}to{transform:translate3d(0,calc(var(--emoji-travel) * -1),0) scale(.85);opacity:0}}@keyframes emojiSway{0%{transform:translate3d(calc(var(--sway-x) * -1),0,0) rotate(calc(var(--sway-r) * -1))}to{transform:translate3d(var(--sway-x),0,0) rotate(var(--sway-r))}}@media (prefers-reduced-motion: reduce){.emoji-stream__particle{animation:emojiFade 1s ease-out forwards}.emoji-stream__glyph{animation:none}}@keyframes emojiFade{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.emoji-stream--zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;--emoji-travel: 86vh;--emoji-size: 42px}.emoji-stream--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;--emoji-travel: calc(100dvh - 190px) ;--emoji-size: 30px;--spawn-offset: -46px}.leaderboard{list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.leaderboard__row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;transition:background var(--transition-fast);gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.leaderboard__rank{font-family:var(--font-accent);font-weight:var(--font-weight-bold);color:var(--text-muted);min-width:1.6em;text-align:right;font-variant-numeric:tabular-nums}.leaderboard--moving .leaderboard__row{grid-template-columns:auto auto 1fr auto auto}.leaderboard__move{display:inline-flex;align-items:center;gap:.15em;min-width:2.6em;justify-content:flex-end;font-family:var(--font-accent);font-size:.8em;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--text-muted)}.leaderboard__move--up{color:var(--color-success)}.leaderboard__move--down{color:var(--color-error)}.leaderboard__name{font-family:var(--font-accent);font-weight:var(--font-weight-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__score{font-family:var(--font-accent);font-weight:var(--font-weight-bold);color:var(--accent);font-variant-numeric:tabular-nums}.leaderboard--sm .leaderboard__row{font-size:var(--font-size-base)}.leaderboard--lg{gap:var(--space-md)}.leaderboard--lg .leaderboard__row{font-size:clamp(var(--font-size-lg),1.5vw,30px);padding:var(--space-md) var(--space-lg)}.leaderboard__row--medal-1{--medal: #F5C542}.leaderboard__row--medal-2{--medal: #C7CDD1}.leaderboard__row--medal-3{--medal: #CE8A4E}.leaderboard__row--medal-1,.leaderboard__row--medal-2,.leaderboard__row--medal-3{border-color:var(--medal);box-shadow:inset 3px 0 0 var(--medal)}.leaderboard__row--medal-1 .leaderboard__rank,.leaderboard__row--medal-2 .leaderboard__rank,.leaderboard__row--medal-3 .leaderboard__rank,.leaderboard__row--medal-1 .leaderboard__score,.leaderboard__row--medal-2 .leaderboard__score,.leaderboard__row--medal-3 .leaderboard__score{color:var(--medal)}.host-stage{height:100%;display:grid;grid-template-columns:20% 60% 20%;overflow:hidden}.host-stage__panel{min-height:0;background:var(--bg-surface);display:flex;flex-direction:column;gap:var(--space-md);padding:clamp(var(--space-lg),2.2vh,var(--space-3xl)) clamp(var(--space-md),1.2vw,var(--space-xl))}.host-stage__panel--left{border-right:1px solid var(--border-color)}.host-stage__panel--right{border-left:1px solid var(--border-color)}.host-stage__panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);flex-shrink:0}.host-stage__panel-count{font-family:var(--font-accent);font-weight:var(--font-weight-bold);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.host-stage__panel-status{flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-warning)}.host-stage__panel-empty{margin:auto 0;text-align:center;color:var(--text-muted);font-size:var(--font-size-lg)}.game-zone{position:relative;isolation:isolate;overflow:hidden;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(var(--space-lg),2vh,var(--space-3xl));padding:clamp(var(--space-xl),4vh,var(--space-4xl)) clamp(var(--space-lg),2vw,var(--space-3xl));text-align:center}.game-zone__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.game-zone__top,.game-zone__bottom,.game-zone__stage{position:relative;z-index:1;min-height:0}.game-zone__stage{display:grid;place-items:center;overflow:hidden}.game-zone__title{font-family:var(--font-display);font-size:clamp(var(--font-size-xl),3vw,56px);letter-spacing:.18em;text-indent:.18em;line-height:1;color:var(--accent);text-shadow:0 2px 12px rgba(0,0,0,.6)}.game-zone__footnote{font-family:var(--font-accent);font-size:clamp(var(--font-size-lg),1.8vw,34px);color:var(--text-soft)}.game-zone__tagline{font-family:var(--font-accent);font-size:clamp(var(--font-size-xl),2.4vw,46px);font-weight:var(--font-weight-bold);line-height:1.25;max-width:18ch;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.5)}.game-zone__cue{font-family:var(--font-accent);font-size:clamp(var(--font-size-lg),1.8vw,34px);font-weight:var(--font-weight-bold);color:var(--accent);text-transform:uppercase;letter-spacing:.14em}.game-zone__cue kbd{font:inherit;padding:.12em .5em;margin-right:.35em;color:var(--text-alt);background:var(--accent);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: no-preference){.game-zone__cue{animation:cuePulse 2.2s ease-in-out infinite}}@keyframes cuePulse{0%,to{opacity:.62;transform:scale(.99)}50%{opacity:1;transform:scale(1.03)}}.host-stage__toast{position:fixed;left:50%;transform:translate(-50%);bottom:clamp(var(--space-lg),3vh,var(--space-3xl));z-index:var(--z-notification);max-width:50vw;padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border:2px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-lg);box-shadow:var(--shadow-lg);animation:toastIn var(--transition-slow) ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.admin-panel{display:flex;flex-direction:column;min-height:0;height:100%;gap:var(--space-md)}.admin-panel__actions{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--divider)}.admin-panel__body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0}.admin-panel__remote{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--divider)}.admin-btn{width:100%;min-height:56px;padding:var(--space-md) var(--space-lg);font-family:var(--font-accent);font-size:clamp(var(--font-size-sm),.95vw,var(--font-size-lg));font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.admin-btn:active:not(:disabled){transform:scale(.97)}.admin-btn:disabled{border-color:var(--border-color);background:transparent;color:var(--text-muted)}.admin-btn--next{background:var(--accent);border-color:var(--accent);color:var(--text-alt)}.admin-btn--next:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}.admin-btn--ghost{background:transparent}.admin-btn--danger{border-color:var(--color-error);color:var(--color-error)}.admin-btn--danger:hover:not(:disabled){background:#e8344a1f}.admin-btn--armed{background:var(--color-error);color:var(--white)}@media (prefers-reduced-motion: no-preference){.admin-btn--armed{animation:armedPulse .9s ease-in-out infinite}}@keyframes armedPulse{0%,to{box-shadow:0 0 #e8344a80}50%{box-shadow:0 0 0 6px #e8344a00}}.join-invite{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.join-invite__qr{width:100%;max-width:260px;background:var(--white);padding:var(--space-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);line-height:0}.join-invite__url{font-family:var(--font-accent);font-size:clamp(var(--font-size-sm),.95vw,var(--font-size-lg));font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;word-break:break-all}.awards{list-style:none;margin:0;padding:0;width:min(100%,900px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.awards__row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.awards__name{font-family:var(--font-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awards__reason{font-size:var(--font-size-sm);color:var(--text-muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awards__delta{min-width:3ch;text-align:right;font-family:var(--font-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--text-muted)}.awards__delta--gain{color:var(--accent)}@media (max-width: 900px){.awards__row{grid-template-columns:auto 1fr auto;gap:var(--space-md)}.awards__reason{grid-column:2;grid-row:2;text-align:left}}.podium{display:flex;align-items:flex-start;justify-content:center;gap:clamp(var(--space-md),1.6vw,var(--space-2xl))}.podium__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:clamp(var(--space-lg),1.8vw,var(--space-3xl)) clamp(var(--space-md),1.4vw,var(--space-2xl));min-width:clamp(140px,11vw,220px);background:var(--bg-surface);border:2px solid var(--medal);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),inset 0 0 40px #00000040}.podium__card--1{--medal: #F5C542;order:2;margin-top:0}.podium__card--2{--medal: #C7CDD1;order:1;margin-top:clamp(var(--space-3xl),6vh,72px)}.podium__card--3{--medal: #CE8A4E;order:3;margin-top:clamp(var(--space-4xl),10vh,124px)}.podium__medal{position:absolute;top:calc(var(--space-md) * -1);right:calc(var(--space-md) * -1);font-size:clamp(32px,3vw,56px);line-height:1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.podium__name{font-family:var(--font-accent);font-weight:var(--font-weight-bold);font-size:clamp(var(--font-size-lg),1.7vw,34px);color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium__score{font-family:var(--font-display);font-size:clamp(var(--font-size-xl),2.4vw,48px);line-height:1;color:var(--medal);font-variant-numeric:tabular-nums}.podium__card--1{box-shadow:var(--shadow-xl),0 0 48px #f5c54240}@media (prefers-reduced-motion: no-preference){.podium__card{animation:podiumRise .5s cubic-bezier(.2,1.1,.4,1) both}.podium__card--3{animation-delay:.05s}.podium__card--2{animation-delay:.3s}.podium__card--1{animation-delay:.6s}}@keyframes podiumRise{0%{transform:translateY(40px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.confetti__piece{position:absolute;top:0;display:block;will-change:transform;animation:confettiFall var(--fall) linear infinite}.confetti__flake{display:block;width:var(--w);height:var(--h);background:var(--color);border-radius:1px;will-change:transform;animation:confettiTumble var(--spin) ease-in-out infinite alternate}@keyframes confettiFall{0%{transform:translate3d(0,-12vh,0)}to{transform:translate3d(var(--drift),112vh,0)}}@keyframes confettiTumble{0%{transform:rotate3d(1,1,0,-160deg) scaleX(.4)}to{transform:rotate3d(1,1,0,160deg) scaleX(1)}}@media (prefers-reduced-motion: reduce){.confetti{display:none}}.player-shell{min-height:100dvh;display:flex;flex-direction:column}.player-shell__scene{flex:1;min-height:0;display:flex;flex-direction:column}.player-shell__status{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-muted)}.player-shell__status-action{min-height:0;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-alt);background:var(--accent);border-radius:var(--radius-sm)}.player-shell__status--warn{color:var(--color-warning)}.player-shell__status--error{color:var(--color-error)}.player-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.player-header__name{font-family:var(--font-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-header__score{margin-left:auto;flex-shrink:0;font-family:var(--font-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent)}.player-header__score span{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-muted);margin-left:var(--space-xs)}.player-intermission{height:100%;min-height:0;display:flex;flex-direction:column}.player-intermission__stage{position:relative;isolation:isolate;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.player-intermission__body{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.player-intermission__title{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--text-primary);letter-spacing:.08em}.player-intermission__leave{flex-shrink:0;width:100%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}.player-game{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--space-lg);touch-action:manipulation}.player-game--waiting{align-items:center;justify-content:center;gap:var(--space-sm);text-align:center}.reaction-bar{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(var(--reaction-count, 8),1fr);gap:var(--space-xs);padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background:var(--bg-surface);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #00000059}.reaction-bar__button{padding:0;min-height:52px;display:grid;place-items:center;font-size:26px;line-height:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:transform .09s ease-out,background var(--transition-fast)}.reaction-bar__button:active{transform:scale(.86);background:var(--brand)}@media (prefers-reduced-motion: no-preference){.reaction-bar__button--popped{animation:reactionPop .24s ease-out}}@keyframes reactionPop{0%{transform:scale(.86)}45%{transform:scale(1.22)}to{transform:scale(1)}}.avatar-slider{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--space-md) calc(50% - 34px);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.avatar-slider::-webkit-scrollbar{display:none}.avatar-slider__option{padding:var(--space-xs);min-height:0;flex:0 0 auto;scroll-snap-align:center;background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);transition:transform var(--transition-base),border-color var(--transition-base)}.avatar-slider__option--selected{border-color:var(--accent);box-shadow:0 0 0 3px #b6f83340;transform:scale(1.08)}.avatar-slider__hint{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted)}.avatar-slider-frame{position:relative}.avatar-slider-frame:before,.avatar-slider-frame:after{content:"";position:absolute;top:0;bottom:0;width:42px;pointer-events:none;z-index:1}.avatar-slider-frame:before{left:0;background:linear-gradient(to right,var(--bg-primary),rgba(5,22,72,0))}.avatar-slider-frame:after{right:0;background:linear-gradient(to left,var(--bg-primary),rgba(5,22,72,0))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.5)}h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);color:var(--text-primary);text-shadow:0 2px 6px rgba(0,0,0,.45)}h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);color:var(--text-primary)}p{font-size:var(--font-size-sm);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.35)}label{font-size:var(--font-size-xs);color:var(--text-muted);text-shadow:0 1px 2px rgba(0,0,0,.4)}.number{font-size:1.75rem;font-weight:700;color:var(--accent);text-shadow:0 1px 3px rgba(0,0,0,.45)}@media (min-width: 768px){h1{font-size:var(--heading-h1-size)}h2{font-size:var(--heading-h2-size)}p{font-size:var(--font-size-base)}}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-sm{margin-bottom:8px}.mt-sm{margin-top:8px}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-3xl{gap:32px}.gap-lg{gap:16px}.gap-md{gap:12px}.gap-xl{gap:20px}.border{border-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3xl{padding:32px}.p-lg{padding:16px}.text-center{text-align:center}.text-sm{font-size:14px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;overflow-y:auto;overflow-x:hidden}body{color:var(--text-primary);padding:0 var(--space-lg)}body:before{content:"";position:fixed;top:-50%;left:-50%;width:300%;height:300%;z-index:-2;background:repeating-linear-gradient(45deg,var(--p-navy) 0px,var(--p-navy) 50px,var(--p-cobalt) 50px,var(--p-cobalt) 100px);will-change:transform;backface-visibility:hidden;animation:diagonalScroll 50s linear infinite}#root{padding-top:var(--space-lg);padding-bottom:var(--space-lg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:430px;margin:0 auto;width:100%;position:relative;z-index:1}html[data-view=host]{height:100%;overflow:hidden}html[data-view=host] body{padding:0}html[data-view=host] #root{max-width:none;height:100dvh;padding:0}html[data-view=player] #root{min-height:100dvh;padding-top:0;padding-bottom:0}html[data-view=auto] #root{max-width:520px;min-height:100dvh;display:grid;place-items:center;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}html[data-view=player]{touch-action:manipulation}html[data-view=player] button,html[data-view=host] button{-moz-user-select:none;user-select:none;-webkit-user-select:none}