:root{font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;color:#f7efe7;background:radial-gradient(circle at 15% 20%,rgba(255,120,80,.22),transparent 25%),radial-gradient(circle at 80% 15%,rgba(100,184,255,.2),transparent 24%),linear-gradient(145deg,#120d1c,#161427 35%,#0d2231);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(14, 18, 31, .84);--border: rgba(255, 255, 255, .1);--text-soft: rgba(247, 239, 231, .76);--accent: #ff7f50;--accent-2: #ffd166;--blue: #6ab8ff;--shadow: 0 24px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{position:relative;min-height:100vh;padding:1.4rem;overflow:hidden}.app-layout-shell{position:relative;z-index:1;display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:1rem;align-items:start}.app-main-column{min-width:0}.app-side-rail{position:sticky;top:5.8rem}.ad-banner-row{position:relative;z-index:1;margin-bottom:1rem}.ad-panel{display:grid;gap:.7rem;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff14,#ffffff08),#090d18b8;box-shadow:0 18px 40px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ad-panel strong{color:#fff8f2;font-size:1rem;line-height:1.2}.ad-panel p{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.55}.ad-panel-vertical{min-height:420px;align-content:start}.ad-panel-horizontal{min-height:92px}.ad-panel-compact{grid-template-columns:auto 1fr;align-items:center;column-gap:1rem}.ad-panel-compact .mini-label{align-self:start}.ad-panel-compact strong,.ad-panel-compact p{grid-column:2}.page-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,209,102,.08),transparent 24%),radial-gradient(circle at 100% 100%,rgba(106,184,255,.1),transparent 22%)}.page-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px}.topbar,.hero-stage,.section-shell,.auth-modal-card,.catalog-card,.setup-card,.setup-side-card,.play-card,.question-card,.showcase-card,.stat-card{position:relative;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar,.section-shell,.hero-stage{z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.1rem;margin-bottom:1rem;border-radius:1.5rem;background:linear-gradient(180deg,#ffffff1f,#ffffff08),#0a0e1bd1}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at left center,rgba(255,127,80,.12),transparent 22%),radial-gradient(circle at right center,rgba(106,184,255,.12),transparent 24%)}.topbar-brand-wrap,.topbar-actions{position:relative;z-index:1}.brand-mark{display:inline-flex;align-items:center;gap:.75rem;border:none;color:#fff6ed;background:transparent;font-size:1.05rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .18s ease,opacity .18s ease}.brand-mark:hover{transform:translateY(-1px)}.brand-copy{display:grid;gap:.08rem;text-align:left}.brand-copy strong{font-size:1.05rem;line-height:1}.brand-copy small{color:#f7efe7a8;font-size:.68rem;letter-spacing:.12em}.brand-logo{display:inline-flex;width:2.55rem;height:2.55rem;padding:.18rem;border-radius:1rem;background:linear-gradient(145deg,#ff855f38,#6ab8ff24);box-shadow:0 14px 30px #04091447,inset 0 1px #ffffff14}.brand-logo svg{width:100%;height:100%;display:block}.topbar-actions,.hero-actions,.chip-row,.play-actions,.play-meta{display:flex;flex-wrap:wrap;gap:.75rem}.topbar-actions{align-items:center;justify-content:flex-end}.language-switcher{display:inline-flex;align-items:center;gap:.65rem;min-height:2.9rem;padding:.45rem .7rem .45rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#fff7f1;font-size:.8rem;font-weight:700;background:#ffffff0d}.language-switcher span{color:#f7efe7bf;letter-spacing:.04em;text-transform:uppercase}.language-switcher select{border:none;outline:none;color:#fff8f2;background:transparent;font-size:.92rem;font-weight:800}.language-switcher option{color:#12141f}.topbar-badge{display:inline-flex;align-items:center;gap:.55rem;min-height:2.9rem;padding:.75rem .95rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#fff7f1;font-size:.82rem;font-weight:700;background:#ffffff0d}.topbar-badge-dot{width:.52rem;height:.52rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 16px #ff7f508c}.topbar-cta{min-height:2.9rem;padding-inline:1.15rem;font-weight:800;background:#ffffff14}.user-pill{display:grid;gap:.15rem;padding:.65rem .9rem;border-radius:1rem;background:#ffffff0d}.user-pill span,.support-text,.summary-list,.catalog-card p,.hero-copy p,.showcase-card p{color:var(--text-soft)}.hero-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;padding:2rem;min-height:calc(100vh - 8rem);border-radius:2rem;overflow:hidden;background:linear-gradient(135deg,#ffffff0f,#ffffff05),#0c101eb3}.hero-stage-centered{grid-template-columns:1fr;place-items:center;text-align:center}.hero-backdrop{position:absolute;border-radius:999px;filter:blur(10px)}.hero-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%)}.hero-backdrop-a{width:420px;height:420px;left:-80px;top:-70px;background:radial-gradient(circle,rgba(255,127,80,.36),transparent 68%)}.hero-backdrop-b{width:360px;height:360px;right:8%;bottom:-60px;background:radial-gradient(circle,rgba(106,184,255,.28),transparent 68%)}.landing-scroll-shell{position:relative;z-index:1;display:grid;gap:1.2rem;scroll-snap-type:y proximity}.landing-panel{min-height:calc(100vh - 8rem);display:grid;align-items:center;scroll-snap-align:start;scroll-snap-stop:always}.landing-panel-hero{min-height:calc(100vh - 7.8rem)}.landing-panel-end{padding-bottom:1rem}.landing-section-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:2rem;background:linear-gradient(180deg,#ffffff14,#ffffff05),#0b0f1bbd;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.landing-section-dual{display:grid;grid-template-columns:.88fr 1.12fr;gap:1.2rem;padding:2rem;background:radial-gradient(circle at 10% 18%,rgba(255,127,80,.16),transparent 24%),radial-gradient(circle at 88% 82%,rgba(106,184,255,.14),transparent 26%),linear-gradient(180deg,#ffffff14,#ffffff05),#0b0f1bbd}.landing-section-copy,.landing-feature-copy,.landing-cta-card{display:grid;align-content:center}.landing-reveal{opacity:0;transform:translateY(56px) scale(.988);animation:landing-reveal-up both;animation-timeline:view();animation-range:entry 10% cover 42%}.landing-section-copy h2,.landing-feature-copy h2,.landing-cta-card h2{margin:1rem 0;max-width:14ch;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:.94;letter-spacing:-.05em}.landing-section-copy p,.landing-feature-copy p,.landing-cta-card p{max-width:52ch;color:var(--text-soft);line-height:1.75;font-size:1.04rem}.landing-steps-grid,.landing-feature-grid{display:grid;gap:1rem}.landing-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.landing-step-card,.landing-feature-card{position:relative;display:grid;gap:.8rem;padding:1.3rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff12,#ffffff05),#ffffff08;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.landing-step-card:nth-child(2){transform:translateY(1.8rem)}.landing-step-card:nth-child(3){transform:translateY(3.6rem)}.landing-step-card:hover,.landing-feature-card:hover{transform:translateY(-.35rem);border-color:#ffffff29;box-shadow:0 1.2rem 2.2rem #0000002e}.landing-step-card h3,.landing-feature-card strong{margin:0;color:#fff9f2;font-size:1.2rem;letter-spacing:-.03em}.landing-step-card p{margin:0;color:var(--text-soft);line-height:1.65}.landing-step-icon{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(135deg,#ff7f503d,#6ab8ff2e),#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9f2;font-size:.96rem;font-weight:900;letter-spacing:.05em}.landing-process-strip{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.landing-process-pill{display:inline-flex;align-items:center;min-height:2.35rem;padding:.55rem .85rem;border-radius:999px;color:#fff7f1;font-size:.8rem;font-weight:700;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.landing-feature-band{display:grid;gap:1.5rem;padding:2rem}.landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-feature-card{align-items:start;min-height:170px}.landing-feature-dot{width:.9rem;height:.9rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--blue));box-shadow:0 0 20px #ff7f5080}.landing-cta-card{justify-items:center;text-align:center;min-height:72vh;padding:2.4rem;background:radial-gradient(circle at top,rgba(255,209,102,.16),transparent 26%),linear-gradient(180deg,#ffffff14,#ffffff05),#0a0e1ac7}.landing-cta-card h2,.landing-cta-card p{max-width:18ch}.landing-cta-actions{justify-content:center}.hero-copy,.hero-showcase{position:relative;z-index:1}.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:760px}.hero-copy-centered{align-items:center;max-width:900px}.hero-copy-centered h1,.hero-copy-centered p{max-width:14ch}.hero-copy-centered p{max-width:40ch;margin-inline:auto}.hero-actions-centered{justify-content:center}.eyebrow,.pill,.mini-label{display:inline-flex;width:fit-content;border-radius:999px;text-transform:uppercase;letter-spacing:.1em}.eyebrow{padding:.45rem .85rem;font-size:.76rem;font-weight:700;background:#ffffff0d}h1{margin:1rem 0;max-width:10ch;font-size:clamp(3.4rem,7vw,6.6rem);line-height:.92;letter-spacing:-.05em}h2,h3,p{margin-top:0}.hero-copy p{max-width:52ch;line-height:1.7;font-size:1.08rem}.large-btn{padding-inline:1.4rem;min-height:3.45rem}.stats-grid,.catalog-grid,.setup-grid,.play-layout,.showcase-stack{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.stat-card,.showcase-card,.catalog-card,.setup-card,.setup-side-card,.play-card,.question-card{border-radius:1.6rem}.stat-card{padding:1.15rem;background:linear-gradient(180deg,#ffffff14,#ffffff05),#0d111da8}.stat-card strong{display:block;font-size:2rem;margin-bottom:.35rem}.hero-showcase{display:grid;gap:1rem;align-content:center}.showcase-primary{min-height:220px;padding:1.5rem;background:linear-gradient(160deg,#ff7f5038,#ffd16614),var(--panel-strong)}.showcase-primary h3{max-width:14ch;margin:.9rem 0 1.5rem;font-size:1.8rem;line-height:1.05}.showcase-cta{margin-bottom:1rem;width:fit-content;font-weight:800}.showcase-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-card{padding:1.25rem;overflow:hidden}.mini-label,.pill{padding:.4rem .75rem;font-size:.74rem;background:#ffffff14;font-weight:700}.showcase-meter{display:grid;gap:.55rem}.meter-bar{height:.7rem;border-radius:999px;overflow:hidden;background:#ffffff1f}.meter-fill{width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--blue))}.floating-preview{margin-left:auto;width:min(100%,260px);padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:1.4rem;background:#080c16d1;box-shadow:0 18px 40px #00000047}.floating-preview p{margin:.8rem 0 0;line-height:1.5}.section-shell{margin-top:1rem;padding:1.5rem;border-radius:2rem;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0a0e1ab8}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.section-head-actions{display:flex;flex-wrap:wrap;gap:.75rem}.icon-only-btn{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;padding:.7rem}.icon-only-btn svg{width:1.2rem;height:1.2rem;fill:currentColor}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:.8rem;align-items:start}.catalog-card,.setup-card,.setup-side-card,.play-card{padding:1.4rem}.catalog-card{display:grid;gap:1rem;width:100%;min-height:330px;padding:.85rem;color:#fff8f2;overflow:hidden;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.catalog-card:hover{transform:translateY(-6px);border-color:#fff3}.catalog-visual{position:relative;min-height:142px;border-radius:1.35rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#080c1680}.catalog-artwork{display:block;width:100%;height:100%;object-fit:cover}.catalog-topline{position:absolute;inset:0 auto auto 0;width:100%;padding:1rem}.catalog-content{display:grid;gap:.3rem;justify-items:center;text-align:center}.catalog-content h3{color:#fff8f2;font-size:1.2rem}.catalog-topline .pill{color:#fff9f3;background:#070a14b8;border:1px solid rgba(255,255,255,.14)}.catalog-highlights{display:flex;flex-wrap:wrap;gap:.5rem}.highlight-tag{display:inline-flex;align-items:center;min-height:1.8rem;padding:.35rem .65rem;border-radius:999px;color:#fff7f1;font-size:.74rem;font-weight:700;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.catalog-card h3,.setup-card h3,.play-card h3{margin-bottom:.65rem;font-size:1.6rem;letter-spacing:-.03em}.catalog-card p{font-size:.88rem;line-height:1.45}.catalog-topline,.catalog-footer,.question-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.catalog-arrow{font-size:1.1rem;color:#ffffffb3}.catalog-footer{margin-top:auto;align-items:end;padding-top:.25rem}.catalog-hint,.question-index{color:var(--text-soft);font-size:.88rem}.field-group{display:grid;gap:.85rem;margin:1.2rem 0}.field-group label,.range-value{font-weight:600}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#070a148f}.auth-modal-card{width:min(100%,520px);padding:1.5rem;border-radius:1.8rem;background:linear-gradient(160deg,#ffffff14,#ffffff05),#0c101deb}.settings-modal-card{width:min(100%,640px)}.settings-room-panel{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08)}.settings-players{display:grid;gap:.75rem;margin-top:.9rem}.auth-form{display:grid;gap:1rem;margin-top:1rem}.auth-form label{display:grid;gap:.5rem}.auth-form input,.range-input,.auth-form select,.admin-textarea{width:100%}.auth-form input,.auth-form select,.admin-textarea{padding:.95rem 1rem;color:#fff9f2;border:1px solid var(--border);border-radius:1rem;background:#ffffff0d}.admin-textarea{min-height:180px;resize:vertical}.admin-shell{max-width:1200px;margin-inline:auto}.admin-library-shell{display:grid;gap:1rem;margin-top:1.6rem}.admin-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-bank-card{display:grid;gap:1rem;min-height:320px}.admin-bank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-bank-head h3{margin:.55rem 0 0}.admin-route-hint,.admin-bank-note{margin:.5rem 0 0}.admin-route-hint code{margin-inline:.2rem;padding:.15rem .4rem;border-radius:.45rem;background:#ffffff14}.admin-list,.admin-entry-list{display:grid;gap:.75rem;max-height:460px;padding-right:.25rem;overflow:auto}.admin-list-item,.admin-entry-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:flex-start;padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.admin-list-item span,.admin-entry-item p{margin:0;line-height:1.5;color:#fff9f2;overflow-wrap:anywhere}.admin-list-item .ghost-btn,.admin-delete-btn{min-width:108px}.primary-btn,.secondary-btn,.ghost-btn,.chip,.close-btn{border-radius:1rem;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-btn,.secondary-btn,.ghost-btn,.chip,.close-btn{padding:.9rem 1rem}.primary-btn{border:none;color:#1c1120;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-weight:800}.secondary-btn,.ghost-btn,.chip,.close-btn{color:#f7efe7;border:1px solid var(--border);background:#ffffff0d}.chip.active{background:linear-gradient(135deg,#ff7f5042,#6ab8ff38)}.static-chip{cursor:default}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.chip:hover,.close-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.accent-sunset{background:linear-gradient(180deg,#ff7f5038,#ffffff08),var(--panel)}.accent-ocean{background:linear-gradient(180deg,#6ab8ff3d,#ffffff08),var(--panel)}.setup-grid,.play-layout{grid-template-columns:1.2fr .8fr}.setup-card,.setup-side-card{overflow:hidden}.setup-hero{display:grid;grid-template-columns:1fr 220px;gap:1rem;align-items:center;margin-bottom:1.4rem;padding:1rem;border-radius:1.4rem;background:linear-gradient(135deg,#ffffff14,#ffffff08),#080c1659}.setup-hero-copy{display:grid;gap:.8rem}.setup-hero-copy p{margin:0;color:var(--text-soft);line-height:1.6}.setup-hero-art{height:170px;border-radius:1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px #00000038}.setup-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.level-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.level-choice-card{display:grid;gap:.45rem;min-height:128px;padding:1rem;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;color:#fff7f1;background:linear-gradient(180deg,#ffffff12,#ffffff05),#0b0f1bad;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.level-choice-card:hover{transform:translateY(-2px);border-color:#ffffff2e;box-shadow:0 16px 26px #0000002e}.level-choice-card.active{border-color:#ffd166a6;background:linear-gradient(135deg,#ff7f5038,#6ab8ff24),#0e111dd1}.level-choice-name{font-size:1.05rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.level-choice-caption{color:var(--text-soft);font-size:.9rem;line-height:1.35}.guest-panel{display:grid;gap:.9rem;margin:1.2rem 0;padding:1rem;border-radius:1.3rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.guest-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.guest-panel-head p{margin:.35rem 0 0;color:var(--text-soft)}.range-value{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;padding:.5rem;border-radius:999px;background:#ffd16626;color:#ffeab8}.setup-summary-grid{display:grid;gap:.8rem;margin-top:1rem}.setup-summary-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.setup-summary-item span{color:var(--text-soft)}.setup-summary-item strong{text-transform:capitalize}.setup-summary-note{margin-top:1rem;padding:1rem;border-radius:1rem;background:#ffffff0a}.setup-summary-note p{margin:0;color:var(--text-soft);line-height:1.6}.room-share-panel{display:grid;gap:.85rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.room-share-panel h4{margin:0;font-size:1.2rem}.room-share-panel p{margin:0;color:var(--text-soft);line-height:1.6}.share-link-input{width:100%;padding:.9rem 1rem;color:#fff9f2;border:1px solid var(--border);border-radius:1rem;background:#ffffff0d}.play-layout.single-column{grid-template-columns:1fr}.info-panel,.error-banner{padding:1rem;border-radius:1rem;border:1px solid var(--border)}.info-panel{background:#ffffff0a}.error-banner{background:#ff5a5a1f;color:#ffc8c8}.summary-list{padding-left:1.1rem;line-height:1.8}.choice-stage{display:grid;justify-items:center;gap:1rem;padding:1rem 0 .5rem;text-align:center}.bottle-stage{gap:1.35rem}.choice-stage h3{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}.choice-stage p{margin:0;color:var(--text-soft)}.choice-actions{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:1rem;width:100%;justify-content:center;margin-top:.75rem}.bottle-wheel-wrap{position:relative;display:grid;place-items:center;width:min(100%,460px);aspect-ratio:1;margin:.4rem 0 .8rem}.bottle-wheel-wrap-small{width:min(100%,320px);margin-bottom:0}.bottle-wheel-pointer{position:absolute;top:-.2rem;z-index:2;width:0;height:0;border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:1.6rem solid #fff4e7;filter:drop-shadow(0 .4rem .7rem rgba(0,0,0,.25))}.bottle-wheel{position:relative;width:100%;height:100%;border-radius:50%;border:.8rem solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 .3rem #ffffff1f,0 1.4rem 3rem #00000047;background:conic-gradient(from -22.5deg,#f25f5c,#f25f5c 45deg,#ffd166 45deg,#ffd166 90deg,#64dfdf 90deg,#64dfdf 135deg,#6ab8ff 135deg,#6ab8ff 180deg,#ff8fab 180deg,#ff8fab 225deg,#b8f2e6 225deg,#b8f2e6 270deg,#ffb703 270deg,#ffb703 315deg,#f28482 315deg,#f28482 360deg);animation:wheel-idle 4.8s ease-in-out infinite}.bottle-wheel.spinning{animation:wheel-spin 4.2s cubic-bezier(.06,.72,.14,1) forwards}.bottle-wheel.result-state{animation:none}.bottle-wheel:before{content:"";position:absolute;top:2rem;right:2rem;bottom:2rem;left:2rem;border-radius:50%;border:.12rem dashed rgba(20,19,31,.28)}.bottle-wheel-mark{position:absolute;top:50%;left:50%;display:inline-grid;place-items:center;width:6.3rem;color:#0f101be0;font-size:clamp(.88rem,1.8vw,1rem);font-weight:900;line-height:1.05;text-align:center;text-transform:uppercase;letter-spacing:-.02em;transform-origin:center center}.bottle-wheel-mark.active{color:#fffaf3;text-shadow:0 0 18px rgba(7,11,20,.38)}.bottle-wheel-mark-1{transform:translate(-50%,-50%) rotate(0) translateY(-9.9rem)}.bottle-wheel-mark-2{transform:translate(-50%,-50%) rotate(45deg) translateY(-9.9rem) rotate(-45deg)}.bottle-wheel-mark-3{transform:translate(-50%,-50%) rotate(90deg) translateY(-9.9rem) rotate(-90deg)}.bottle-wheel-mark-4{transform:translate(-50%,-50%) rotate(135deg) translateY(-9.9rem) rotate(-135deg)}.bottle-wheel-mark-5{transform:translate(-50%,-50%) rotate(180deg) translateY(-9.9rem) rotate(-180deg)}.bottle-wheel-mark-6{transform:translate(-50%,-50%) rotate(225deg) translateY(-9.9rem) rotate(-225deg)}.bottle-wheel-mark-7{transform:translate(-50%,-50%) rotate(270deg) translateY(-9.9rem) rotate(-270deg)}.bottle-wheel-mark-8{transform:translate(-50%,-50%) rotate(315deg) translateY(-9.9rem) rotate(-315deg)}.bottle-wheel-center{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:34%;height:34%;transform:translate(-50%,-50%);border-radius:50%;border:.5rem solid rgba(255,255,255,.6);background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff73),#0d111dad;box-shadow:0 1rem 2rem #0000003d}.bottle-wheel-bottle{position:absolute;top:50%;left:50%;width:24%;height:58%;border-radius:2.2rem 2.2rem 1.2rem 1.2rem;background:linear-gradient(180deg,#2b1527,#4f1835 28%,#6d1732 58%,#2c111b);box-shadow:inset 0 .18rem .25rem #ffffff38,0 .6rem 1.2rem #0000003d;transform:translate(-50%,-50%) rotate(-28deg)}.bottle-wheel-bottle:before{content:"";position:absolute;left:50%;top:-22%;width:32%;height:28%;border-radius:.7rem .7rem .35rem .35rem;background:linear-gradient(180deg,#6d4b2e,#b28b55);transform:translate(-50%)}.bottle-wheel-bottle:after{content:"";position:absolute;left:18%;top:12%;width:20%;height:72%;border-radius:999px;background:linear-gradient(180deg,#ffffff57,#ffffff0a)}.bottle-result-modal{display:grid;gap:1rem;width:min(100%,480px);padding:1.5rem;border-radius:1.7rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 1.6rem 3rem #00000047;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left}.bottle-result-scene{position:relative;display:grid;place-items:center;width:min(100%,620px);min-height:520px}.bottle-result-truth{background:linear-gradient(180deg,#ffffff14,#ffffff0a),#152a45e6}.bottle-result-dare{background:linear-gradient(180deg,#ffffff0f,#ffffff08),#47182aeb}.bottle-result-modal p{margin:0;color:#fff8f2;font-size:clamp(1.35rem,2.7vw,1.95rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;text-wrap:balance}.bottle-result-detail{display:inline-flex;align-items:center;width:fit-content;padding:.4rem .7rem;border-radius:999px;color:#fff9f0e6;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#ffffff14}.bottle-result-actions{display:flex;flex-wrap:wrap;gap:.85rem}.bottle-result-scene .bottle-result-modal{position:absolute;z-index:3;top:.5rem;left:50%;transform:translate(-50%) rotate(-4deg);box-shadow:0 2rem 3.5rem #0000005c,0 0 0 1px #ffffff0f;animation:bottle-card-float-in .52s cubic-bezier(.2,.8,.2,1)}.bottle-result-actions .primary-btn{min-width:180px}.gender-choice-row{display:flex;flex-wrap:wrap;gap:.75rem}.gender-choice-row.centered{justify-content:center}.gender-chip{padding:.85rem 1rem;min-width:120px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#f7efe7;text-transform:capitalize;background:#ffffff0d}.gender-chip.active{background:linear-gradient(135deg,#ff7f5042,#6ab8ff38);border-color:#ffd16673}.participants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.7rem}.participant-card{display:grid;gap:.65rem;padding:.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.participant-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.participant-card-head span{color:var(--text-soft);font-size:.86rem}.participant-gender-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.gender-symbol-button{display:grid;justify-items:center;gap:0;min-height:64px;padding:.7rem .45rem;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;color:#f7efe7;background:#ffffff0d}.gender-symbol-button.active{background:linear-gradient(135deg,#ff7f5042,#6ab8ff38);border-color:#ffd16673}.gender-symbol{font-size:1.35rem;font-weight:900}.room-inline-meta{margin:.45rem 0 0;color:var(--text-soft)}.choice-card{min-height:280px;border:none;border-radius:1.8rem;color:#fff7f1;font-size:2.2rem;font-weight:900;letter-spacing:-.05em;text-transform:uppercase;box-shadow:0 20px 40px #0000003d;transition:transform .18s ease,box-shadow .18s ease}.choice-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 26px 50px #0000004d}.choice-card-truth{background:radial-gradient(circle at 50% 38%,#ffbe2e 0,#ffbe2e 26%,transparent 27%),linear-gradient(145deg,#17405f,#2f2357 55%,#1a1f33)}.choice-card-dare{background:radial-gradient(circle at 50% 38%,#ff302f 0,#ff302f 26%,transparent 27%),linear-gradient(145deg,#74213e,#201a39 55%,#12354d)}.card-stack{position:relative;min-height:400px;display:grid;place-items:center;perspective:1600px}.clean-card-stack{margin:1rem 0 1.3rem}.question-card{width:min(100%,320px);aspect-ratio:.72;border-radius:1.6rem}.deck-scene{min-height:540px}.deck-shell{position:absolute;bottom:.9rem;width:min(100%,355px);height:180px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.24))}.deck-base{position:absolute;inset:auto 0 0 0;height:124px;border-radius:1.4rem;background:linear-gradient(180deg,#fffffffa,#f1f1f1fa),#fff;border:1px solid rgba(163,171,183,.22)}.deck-base:before{content:"";position:absolute;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;border-radius:1rem;background:linear-gradient(135deg,#ff425ce6,#a40016f2);box-shadow:inset 0 0 0 .18rem #ffffffe6;opacity:.96}.deck-base:after{content:"";position:absolute;top:1.35rem;right:1.35rem;bottom:1.35rem;left:1.35rem;border-radius:.72rem;border:.14rem solid rgba(255,255,255,.9);opacity:.9}.deck-base-back{transform:translateY(16px) scale(.98);opacity:.68}.deck-base-mid{transform:translateY(8px) scale(.99);opacity:.84}.deck-base-front{z-index:1}.question-card{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr;gap:1rem;padding:1.2rem;transform:rotate(-12deg);transform-style:preserve-3d;transform-origin:center center;overflow:hidden;box-shadow:0 24px 50px #00000047;animation:card-flip-deal .9s cubic-bezier(.2,.8,.2,1)}.flying-card{position:absolute;top:.1rem;z-index:3}.question-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 34%),linear-gradient(135deg,rgba(0,0,0,.06),transparent 60%);pointer-events:none}.prompt-card-dare{background:linear-gradient(180deg,#230e0e33,#0000003d),radial-gradient(circle at 50% 38%,#ff302f 0,#ff302f 26%,transparent 27%),linear-gradient(145deg,#74213e,#201a39 55%,#12354d)}.prompt-card-truth{background:linear-gradient(180deg,#ffffff1f,#00000024),radial-gradient(circle at 50% 38%,#ffbe2e 0,#ffbe2e 26%,transparent 27%),linear-gradient(145deg,#17405f,#2f2357 55%,#1a1f33)}.question-card-head{position:relative;z-index:1;align-items:flex-start;margin-top:1.15rem}.question-card-corner-button{position:absolute;top:.85rem;right:.85rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:3.5rem;padding:0;border-radius:999px;cursor:pointer;color:#fff8f2;background:#07091285;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px #0003;animation:corner-float 2.8s ease-in-out infinite;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.question-card-corner-button:hover{transform:scale(1.06);background:#121826b3;box-shadow:0 14px 28px #00000042}.question-card-corner-button:active{transform:scale(.96)}.question-card-corner-button:focus-visible{outline:2px solid rgba(255,209,102,.95);outline-offset:3px}.question-card-dice-icon{position:relative;width:2.7rem;height:2.2rem}.dice-cube{position:absolute;width:1.52rem;height:1.52rem;border-radius:.38rem;background:linear-gradient(145deg,#fff,#eef2ff 48%,#d7dff0);box-shadow:inset -.16rem -.2rem .35rem #9fabc38c,inset .14rem .14rem .26rem #fffffff2,0 .4rem .8rem #00000038}.dice-cube-back{top:.06rem;left:.12rem;transform:rotate(-14deg)}.dice-cube-front{right:.06rem;bottom:.02rem;transform:rotate(13deg)}.dice-pip{position:absolute;width:.24rem;height:.24rem;border-radius:999px;background:radial-gradient(circle at 35% 35%,#1f2535,#07090f 72%,#000);box-shadow:0 .02rem .08rem #00000047}.pip-top-left{top:.28rem;left:.28rem}.pip-top-right{top:.28rem;right:.28rem}.pip-center{top:50%;left:50%;transform:translate(-50%,-50%)}.pip-bottom-left{bottom:.28rem;left:.28rem}.pip-bottom-right{right:.28rem;bottom:.28rem}.question-badge{display:inline-flex;align-items:center;justify-content:center;min-width:6.7rem;padding:.55rem .95rem;border-radius:999px;background:#0c0c0cc7;color:#fff7f1;font-size:.84rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.question-card-body{position:relative;z-index:1;display:grid;place-items:center;text-align:center;padding:1rem}.question-card-body p{margin:0;color:#fff8f2;font-size:clamp(1.5rem,2.7vw,2.1rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}.toast{position:fixed;left:50%;bottom:1.4rem;z-index:30;transform:translate(-50%);padding:.9rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:#0a0d17f0}@keyframes card-pop-in{0%{opacity:0;transform:rotate(-16deg) translateY(24px) scale(.92)}to{opacity:1;transform:rotate(-12deg) translateY(0) scale(1)}}@keyframes wheel-idle{0%,to{transform:rotate(0)}30%{transform:rotate(6deg)}65%{transform:rotate(-5deg)}}@keyframes wheel-spin{0%{transform:rotate(-28deg) scale(.98)}34%{transform:rotate(720deg) scale(1.03)}56%{transform:rotate(970deg) scale(1.025)}72%{transform:rotate(1098deg) scale(1.016)}82%{transform:rotate(1158deg) scale(1.01)}89%{transform:rotate(1188deg) scale(1.004)}93%{transform:rotate(1198deg) scale(1.002)}96%{transform:rotate(1203deg) scale(1.001)}97.5%{transform:rotate(1205.4deg) scale(1.0006)}98.6%{transform:rotate(1206.6deg) scale(1.0003)}99.3%{transform:rotate(1207.3deg) scale(1.00015)}99.7%{transform:rotate(1207.75deg) scale(1.00005)}to{transform:rotate(1208deg) scale(1)}}@keyframes bottle-card-float-in{0%{opacity:0;transform:translate(-50%) translateY(26px) rotate(-8deg) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) rotate(-4deg) scale(1)}}@keyframes landing-reveal-up{0%{opacity:0;transform:translateY(56px) scale(.988)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-flip-deal{0%{opacity:0;transform:rotateY(-88deg) rotateX(10deg) rotate(-28deg) translateY(190px) translate(18px) scale(.84);filter:blur(2px)}38%{opacity:1;transform:rotateY(18deg) rotateX(-5deg) rotate(-5deg) translateY(28px) translate(6px) scale(1.02);filter:blur(0)}68%{transform:rotateY(-7deg) rotateX(1deg) rotate(-14deg) translateY(-4px) scale(.995)}to{opacity:1;transform:rotateY(0) rotateX(0) rotate(-12deg) translateY(0) translate(0) scale(1);filter:blur(0)}}@keyframes corner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 980px){.app-layout-shell{grid-template-columns:1fr}.app-side-rail{display:none}.hero-stage,.setup-grid,.play-layout,.catalog-grid,.admin-bank-grid,.landing-section-dual,.landing-steps-grid,.landing-feature-grid{grid-template-columns:1fr}.landing-step-card:nth-child(2),.landing-step-card:nth-child(3){transform:none}.setup-hero,.level-choice-grid,.participants-grid,.showcase-stack{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-preview{margin-left:0}.landing-panel,.landing-panel-hero{min-height:auto}}@media (max-width: 720px){.page-shell{padding:.8rem}.ad-banner-row{display:none}.topbar,.hero-stage,.section-shell,.auth-modal-card{border-radius:1.35rem}.topbar,.section-head{flex-direction:column}.section-head-actions{width:100%}.hero-stage{padding:1.2rem;min-height:auto}.stats-grid{grid-template-columns:1fr}h1{font-size:3rem}.card-stack{min-height:330px}.question-card{width:min(100%,245px)}.deck-scene{min-height:410px}.deck-shell{bottom:.45rem;width:min(100%,272px);height:140px}.deck-base{height:96px}.question-card-head{margin-top:.8rem}.question-card-corner-button{top:.72rem;right:.72rem;width:3.5rem;height:3rem}.question-card-dice-icon{transform:scale(.9)}.stack-card-back-a{transform:rotate(-13deg) translate(-48px,16px)}.stack-card-back-b{transform:rotate(12deg) translate(54px,30px)}.choice-actions{grid-template-columns:1fr}}