:root,[data-theme=dark]{color-scheme:dark;--bg-900: #0A0E1A;--bg-800: #0F1525;--bg-700: #161E33;--bg-600: #1F2A45;--text-hi: #F5F8FF;--text-mid: #AEB8D0;--text-low: #6B7799;--accent: #2D7FF9;--accent-hover: #4B93FF;--accent-glow: rgba(45, 127, 249, .4);--accent-warm: #FF7A45;--correct: #2FBF71;--wrong: #F0506E;--hairline: rgba(245, 248, 255, .08);--focus-ring: #6FB1FF;--opt-1: #2D7FF9;--opt-2: #FF7A45;--opt-3: #9B5DE5;--opt-4: #2FBF71}[data-theme=light]{color-scheme:light;--bg-900: #F6F8FA;--bg-800: #FFFFFF;--bg-700: #F1F4F8;--bg-600: #E2E8F0;--text-hi: #0F172A;--text-mid: #334155;--text-low: #64748B;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-glow: rgba(37,99,235,.18);--accent-warm: #C2410C;--correct: #16A34A;--wrong: #DC2626;--hairline: rgba(15, 23, 42, .12);--focus-ring: #2563EB;--opt-1: #1D4ED8;--opt-2: #C2410C;--opt-3: #7C3AED;--opt-4: #15803D}[data-contrast=high]{--opt-1: #0050CC;--opt-2: #C43B00;--opt-3: #6B1594;--opt-4: #0A6B3F;--text-mid: #C9D2E8;--text-low: #8A96B4}html.theme-ready,html.theme-ready *{transition:background-color .25s ease,border-color .25s ease,color .25s ease!important}:root{--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--t-micro: .14s ease-out;--t-reveal: .28s cubic-bezier(.4, 0, .2, 1);--t-flip: .4s cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){.ambient-particle,.ambient-glow{animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-900);color:var(--text-hi);font-family:var(--font-body);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-hi)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-800)}::-webkit-scrollbar-thumb{background:var(--bg-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-low)}.page-wrapper{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.content-center{width:100%;max-width:960px;margin:0 auto;padding:0 var(--space-6)}.content-narrow{width:100%;max-width:520px;margin:0 auto;padding:0 var(--space-6)}.desktop-banner{display:none;background:var(--bg-700);border-bottom:1px solid var(--hairline);padding:var(--space-3) var(--space-6);text-align:center;font-size:13px;color:var(--text-mid);position:fixed;top:0;left:0;right:0;z-index:9999}@media (max-width: 1023px){.desktop-banner{display:block}.page-wrapper{padding-top:40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes countUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-fade-in-up{animation:fadeInUp var(--t-reveal) both}.anim-scale-in{animation:scaleIn .2s ease-out both}.divider{height:1px;background:var(--hairline);width:100%}.ambient-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;transition:opacity .6s ease}.ambient-field--dimmed{opacity:.4}.ambient-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ambient-glow{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform,opacity}.ambient-glow--1{width:600px;height:600px;background:radial-gradient(circle,rgba(45,127,249,.18) 0%,transparent 70%);top:-10%;left:-5%;animation:glowFloat1 32s ease-in-out infinite}.ambient-glow--2{width:500px;height:500px;background:radial-gradient(circle,rgba(155,93,229,.14) 0%,transparent 70%);bottom:-5%;right:-8%;animation:glowFloat2 28s ease-in-out infinite}.ambient-glow--3{width:400px;height:400px;background:radial-gradient(circle,rgba(47,191,113,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowFloat3 38s ease-in-out infinite}.ambient-field--bright .ambient-glow--1{opacity:1.3}.ambient-field--pulse .ambient-glow--1,.ambient-field--pulse .ambient-glow--2,.ambient-field--pulse .ambient-glow--3{animation:glowPulse .6s ease-out forwards,glowFloat1 32s ease-in-out infinite}@keyframes glowFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes glowFloat2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-50px,30px) scale(1.1)}70%{transform:translate(20px,-20px) scale(.92)}}@keyframes glowFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes glowPulse{0%{filter:blur(80px) brightness(1)}30%{filter:blur(60px) brightness(2.5)}to{filter:blur(80px) brightness(1)}}[data-theme=light] .ambient-glow--1{background:radial-gradient(circle,rgba(234,179,8,.18) 0%,transparent 70%)}[data-theme=light] .ambient-glow--2{background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%)}[data-theme=light] .ambient-glow--3{background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%)}@media (prefers-reduced-motion: reduce){.ambient-glow{animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--t-micro),transform var(--t-micro),box-shadow var(--t-micro);position:relative;white-space:nowrap;text-decoration:none;letter-spacing:.01em}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.btn--sm{font-size:13px;padding:6px 14px;height:32px}.btn--md{font-size:15px;padding:10px 22px;height:44px}.btn--lg{font-size:17px;padding:14px 32px;height:56px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px #2d7ff966}.btn--secondary{background:var(--bg-700);color:var(--text-hi);border:1px solid var(--hairline)}.btn--secondary:hover:not(:disabled){background:var(--bg-600);border-color:#f5f8ff29}[data-theme=light] .btn--secondary:hover:not(:disabled){border-color:#0f172a38}.btn--ghost{background:transparent;color:var(--text-mid);border:1px solid var(--hairline)}.btn--ghost:hover:not(:disabled){background:var(--bg-700);color:var(--text-hi)}.btn--danger{background:var(--wrong);color:#fff}.btn--danger:hover:not(:disabled){background:#ff2d55;box-shadow:0 0 20px #f0506e66}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--loading{cursor:wait}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}[data-theme=light] .btn--secondary .btn__spinner,[data-theme=light] .btn--ghost .btn__spinner{border-color:#0003;border-top-color:#000000b3}.btn__label--hidden{visibility:hidden;position:absolute}.btn__loading-text{font-size:inherit}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--hairline);background:var(--bg-700);color:var(--text-hi);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--t-micro),border-color var(--t-micro),transform var(--t-micro)}.theme-toggle:hover{background:var(--bg-600);border-color:var(--accent);transform:scale(1.08)}.theme-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.landing{position:relative;min-height:100vh}.landing__topbar{position:fixed;top:var(--space-4);right:var(--space-6);z-index:100}.landing__main{position:relative;z-index:1;gap:var(--space-10);padding:var(--space-16) var(--space-6)}.landing__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.landing__logo-mark{position:relative;width:84px;height:84px;background:radial-gradient(circle,rgba(255,255,255,.032) 1px,transparent 1px),#18243c;background-size:8px 8px;border:1.5px solid rgba(255,255,255,.13);border-radius:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:42px;font-weight:800;color:#bfcee8;letter-spacing:-2px;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(0,0,0,.55),0 3px 10px rgba(0,0,0,.5);box-shadow:0 12px 36px #0009,0 3px 10px #00000059,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;margin-bottom:var(--space-2);flex-shrink:0}.landing__logo-mark:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.07);border-radius:16px;pointer-events:none}[data-theme=light] .landing__logo-mark{background:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px),#e8ecf5;background-size:8px 8px;border-color:#0000001f;color:#1c2640;text-shadow:0 1px 0 rgba(255,255,255,.95),0 -1px 0 rgba(0,0,0,.1),0 2px 5px rgba(0,0,0,.08);box-shadow:0 4px 20px #0000001a,0 1px 4px #00000014,inset 0 1px #ffffffe6,inset 0 -1px #00000014}[data-theme=light] .landing__logo-mark:before{border-color:#00000012}.landing__title{font-family:var(--font-display);font-size:clamp(52px,8vw,80px);font-weight:800;letter-spacing:-3px;line-height:1;color:#c8d5e8;text-shadow:0 2px 8px rgba(0,0,0,.65),0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(255,255,255,.06)}[data-theme=light] .landing__title{color:#1c2640;text-shadow:0 1px 0 rgba(255,255,255,.85),0 2px 5px rgba(0,0,0,.14)}.landing__tagline{font-size:18px;color:var(--text-mid);max-width:380px;text-align:center;line-height:1.6;margin-top:var(--space-2)}.landing__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:420px}.landing__divider{display:flex;align-items:center;gap:var(--space-4);width:100%}.landing__divider:before,.landing__divider:after{content:"";flex:1;height:1px;background:var(--hairline)}.landing__divider-text{color:var(--text-low);font-size:13px;white-space:nowrap}.landing__join-form{display:flex;gap:var(--space-3);width:100%}.landing__pin-field{flex:1;height:56px;background:var(--bg-700);border:2px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-hi);font-family:var(--font-display);font-size:24px;font-weight:600;text-align:center;letter-spacing:6px;outline:none;transition:border-color var(--t-micro),box-shadow var(--t-micro);min-width:0}.landing__pin-field::placeholder{color:var(--text-low);font-size:16px;letter-spacing:0;font-family:var(--font-body);font-weight:400}.landing__pin-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.landing__footer{font-size:13px;color:var(--text-low);text-align:center;padding-top:var(--space-4)}.card{background:var(--bg-800);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-6)}.card--elevated{box-shadow:0 8px 32px #0006}.card--interactive{cursor:pointer;transition:background-color var(--t-micro),border-color var(--t-micro),transform var(--t-micro)}.card--interactive:hover{background:var(--bg-700);border-color:#f5f8ff24;transform:translateY(-1px)}[data-theme=light] .card--interactive:hover{border-color:#0f172a33}.host-generate{position:relative;min-height:100vh}.back-link{display:inline-flex;align-items:center;color:var(--text-mid);font-size:14px;text-decoration:none;margin-bottom:var(--space-5);transition:color var(--t-micro);cursor:pointer;background:none;border:none;padding:0}.back-link:hover{color:var(--text-hi)}.host-generate__title{font-family:var(--font-display);font-size:40px;font-weight:700;margin-bottom:var(--space-2)}.host-generate__sub{color:var(--text-mid);font-size:16px;margin-bottom:var(--space-8)}.host-generate__card{display:flex;flex-direction:column;gap:0}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.form-label{font-size:14px;font-weight:600;color:var(--text-mid);letter-spacing:.02em;text-transform:uppercase}.form-input{width:100%;height:48px;background:var(--bg-700);border:1.5px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-hi);font-family:var(--font-body);font-size:15px;padding:0 var(--space-4);outline:none;transition:border-color var(--t-micro),box-shadow var(--t-micro)}.form-input::placeholder{color:var(--text-low)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d7ff933}.form-hint{font-size:12px;color:var(--text-low);text-align:right}.form-error{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:color-mix(in srgb,var(--wrong) 12%,var(--bg-800));border:1px solid color-mix(in srgb,var(--wrong) 40%,transparent);border-radius:var(--radius-md);color:var(--wrong);font-size:14px;margin-bottom:var(--space-5)}.stepper{display:inline-flex;align-items:center;gap:0;background:var(--bg-700);border:1.5px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.stepper__btn{width:44px;height:44px;background:transparent;border:none;color:var(--text-hi);font-size:20px;font-weight:500;cursor:pointer;transition:background-color var(--t-micro);display:flex;align-items:center;justify-content:center}.stepper__btn:hover:not(:disabled){background:var(--bg-600)}.stepper__btn:disabled{opacity:.35;cursor:not-allowed}.stepper__btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-2px}.stepper__value{min-width:64px;text-align:center;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-hi);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);padding:0 var(--space-3);line-height:44px}.segmented-control{display:flex;background:var(--bg-700);border:1.5px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.segmented-control__option{position:relative;padding:10px 24px;font-size:14px;font-weight:600;color:var(--text-mid);cursor:pointer;transition:background-color var(--t-micro),color var(--t-micro);-webkit-user-select:none;user-select:none}.segmented-control__option+.segmented-control__option{border-left:1px solid var(--hairline)}.segmented-control__option input{position:absolute;opacity:0;width:0;height:0}.segmented-control__option--active{background:var(--accent);color:#fff}.segmented-control__option:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:-2px}.host-generate__footer{margin-top:var(--space-2)}.host-generate__generating{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-700);border-radius:var(--radius-md);height:56px}.host-generate__spinner{width:20px;height:20px;border:2px solid var(--bg-600);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.host-generate__loading-msg{font-family:var(--font-display);font-size:15px;color:var(--text-mid);transition:opacity .3s ease}.hr{position:relative;min-height:100vh;padding-bottom:88px}.hr__topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:#0a0e1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}[data-theme=light] .hr__topbar{background:#f6f8faeb}.hr__back{background:none;border:none;color:var(--text-mid);font-size:14px;cursor:pointer;padding:var(--space-2) 0;transition:color var(--t-micro)}.hr__back:hover{color:var(--text-hi)}.hr__save-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.02em;transition:all var(--t-smooth)}.hr__save-badge--saving{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.hr__save-badge--saved{background:color-mix(in srgb,var(--correct) 15%,transparent);color:var(--correct)}.hr__save-badge--error{background:color-mix(in srgb,var(--wrong) 15%,transparent);color:var(--wrong)}.hr__main{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:var(--space-8) var(--space-6)}.hr__title-block{margin-bottom:var(--space-8)}.hr__title-input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--hairline);color:var(--text-hi);font-family:var(--font-display);font-size:30px;font-weight:700;outline:none;padding:var(--space-2) 0;transition:border-color var(--t-micro);margin-bottom:var(--space-4)}.hr__title-input:focus{border-bottom-color:var(--accent)}.hr__title-input::placeholder{color:var(--text-low)}.hr__meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.hr__meta-pill{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:20px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.hr__meta-pill--dim{background:var(--bg-700);color:var(--text-low)}.hr__global-error{margin-top:var(--space-3);color:var(--wrong);font-size:14px}.hr__questions{display:flex;flex-direction:column;gap:var(--space-5)}.qcard{background:var(--bg-800);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5);cursor:grab;transition:border-color var(--t-micro),box-shadow var(--t-micro)}.qcard:active{cursor:grabbing}.qcard:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.qcard__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.qcard__drag{color:var(--text-low);font-size:18px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.qcard__num{font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:3px 10px;border-radius:20px;flex-shrink:0}.qcard__total{font-size:12px;color:var(--text-low)}.qcard__header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.qcard__regen-btn{display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;cursor:pointer;transition:background var(--t-micro),opacity var(--t-micro);white-space:nowrap}.qcard__regen-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 20%,transparent)}.qcard__regen-btn:disabled{opacity:.5;cursor:default}.qcard__regen-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qcard__regen-error{font-size:12px;color:var(--wrong);margin-bottom:var(--space-3)}.qcard__delete-btn{background:transparent;border:none;color:var(--text-low);font-size:15px;cursor:pointer;width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--t-micro),background-color var(--t-micro);flex-shrink:0}.qcard__delete-btn:hover{color:var(--wrong);background:color-mix(in srgb,var(--wrong) 12%,transparent)}.qcard__prompt{width:100%;background:var(--bg-700);border:1.5px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-hi);font-family:var(--font-body);font-size:15px;line-height:1.6;padding:var(--space-3) var(--space-4);resize:none;outline:none;overflow:hidden;margin-bottom:var(--space-4);transition:border-color var(--t-micro)}.qcard__prompt:focus{border-color:var(--accent)}.qcard__prompt::placeholder{color:var(--text-low)}.qcard__options{display:flex;flex-direction:column;gap:var(--space-2)}.qcard__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--hairline);background:var(--bg-700);cursor:pointer;transition:border-color var(--t-micro),background-color var(--t-micro);-webkit-user-select:none;user-select:none}.qcard__option:hover{border-color:color-mix(in srgb,var(--opt-color, var(--accent)) 50%,transparent);background:color-mix(in srgb,var(--opt-color, var(--accent)) 6%,var(--bg-700))}.qcard__option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qcard__option--correct{border-color:var(--correct);background:color-mix(in srgb,var(--correct) 10%,var(--bg-700))}.qcard__option-indicator{font-size:16px;width:22px;text-align:center;flex-shrink:0;color:var(--text-low);transition:color var(--t-micro)}.qcard__option--correct .qcard__option-indicator{color:var(--correct);font-weight:700}.qcard__option-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--text-mid);min-width:36px;flex-shrink:0}.qcard__option--correct .qcard__option-label{color:var(--correct)}.qcard__option-shape{font-size:11px}.qcard__option-input{flex:1;background:transparent;border:none;color:var(--text-hi);font-family:var(--font-body);font-size:14px;outline:none;padding:0;cursor:text;min-width:0}.qcard__option-input::placeholder{color:var(--text-low)}.qcard__correct-tag{font-size:11px;font-weight:700;color:var(--correct);background:color-mix(in srgb,var(--correct) 15%,transparent);padding:2px 8px;border-radius:20px;flex-shrink:0;letter-spacing:.04em;text-transform:uppercase}.qcard__explanation{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-700);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;color:var(--text-mid);line-height:1.6}.qcard__explanation-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:var(--space-1)}.hr__footer{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#0a0e1aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--hairline);padding:var(--space-3) var(--space-6)}[data-theme=light] .hr__footer{background:#f6f8faf2}.hr__footer-inner{max-width:760px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.hr__footer-right{display:flex;gap:var(--space-3);align-items:center}.live-indicator{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px;font-weight:500}.live-indicator__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .3s ease}.live-indicator--connected .live-indicator__dot{background:var(--correct);box-shadow:0 0 #2fbf7199;animation:livePulse 2s ease-out infinite}.live-indicator--connecting .live-indicator__dot,.live-indicator--reconnecting .live-indicator__dot{background:var(--accent-warm);box-shadow:0 0 #ff7a4599;animation:livePulse 1.2s ease-out infinite}.live-indicator--disconnected .live-indicator__dot{background:var(--text-low);animation:none}.live-indicator--connected .live-indicator__label{color:var(--correct)}.live-indicator--connecting .live-indicator__label,.live-indicator--reconnecting .live-indicator__label{color:var(--accent-warm)}.live-indicator--disconnected .live-indicator__label{color:var(--text-low)}@keyframes livePulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.host-lobby{position:relative;min-height:100vh}.host-lobby__main{position:relative;z-index:1;gap:var(--space-10);padding:var(--space-12) var(--space-6)}.host-lobby__join-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.host-lobby__join-url{font-size:20px;color:var(--text-mid);letter-spacing:.02em}.host-lobby__join-url strong{color:var(--text-hi);font-weight:600}.host-lobby__pin-display{display:flex;gap:var(--space-3);align-items:center}.host-lobby__pin-digit{display:flex;align-items:center;justify-content:center;width:80px;height:100px;background:var(--bg-700);border:2px solid var(--accent);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:64px;font-weight:700;color:var(--text-hi);letter-spacing:0;box-shadow:0 0 20px #2d7ff933}.host-lobby__copy-btns{display:flex;gap:var(--space-3)}.host-lobby__players{width:100%;max-width:800px;text-align:center}.host-lobby__player-count{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.host-lobby__count-label{font-family:var(--font-display);font-size:20px;color:var(--text-mid)}.host-lobby__player-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;min-height:60px}.host-lobby__player-chip{padding:5px 14px;background:var(--bg-700);border:1px solid var(--hairline);border-radius:999px;font-size:13px;font-weight:500;color:var(--text-hi);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.host-lobby__player-chip--overflow{color:var(--text-low);font-style:italic}.host-lobby__actions{display:flex;flex-direction:column;align-items:center}.host-lobby__topbar{position:fixed;top:var(--space-4);right:var(--space-6);z-index:100}.timer{display:flex;align-items:center;gap:var(--space-4);width:100%}.timer__live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.timer__bar-track{flex:1;height:6px;background:var(--bg-600);border-radius:3px;overflow:hidden}.timer__bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width 1s linear,background-color .3s ease;will-change:width}.timer--urgent .timer__bar-fill{background:var(--accent-warm)}.timer__number{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-hi);min-width:2.5ch;text-align:right;transition:color .3s ease}.timer--urgent .timer__number{color:var(--accent-warm)}.answer-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-800);border:2px solid var(--option-color, var(--hairline));border-radius:var(--radius-lg);min-height:80px;position:relative;transition:background-color var(--t-micro),border-color var(--t-micro),opacity var(--t-micro),transform var(--t-micro);-webkit-user-select:none;user-select:none}.answer-option--interactive{cursor:pointer}.answer-option--interactive:hover{background:var(--bg-700);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.answer-option--interactive:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.answer-option--selected{background:color-mix(in srgb,var(--option-color) 20%,var(--bg-800));border-color:var(--option-color);box-shadow:0 0 0 1px var(--option-color),0 4px 24px #0000004d}.answer-option--faded{opacity:.4}.answer-option--correct{background:color-mix(in srgb,var(--correct) 20%,var(--bg-800));border-color:var(--correct);box-shadow:0 0 0 1px var(--correct)}.answer-option--wrong{background:color-mix(in srgb,var(--wrong) 15%,var(--bg-800));border-color:var(--wrong)}.answer-option__badge{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.answer-option__suit{width:52px;height:52px;fill:var(--option-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transition:filter var(--t-micro)}.answer-option--interactive:hover .answer-option__suit{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.answer-option__suit-letter{font-family:var(--font-display);font-size:28px;font-weight:800;fill:#fff;paint-order:stroke fill;stroke:#00000026;stroke-width:2}.answer-option__text{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--text-hi);flex:1;line-height:1.4}.answer-option__result-icon{font-size:20px;font-weight:700;color:var(--option-color);flex-shrink:0}.answer-option--correct .answer-option__result-icon{color:var(--correct)}.answer-option--wrong .answer-option__result-icon{color:var(--wrong)}[data-contrast=high] .answer-option__text{font-weight:600}[data-contrast=high] .answer-option__suit-letter{font-size:32px}.answer-dist{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.answer-dist__row{display:grid;grid-template-columns:24px 1fr 32px 40px 20px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-700);border:1px solid var(--hairline);transition:background-color var(--t-micro)}.answer-dist__row--correct{background:color-mix(in srgb,var(--correct) 10%,var(--bg-700));border-color:color-mix(in srgb,var(--correct) 30%,var(--hairline))}.answer-dist__letter{font-family:var(--font-display);font-size:14px;font-weight:800;text-align:center;flex-shrink:0}.answer-dist__bar-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.answer-dist__label{font-size:11px;color:var(--text-low);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answer-dist__track{height:8px;background:var(--bg-600);border-radius:4px;overflow:hidden}.answer-dist__fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:2px}.answer-dist__count{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-hi);text-align:right}.answer-dist__pct{font-size:12px;color:var(--text-low);text-align:right}.answer-dist__check{font-size:14px;font-weight:700;color:var(--correct);text-align:center}.answer-dist__total{font-size:12px;color:var(--text-low);text-align:right;margin-top:var(--space-1)}.leaderboard{width:100%}.leaderboard__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard__row{display:grid;grid-template-columns:36px 28px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-800);border:1px solid var(--hairline);border-radius:var(--radius-md);will-change:transform}.leaderboard__row--me{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-800))}.leaderboard__rank{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-mid);text-align:center}.leaderboard__row--me .leaderboard__rank{color:var(--accent)}.leaderboard__row:first-child .leaderboard__rank{color:#f5c842}.leaderboard__change{display:flex;align-items:center;justify-content:center}.leaderboard__change-icon{font-size:12px;font-weight:700}.leaderboard__change--up{color:var(--correct)}.leaderboard__change--down{color:var(--wrong)}.leaderboard__change--same{color:var(--text-low)}.leaderboard__nickname{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--text-hi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__score{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-hi);text-align:right}.leaderboard__row--me .leaderboard__nickname,.leaderboard__row--me .leaderboard__score{color:var(--text-hi)}.host-play{position:relative;min-height:100vh}.host-play__header{position:relative;z-index:2;border-bottom:1px solid var(--hairline);background:#0a0e1ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4) var(--space-6)}[data-theme=light] .host-play__header{background:#f6f8fae0}.host-play__header-inner{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.host-play__question-label{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-mid)}.host-play__header-right{display:flex;align-items:center;gap:var(--space-3)}.host-play__main{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.host-play__question-area{display:flex;flex-direction:column;gap:var(--space-6)}.host-play__timer{width:100%}.host-play__question-text{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1.2;color:var(--text-hi)}.host-play__options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.host-play__answer-progress{display:flex;flex-direction:column;gap:var(--space-2)}.host-play__progress-bar{height:4px;background:var(--bg-600);border-radius:2px;overflow:hidden}.host-play__progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.host-play__progress-label{font-size:14px;color:var(--text-mid);text-align:right}.host-play__controls{display:flex;justify-content:flex-end;gap:var(--space-3)}.host-play__leaderboard{margin-top:var(--space-8)}.host-play__leaderboard-title{font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:var(--space-5);color:var(--text-hi)}.host-play__lb-dist{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--hairline)}.host-play__lb-dist-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-mid);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.host-play__lb-controls{display:flex;justify-content:flex-end;margin-top:var(--space-6)}@keyframes fw-twinkle{0%,to{opacity:.9;transform:scale(1) rotate(0)}50%{opacity:.3;transform:scale(.4) rotate(180deg)}}.host-play__fireworks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.host-play__star{position:absolute;font-size:var(--sz, 18px);line-height:1;animation:fw-twinkle var(--dur, 2s) ease-in-out var(--delay, 0s) infinite;opacity:.7}.host-play__game-over{position:relative;display:flex;flex-direction:column;gap:var(--space-10);align-items:center;padding:var(--space-8) 0 var(--space-16);width:100%}.host-play__go-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.host-play__go-trophy{font-size:64px;line-height:1;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.host-play__go-title{font-family:var(--font-display);font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#ffe566,gold,#ff9500 70%,#e87000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.host-play__go-sub{font-size:17px;color:var(--text-mid)}.host-play__podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-4);width:100%;max-width:640px}.host-play__podium-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1}.host-play__podium-avatar{font-size:40px;line-height:1}.host-play__podium-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-hi);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-play__podium-score{font-size:13px;color:var(--text-mid);font-weight:600}.host-play__podium-block{width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:var(--space-2)}.host-play__podium-block--1{height:120px;background:linear-gradient(160deg,gold,#b8860b);box-shadow:0 0 32px #ffd70066}.host-play__podium-block--2{height:90px;background:linear-gradient(160deg,silver,#7a7a7a);box-shadow:0 0 20px #c0c0c04d}.host-play__podium-block--3{height:65px;background:linear-gradient(160deg,#cd7f32,#8b4513);box-shadow:0 0 16px #cd7f3240}.host-play__podium-rank{font-family:var(--font-display);font-size:20px;font-weight:800;color:#ffffffe6}.host-play__go-list{list-style:none;width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0}.host-play__go-list-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--bg-700);border:1px solid var(--hairline);border-radius:var(--radius-md)}.host-play__go-list-rank{font-family:var(--font-mono);font-size:13px;color:var(--text-low);width:28px;flex-shrink:0}.host-play__go-list-name{font-size:15px;font-weight:600;color:var(--text-hi);flex:1}.host-play__go-list-score{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent)}.host-play__go-review{width:100%;max-width:640px;border-top:1px solid var(--hairline);padding-top:var(--space-8)}.host-play__go-review-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-hi);margin-bottom:var(--space-5)}.host-play__go-questions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.host-play__go-question{background:var(--bg-700);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.host-play__go-q-header{display:flex;align-items:flex-start;gap:var(--space-3)}.host-play__go-q-num{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-600));padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0;margin-top:2px}.host-play__go-q-text{font-size:15px;font-weight:600;color:var(--text-hi);line-height:1.4}.host-play__go-q-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.host-play__go-q-opt{font-size:13px;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--bg-600);color:var(--text-mid);border:1px solid var(--hairline)}.host-play__go-q-opt--correct{background:color-mix(in srgb,var(--correct) 15%,var(--bg-600));border-color:var(--correct);color:var(--correct);font-weight:700}.host-play__go-q-explanation{font-size:13px;color:var(--text-mid);font-style:italic;line-height:1.5;border-left:2px solid var(--hairline);padding-left:var(--space-3)}.host-play__game-over-actions{display:flex;gap:var(--space-4)}.pin-input{display:flex;gap:var(--space-3);justify-content:center}.pin-input__box{width:56px;height:72px;background:var(--bg-700);border:2px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-hi);font-family:var(--font-display);font-size:32px;font-weight:700;text-align:center;transition:border-color var(--t-micro),background-color var(--t-micro),box-shadow var(--t-micro);outline:none;caret-color:transparent}.pin-input__box--filled{background:var(--bg-600);border-color:var(--accent)}.pin-input__box:focus{border-color:var(--accent);background:var(--bg-600);box-shadow:0 0 0 3px #2d7ff940}.pin-input--error .pin-input__box{border-color:var(--wrong);box-shadow:0 0 0 3px #f0506e33}.player-join{position:relative;min-height:100vh}.player-join__steps{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.player-join__step-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-600);transition:background-color var(--t-micro)}.player-join__step-dot.active{background:var(--accent);box-shadow:0 0 0 3px #2d7ff940}.player-join__step-dot.done{background:var(--correct)}.player-join__card{display:flex;flex-direction:column;gap:var(--space-4)}.player-join__heading{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-hi)}.player-join__sub{color:var(--text-mid);font-size:16px;margin-top:-var(--space-2)}.player-join__error{color:var(--wrong);font-size:14px;background:color-mix(in srgb,var(--wrong) 10%,transparent);border:1px solid color-mix(in srgb,var(--wrong) 30%,transparent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.player-join__nickname-input{font-size:20px;height:56px;text-align:center;letter-spacing:.02em}.player-join__toggle-label{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;font-size:16px;color:var(--text-hi);-webkit-user-select:none;user-select:none}.player-join__toggle{position:relative;flex-shrink:0}.player-join__toggle input{position:absolute;opacity:0;width:0;height:0}.player-join__toggle-track{display:block;width:48px;height:28px;background:var(--bg-600);border:1.5px solid var(--hairline);border-radius:14px;transition:background-color var(--t-micro),border-color var(--t-micro);position:relative}.player-join__toggle-track:after{content:"";position:absolute;width:20px;height:20px;background:var(--text-mid);border-radius:50%;top:3px;left:3px;transition:transform var(--t-micro),background-color var(--t-micro)}.player-join__toggle input:checked+.player-join__toggle-track{background:var(--accent);border-color:var(--accent)}.player-join__toggle input:checked+.player-join__toggle-track:after{transform:translate(20px);background:#fff}.player-join__toggle input:focus-visible+.player-join__toggle-track{outline:3px solid var(--focus-ring);outline-offset:2px}.player-join__preview{background:var(--bg-900);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-4)}.player-join__preview-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-low);margin-bottom:var(--space-3)}.player-join__preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.player-join__preview[data-contrast=high]{--opt-1: #1565FF;--opt-2: #FF6A00;--opt-3: #7A1FA2;--opt-4: #00875A}.player-play{position:relative;min-height:100vh}.player-play__header{position:relative;z-index:2;border-bottom:1px solid var(--hairline);background:#0a0e1ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-3) var(--space-5)}[data-theme=light] .player-play__header{background:#f6f8fae0}.player-play__header-inner{max-width:640px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.player-play__nickname{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text-mid)}.player-play__main{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:var(--space-8) var(--space-5)}.player-play__lobby{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;padding:var(--space-12) 0}.player-play__lobby-icon{font-size:48px}.player-play__lobby-title{font-family:var(--font-display);font-size:36px;font-weight:700}.player-play__lobby-sub{color:var(--text-mid);font-size:16px}.player-play__lobby-name{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--accent)}.player-play__a11y-badge{font-size:12px;background:color-mix(in srgb,var(--accent) 15%,var(--bg-700));color:var(--accent);padding:4px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.player-play__question-area{display:flex;flex-direction:column;gap:var(--space-5)}.player-play__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.player-play__qnum{font-size:14px;color:var(--text-low);font-weight:500;white-space:nowrap}.player-play__timer-wrap{flex:1;max-width:280px}.player-play__question-text{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.3;color:var(--text-hi)}.player-play__options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.player-play__locked{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-700);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-mid);font-size:15px;font-weight:500;text-align:center}.player-play__locked-icon{font-size:20px}.player-play__timed-out{padding:var(--space-4) var(--space-5);background:color-mix(in srgb,var(--wrong) 10%,var(--bg-700));border:1px solid color-mix(in srgb,var(--wrong) 30%,transparent);border-radius:var(--radius-md);color:var(--wrong);font-size:15px;font-weight:600;text-align:center}.player-play__feedback{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);animation:scaleIn .2s ease-out}.player-play__feedback--correct{background:color-mix(in srgb,var(--correct) 18%,var(--bg-800));border:1.5px solid var(--correct)}.player-play__feedback--wrong{background:color-mix(in srgb,var(--wrong) 15%,var(--bg-800));border:1.5px solid var(--wrong)}.player-play__feedback-icon{font-size:28px;flex-shrink:0}.player-play__feedback--correct .player-play__feedback-icon{color:var(--correct)}.player-play__feedback--wrong .player-play__feedback-icon{color:var(--wrong)}.player-play__feedback-text{display:flex;flex-direction:column;gap:2px}.player-play__feedback-verdict{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-hi)}.player-play__feedback-points{font-family:var(--font-display);font-size:16px;color:var(--correct);font-weight:600}.player-play__feedback-rank{margin-left:auto;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-mid)}.player-play__leaderboard{display:flex;flex-direction:column;gap:var(--space-5)}.player-play__lb-title{font-family:var(--font-display);font-size:28px;font-weight:700}.player-play__my-rank{text-align:center;font-size:16px;color:var(--text-mid);padding:var(--space-4);background:var(--bg-700);border-radius:var(--radius-md);border:1px solid var(--hairline)}.player-play__game-over{display:flex;flex-direction:column;gap:var(--space-6);align-items:center;text-align:center;padding:var(--space-8) 0}.player-play__game-over-title{font-family:var(--font-display);font-size:48px;font-weight:700}.player-play__game-over-score{font-size:20px;color:var(--text-mid)}.player-play__game-over-score strong{color:var(--text-hi);font-weight:700}.player-play__copy-btn{padding:var(--space-3) var(--space-6);background:var(--bg-700);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-mid);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--t-micro),color var(--t-micro)}.player-play__copy-btn:hover{background:var(--bg-600);color:var(--text-hi)}.player-play__home-btn{background:transparent;border:none;color:var(--text-low);font-size:14px;cursor:pointer;text-decoration:underline;transition:color var(--t-micro)}.player-play__home-btn:hover{color:var(--text-mid)}.player-play__lb-dist{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--hairline);width:100%}.player-play__lb-dist-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-low);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.player-play__go-review{width:100%;border-top:1px solid var(--hairline);padding-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.player-play__go-review-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-hi)}.player-play__go-question{background:var(--bg-700);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.player-play__go-q-text{font-size:14px;color:var(--text-hi);line-height:1.5}