.welcome-page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at top,#fff8e6f5,#ffffffd1 30%,#f8e4ffbf 56%,#f3f7fff2),linear-gradient(135deg,#fff8e6,#f8f0ff 42%,#eff7ff)}[data-theme=dark] .welcome-page{background:radial-gradient(circle at top,#ffd3681f,#fff0 30%),linear-gradient(135deg,#0f1f33,#1d2d4f 48%,#2a2451)}.welcome-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sunrise-glow{position:absolute;inset:-20% auto auto 50%;width:62rem;height:62rem;transform:translate(-50%);background:radial-gradient(circle,rgba(255,204,112,.35) 0%,rgba(255,204,112,.12) 24%,rgba(255,204,112,.02) 58%,transparent 70%);filter:blur(14px)}[data-theme=dark] .sunrise-glow{background:radial-gradient(circle,rgba(255,204,112,.18) 0%,rgba(255,204,112,.08) 24%,rgba(255,204,112,.02) 58%,transparent 70%)}.welcome-orb{position:absolute;border-radius:9999px;filter:blur(4px);opacity:.45;animation:floatOrb 10s ease-in-out infinite}.orb-one{top:10%;left:4%;width:12rem;height:12rem;background:radial-gradient(circle,#ffb5cca6,#ffb5cc14)}.orb-two{right:6%;top:24%;width:8rem;height:8rem;background:radial-gradient(circle,#90caf9b8,#90caf914);animation-delay:1.2s}.orb-three{left:18%;bottom:8%;width:10rem;height:10rem;background:radial-gradient(circle,#c8f7c5b8,#c8f7c514);animation-delay:2.1s}.floating-egg{position:absolute;border:none;background:transparent;cursor:pointer;filter:drop-shadow(0 12px 22px rgba(77,51,115,.12));animation:eggFloat 6s ease-in-out infinite;transition:transform .2s ease,filter .2s ease}.floating-egg:hover{transform:scale(1.08) rotate(-4deg);filter:drop-shadow(0 18px 28px rgba(77,51,115,.2))}.welcome-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;padding:.75rem clamp(1rem,3vw,2.5rem) 2rem}.welcome-grid{width:min(1360px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(1.5rem,3vw,3rem);align-items:flex-start}.welcome-copy{max-width:46rem}.brand-lockup{display:grid;justify-items:start;gap:0;width:fit-content;margin:0 0 .5rem;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-logo{width:clamp(16.1rem,27.6vw,25.3rem);height:auto;object-fit:contain;flex-shrink:0}.eyebrow-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;background:#ffffff9e;border:1px solid rgba(255,255,255,.76);box-shadow:0 12px 30px #4d337314;color:#241336;font-size:.95rem;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .eyebrow-pill{color:#f5ecff}.welcome-title{margin:1.25rem 0 1rem;font-size:clamp(3rem,6vw,5.65rem);line-height:.95;letter-spacing:-.06em;max-width:12ch;color:#241336;text-shadow:none}[data-theme=dark] .welcome-title{color:#f8f9fa;text-shadow:0 12px 32px rgba(0,0,0,.26)}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.3rem}.hero-primary-actions{margin-top:1.6rem}.hero-secondary-actions{margin-top:.9rem}.hero-primary-btn--easter{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 1.6rem;border-radius:1.2rem;font-size:1.1rem;font-weight:800;letter-spacing:.01em;border:none;cursor:pointer;background:linear-gradient(135deg,#a78bfa,#c4b5fd,#ddd6fe,#c4b5fd,#a78bfa);color:#581c87;box-shadow:0 8px 32px #a78bfa66,0 0 0 1px #fffc inset,0 0 20px #bb8fe84d;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease}.hero-primary-btn--easter:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#6d28d9,#7c3aed,#8b5cf6,#7c3aed,#6d28d9);color:#f3e8ff;box-shadow:0 14px 48px #6d28d980,0 0 0 1px #fff3 inset,0 0 30px #8b5cf666}.hero-primary-btn--easter:active{transform:translateY(-1px) scale(.99)}[data-theme=dark] .hero-primary-btn--easter{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd,#a78bfa,#8b5cf6);color:#3b0764;box-shadow:0 8px 32px #8b5cf659,0 0 0 1px #ffffff4d inset}[data-theme=dark] .hero-primary-btn--easter:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9,#7c3aed,#6d28d9,#5b21b6);color:#f3e8ff;box-shadow:0 14px 48px #5b21b68c,0 0 0 1px #ffffff26 inset,0 0 30px #7c3aed59}.primary-cta-panel{display:grid;gap:.85rem;padding:1.15rem;border-radius:1.5rem;background:linear-gradient(135deg,#ffffffe0,#fff2d6eb);border:1px solid rgba(122,43,180,.14);box-shadow:0 20px 40px #682a991f,0 0 42px #eb7fd029;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=dark] .primary-cta-panel{background:linear-gradient(135deg,#0b1424db,#1d1135e6);border-color:#ffffff1a;box-shadow:0 20px 40px #00000047,0 0 34px #ff9a8c38;transform:translateY(-1px)}.hero-primary-btn,.hero-secondary-btn,.cta-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.hero-primary-btn{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.4rem;border-radius:1rem;background:linear-gradient(135deg,#4f1d72,#7a2bb4 45%,#eb7fd0);color:#fff;font-size:1rem;font-weight:800;box-shadow:0 18px 35px #531b774d}.hero-primary-btn--spotlight{width:100%;justify-content:center;padding:1.2rem 1.5rem;font-size:1.08rem;background:linear-gradient(135deg,#2f8f62,#67d99e 48%,#ff9a8c);box-shadow:0 22px 40px #2f8f6242,0 0 34px #ff9a8c38;transform:translateY(-1px)}.hero-primary-btn--spotlight:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 26px 48px #2f8f624d,0 0 44px #ff9a8c47}[data-theme=dark] .hero-primary-btn{box-shadow:0 18px 35px #0000005c}[data-theme=dark] .hero-primary-btn--spotlight{box-shadow:0 22px 40px #00000061,0 0 34px #ff9a8c24}.hero-primary-btn:hover,.hero-secondary-btn:hover,.cta-link:hover{transform:translateY(-2px)}.hero-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.25rem;border-radius:1rem;background:#ffffffb8;color:#4d356b;border:1px solid rgba(106,74,142,.15);font-weight:800;box-shadow:0 12px 28px #5a2d7814}[data-theme=dark] .hero-secondary-btn{color:#f8f9fa}.fact-row{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.fact-card{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:4.35rem;padding:.9rem 1rem;border-radius:9999px;background:linear-gradient(135deg,#ffffffe0,#fff2d6e6);border:1px solid rgba(122,43,180,.14);box-shadow:0 14px 30px #682a991f,0 0 #eb7fd02e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.fact-card:hover{transform:translateY(-4px) scale(1.02);border-color:#7a2bb442;box-shadow:0 18px 34px #682a992e,0 0 0 6px #eb7fd01a}.fact-card-icon{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:9999px;display:grid;place-items:center;background:#7a2bb41f;color:#7a2bb4;box-shadow:inset 0 1px #ffffffbf}.fact-card-copy{display:grid;gap:.1rem;text-align:center}.fact-card strong{display:block;font-size:1.6rem;line-height:1;color:#241336}[data-theme=dark] .fact-card strong{color:#f8f9fa}.fact-card span{display:block;margin-top:0;color:#4f3f68;font-size:.94rem}[data-theme=dark] .fact-card{background:#0a1222b8;border-color:#ffffff1a;box-shadow:0 16px 38px #00000047;color:#f8f9fa}[data-theme=dark] .fact-card:hover{border-color:#ffffff24;box-shadow:0 18px 34px #0000004d,0 0 0 6px #eb7fd014}[data-theme=dark] .fact-card-icon{background:#ffffff24;color:#f0e6ff}[data-theme=dark] .fact-card span{color:#f8f9fac7}.welcome-stage{position:relative;display:grid;gap:1.25rem}.moment-float-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:.15rem}.moment-chip{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.05rem;border-radius:9999px;border:1px solid rgba(122,43,180,.14);background:linear-gradient(135deg,#ffffffe0,#fff2d6e6);color:#5d4a79;font-weight:800;letter-spacing:.01em;box-shadow:0 14px 30px #682a991f,0 0 #eb7fd02e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:chipFloat 5.5s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.moment-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:9999px;background:#7a2bb41f;color:#7a2bb4;box-shadow:inset 0 1px #ffffffbf}.moment-chip span:last-child{display:inline-flex;align-items:center}.moment-chip:nth-child(2){animation-delay:.65s}.moment-chip:nth-child(3){animation-delay:1.1s}.moment-chip:hover{transform:translateY(-4px) scale(1.02);border-color:#7a2bb442;box-shadow:0 18px 34px #682a992e,0 0 0 6px #eb7fd01a}.moment-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#7a2bb4,#eb7fd0);box-shadow:0 18px 36px #682a9942,0 0 28px #eb7fd073}.moment-chip.active .moment-chip-icon{background:#fff3;color:#fff}.moment-chip.active:hover{transform:translateY(-4px) scale(1.03)}.highlight-grid{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem}.highlight-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;flex:0 0 auto;padding:.8rem 1.05rem;border-radius:9999px;background:linear-gradient(135deg,#ffffffe0,#fff2d6e6);border:1px solid rgba(122,43,180,.14);color:#5d4a79;cursor:pointer;box-shadow:0 14px 30px #682a991f,0 0 #eb7fd02e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;animation:chipFloat 5.5s ease-in-out infinite;white-space:nowrap}.highlight-card:hover{transform:translateY(-4px) scale(1.02);border-color:#7a2bb442;box-shadow:0 18px 34px #682a992e,0 0 0 6px #eb7fd01a}.highlight-card:focus-visible{outline:none;border-color:#7a2bb44d;box-shadow:0 18px 34px #682a9933,0 0 0 6px #eb7fd01f}.highlight-icon{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:9999px;display:grid;place-items:center;background:#7a2bb41f;color:#7a2bb4;box-shadow:inset 0 1px #ffffffbf}.highlight-card-label{display:inline-flex;align-items:center;font-weight:800;letter-spacing:.01em}[data-theme=dark] .highlight-card{background:#0a1222b8;border-color:#ffffff1a;color:#f8f9fa;box-shadow:0 16px 38px #00000047}[data-theme=dark] .highlight-card:hover,[data-theme=dark] .highlight-card:focus-visible{border-color:#ffffff24;box-shadow:0 18px 34px #0000004d,0 0 0 6px #eb7fd014}[data-theme=dark] .highlight-icon{background:#ffffff24;color:#f0e6ff}.highlight-card.active{border-color:transparent;background:linear-gradient(135deg,#7a2bb4,#eb7fd0);color:#fff;box-shadow:0 18px 36px #682a9942,0 0 28px #eb7fd073}.highlight-card.active:hover,.highlight-card.active:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:0 22px 42px #682a994d,0 0 32px #eb7fd080}.highlight-card.active .highlight-icon{background:#fff3;color:#fff}[data-theme=dark] .highlight-card.active{background:linear-gradient(135deg,#7a2bb4,#eb7fd0);color:#fff;border-color:transparent;box-shadow:0 18px 36px #00000042,0 0 28px #eb7fd047}[data-theme=dark] .highlight-card.active .highlight-icon{background:#fff3;color:#fff}[data-theme=dark] .highlight-card.active .highlight-card-label{color:#fff}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.featured-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-radius:1.25rem;background:linear-gradient(135deg,#ffffffeb,#f6eeffe0);border:1px solid rgba(166,112,223,.22);box-shadow:0 14px 32px #682a991a,0 0 0 1px #fff9 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.featured-card:hover{transform:translateY(-4px);border-color:#a670df59;box-shadow:0 18px 40px #682a9929,0 0 0 1px #fffc inset,0 0 24px #bb8fe826}.featured-icon{flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:.9rem;display:grid;place-items:center;background:linear-gradient(135deg,#7a2bb42e,#eb7fd047);color:#7a2bb4;box-shadow:inset 0 1px #ffffffbf}.featured-content{display:grid;gap:.35rem}.featured-content h3{margin:0;font-size:1.05rem;font-weight:800;color:#2d1747;letter-spacing:-.01em}.featured-content p{margin:0;font-size:.9rem;line-height:1.5;color:#5d4a79}[data-theme=dark] .featured-card{background:linear-gradient(135deg,#141928db,#1e1632e6);border-color:#ffffff1f;box-shadow:0 14px 32px #0000004d,0 0 0 1px #ffffff14 inset}[data-theme=dark] .featured-card:hover{border-color:#ffffff2e;box-shadow:0 18px 40px #0000005c,0 0 0 1px #ffffff1f inset,0 0 24px #bb8fe81f}[data-theme=dark] .featured-icon{background:linear-gradient(135deg,#ffffff29,#eb7fd03d);color:#f0e6ff}[data-theme=dark] .featured-content h3{color:#f8f9fa}[data-theme=dark] .featured-content p{color:#f8f9fab8}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;margin:.75rem 0;border-radius:1.4rem;background:linear-gradient(135deg,#f6eefffa,#e8d6ffeb);border:1px solid rgba(166,112,223,.4);box-shadow:0 18px 36px #682a991f,0 0 0 1px #fff9 inset,0 0 0 1px #bb8fe847,0 0 30px #bb8fe82e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cta-title{font-size:1.05rem;font-weight:800;color:#241336}.cta-copy{color:#4f3f68;font-size:.92rem}.cta-link{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.05rem;border-radius:9999px;background:#2e1447;color:#fff;font-weight:800;white-space:nowrap}@keyframes floatOrb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.03)}}@keyframes eggFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 1100px){.welcome-grid{grid-template-columns:1fr}.welcome-copy{max-width:none}.welcome-title{max-width:14ch}.brand-lockup{margin-bottom:.9rem}}@media (max-width: 900px){.welcome-shell{padding-left:1rem;padding-right:1rem}.welcome-grid{gap:1.5rem}.fact-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-strip{flex-direction:column;align-items:flex-start}.cta-link{width:100%;justify-content:center}}@media (max-width: 768px){.welcome-shell{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom))}.brand-lockup{align-items:flex-start;padding:.95rem}.brand-copy h2{font-size:1.55rem}.welcome-title{font-size:clamp(2.5rem,13vw,3.7rem)}.moment-float-row{gap:.6rem}.moment-chip{width:100%}.fact-row,.highlight-grid,.featured-grid{grid-template-columns:1fr}.featured-card{padding:1rem 1.25rem}.featured-icon{width:2.5rem;height:2.5rem}.featured-content h3{font-size:1rem}.featured-content p{font-size:.85rem}.hero-primary-btn,.hero-secondary-btn,.cta-link{width:100%;justify-content:center}.fact-card,.moment-chip,.highlight-card,.featured-card,.cta-strip{min-height:44px}}@media (max-width: 1024px){.welcome-grid{grid-template-columns:1fr}.welcome-copy{max-width:none}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.welcome-grid{gap:1.25rem}.welcome-title{max-width:none}.hero-actions,.hero-primary-actions,.hero-secondary-actions{margin-top:1rem}.highlight-card,.featured-card,.cta-strip{width:100%}.fact-row{grid-template-columns:1fr}}@media (max-width: 480px){.welcome-shell{padding:calc(.85rem + env(safe-area-inset-top)) .85rem calc(1.25rem + env(safe-area-inset-bottom))}.brand-logo{width:min(15rem,72vw)}.eyebrow-pill{font-size:.8rem;padding:.6rem .85rem}.moment-chip,.hero-primary-btn--easter,.cta-link{min-height:44px}.featured-grid{grid-template-columns:1fr}.hero-primary-btn--easter,.hero-secondary-btn,.cta-link{min-height:44px;padding-left:1rem;padding-right:1rem}}.new-session-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:var(--bg-primary)}.btn-back{margin-bottom:1.5rem;align-self:flex-start;font-size:13px;background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.form-header{text-align:center;margin-bottom:1.5rem}.form-icon{font-size:48px;margin-bottom:.5rem}.form-header h2{font-size:20px;font-weight:800;margin:.5rem 0 .25rem;color:var(--text-primary)}.muted{color:var(--text-muted);font-size:14px}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:1.75rem 2rem;box-shadow:var(--shadow);width:100%;max-width:480px}.new-session-screen,.camera-screen{position:relative;min-height:100vh;min-height:100dvh;width:100%;padding:clamp(1rem,2vw,2.25rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,1.8vw,1.5rem);overflow:hidden;background:radial-gradient(circle at top,#fff8e6a8,#fff0 32%),linear-gradient(180deg,#fffaf2f2,#f7f0fffa 48%,#eef6fffa)}.new-session-screen:before,.camera-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,180,204,.2),transparent 22%),radial-gradient(circle at 85% 18%,rgba(144,202,249,.18),transparent 20%),radial-gradient(circle at 50% 82%,rgba(200,247,197,.16),transparent 26%)}.new-session-screen>*,.camera-screen>*{position:relative;z-index:1}.new-session-screen{justify-content:center}.new-session-screen .btn-back{position:absolute;top:clamp(1rem,2vw,1.5rem);left:clamp(1rem,2vw,1.5rem);margin:0;min-height:48px;padding-inline:1rem;border-radius:9999px;font-size:14px;letter-spacing:.02em}.form-header{width:min(100%,900px);margin:0 auto .5rem;text-align:center}.form-icon{font-size:3rem;margin-bottom:.7rem}.form-header h2{font-size:clamp(2rem,4vw,3.2rem);margin:.25rem 0 .4rem}.muted{font-size:1rem;color:var(--text-secondary)}.new-session-screen .card{width:min(100%,920px);max-width:920px;padding:clamp(1.4rem,2.4vw,2.4rem);border-radius:1.75rem;background:#ffffffbd;border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 60px #4d33731f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.new-session-screen .card,.camera-screen .cam-wrap,.camera-screen .cam-stat,.camera-screen .cam-controls,.camera-screen .strip{box-sizing:border-box}.new-session-screen .field-label{display:block;margin:1rem 0 .55rem;font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6c4f8c}.new-session-screen input{width:100%;min-height:58px;padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(118,84,151,.16);background:#ffffffe0;color:#2f2341;font-size:1.05rem;box-shadow:inset 0 1px #ffffffe6}.new-session-screen input::placeholder{color:#5642708a}.new-session-screen input:focus{outline:none;border-color:#7a2bb473;box-shadow:0 0 0 4px #7a2bb41f}.new-session-screen .frame-pills,.camera-screen .cam-controls,.camera-screen .strip{width:min(100%,980px)}.new-session-screen .frame-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem}.new-session-screen .fp{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:54px;padding:.85rem 1rem;border-radius:9999px;background:#ffffffd1;border:1px solid rgba(118,84,151,.14);color:#4e356a;font-size:.98rem;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.new-session-screen .fp.on{background:linear-gradient(135deg,#7a2bb4,#eb7fd0);color:#fff;border-color:transparent;box-shadow:0 18px 32px #682a9938}.new-session-screen .btn-full{align-self:center;justify-self:center;width:min(100%,360px);min-height:58px;margin-top:.25rem;padding-inline:1.35rem;border-radius:9999px;background:linear-gradient(135deg,#2f8f62,#67d99e 48%,#ff9a8c);color:#fff;border-color:transparent;box-shadow:0 20px 38px #2f8f623d,0 0 #ff9a8c2e;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.new-session-screen .btn-full:hover{background:linear-gradient(135deg,#34966b,#78e0a8 46%,#ffad9f);transform:translateY(-4px) scale(1.01);box-shadow:0 26px 46px #2f8f624d,0 0 30px #ff9a8c57;filter:brightness(1.02)}.new-session-screen .btn-full:focus-visible{outline:none;box-shadow:0 0 0 4px #ff9a8c2e,0 26px 46px #2f8f624d,0 0 30px #ff9a8c57}.camera-screen{gap:clamp(.9rem,1.8vw,1.4rem);justify-content:flex-start;align-content:center;padding-top:clamp(1rem,2vw,1.75rem)}.camera-screen .cam-header{width:min(100%,1280px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.camera-screen .cam-stat{padding:1.1rem 1.15rem;border-radius:1.35rem;background:#ffffffc2;border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 30px #4d337314;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cam-stat-label{margin-bottom:.4rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#7b6792;font-weight:800}.cam-stat-value,.sid-chip{font-size:clamp(1.05rem,1.9vw,1.5rem);line-height:1.2;font-weight:800;color:#2e2140}.sid-chip{letter-spacing:.16em}.camera-screen .cam-wrap{width:min(100%,1280px);position:relative;aspect-ratio:16 / 10;min-height:min(70vh,760px);border-radius:2rem;overflow:hidden;background:#ffffffb3;box-shadow:0 34px 78px #4d337329;border:1px solid rgba(255,255,255,.82)}.camera-screen video,.camera-screen .frame-canvas{width:100%;height:100%;object-fit:cover}.camera-screen .frame-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.camera-screen .cam-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.camera-screen .btn{min-width:160px;min-height:54px;padding:.9rem 1.15rem;border-radius:9999px;font-size:1rem;font-weight:800}.camera-screen .btn svg{flex-shrink:0}.camera-screen .btn-capture{background:linear-gradient(135deg,#7a2bb4,#eb7fd0);color:#fff;border-color:transparent}.camera-screen .btn-success{background:linear-gradient(135deg,#1f9d66,#7ccf9f);color:#fff;border-color:transparent}.camera-screen .strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,130px);gap:.9rem;overflow-x:auto;padding-bottom:.5rem;width:min(100%,1280px)}.camera-screen .strip img{width:100%;height:118px;object-fit:cover;border-radius:1rem;border:2px solid rgba(255,255,255,.8);box-shadow:0 12px 24px #4d337314}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#ffffffd1;transition:opacity .14s ease;mix-blend-mode:screen}.booth-warning{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;width:min(100%,980px);padding:.9rem 1.1rem;border-radius:1rem;background:#fef2f2eb;border:1px solid rgba(239,68,68,.24);color:#b91c1c;font-weight:700;box-shadow:0 14px 32px #b91c1c14}.booth-warning-copy{display:inline-flex;align-items:center;gap:.6rem}.booth-warning-dismiss{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:999px;background:#b91c1c1a;color:inherit;cursor:pointer}@media (max-width: 900px){.camera-screen .cam-header{grid-template-columns:1fr}.camera-screen .cam-wrap{aspect-ratio:4 / 3;min-height:0}}@media (max-width: 640px){.new-session-screen,.camera-screen{padding:.85rem}.new-session-screen .card,.camera-screen .cam-wrap,.camera-screen .cam-header{width:100%}.new-session-screen .btn-back{position:static;align-self:flex-start}.new-session-screen .frame-pills{grid-template-columns:1fr}.camera-screen .btn,.new-session-screen .btn-full{width:100%;min-width:0}}@media (max-width: 900px){.new-session-screen .card{width:min(100%,760px)}.camera-screen .cam-wrap{min-height:min(62vh,620px)}.camera-screen .cam-controls{gap:.75rem}}@media (max-width: 768px){.new-session-screen,.camera-screen{justify-content:flex-start;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.new-session-screen .card,.camera-screen .cam-wrap,.camera-screen .cam-header{width:100%}.new-session-screen .btn-back{position:static;align-self:flex-start}.camera-screen .cam-header{grid-template-columns:1fr}.camera-screen .cam-wrap{aspect-ratio:4 / 3;min-height:0}.camera-screen .cam-controls{flex-direction:column;align-items:stretch}.camera-screen .btn,.new-session-screen .btn-full{width:100%;min-width:0}.camera-screen .strip{grid-auto-columns:minmax(96px,112px)}}@media (max-width: 480px){.new-session-screen,.camera-screen{padding:.75rem}.new-session-screen .card{padding:1.1rem;border-radius:1.25rem}.form-header h2{font-size:1.6rem}.camera-screen .cam-stat{padding:.9rem 1rem}.camera-screen .cam-wrap{border-radius:1.25rem}.camera-screen .strip{gap:.65rem}.camera-screen .strip img{height:96px}}.summary-screen{min-height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;background:var(--bg-primary)}.inner{max-width:600px;width:100%}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.summary-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.summary-header h2{font-size:20px;font-weight:800;margin:0 0 .25rem;color:var(--text-primary)}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:var(--bg-primary);color:var(--text-secondary);margin-top:6px}.badge.mono{font-family:monospace;letter-spacing:2px}.muted{color:var(--text-muted);font-size:14px;margin-top:6px}.qr-section{text-align:center;flex-shrink:0}.qr-label{color:var(--text-muted);font-size:10px;margin-top:4px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.5rem}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.photo-grid img:hover{border-color:var(--text-secondary)}.gallery-link{color:var(--text-secondary);font-size:12px;word-break:break-all;margin-bottom:1rem}.divider{height:1px;background:var(--border);margin:1.25rem 0}.field-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px}.email-row{display:flex;gap:8px}.email-row input{flex:1;padding:11px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:Nunito,sans-serif;font-size:15px;color:var(--text-primary);background:var(--bg-primary);outline:none}.email-row input:focus{border-color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:99px;border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-family:Nunito,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:transparent}.btn-large{flex:2;font-size:17px;padding:14px 24px}.btn-muted{font-size:13px;color:var(--text-muted)}.actions-row{display:flex;gap:10px}.actions-row .btn:first-child{flex:1}.admin-link{text-align:center;margin-top:12px}.summary-screen{position:relative;min-height:100vh;min-height:100dvh;padding:clamp(1rem,2vw,2rem);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#fff8e6b8,#fff0 36%),linear-gradient(180deg,#fffaf2f5,#f7f0fffa,#eef6fffa);overflow:hidden}.summary-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,180,204,.18),transparent 24%),radial-gradient(circle at 82% 20%,rgba(144,202,249,.16),transparent 20%),radial-gradient(circle at 50% 84%,rgba(200,247,197,.14),transparent 26%)}.summary-screen .inner{position:relative;z-index:1;width:min(1200px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:1rem;align-items:start}.summary-screen .summary-card,.summary-screen .actions-row,.summary-screen .admin-link{border-radius:1.6rem}.summary-screen .summary-card{background:#ffffffc2;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 58px #4d33731f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(1.25rem,2vw,2rem)}.summary-screen .summary-header{gap:1rem;align-items:center}.summary-screen .session-title h2{font-size:clamp(1.5rem,2.6vw,2.4rem)}.summary-screen .session-code{display:inline-flex;margin-top:.5rem;padding:.45rem .8rem;border-radius:9999px;background:#7a2bb414;color:#7a2bb4;letter-spacing:.18em}.summary-screen .photo-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.summary-screen .photo-grid img{border-radius:1rem}.summary-screen .email-row input{background:#ffffffd1}.summary-screen .actions-row{background:#ffffffb3;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 38px #4d337314;padding:1rem}.summary-screen .admin-link{background:#ffffff94;border:1px solid rgba(255,255,255,.76);padding:.75rem}.summary-screen .btn-primary{background:linear-gradient(135deg,#7a2bb4,#eb7fd0)}@media (max-width: 980px){.summary-screen .inner{grid-template-columns:1fr}}@media (max-width: 640px){.summary-screen{padding:.9rem}.summary-screen .summary-header{flex-direction:column;align-items:flex-start}.summary-screen .email-row,.summary-screen .actions-row{flex-direction:column}}@media (max-width: 900px){.summary-screen .inner{grid-template-columns:1fr}.summary-screen .summary-card{padding:1.25rem}.summary-screen .photo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 768px){.summary-screen{padding:calc(1rem + env(safe-area-inset-top)) .85rem calc(1rem + env(safe-area-inset-bottom));align-items:flex-start}.summary-screen .summary-header{flex-direction:column;align-items:flex-start}.summary-screen .qr-section{align-self:flex-start}.summary-screen .photo-grid{gap:.65rem}.summary-screen .email-row,.summary-screen .actions-row{flex-direction:column}.summary-screen .actions-row .btn,.summary-screen .email-row .btn{width:100%}}@media (max-width: 480px){.summary-screen .summary-card,.summary-screen .actions-row,.summary-screen .admin-link{border-radius:1.1rem}.summary-screen .photo-grid{grid-template-columns:1fr}.summary-screen .session-code{letter-spacing:.12em}.summary-screen .btn-large{font-size:1rem}}.gallery-screen{min-height:100vh;background:var(--bg-primary)}.gallery-header{background:var(--gradient-primary);color:#fff;padding:2rem 1.5rem;text-align:center}.gallery-logo{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.3);background:#ffffff1a;padding:4px;margin-bottom:1rem;object-fit:contain}.header-content h1{font-size:28px;font-weight:800;margin:0}.subtitle{font-size:16px;opacity:.9;margin:.5rem 0 0}.gallery-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.session-info{text-align:center;margin-bottom:2rem}.session-info h2{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 .75rem}.meta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;color:var(--text-muted);font-size:14px}.meta span{display:inline-flex;align-items:center;gap:6px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-card);transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:pointer;display:block}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.error-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;max-width:400px;margin:4rem auto;box-shadow:var(--shadow)}.error-card h2{color:var(--text-primary);margin:0 0 1rem}.error-card p{color:var(--text-muted)}.gallery-footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:14px}.loading{color:var(--text-muted);font-size:18px;text-align:center;padding:4rem}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr}}.gallery-screen{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at top,#fff8e6b8,#fff0 34%),linear-gradient(180deg,#fffaf2f2,#f7f0fffa 48%,#eef6fffa)}.gallery-header{position:relative;overflow:hidden;padding:clamp(2rem,4vw,3.5rem) 1.5rem;background:linear-gradient(135deg,#4f1d72,#7a2bb4 54%,#eb7fd0);box-shadow:0 20px 40px #531b7738}.gallery-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.2),transparent 18%),radial-gradient(circle at 82% 18%,rgba(255,248,230,.16),transparent 22%),radial-gradient(circle at 50% 100%,rgba(255,255,255,.1),transparent 35%)}.gallery-header .header-content{position:relative;z-index:1}.gallery-header .subtitle{opacity:.92}.gallery-content{width:min(1200px,calc(100% - 2rem));max-width:1200px;margin:0 auto;padding:clamp(1.25rem,2vw,2rem) 0 3rem}.session-info{padding:1.25rem 1rem 1.5rem}.session-info h2{font-size:clamp(1.5rem,2.4vw,2.4rem)}.meta{gap:.9rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.gallery-item{border-radius:1.25rem;overflow:hidden;background:#ffffffc7;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px #4d33731a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gallery-item img{transition:transform .25s ease}.gallery-item:hover img{transform:scale(1.03)}.empty-state,.error-card,.loading,.gallery-footer{position:relative;z-index:1}.error-card{background:#ffffffd1;border:1px solid rgba(255,255,255,.82);border-radius:1.5rem;box-shadow:0 18px 40px #4d33731a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gallery-footer{padding-bottom:2.5rem}@media (max-width: 640px){.gallery-content{width:min(100% - 1rem,1200px)}}@media (max-width: 1024px){.gallery-content{width:min(100% - 1.5rem,1200px)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.gallery-header{padding:calc(1.5rem + env(safe-area-inset-top)) 1rem 1.5rem}.gallery-content{width:min(100% - 1rem,1200px);padding-bottom:2rem}.meta{gap:.75rem}.gallery-footer{padding:1.5rem 1rem calc(2rem + env(safe-area-inset-bottom))}}@media (max-width: 480px){.gallery-logo{width:52px;height:52px}.header-content h1{font-size:22px}.subtitle{font-size:14px}.session-info{margin-bottom:1.5rem}.gallery-grid{grid-template-columns:1fr}.error-card{margin:2rem auto;padding:2rem 1.25rem}}@media (max-width: 900px){.gallery-content{width:min(100% - 1rem,1200px);padding-top:1rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery-item{border-radius:1rem}}@media (max-width: 768px){.gallery-screen{overflow-x:hidden}.gallery-header{padding:calc(1.25rem + env(safe-area-inset-top)) 1rem 1.25rem}.gallery-content{width:min(100% - .75rem,1200px);padding-bottom:1.75rem}.session-info{padding:1rem .75rem 1.25rem}.meta{gap:.6rem}.gallery-grid{gap:.75rem}.gallery-footer{padding:1.25rem 1rem calc(1.75rem + env(safe-area-inset-bottom))}}@media (max-width: 480px){.gallery-header{padding-left:.85rem;padding-right:.85rem}.gallery-content{width:min(100% - .5rem,1200px)}.meta{flex-direction:column;align-items:center}.gallery-grid{grid-template-columns:1fr}.gallery-item img{aspect-ratio:1 / 1}.gallery-footer{font-size:13px}}.admin-screen{min-height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center}.inner{max-width:780px;width:100%}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-header h1{font-size:26px;font-weight:800;margin:0 0 .25rem}.meta{color:var(--muted);font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.divider-dot{width:4px;height:4px;background:var(--muted);border-radius:50%;opacity:.4}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:99px;border:1.5px solid var(--border);background:var(--white);color:var(--text);font-family:Nunito,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.btn:hover{background:var(--cream);border-color:var(--purple)}.btn-primary{background:linear-gradient(135deg,#c084fc,#818cf8);color:#fff;border-color:transparent}.btn-primary:hover{opacity:.92}.btn-back{margin-top:1rem;font-size:13px}.config-card{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:1rem;padding:1.25rem 1.35rem;border-radius:1.5rem;background:#ffffffc7;border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 44px #4d33731a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.config-copy{display:grid;gap:.25rem}.config-kicker{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.config-copy h2{font-size:20px;font-weight:800;margin:0}.config-note{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.config-form{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.config-field{display:grid;gap:.4rem;min-width:min(100%,340px);flex:1}.config-label{color:var(--muted);font-size:12px;font-weight:700}.config-input{width:100%;padding:.9rem 1rem;border-radius:1rem;border:1.5px solid var(--border);background:var(--white);color:var(--text);font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s}.config-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px #7c3aed1f}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow)}.session-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.session-info{flex:1;min-width:0}.family-name{font-weight:800;font-size:16px;margin-bottom:.25rem}.session-meta{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:.25rem}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#f3e8ff;color:#7c3aed}.badge.mono{font-family:monospace;letter-spacing:1px;font-size:11px}.session-stats{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:.25rem}.gallery-link{display:inline-block;color:#6366f1;font-size:12px;word-break:break-all;text-decoration:underline;text-underline-offset:2px}.gallery-link:hover{color:#4f46e5;text-decoration-thickness:2px}.session-qr{flex-shrink:0;margin-left:1rem}.photos-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.photo-thumb{position:relative;flex-shrink:0}.photo-thumb img{height:60px;width:auto;border-radius:6px;cursor:pointer;display:block}.delete-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.photo-thumb:hover .delete-btn{opacity:1}.no-photos{color:var(--muted);font-size:12px;font-style:italic}.empty-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow)}.empty-icon{color:var(--border);margin-bottom:1rem}.empty-card p{color:var(--muted);margin-bottom:1.5rem}.info-box{margin-top:2rem;padding:1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--cream)}.info-title{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:.5rem}.info-text{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.loading{color:var(--muted);font-size:18px;text-align:center;padding:4rem}.admin-screen{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;padding:clamp(1rem,2vw,2rem);background:radial-gradient(circle at top,#fff8e6b8,#fff0 34%),linear-gradient(180deg,#fffaf2f2,#f7f0fffa 48%,#eef6fffa)}.admin-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,180,204,.18),transparent 22%),radial-gradient(circle at 88% 16%,rgba(144,202,249,.16),transparent 18%),radial-gradient(circle at 50% 86%,rgba(200,247,197,.14),transparent 26%)}.admin-screen .inner{position:relative;z-index:1;width:min(1220px,100%);display:grid;gap:1rem}.admin-screen .admin-header,.admin-screen .session-card,.admin-screen .empty-card,.admin-screen .info-box{background:#ffffffc2;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 44px #4d33731a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-screen .admin-header{padding:1.1rem 1.25rem;border-radius:1.5rem}.admin-screen .sessions-list{gap:1rem}.admin-screen .session-card{border-radius:1.5rem;padding:1.1rem 1.25rem}.admin-screen .family-name{font-size:1.1rem}.admin-screen .session-qr{background:#ffffffb3;padding:.6rem;border-radius:1rem}.admin-screen .photo-thumb img{height:68px}.admin-screen .empty-card{border-radius:1.5rem}.admin-screen .info-box{border-radius:1.2rem}.admin-screen .btn-primary{background:linear-gradient(135deg,#7a2bb4,#eb7fd0);color:#fff}.admin-screen .config-card{background:#fffc}.admin-screen .config-input{background:#ffffffeb}@media (max-width: 780px){.admin-screen .admin-header,.admin-screen .session-header{flex-direction:column}.config-card{grid-template-columns:1fr}.config-form{align-items:stretch}.config-field{min-width:0}.admin-screen .session-qr{margin-left:0}}@media (max-width: 1024px){.admin-screen{padding:1.25rem .85rem}.inner{max-width:920px}.config-card{grid-template-columns:1fr;align-items:start}.config-form{width:100%}}@media (max-width: 768px){.admin-screen{padding:calc(1rem + env(safe-area-inset-top)) .75rem calc(1rem + env(safe-area-inset-bottom))}.admin-header{align-items:stretch}.header-actions,.config-form,.config-card,.session-header,.session-meta,.session-stats{width:100%}.header-actions{flex-direction:column}.header-actions .btn,.config-form .btn{width:100%;justify-content:center}.session-header{flex-direction:column}.session-qr{margin-left:0;align-self:flex-start}.photos-strip{gap:.5rem}}@media (max-width: 480px){.admin-header h1{font-size:22px}.config-card,.session-card,.empty-card{padding:1rem;border-radius:1.1rem}.config-copy h2{font-size:1.15rem}.photo-thumb img{height:54px}.badge,.session-meta,.session-stats,.gallery-link,.info-text{font-size:11px}}.resources-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#fef3f0,#fef9f3,#f0f9f8)}[data-theme=dark] .resources-page{background:linear-gradient(135deg,#0f0a0a,#0a1010,#0a0f0f)}.resources-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.resources-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.glow-one{width:400px;height:400px;background:#a7f3d04d;top:-100px;right:-100px}.glow-two{width:300px;height:300px;background:#fdba744d;bottom:20%;left:-50px}.glow-three{width:250px;height:250px;background:#c4b5fd40;bottom:-50px;right:20%}[data-theme=dark] .resources-glow{opacity:.2}.resources-shell{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1rem;display:grid;gap:1.5rem}.resources-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.resources-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:1rem;background:#ffffffb8;border:1px solid rgba(167,243,208,.3);color:#047857;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.resources-back-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b9811f}[data-theme=dark] .resources-back-btn{background:#141928b8;color:#f8f9fa;border-color:#ffffff1a}.resources-top-actions{display:flex;align-items:center;gap:.75rem}.resources-ghost-btn,.resources-primary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none}.resources-ghost-btn{background:#fff9;color:#047857}.resources-ghost-btn:hover{transform:translateY(-2px);background:#fffc}.resources-primary-btn{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 8px 24px #10b9814d}.resources-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #10b98166}.resources-hero{text-align:center;padding:2rem 1rem}.resources-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#241336;letter-spacing:-.03em;margin-bottom:1rem}[data-theme=dark] .resources-hero-content h1{color:#f8f9fa}.resources-summary{font-size:1.1rem;color:#5d4a79;max-width:700px;margin:0 auto;line-height:1.7}[data-theme=dark] .resources-summary{color:#f8f9facc}.resources-grid{display:grid;gap:1.5rem}.resources-section{padding:1.5rem;border-radius:1.5rem;background:#fffc;border:1px solid rgba(167,243,208,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-theme=dark] .resources-section{background:#141928b3;border-color:#ffffff1a}.resources-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.resources-section-icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(135deg,#a7f3d0,#d1fae5);color:#047857}[data-theme=dark] .resources-section-icon{background:linear-gradient(135deg,#10b981,#34d399);color:#ecfdf5}.section-kicker{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#059669;font-weight:700;margin:0 0 .25rem}.resources-section-header h2{font-size:1.5rem;font-weight:800;color:#241336;margin:0}[data-theme=dark] .resources-section-header h2{color:#f8f9fa}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.video-card{display:grid;gap:.75rem;padding:1rem;border-radius:1.25rem;background:#ffffffe6;border:1px solid rgba(167,243,208,.2);transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .video-card{background:#1e233299;border-color:#ffffff14}.video-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #10b9811f}.video-thumbnail{position:relative;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden}.video-embed{position:relative;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;background:#000}.video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#047857}.video-placeholder.external-link{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.video-duration{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:.25rem;background:#000000b3;color:#fff;font-size:.75rem;font-weight:600}.video-content h3{font-size:1rem;font-weight:700;color:#241336;margin:0 0 .5rem}[data-theme=dark] .video-content h3{color:#f8f9fa}.video-content p{font-size:.9rem;color:#5d4a79;margin:0 0 .75rem;line-height:1.5}[data-theme=dark] .video-content p{color:#f8f9fab3}.video-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:#10b981;text-decoration:none;transition:color .2s ease}.video-link:hover{color:#059669}.pdfs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.pdf-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:1.25rem;background:#ffffffe6;border:1px solid rgba(253,186,116,.2);transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .pdf-card{background:#1e233299;border-color:#ffffff14}.pdf-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #fb923c1f}.pdf-icon{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:.75rem;display:grid;place-items:center;background:linear-gradient(135deg,#fcd34d,#fbbf24);color:#92400e}.pdf-content{flex:1;min-width:0}.pdf-content h3{font-size:.95rem;font-weight:700;color:#241336;margin:0 0 .35rem}[data-theme=dark] .pdf-content h3{color:#f8f9fa}.pdf-content p{font-size:.85rem;color:#5d4a79;margin:0 0 .5rem;line-height:1.5}[data-theme=dark] .pdf-content p{color:#f8f9fab3}.pdf-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#d97706;margin-bottom:.75rem}.pdf-download{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:#d97706;text-decoration:none;padding:.4rem .75rem;border-radius:.5rem;background:#fdba7426;transition:background .2s ease,color .2s ease}.pdf-download:hover{background:#fdba744d;color:#b45309}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.gallery-card{display:grid;gap:.75rem;padding:1rem;border-radius:1.25rem;background:#ffffffe6;border:1px solid rgba(196,181,253,.2);transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .gallery-card{background:#1e233299;border-color:#ffffff14}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #8b5cf61f}.gallery-image-placeholder{aspect-ratio:4 / 3;border-radius:.75rem;display:grid;place-items:center;background:linear-gradient(135deg,#c4b5fd,#ddd6fe,#d1d5db);color:#6366f1}[data-theme=dark] .gallery-image-placeholder{background:linear-gradient(135deg,#818cf8,#a78bfa,#c4b5fd);color:#e0e7ff}.gallery-content h3{font-size:.95rem;font-weight:700;color:#241336;margin:0 0 .35rem}[data-theme=dark] .gallery-content h3{color:#f8f9fa}.gallery-content p{font-size:.85rem;color:#5d4a79;margin:0;line-height:1.5}[data-theme=dark] .gallery-content p{color:#f8f9fab3}.external-resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.external-resource-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:1.25rem;background:#ffffffe6;border:1px solid rgba(196,181,253,.2);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .external-resource-card{background:#1e233299;border-color:#ffffff14}.external-resource-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #8b5cf61f}.external-resource-icon{flex:0 0 auto;width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;background:linear-gradient(135deg,#c4b5fd,#ddd6fe);color:#6366f1}.external-resource-content{flex:1;min-width:0}.external-resource-content h3{font-size:1rem;font-weight:700;color:#241336;margin:0 0 .5rem}[data-theme=dark] .external-resource-content h3{color:#f8f9fa}.external-resource-content p{font-size:.9rem;color:#5d4a79;margin:0 0 .75rem;line-height:1.5}[data-theme=dark] .external-resource-content p{color:#f8f9fab3}.external-resource-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:#6366f1;transition:color .2s ease}.external-resource-card:hover .external-resource-link{color:#4f46e5}.resources-footer{padding:2rem;border-radius:1.5rem;background:linear-gradient(135deg,#a7f3d026,#c4b5fd26);border:1px solid rgba(167,243,208,.2);text-align:center}[data-theme=dark] .resources-footer{background:linear-gradient(135deg,#10b98126,#8b5cf626);border-color:#ffffff1a}.footer-content h3{font-size:1.5rem;font-weight:800;color:#241336;margin:0 0 .75rem}[data-theme=dark] .footer-content h3{color:#f8f9fa}.footer-content p{font-size:1rem;color:#5d4a79;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}[data-theme=dark] .footer-content p{color:#f8f9facc}.footer-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:1rem;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.footer-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}@media (max-width: 768px){.resources-topbar{flex-wrap:wrap}.resources-top-actions{width:100%;justify-content:flex-end}.videos-grid,.pdfs-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-actions{flex-direction:column}.footer-link{width:100%;justify-content:center}}@media (max-width: 1024px){.resources-shell{padding:.85rem}.resources-section{padding:1.25rem}.resources-grid{gap:1.25rem}}@media (max-width: 900px){.resources-grid{gap:1rem}.resources-section{padding:1.1rem}.resources-hero-content h1{font-size:clamp(2rem,4vw,2.6rem)}}@media (max-width: 768px){.resources-shell{padding:calc(.75rem + env(safe-area-inset-top)) .75rem calc(1rem + env(safe-area-inset-bottom))}.resources-topbar,.resources-section-header,.resources-top-actions,.footer-actions{align-items:stretch}.resources-top-actions{flex-direction:column}.resources-back-btn,.resources-ghost-btn,.resources-primary-btn,.footer-link{min-height:44px;width:100%;justify-content:center}.resources-summary{font-size:1rem}.resources-grid{grid-template-columns:1fr}}@media (max-width: 480px){.resources-section{padding:1rem;border-radius:1.1rem}.resources-hero-content h1{font-size:1.8rem}.videos-grid,.pdfs-grid,.external-resources-grid{gap:.75rem}.gallery-grid{grid-template-columns:1fr}}@media (max-width: 480px){.resources-hero{padding:1.5rem .5rem}.resources-hero-content h1{font-size:clamp(2rem,11vw,2.8rem)}.resources-section{padding:1rem;border-radius:1.25rem}.resources-grid{gap:1rem}}.experience-page.immersive{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Outfit,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f8f4ff,#fff9f0,#f0f9ff)}[data-theme=dark] .experience-page.immersive{background:linear-gradient(135deg,#0f0a1a,#1a1525,#0d1a2d)}.immersive-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.backdrop-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#f0abfc,#fbcfe8);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#bae6fd,#c7d2fe);bottom:-150px;left:-100px;animation-delay:-7s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#fde68a,#fed7aa);top:40%;left:30%;animation-delay:-14s;opacity:.4}[data-theme=dark] .orb-1{background:linear-gradient(135deg,#4c1d95,#7c3aed);opacity:.3}[data-theme=dark] .orb-2{background:linear-gradient(135deg,#1e40af,#3b82f6);opacity:.25}[data-theme=dark] .orb-3{background:linear-gradient(135deg,#92400e,#d97706);opacity:.2}.floating-decoration{position:absolute;pointer-events:none;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:decorationFloat linear infinite;opacity:.7}@keyframes decorationFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(-5px) rotate(-3deg)}75%{transform:translateY(-20px) rotate(8deg)}}.truth-panel{position:fixed;left:2rem;top:50%;transform:translateY(-50%) translate(-120%);z-index:20;max-width:320px;transition:transform .6s cubic-bezier(.4,0,.2,1);opacity:0}.truth-panel.visible{transform:translateY(-50%) translate(0);opacity:1}.truth-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 20px 40px #0000001f,0 0 0 1px #ffffff80 inset,0 0 0 2px var(--truth-color, #7c3aed) inset;border:none;animation:truthCardPulse 2s ease-in-out infinite}[data-theme=dark] .truth-card{background:#191923fa;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d inset,0 0 0 2px var(--truth-color, #7c3aed) inset}@keyframes truthCardPulse{0%,to{box-shadow:0 20px 40px #0000001f,0 0 0 1px #ffffff80 inset,0 0 0 2px var(--truth-color, #7c3aed) inset}50%{box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff80 inset,0 0 0 3px var(--truth-color, #7c3aed) inset,0 0 20px var(--truth-color, #7c3aed)}}.truth-icon-wrapper{flex-shrink:0;width:56px;height:56px;border-radius:1rem;display:grid;place-items:center;box-shadow:0 4px 12px #0000001a}.truth-content{flex:1;text-align:left}.truth-title{font-size:1.25rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;line-height:1.3}[data-theme=dark] .truth-title{color:#f9fafb}.truth-description{font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}[data-theme=dark] .truth-description{color:#9ca3af}@media (max-width: 1200px){.truth-panel{left:1rem;max-width:280px}}@media (max-width: 1024px){.truth-panel{position:fixed;left:50%;top:6rem;transform:translate(-50%) translateY(-150%);max-width:90%;width:400px}.truth-panel.visible{transform:translate(-50%) translateY(0)}.truth-card{padding:1.25rem}}@media (max-width: 480px){.truth-panel{width:calc(100% - 2rem);top:5rem}.truth-icon-wrapper{width:48px;height:48px}.truth-title{font-size:1.1rem}.truth-description{font-size:.875rem}}.immersive-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem}.nav-back{width:44px;height:44px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00000014;color:#4b5563}.progress-indicator{display:flex;align-items:center;gap:.75rem}.progress-percent{font-size:1.25rem;font-weight:700;color:#374151;font-variant-numeric:tabular-nums}[data-theme=dark] .progress-percent{color:#f3f4f6}.progress-track{width:100px;height:8px;background:#00000014;border-radius:100px;overflow:hidden}[data-theme=dark] .progress-track{background:#ffffff1a}.progress-fill{height:100%;border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1)}.immersive-main{flex:1;display:grid;place-items:center;padding:0 1.5rem 2rem;position:relative;z-index:5;overflow-y:auto}.game-card{width:100%;max-width:800px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff80 inset;display:flex;flex-direction:column;gap:1.5rem;animation:cardEnter .6s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .game-card{background:#191923f2;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset}.game-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.eyebrow-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.game-title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:800;color:#1f2937;margin:0;line-height:1.2;letter-spacing:-.02em;text-align:center}[data-theme=dark] .game-title{color:#f9fafb}.game-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#6b7280;font-weight:500;width:100%;text-align:center}[data-theme=dark] .game-hint{color:#9ca3af}.question-card{background:linear-gradient(135deg,#fef9e7,#fffbeb);border-radius:1.5rem;padding:1.25rem 1.5rem;width:min(100%,760px);align-self:center;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;border:1px solid rgba(251,191,36,.2);text-align:center}[data-theme=dark] .question-card{background:linear-gradient(135deg,#92400e4d,#b4530933);border-color:#fbbf2426}.question-meta{font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center}.question-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#1f2937;margin:0;line-height:1.3;text-align:center}[data-theme=dark] .question-title{color:#f9fafb}.question-description{font-size:1rem;color:#6b7280;margin:0;line-height:1.5;text-align:center}[data-theme=dark] .question-description{color:#9ca3af}.answers-container{display:flex;flex-direction:column;gap:.75rem}.answer-pill{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:100px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;animation:slideIn .4s ease backwards}[data-theme=dark] .answer-pill{background:#282837cc;border-color:#ffffff14}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.answer-pill:hover:not(:disabled){border-color:var(--stage-color, #8b5cf6);background:#8b5cf608;transform:translate(4px)}.answer-pill.selected{border-color:var(--stage-color, #8b5cf6);background:#8b5cf614}.answer-pill.correct{border-color:#10b981;background:#10b9811a}.answer-pill.wrong{border-color:#ef4444;background:#ef44441a}.answer-pill:disabled{cursor:default}.answer-text{font-size:1.05rem;font-weight:600;color:#374151;flex:1}[data-theme=dark] .answer-text{color:#e5e7eb}.answer-status{flex-shrink:0}.answer-status.correct{color:#10b981}.answer-status.wrong{color:#ef4444}.game-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.action-btn.secondary{background:linear-gradient(135deg,#f0abfc2e,#fbcfe824,#fde68a1f);color:#c026d3;border:2px solid rgba(240,171,252,.45);box-shadow:0 0 0 1px #f0abfc26 inset,0 4px 14px #f0abfc40,0 0 16px #fbcfe833}.action-btn.secondary:hover{background:linear-gradient(135deg,#f0abfc47,#fbcfe838,#fde68a2e);border-color:#f0abfca6;transform:translateY(-1px);box-shadow:0 0 0 1px #f0abfc38 inset,0 6px 20px #f0abfc59,0 0 22px #fbcfe84d}[data-theme=dark] .action-btn.secondary{color:#e879f9;background:linear-gradient(135deg,#4c1d9540,#7c3aed2e,#92400e26);border-color:#e879f94d;box-shadow:0 0 0 1px #e879f91f inset,0 4px 14px #7c3aed33,0 0 16px #e879f926}[data-theme=dark] .action-btn.secondary:hover{background:linear-gradient(135deg,#4c1d9559,#7c3aed47,#92400e38);border-color:#e879f973;transform:translateY(-1px);box-shadow:0 0 0 1px #e879f92e inset,0 6px 20px #7c3aed4d,0 0 22px #e879f938}.verse-game .game-actions .action-btn.secondary{color:#9333ea;border-color:#bae6fd73;background:linear-gradient(135deg,#bae6fd33,#c7d2fe26);box-shadow:0 0 0 1px #bae6fd26 inset,0 4px 14px #bae6fd40,0 0 16px #c7d2fe33}.verse-game .game-actions .action-btn.secondary:hover{background:linear-gradient(135deg,#bae6fd4d,#c7d2fe40);border-color:#bae6fda6;transform:translateY(-1px);box-shadow:0 0 0 1px #bae6fd38 inset,0 6px 20px #bae6fd59,0 0 22px #c7d2fe47}.action-btn.primary{background:linear-gradient(135deg,#10b981,#34d399,#fbbf24);color:#fff;box-shadow:0 10px 25px -5px #10b98166}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #10b98180}.immersive-container{min-height:100vh;display:grid;place-items:center;padding:2rem;position:relative;z-index:5}.completion-card{width:100%;max-width:480px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem 2.5rem;text-align:center;box-shadow:0 25px 50px -12px #0003,0 0 0 1px #ffffff80 inset;animation:cardEnter .6s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .completion-card{background:#191923fa;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset}.completion-icon{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:grid;place-items:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 15px 30px -5px #fbbf2466;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.completion-card h1{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 .5rem}[data-theme=dark] .completion-card h1{color:#f9fafb}.completion-subtitle{font-size:1.1rem;color:#6b7280;margin:0 0 2rem}[data-theme=dark] .completion-subtitle{color:#9ca3af}.final-score-display{margin-bottom:2rem}.score-circle{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:1.5rem}[data-theme=dark] .score-circle{background:linear-gradient(135deg,#37415180,#4b55634d)}.score-fraction{font-size:2.5rem;font-weight:800;color:#1f2937;line-height:1}[data-theme=dark] .score-fraction{color:#f9fafb}.score-circle .score-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .score-circle .score-label{color:#9ca3af}.completion-message{font-size:1.1rem;color:#4b5563;line-height:1.6;margin:0 0 2rem}[data-theme=dark] .completion-message{color:#d1d5db}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.immersive-header{padding:1.25rem 1.5rem}.immersive-main{padding:0 1.5rem 2rem}.game-card{max-width:min(100%,860px);padding:2rem}.answers-container{grid-template-columns:repeat(2,minmax(0,1fr))}.completion-card{max-width:560px}}@media (max-width: 768px){.immersive-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.nav-back{align-self:flex-start}.immersive-main{padding:0 1rem 1.5rem}.game-header-row{flex-direction:column;align-items:stretch;gap:.75rem}.progress-indicator{width:100%}.answers-container{grid-template-columns:1fr}.answer-pill{min-height:44px;padding:.95rem 1rem}.completion-actions{flex-direction:column}.completion-actions .action-btn{width:100%}.verse-game{max-width:100%}.verse-container{font-size:1.05rem;padding:1rem}.word-options{gap:.5rem}.word-option{flex:1 1 140px}}@media (max-width: 640px){.immersive-header{padding:1rem}.immersive-main{padding:0 1rem 1.5rem}.game-card{padding:1.75rem;border-radius:1.5rem;gap:1.25rem}.question-card{padding:1.25rem;border-radius:1.25rem}.answer-pill{padding:1rem 1.25rem}.answer-text{font-size:.95rem}.game-actions{flex-direction:column;gap:.75rem}.action-btn{width:100%}.completion-card{padding:2rem 1.5rem}.completion-icon{width:64px;height:64px}.completion-card h1{font-size:1.75rem}}@media (max-width: 480px){.experience-page.immersive{padding-bottom:env(safe-area-inset-bottom)}.progress-track{width:80px}.game-title{font-size:1.5rem}.question-title{font-size:1.125rem}.game-card{padding:1.5rem;border-radius:1.25rem}.question-card{padding:1rem}.answer-pill{padding:.9rem 1rem}.verse-completion-banner,.verse-hint-banner{padding:.9rem 1rem;text-align:center}.verse-line{margin-bottom:.5rem}.blank-slot{min-width:64px;height:38px;padding:0 .5rem}}.verse-game{max-width:875px}.verse-line{display:block;margin-bottom:.75rem}.verse-line:last-child{margin-bottom:0}.verse-completion-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b98126,#10b98114);border:2px solid #10b981;border-radius:1rem;animation:slideDown .4s ease}.completion-check{color:#10b981}.verse-hint-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ef444426,#ef444414);border:2px solid #ef4444;border-radius:1rem;animation:shake .5s ease}.hint-icon{color:#ef4444;flex-shrink:0}.verse-hint-banner span{font-weight:600;color:#ef4444}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.verse-container{font-size:1.25rem;line-height:2.2;color:#1f2937;text-align:center;padding:1.5rem;background:#8b5cf60d;border-radius:1.5rem;border:2px dashed rgba(139,92,246,.2)}[data-theme=dark] .verse-container{color:#f9fafb;background:#8b5cf61a}.verse-part{display:inline}.verse-text{font-weight:500}.blank-slot{display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:40px;margin:0 .25rem;padding:0 .75rem;background:#8b5cf61a;border:2px dashed rgba(139,92,246,.4);border-radius:.75rem;cursor:pointer;transition:all .2s ease;vertical-align:middle}.blank-slot.selectable{background:#8b5cf633;border-color:#8b5cf699;animation:pulse 1.5s ease infinite}.blank-slot.filled{background:#ffffffe6;border-style:solid;border-width:2px;cursor:default}.blank-dash{color:#8b5cf680;font-weight:600}.filled-word{font-weight:700;font-size:1rem}.filled-word.correct{color:#10b981}.filled-word.wrong{color:#ef4444}.blank-slot:disabled{cursor:default}.verse-reference{text-align:center;font-size:.875rem;color:#8b5cf6;font-weight:600;margin-top:1rem;font-style:italic}.word-options-container{display:flex;flex-direction:column;gap:.75rem}.word-options-hint{text-align:center;font-size:.95rem;color:#6b7280;margin:0}[data-theme=dark] .word-options-hint{color:#9ca3af}.word-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.word-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffffe6;border:2px solid transparent;border-radius:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000014}[data-theme=dark] .word-option{background:#282837e6}.word-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000001f;border-color:var(--word-color, #8b5cf6)}.word-option.selected{border-color:var(--word-color, #8b5cf6);background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633,0 6px 20px #0000001f;transform:translateY(-2px)}.word-option.used{opacity:.4;cursor:not-allowed}.word-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.word-text{font-weight:600;font-size:.9rem;color:#1f2937}[data-theme=dark] .word-text{color:#f9fafb}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 640px){.verse-container{font-size:1rem;padding:1rem}.blank-slot{min-width:60px;height:36px;padding:0 .5rem}.word-options{gap:.5rem}.word-option{padding:.5rem .75rem}.word-icon{width:32px;height:32px}.word-text{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.blank-slot.selectable{animation:none}.word-option,.blank-slot{transition:none}}@media (max-width: 1024px){.immersive-main{padding-left:1.25rem;padding-right:1.25rem}.game-card{width:min(100%,920px)}.truth-panel{max-width:300px}}@media (max-width: 900px){.truth-panel{left:50%;top:5.75rem;width:min(calc(100% - 2rem),420px);max-width:none;transform:translate(-50%) translateY(-140%)}.truth-panel.visible{transform:translate(-50%) translateY(0)}.game-card{padding:2rem}.answers-container{gap:.65rem}.answer-pill{border-radius:1.25rem}}@media (max-width: 768px){.experience-page.immersive{overflow-x:hidden}.immersive-header{padding:1rem}.immersive-main{padding:0 1rem 1.5rem}.game-card{padding:1.5rem;border-radius:1.5rem;gap:1.15rem}.game-header-row,.completion-actions{gap:.65rem}.progress-indicator{width:100%}.progress-track{flex:1;width:auto}.answers-container{grid-template-columns:1fr}.answer-pill{min-height:48px;padding:.95rem 1rem}.game-actions,.action-btn{width:100%}.verse-container{font-size:1.05rem;line-height:2;padding:1rem}.word-options{gap:.5rem}.word-option{flex:1 1 140px}}@media (max-width: 480px){.immersive-header{padding:.85rem .85rem 0}.immersive-main{padding:0 .85rem 1.25rem}.game-card,.completion-card{padding:1.35rem;border-radius:1.25rem}.game-title,.completion-card h1{font-size:1.55rem}.question-card{padding:1rem;border-radius:1rem}.answer-pill{padding:.85rem .95rem}.truth-panel{width:calc(100% - 1rem);top:5rem}.truth-card{padding:1rem}.verse-line{margin-bottom:.45rem}.blank-slot{min-width:64px;height:38px;padding:0 .5rem}.word-option{padding:.6rem .75rem}.word-icon{width:32px;height:32px}.word-text{font-size:.8rem}}.sound-toggle{position:fixed;top:1.5rem;left:calc(2rem + 44px);z-index:1001;width:44px;height:44px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00000014;color:#4b5563;flex-shrink:0}.sound-toggle:hover{transform:scale(1.08);background:#fff;box-shadow:0 6px 20px #0000001f}[data-theme=dark] .sound-toggle{background:#1e1e2de6;color:#e5e7eb}@keyframes answerShake{0%,to{transform:translate(0)}18%{transform:translate(-9px)}36%{transform:translate(8px)}54%{transform:translate(-7px)}72%{transform:translate(6px)}88%{transform:translate(-3px)}}.answer-pill.shake-wrong{animation:answerShake .48s ease-in-out!important}@keyframes blankSparkle{0%{transform:scale(.85);box-shadow:0 0 #8b5cf680;opacity:.7}50%{transform:scale(1.08);box-shadow:0 0 0 10px #8b5cf600;opacity:1}to{transform:scale(1);box-shadow:none;opacity:1}}.blank-slot.just-filled{animation:blankSparkle .45s ease-out!important}@keyframes verseShimmer{0%{background-position:-200% center}to{background-position:200% center}}.verse-container.verse-done{border-color:#10b98180;background:linear-gradient(90deg,#8b5cf612,#10b9811f,#8b5cf612);background-size:200% 100%;animation:verseShimmer 2.5s ease-in-out infinite}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.celebration-drop{position:absolute;top:-8%;animation:celebrationFall linear forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));will-change:transform,opacity}@keyframes celebrationFall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(108vh) rotate(360deg);opacity:0}}@keyframes scorePopIn{0%{transform:scale(0) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.score-pop-in{animation:scorePopIn .55s .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes celebrationBounce{0%,to{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-14px) rotate(-8deg) scale(1.15)}40%{transform:translateY(-6px) rotate(6deg) scale(1.1)}60%{transform:translateY(-10px) rotate(-4deg) scale(1.12)}80%{transform:translateY(-4px) rotate(2deg) scale(1.05)}}.celebration-bounce{animation:celebrationBounce 1.2s ease-in-out infinite}@keyframes headingPop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.completion-heading{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;animation:headingPop .5s .2s cubic-bezier(.175,.885,.32,1.275) both}[data-theme=dark] .completion-heading{color:#f9fafb}.completion-stars{font-size:1.6rem;letter-spacing:.25rem;margin-bottom:1rem;animation:scorePopIn .5s .7s both}@media (prefers-reduced-motion: reduce){.answer-pill.shake-wrong,.blank-slot.just-filled,.verse-container.verse-done,.celebration-drop,.score-pop-in,.celebration-bounce,.completion-heading,.completion-stars{animation:none}}.leaderboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.leaderboard-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(255,215,0,.3);border-radius:24px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-title{display:flex;align-items:center;gap:.75rem}.title-icon{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.leaderboard-title h2{color:#fff;font-size:1.25rem;font-weight:800;margin:0}.close-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#fffc;cursor:pointer;display:grid;place-items:center;transition:all .2s}.close-btn:hover{background:#ff475733;color:#ff6b6b}.leaderboard-content{flex:1;overflow-y:auto;padding:1rem}.players-count{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:12px;color:#ffffffb3;font-size:.875rem;margin-bottom:1rem}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s}.leaderboard-item:hover{background:#ffffff14;transform:translate(5px)}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd70033,#ffed4e1a);border-color:#ffd7004d;box-shadow:0 0 20px #ffd70033}.leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a);border-color:#c0c0c04d}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f3233,#cd7f321a);border-color:#cd7f324d}.leaderboard-item.current-player{border-color:#74b9ff;box-shadow:0 0 15px #74b9ff33}.player-rank{display:flex;align-items:center;gap:.5rem;min-width:60px}.rank-icon{color:#ffffff80}.rank-icon.gold{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}.rank-icon.silver{color:silver}.rank-icon.bronze{color:#cd7f32}.rank-number{color:#fff;font-weight:700;font-size:.875rem}.player-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.player-name{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.you-tag{padding:.15rem .4rem;background:#74b9ff;border-radius:4px;color:#1a1a2e;font-size:.65rem;font-weight:800;text-transform:uppercase}.player-stats{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#fff9}.player-stage{padding:.2rem .5rem;background:#7a2bb44d;border-radius:4px}.player-combo{color:gold;font-weight:700}.player-score{display:flex;align-items:baseline;gap:.25rem}.score-value{color:gold;font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums}.score-label{color:#ffffff80;font-size:.75rem}.no-players{text-align:center;padding:3rem 1rem;color:#fff9}.leaderboard-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.leaderboard-footer p{color:#ffffff80;font-size:.75rem;margin:0}@media (max-width: 480px){.leaderboard-modal{width:95%;max-height:90vh}.leaderboard-item{padding:.75rem}.player-rank{min-width:45px}.rank-number{font-size:.75rem}.score-value{font-size:1rem}}.spectator-mode{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1a,#1a1a2e,#16213e);display:grid;grid-template-rows:auto 1fr auto;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.spectator-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1rem 2rem;background:linear-gradient(180deg,#0a0a1af2,#0a0a1acc);border-bottom:2px solid rgba(116,185,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.spectator-header .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;font-weight:600;cursor:pointer;transition:all .2s}.spectator-header .back-btn:hover{background:#ff475733;border-color:#ff47574d;color:#ff6b6b}.spectator-title{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#74b9ff;font-weight:800;font-size:1.25rem;text-shadow:0 0 20px rgba(116,185,255,.5)}.spectator-stats{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.875rem}.spectator-stats .divider{color:#ffffff4d}.spectator-content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;padding:1.5rem;overflow:hidden}.leaderboard-panel{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.leaderboard-panel h2{display:flex;align-items:center;gap:.75rem;color:gold;font-size:1.25rem;margin:0 0 1.25rem;text-shadow:0 0 15px rgba(255,215,0,.3)}.live-players{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto}.live-player{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .2s}.live-player:hover{background:#ffffff14;transform:translate(5px)}.live-player.rank-1{background:linear-gradient(135deg,#ffd70026,#ffed4e1a);border-color:#ffd7004d;box-shadow:0 0 20px #ffd70026}.live-player.rank-2{background:linear-gradient(135deg,#c0c0c026,#c0c0c01a);border-color:#c0c0c04d}.live-player.rank-3{background:linear-gradient(135deg,#cd7f3226,#cd7f321a);border-color:#cd7f324d}.player-rank-badge{width:40px;height:40px;border-radius:50%;background:#ffd70033;display:grid;place-items:center;color:gold;font-weight:800;font-size:.875rem}.live-player.rank-1 .player-rank-badge{background:#ffd7004d;box-shadow:0 0 15px #ffd70066}.live-player .player-info{display:flex;flex-direction:column;gap:.25rem}.live-player .player-name{color:#fff;font-weight:700;font-size:1.1rem}.player-progress{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#fff9}.progress-bar{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7a2bb4,#eb7fd0);border-radius:3px;transition:width .3s ease}.player-live-score{color:gold;font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums}.waiting-message{display:grid;place-items:center;flex:1;color:#fff9;font-size:1.1rem}.activity-panel{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.activity-panel h3{color:#fffc;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.activity-feed{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:12px}.activity-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7a2bb4,#eb7fd0);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0}.activity-details{flex:1;display:flex;flex-direction:column;gap:.15rem}.activity-player{color:#fff;font-weight:600;font-size:.875rem}.activity-action{color:#fff9;font-size:.75rem}.activity-time{color:#fff6;font-size:.7rem;white-space:nowrap}.chat-toggle{position:fixed;bottom:6rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 30px #74b9ff66;transition:all .2s;z-index:50}.chat-toggle:hover{transform:scale(1.1);box-shadow:0 15px 40px #74b9ff80}.chat-badge{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border-radius:50%;background:#ff4757;color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center}.chat-panel{position:fixed;bottom:6rem;right:2rem;width:350px;max-height:500px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(116,185,255,.3);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;z-index:100;animation:chatSlide .3s ease}@keyframes chatSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h4{color:#fff;margin:0;font-size:1rem}.close-chat{width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:none;color:#fffc;cursor:pointer;display:grid;place-items:center;transition:all .2s}.close-chat:hover{background:#ff475733;color:#ff6b6b}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:300px}.no-messages{text-align:center;color:#ffffff80;font-size:.875rem;padding:2rem}.chat-message{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff0d;border-radius:12px}.chat-author{color:#74b9ff;font-weight:700;font-size:.8rem}.chat-text{color:#fff;font-size:.9rem;line-height:1.4}.chat-input-area{display:flex;gap:.5rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.chat-input{flex:1;padding:.875rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.9rem}.chat-input:focus{outline:none;border-color:#74b9ff}.chat-input::placeholder{color:#fff6}.send-btn{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;color:#fff;cursor:pointer;display:grid;place-items:center;transition:all .2s}.send-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #74b9ff66}.spectator-footer{padding:1rem 2rem;background:#0a0a1ae6;border-top:1px solid rgba(255,255,255,.1);text-align:center}.spectator-footer p{color:#fff9;font-size:.875rem;margin:0}@media (max-width: 1024px){.spectator-content{grid-template-columns:1fr;grid-template-rows:2fr 1fr}.chat-panel{width:calc(100vw - 2rem);right:1rem;left:1rem}}@media (max-width: 768px){.spectator-header{grid-template-columns:1fr;gap:.75rem;padding:.75rem 1rem}.spectator-stats{justify-content:center}.spectator-content{padding:1rem;gap:1rem}.live-player{grid-template-columns:auto 1fr;gap:.75rem}.player-live-score{grid-column:span 2;text-align:right}.chat-toggle{bottom:5rem;right:1rem;width:50px;height:50px}}.party-mode{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}.party-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.floating-icons{position:absolute;top:0;right:0;bottom:0;left:0}.floating-team-icon{position:absolute;color:#ffd7004d;animation:floatTeam 8s ease-in-out infinite}@keyframes floatTeam{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.team-glow{position:absolute;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,var(--team-color, #ffd700) 0%,transparent 70%);opacity:.2;filter:blur(100px);top:50%;left:50%;transform:translate(-50%,-50%);animation:teamGlow 4s ease-in-out infinite}@keyframes teamGlow{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.1)}}.team-selection{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s;align-self:flex-start;margin-bottom:1.5rem}.party-title{display:flex;align-items:center;justify-content:center;gap:.75rem;color:gold;font-size:2rem;font-weight:800;text-shadow:0 0 30px rgba(255,215,0,.5);margin-bottom:.5rem}.party-subtitle{text-align:center;color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;flex:1}.team-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .2s;position:relative;overflow:hidden}.team-card:hover{border-color:gold;transform:translateY(-5px);box-shadow:0 15px 40px #ffd70033}.team-rank{position:absolute;top:1rem;right:1rem;padding:.4rem .8rem;background:#ffd70033;border-radius:20px;color:gold;font-weight:700;font-size:.875rem}.team-name{color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.team-stats{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.team-score{display:flex;align-items:center;gap:.5rem;color:gold;font-weight:700;font-size:1.1rem}.join-team-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;margin-top:auto}.join-team-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #74b9ff66}.create-team-card{background:linear-gradient(135deg,#7a2bb433,#eb7fd01a);border:2px dashed rgba(255,255,255,.3);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.create-team-card h3{color:#fff;text-align:center;margin:0}.create-team-card input{padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;text-align:center}.create-team-card input:focus{outline:none;border-color:#eb7fd0}.create-team-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:linear-gradient(135deg,#eb7fd0,#7a2bb4);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.create-team-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 30px #eb7fd066}.create-team-btn:disabled{opacity:.5;cursor:not-allowed}.party-mode.active{display:grid;grid-template-rows:auto auto 1fr auto auto;padding:1rem;gap:1rem}.party-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0a0a1acc;border:1px solid rgba(255,215,0,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:.75rem}.team-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffd70033;border:1px solid rgba(255,215,0,.3);border-radius:30px;color:gold;font-weight:700}.header-center{display:flex;justify-content:center}.team-rank-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:30px;color:#fff;font-weight:700}.header-right{display:flex;justify-content:flex-end}.team-total-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d26a33;border:1px solid rgba(0,210,106,.3);border-radius:30px;color:#00d26a;font-weight:800;font-size:1.1rem}.team-members-bar{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:.5rem}.team-member{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:30px}.team-member.you{background:#ffd70033;border-color:#ffd7004d}.member-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7a2bb4,#eb7fd0);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.75rem}.member-name{color:#fff;font-weight:600;font-size:.875rem}.you-tag{padding:.15rem .4rem;background:gold;border-radius:4px;color:#1a1a2e;font-size:.65rem;font-weight:800}.party-arena{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;z-index:1}.party-boss{display:flex;flex-direction:column;align-items:center;gap:.75rem}.party-boss .boss-avatar{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--boss-color, #7a2bb4) 0%,transparent 70%);display:grid;place-items:center;color:#fff;box-shadow:0 0 40px var(--boss-color, #7a2bb4);animation:partyBossFloat 3s ease-in-out infinite}@keyframes partyBossFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.party-boss .boss-name{color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.party-question{background:linear-gradient(135deg,#7a2bb433,#eb7fd01a);border:2px solid rgba(122,43,180,.3);border-radius:20px;padding:1.5rem;max-width:600px;width:100%;text-align:center}.party-question h3{color:#fff;font-size:1.25rem;margin-bottom:.75rem;line-height:1.4}.party-question .clue{color:#ffffffb3;font-size:.9rem;font-style:italic;margin:0}.party-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:700px}.party-answer-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.party-answer-btn:hover{background:linear-gradient(135deg,#7a2bb44d,#eb7fd033);border-color:#eb7fd0;transform:translateY(-3px);box-shadow:0 10px 30px #7a2bb466}.answer-key{width:28px;height:28px;border-radius:8px;background:#7a2bb480;display:grid;place-items:center;font-weight:800;color:#eb7fd0;flex-shrink:0}.answer-text{flex:1;text-align:left;font-size:.9rem}.collected-power{color:gold}.party-feedback{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:30px;font-weight:700;animation:feedbackPop .3s ease}@keyframes feedbackPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.party-feedback.success{background:#00d26a33;border:1px solid rgba(0,210,106,.3);color:#00d26a}.party-feedback.error{background:#ff475733;border:1px solid rgba(255,71,87,.3);color:#ff6b6b}.other-teams{padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.other-teams h4{color:#fffc;font-size:.875rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.1em}.teams-progress{display:flex;flex-direction:column;gap:.75rem}.other-team{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:.75rem}.other-team-name{color:#fff;font-weight:600;font-size:.875rem}.other-team .progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.other-team .progress-fill{height:100%;background:linear-gradient(90deg,#7a2bb4,#eb7fd0);border-radius:4px;transition:width .3s ease}.other-team-score{color:gold;font-weight:700;font-size:.875rem}.powers-footer{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0000004d;border-radius:12px;overflow-x:auto}.powers-label{color:#fff9;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.powers-row{display:flex;gap:.75rem}.power-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#ffffff1a;border:1px solid currentColor;border-radius:20px;white-space:nowrap}.power-badge span{color:#fff;font-size:.75rem;font-weight:600}@media (max-width: 768px){.party-header{grid-template-columns:1fr;gap:.5rem}.header-left,.header-right{justify-content:center}.party-answers,.teams-grid{grid-template-columns:1fr}.other-team{grid-template-columns:1fr;gap:.5rem}.other-team .progress-bar{order:-1}}.multiplayer-lobby{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}.lobby-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.floating-eggs{position:absolute;top:0;right:0;bottom:0;left:0}.floating-egg{position:absolute;width:30px;height:40px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%/60% 60% 40% 40%;animation:float 6s ease-in-out infinite;opacity:.6}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.lobby-container{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.lobby-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s}.back-btn:hover{background:#fff3}.lobby-title{display:flex;align-items:center;gap:.75rem;color:gold;font-size:1.5rem;font-weight:800;text-shadow:0 0 20px rgba(255,215,0,.5)}.lobby-setup{display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.name-input-section{display:flex;flex-direction:column;gap:.5rem}.name-input-section label{color:#fffc;font-weight:600;font-size:.9rem}.name-input{padding:1rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1.1rem;transition:all .2s}.name-input:focus{outline:none;border-color:gold;background:#ffffff26}.name-input::placeholder{color:#fff6}.game-modes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;cursor:pointer;transition:all .2s}.mode-btn.active{background:linear-gradient(135deg,#ffd70033,#ffed4e1a);border-color:gold;box-shadow:0 0 20px #ffd7004d}.mode-btn span{font-weight:700;font-size:1rem}.mode-btn small{font-size:.75rem;color:#fff9;text-align:center}.lobby-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.create-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;color:#1a1a2e;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s}.create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.spectator-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;font-weight:600;cursor:pointer;transition:all .2s}.spectator-btn:hover{background:#fff3}.error-message{padding:1rem;background:#ff475733;border:1px solid rgba(255,71,87,.3);border-radius:12px;color:#ff6b6b;text-align:center}.waiting-room{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.room-info{text-align:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.room-info h2{color:#fff;margin-bottom:1rem}.room-code{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.room-code span{color:#fffc;font-size:1.1rem}.room-code strong{color:gold;font-size:1.3rem;letter-spacing:.1em}.copy-btn{padding:.5rem;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#ffd7004d}.share-text{color:#fff9;font-size:.9rem}.players-list{display:flex;flex-direction:column;gap:.75rem}.players-list h3{color:#fffc;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.player-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.player-item.you{background:linear-gradient(135deg,#ffd7001a,#ffed4e0d);border-color:#ffd7004d}.player-rank{color:gold;font-weight:800;font-size:1.2rem;min-width:30px}.player-name{flex:1;display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.you-badge{padding:.2rem .5rem;background:gold;border-radius:4px;color:#1a1a2e;font-size:.65rem;font-weight:800}.ready-status{padding:.4rem .75rem;background:#ffffff1a;border-radius:20px;color:#fff9;font-size:.8rem;font-weight:600}.ready-status.ready{background:#00d26a33;color:#00d26a}.start-btn,.ready-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;border:none;border-radius:12px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s}.start-btn{background:linear-gradient(135deg,#00d26a,#00b894);color:#fff}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00d26a66}.start-btn:disabled{opacity:.5;cursor:not-allowed}.ready-btn{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.ready-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #74b9ff66}.leave-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;font-weight:600;cursor:pointer;transition:all .2s}.leave-btn:hover{background:#ff475733;border-color:#ff47574d;color:#ff6b6b}.multiplayer-game{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1a,#1a1a2e,#16213e);display:grid;grid-template-rows:auto 1fr auto;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.game-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(122,43,180,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(122,43,180,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}.glow-effect{position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,var(--stage-color, #7a2bb4) 0%,transparent 70%);opacity:.3;filter:blur(100px);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.game-hud{grid-row:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(180deg,#0a0a1af2,#0a0a1acc);border-bottom:2px solid rgba(122,43,180,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.stage-info{display:flex;flex-direction:column;gap:.5rem}.stage-label{font-size:.75rem;font-weight:900;letter-spacing:.15em;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.stage-dots{display:flex;gap:.5rem}.stage-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);transition:all .3s}.stage-dot.completed{background:#00d26a;border-color:#00d26a;box-shadow:0 0 10px #00d26a}.stage-dot.active{background:gold;border-color:gold;box-shadow:0 0 15px gold;animation:dotPulse 1s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.timer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:30px;color:#fff;font-weight:800;font-size:1.2rem}.timer span{font-variant-numeric:tabular-nums}.timer span.urgent{color:#ff4757;animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.5}}.leaderboard-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;color:gold;font-weight:700;cursor:pointer;transition:all .2s;justify-self:end}.leaderboard-toggle:hover{background:#ffd70033;box-shadow:0 0 15px #ffd7004d}.game-arena{grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;position:relative;z-index:1}.boss-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.boss-avatar{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--boss-color, #7a2bb4) 0%,transparent 70%);display:grid;place-items:center;color:#fff;box-shadow:0 0 60px var(--boss-color, #7a2bb4);animation:bossFloat 3s ease-in-out infinite;position:relative}.boss-avatar:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid var(--boss-color, #7a2bb4);opacity:.5;animation:ringPulse 2s ease-in-out infinite}@keyframes bossFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.boss-name{color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 20px currentColor}.question-card{background:linear-gradient(135deg,#7a2bb433,#eb7fd01a);border:2px solid rgba(122,43,180,.3);border-radius:20px;padding:2rem;max-width:600px;width:100%;text-align:center;box-shadow:0 10px 40px #0000004d}.question-text{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:1rem;line-height:1.4}.question-clue{color:#ffffffb3;font-size:1rem;font-style:italic}.answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;max-width:800px}.answer-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;animation:slideIn .3s ease backwards}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.answer-btn:hover{background:linear-gradient(135deg,#7a2bb44d,#eb7fd033);border-color:#eb7fd0;transform:translateY(-3px);box-shadow:0 10px 30px #7a2bb466}.btn-key{width:32px;height:32px;border-radius:8px;background:#7a2bb480;display:grid;place-items:center;font-weight:800;color:#eb7fd0;flex-shrink:0}.btn-text{flex:1;text-align:left}.power-indicator{color:gold}.feedback-message{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:30px;font-weight:700;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feedback-message.success{background:#00d26a33;border:1px solid rgba(0,210,106,.3);color:#00d26a;box-shadow:0 0 20px #00d26a4d}.feedback-message.error{background:#ff475733;border:1px solid rgba(255,71,87,.3);color:#ff4757;box-shadow:0 0 20px #ff47574d}.game-footer{grid-row:3;display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem;background:linear-gradient(0deg,#0a0a1afa,#0a0a1ae6);border-top:2px solid rgba(122,43,180,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.65rem;font-weight:800;letter-spacing:.1em;color:#fff9;text-transform:uppercase}.stat-value{font-size:1.5rem;font-weight:800;color:#fff}.stat-box.powers{flex:1;align-items:flex-start}.power-icons{display:flex;gap:.5rem}.mini-power{width:24px;height:24px;display:grid;place-items:center}.leave-game-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-weight:600;cursor:pointer;transition:all .2s}.leave-game-btn:hover{background:#ff475733;border-color:#ff47574d;color:#ff6b6b}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-modal{background:linear-gradient(135deg,#7a2bb44d,#eb7fd033);border:3px solid rgba(255,215,0,.5);border-radius:30px;padding:3rem;text-align:center;max-width:500px;width:90%;box-shadow:0 0 60px #7a2bb480,0 0 100px #ffd7004d;animation:modalAppear .5s ease}@keyframes modalAppear{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.winner-crown{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);display:grid;place-items:center;margin:0 auto 1.5rem;color:#1a1a2e;box-shadow:0 0 40px #ffd70099;animation:crownBounce 1s ease-in-out infinite}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-over-modal h2{color:gold;font-size:2rem;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(255,215,0,.5)}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.final-stat{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff1a;border-radius:16px}.final-label{font-size:.7rem;font-weight:800;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.final-value{font-size:1.8rem;font-weight:800;color:gold}.play-again-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:16px;color:#1a1a2e;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:0 10px 30px #ffd70066}.play-again-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #ffd70099}@media (max-width: 768px){.game-hud{grid-template-columns:1fr;gap:.75rem;padding:.75rem 1rem}.timer{order:-1}.answer-grid{grid-template-columns:1fr}.game-footer{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.final-stats,.game-modes{grid-template-columns:1fr}}@media (max-width: 1024px){.lobby-container{max-width:680px;padding:1.5rem}.game-hud{padding:.9rem 1.25rem}.game-arena{padding:1.5rem}}@media (max-width: 900px){.lobby-container{max-width:min(100%,640px)}.game-modes{grid-template-columns:1fr}.room-code{flex-wrap:wrap}.player-item{align-items:flex-start;flex-wrap:wrap}.ready-status{margin-left:auto}}@media (max-width: 768px){.multiplayer-lobby,.multiplayer-game{overflow-x:hidden}.lobby-container{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom));min-height:100dvh}.lobby-header{flex-direction:column;align-items:stretch}.lobby-title{font-size:1.3rem;justify-content:flex-start}.back-btn,.create-btn,.spectator-btn,.start-btn,.ready-btn,.leave-btn{width:100%;min-height:44px}.game-hud{grid-template-columns:1fr;gap:.65rem;padding:.75rem 1rem}.leaderboard-toggle{justify-self:stretch;width:100%}.game-arena{padding:1rem;gap:1.25rem}.boss-avatar{width:120px;height:120px}.boss-name{font-size:1rem}}@media (max-width: 480px){.lobby-container{padding-left:.85rem;padding-right:.85rem}.lobby-title{font-size:1.15rem}.game-modes,.lobby-actions{gap:.65rem}.mode-btn,.player-item,.room-info,.waiting-room,.game-footer,.game-card{border-radius:1rem}.mode-btn{padding:1.1rem .9rem}.room-code span,.room-code strong{font-size:.95rem;letter-spacing:.05em}.player-item{gap:.5rem;padding:.85rem}.player-name{width:100%}.timer{font-size:1rem;padding:.65rem 1rem}.boss-avatar{width:96px;height:96px}}.password-protection{min-height:100vh;min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;font-family:Outfit,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f8f4ff,#fff9f0,#f0f9ff)}[data-theme=dark] .password-protection{background:linear-gradient(135deg,#0f0a1a,#1a1525,#0d1a2d)}.password-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.password-backdrop .backdrop-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:orbFloat 20s ease-in-out infinite}.password-backdrop .orb-1{width:500px;height:500px;background:linear-gradient(135deg,#f0abfc,#fbcfe8);top:-200px;right:-100px;animation-delay:0s}.password-backdrop .orb-2{width:400px;height:400px;background:linear-gradient(135deg,#bae6fd,#c7d2fe);bottom:-150px;left:-100px;animation-delay:-7s}.password-backdrop .orb-3{width:300px;height:300px;background:linear-gradient(135deg,#fde68a,#fed7aa);top:40%;left:30%;animation-delay:-14s;opacity:.4}[data-theme=dark] .password-backdrop .orb-1{background:linear-gradient(135deg,#4c1d95,#7c3aed);opacity:.3}[data-theme=dark] .password-backdrop .orb-2{background:linear-gradient(135deg,#1e40af,#3b82f6);opacity:.25}[data-theme=dark] .password-backdrop .orb-3{background:linear-gradient(135deg,#92400e,#d97706);opacity:.2}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.nav-back{position:fixed;top:1.5rem;left:1.5rem;width:44px;height:44px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00000014;color:#4b5563;z-index:10}.nav-back:hover{transform:scale(1.05);background:#fff;box-shadow:0 6px 20px #0000001f}[data-theme=dark] .nav-back{background:#1e1e2de6;color:#e5e7eb}.password-card{width:100%;max-width:420px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:3rem 2.5rem;text-align:center;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff80 inset;position:relative;z-index:5;animation:cardEnter .6s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .password-card{background:#191923fa;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.password-card.loading{display:grid;place-items:center;min-height:300px}.password-icon{width:72px;height:72px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:grid;place-items:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 12px 30px -5px #7c3aed66}.password-card h1{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0 0 .5rem}[data-theme=dark] .password-card h1{color:#f9fafb}.password-subtitle{font-size:1rem;color:#6b7280;margin:0 0 2rem;line-height:1.5}[data-theme=dark] .password-subtitle{color:#9ca3af}.password-form{display:flex;flex-direction:column;gap:1rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:1rem 3rem 1rem 1.25rem;font-size:1rem;font-weight:500;color:#374151;background:#f9fafb;border:2px solid #e5e7eb;border-radius:1rem;transition:all .2s ease;font-family:inherit}[data-theme=dark] .password-input{color:#e5e7eb;background:#28283799;border-color:#ffffff1a}.password-input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 4px #7c3aed1a}[data-theme=dark] .password-input:focus{background:#282837cc}.password-input.error{border-color:#ef4444;background:#ef44440d}.password-input:disabled{opacity:.6;cursor:not-allowed}.toggle-visibility{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;display:grid;place-items:center;padding:.25rem;transition:color .2s ease}.toggle-visibility:hover{color:#6b7280}[data-theme=dark] .toggle-visibility:hover{color:#d1d5db}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.75rem;color:#ef4444;font-size:.875rem;font-weight:500;text-align:left}[data-theme=dark] .error-message{background:#ef444426;border-color:#ef44444d}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 25px -5px #7c3aed66}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px -5px #7c3aed80}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner,.btn-spinner{width:24px;height:24px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.btn-spinner{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.password-card{padding:2.5rem 1.5rem;border-radius:1.5rem;margin:0 1rem}.password-card h1{font-size:1.5rem}.password-icon{width:60px;height:60px}.nav-back{top:1rem;left:1rem}}@media (max-width: 768px){.password-protection{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}.password-card{width:min(100%,460px);padding:2.75rem 2rem}.password-input,.password-submit{min-height:44px}.nav-back{top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left))}}@media (max-width: 480px){.password-card{width:calc(100% - 1rem);margin:0 .5rem}.password-card h1{font-size:1.4rem}.password-subtitle{font-size:.95rem}}@media (max-width: 1024px){.password-card{max-width:460px}}@media (max-width: 768px){.password-protection{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}.password-card{width:min(100%,460px);padding:2.5rem 1.75rem}.password-input,.submit-btn{min-height:44px}.nav-back{top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left))}}@media (max-width: 480px){.password-card{padding:2.25rem 1.25rem;border-radius:1.35rem}.password-card h1{font-size:1.4rem}.password-icon{width:60px;height:60px}.password-subtitle{font-size:.9rem}}.app{min-height:100vh;min-height:100dvh;width:100%;position:relative;display:block;visibility:visible;opacity:1;background:radial-gradient(circle at top,var(--easter-glow) 0%,rgba(255,255,255,0) 35%),linear-gradient(180deg,var(--easter-cream) 0%,var(--easter-lilac) 45%,var(--easter-sky) 100%)}.theme-toggle{position:fixed;top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));width:52px;height:52px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-toggle:hover{transform:scale(1.07);box-shadow:var(--shadow);border-color:var(--gold)}@media (max-width: 1024px){.theme-toggle{width:48px;height:48px}}@media (max-width: 768px){.theme-toggle{top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right))}}@media (max-width: 480px){.theme-toggle{width:44px;height:44px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{min-height:100vh;height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,var(--easter-glow) 0%,rgba(255,255,255,0) 36%),linear-gradient(180deg,var(--easter-cream) 0%,var(--easter-lilac) 48%,var(--easter-sky) 100%);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}body{padding-bottom:env(safe-area-inset-bottom)}img,video,canvas,svg{max-width:100%}img,video,canvas{display:block;height:auto}:root{--navy: #1e3a5f;--navy-light: #2d5a8a;--navy-dark: #0f1f33;--gold: #c9a227;--gold-light: #e8d179;--gold-dark: #a0821d;--white: #ffffff;--gray-50: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--bg-primary: var(--gray-50);--bg-card: var(--white);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border: var(--gray-200);--border-focus: var(--navy);--easter-cream: #fff8e8;--easter-lilac: #f7f0ff;--easter-sky: #eef7ff;--easter-glow: rgba(255, 214, 120, .18);--shadow-sm: 0 2px 4px rgba(0,0,0,.06);--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px}[data-theme=dark]{color-scheme:dark;--bg-primary: var(--navy-dark);--bg-card: var(--navy);--text-primary: #f8f9fa;--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--border: rgba(255,255,255,.1);--border-focus: var(--gold);--easter-cream: rgba(255, 255, 255, .04);--easter-lilac: rgba(132, 74, 201, .14);--easter-sky: rgba(91, 140, 255, .1);--easter-glow: rgba(255, 214, 120, .08)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.theme-toggle{position:fixed;top:var(--space-4);right:var(--space-4);width:44px;height:44px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .2s ease;box-shadow:var(--shadow-sm)}.theme-toggle{top:calc(var(--space-4) + env(safe-area-inset-top));right:calc(var(--space-4) + env(safe-area-inset-right))}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow);border-color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn,.theme-toggle,button,a{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.page-shell{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden}.glass-panel{background:#ffffffb8;border:1px solid rgba(255,255,255,.78);box-shadow:0 20px 50px #4d33731a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-surface{background:radial-gradient(circle at top,var(--easter-glow) 0%,rgba(255,255,255,0) 30%),linear-gradient(180deg,var(--easter-cream) 0%,var(--easter-lilac) 48%,var(--easter-sky) 100%)}@media (max-width: 1024px){h1{font-size:2.25rem}h2{font-size:1.75rem}.container{padding:0 var(--space-5)}.page-shell{overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media (max-width: 768px){.container{padding:0 var(--space-4)}h1{font-size:2rem}h2{font-size:1.5rem}.theme-toggle{width:46px;height:46px}.glass-panel{box-shadow:0 14px 32px #4d337314}}@media (max-width: 480px){h1{font-size:1.8rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.btn{min-height:44px}.container{padding:0 var(--space-3)}}