@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap";:root{--bg:#07080f;--bg2:#0a0c16;--bg3:#0e1020;--surface:#12152a;--surface2:#171b32;--surface3:#1d2240;--border:#ffffff0f;--border-hover:#ffffff21;--border-gold:#dcaf3c59;--border-glow:#dcaf3c26;--text:#f0f2fa;--text2:#aab3d4;--text3:#737da4;--gold:#d4a017;--gold2:#f0c84a;--gold3:#fde68a;--gold-glow:#d4a01740;--gold-glow2:#d4a0171a;--teal:#2dd4bf;--teal-glow:#2dd4bf2e;--spy:#e879a0;--spy-glow:#e879a033;--green:#34d399;--green-glow:#34d3992e;--red:#f87171;--orange:#fb923c;--blue:#60a5fa;--r-sm:8px;--r:14px;--r-lg:20px;--r-xl:28px;--shadow:0 4px 24px #00000080;--shadow-lg:0 12px 60px #000000b3;--shadow-gold:0 8px 40px #d4a01733}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100dvh;font-family:Tajawal,Cairo,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 15% 0,#d4a01712 0%,#0000 55%),radial-gradient(50% 40% at 85% 100%,#2dd4bf0d 0%,#0000 50%),radial-gradient(40% 30%,#e879a008 0%,#0000 60%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:10px}h1,h2,h3,h4{letter-spacing:-.01em;font-family:Cairo,sans-serif;font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.page{flex-direction:column;min-height:100dvh;display:flex}.page-content{flex:1;padding:32px 0 64px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}.w-full{width:100%}.relative{position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatAlt{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--gold-glow)}50%{box-shadow:0 0 50px var(--gold-glow), 0 0 100px var(--gold-glow2)}}@keyframes orb{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}@keyframes borderFlow{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.anim-fade{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.anim-scale{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleIn}.anim-slide{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.card:hover{border-color:var(--border-hover)}.card-glow{border-color:var(--border-gold);box-shadow:0 0 0 1px var(--border-glow), var(--shadow-gold)}.card-glass{-webkit-backdrop-filter:blur(20px);background:#12152aa6}.btn{border-radius:var(--r-sm);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#fff0;transition:background .15s;position:absolute;inset:0}.btn:hover:before{background:#ffffff0d}.btn:active{transform:scale(.95)!important}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, #b8860b 100%);color:#0a0800;box-shadow:0 4px 20px var(--gold-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px #d4a01761}.btn-secondary{background:var(--surface2);color:var(--text2);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text)}.btn-danger{color:var(--red);background:#f871711a;border-color:#f8717138}.btn-danger:hover{background:#f8717133;border-color:#f8717161}.btn-gold{background:linear-gradient(135deg, #a36b00, var(--gold2), var(--gold3), var(--gold2));color:#1a0f00;box-shadow:0 4px 28px var(--gold-glow);background-size:300% 300%;font-weight:900;animation:3s infinite borderFlow}.btn-gold:hover{box-shadow:0 8px 40px var(--gold-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text);border-color:var(--border-hover)}.btn-teal{color:var(--teal);background:#2dd4bf1f;border-color:#2dd4bf40}.btn-teal:hover{background:#2dd4bf33;border-color:#2dd4bf66}.btn-sm{border-radius:8px;padding:7px 14px;font-size:.8rem}.btn-lg{border-radius:var(--r);padding:14px 28px;font-size:1rem}.btn-xl{border-radius:var(--r);padding:16px 36px;font-size:1.05rem}.btn-icon{aspect-ratio:1;border-radius:9px;padding:9px}.input-group{flex-direction:column;gap:7px;display:flex}.input-label{color:var(--text2);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);direction:rtl;width:100%;padding:13px 16px;font-size:.93rem;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow2);outline:none}.input:hover:not(:focus){border-color:var(--border-hover)}select.input{cursor:pointer}option{background:var(--bg3);color:var(--text)}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-purple{color:var(--gold2);background:#d4a0171f;border:1px solid #d4a01747}.badge-green{color:var(--green);background:#34d3991a;border:1px solid #34d39938}.badge-red{color:var(--red);background:#f871711a;border:1px solid #f8717138}.badge-gold{color:var(--gold2);background:#f0c84a1a;border:1px solid #f0c84a40}.badge-blue{color:var(--blue);background:#60a5fa1a;border:1px solid #60a5fa38}.badge-teal{color:var(--teal);background:#2dd4bf1a;border:1px solid #2dd4bf38}.badge-orange{color:var(--orange);background:#fb923c1a;border:1px solid #fb923c38}.divider{background:var(--border);height:1px;margin:20px 0}.spinner{border:2.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}.spinner-sm{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.avatar{background:linear-gradient(135deg, var(--gold), var(--teal));color:#0a0800;width:40px;height:40px;box-shadow:0 2px 12px var(--gold-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.progress-track{background:var(--bg3);border-radius:999px;height:5px;overflow:hidden}.gradient-text{background:linear-gradient(135deg, var(--gold2), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gold-text{background:linear-gradient(135deg, var(--gold), var(--gold2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spy-text{color:var(--spy)}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text3);pointer-events:none;z-index:1;position:absolute;right:14px}.input-with-icon{padding-right:42px!important}.input-with-toggle{padding-left:42px!important}.pass-toggle{color:var(--text3);cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;left:14px}.pass-toggle:hover{color:var(--text2)}@media (width<=768px){html{font-size:16px}.container{padding:0 16px}.card{border-radius:var(--r);padding:18px}.page-content{padding:20px 0 80px}.btn-xl{padding:14px 24px;font-size:.98rem}}@media (width<=480px){html{font-size:15.5px}.container{padding:0 12px}.card{padding:14px}}body{font-size:1rem;line-height:1.75}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f0c84a9e}button{min-height:40px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar{z-index:200;-webkit-backdrop-filter:blur(28px)saturate(160%);border-bottom:1px solid var(--border);background:#07080fe0;position:sticky;top:0;overflow:visible}.navbar:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-glow), var(--teal-glow), transparent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{filter:drop-shadow(0 0 10px #d4a01780);font-size:1.4rem;animation:4s ease-in-out infinite float}.logo-text{background:linear-gradient(135deg, var(--gold2) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cairo,sans-serif;font-size:1.05rem;font-weight:900}.navbar-links{align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--text3);align-items:center;gap:6px;padding:8px 12px;font-size:.83rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex;position:relative}.nav-link:hover{color:var(--text2);background:var(--surface)}.nav-link.active{color:var(--gold2);background:#d4a0171a}.nav-link.active:after{content:"";background:var(--gold2);border-radius:999px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nav-username{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.avatar-sm{width:26px!important;height:26px!important;font-size:.72rem!important}.nav-logout{color:var(--text3)!important;background:0 0!important;border-color:#0000!important;padding:8px 9px!important}.nav-logout:hover{color:var(--red)!important;background:#f8717114!important;border-color:#f8717126!important}.nav-link-admin{border:1px solid var(--border-gold);background:#d4a01712;color:var(--gold2)!important}.nav-link-admin:hover{background:#d4a01726}.nav-link-admin.active{background:#d4a0172e}@media (width<=600px){.nav-link span:not(.nav-badge){display:none}.nav-link{gap:0;padding:8px}.nav-username{display:none}.logo-text{font-size:.92rem}.navbar-inner{height:54px}}.refresh-track{opacity:0;pointer-events:none;z-index:201;background:0 0;height:2px;transition:opacity .6s;position:absolute;bottom:-1px;left:0;right:0;overflow:visible}.refresh-track.ri-visible{opacity:1}.refresh-fill{background:linear-gradient(90deg, transparent 0%, var(--accent) 25%, var(--accent2) 60%, var(--cyan) 100%);height:100%;box-shadow:0 0 10px var(--accent-glow), 0 0 20px #74b9ff26;border-radius:0 2px 2px 0;transition:width .1s linear;position:relative}.refresh-fill.ri-pulsing{background:linear-gradient(90deg, var(--accent), var(--cyan), var(--accent2), var(--cyan));box-shadow:0 0 14px var(--accent-glow), 0 0 28px #74b9ff33;background-size:300% 100%;animation:.9s linear infinite borderFlow}.ri-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan), 0 0 16px #74b9ff99;border-radius:50%;animation:.5s ease-in-out infinite alternate ri-dot-pulse;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}@keyframes ri-dot-pulse{0%{opacity:.7;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1.3)}}.landing{flex-direction:column;display:flex}.hero{align-items:center;min-height:calc(100dvh - 60px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a01717 0%,#0000 65%);border-radius:50%;width:800px;height:800px;animation:9s ease-in-out infinite orb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#2dd4bf0f 0%,#0000 65%);border-radius:50%;width:400px;height:400px;animation:12s ease-in-out 3s infinite orb;position:absolute;top:20%;left:8%}.hero-glow{pointer-events:none;background:radial-gradient(circle,#e879a00f 0%,#0000 65%);border-radius:50%;width:300px;height:300px;animation:10s ease-in-out 1.5s infinite orb;position:absolute;bottom:20%;right:8%}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;padding:72px 0;display:flex;position:relative}.hero-eyebrow{color:var(--gold2);letter-spacing:.06em;text-transform:uppercase;background:#d4a0171a;border:1px solid #d4a01747;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.76rem;font-weight:800;animation:.5s both fadeIn;display:inline-flex}.hero-eyebrow-dot{background:var(--gold2);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hero-title{letter-spacing:-.03em;max-width:820px;font-size:clamp(2.6rem,8vw,5.5rem);font-weight:900;line-height:1.08;animation:.5s .1s both fadeIn}.hero-subtitle{color:var(--text2);max-width:500px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.75;animation:.5s .2s both fadeIn}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;animation:.5s .3s both fadeIn;display:flex}.hero-stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);align-items:stretch;margin-top:6px;animation:.5s .4s both fadeIn;display:flex;overflow:hidden}.stat{flex-direction:column;align-items:center;gap:2px;padding:14px 28px;display:flex}.stat-num{color:var(--gold2);font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.stat-label{color:var(--text3);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.stat-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px}.floating-cards{pointer-events:none;display:none;position:absolute;inset:0}@media (width>=1100px){.floating-cards{display:block}}.float-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r);color:var(--text2);box-shadow:var(--shadow);background:#12152abf;flex-direction:column;gap:4px;padding:16px 18px;font-size:.82rem;font-weight:700;display:flex;position:absolute}.fc-emoji{margin-bottom:2px;font-size:1.6rem}.fc-role{letter-spacing:.03em;font-size:.7rem;font-weight:800}.spy-color{color:var(--spy)}.insider-color{color:var(--green)}.float-card-1{animation:5s ease-in-out infinite floatAlt;top:24%;right:5%}.float-card-2{animation:5s ease-in-out 1.8s infinite floatAlt;top:56%;right:3%}.float-card-3{animation:5s ease-in-out 3.2s infinite floatAlt;top:26%;left:5%}.how-section{padding:96px 0 80px}.section-eyebrow{justify-content:center;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-eyebrow:before,.section-eyebrow:after{content:"";background:linear-gradient(90deg, transparent, var(--border));flex:1;max-width:80px;height:1px}.section-eyebrow span{color:var(--gold2);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:900}.section-title{margin-bottom:10px;font-size:clamp(1.6rem,3.5vw,2.4rem)}.section-sub{color:var(--text2);margin-bottom:52px;font-size:.95rem}.step-card{flex-direction:column;gap:14px;padding:30px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex;position:relative;overflow:hidden}.step-card:before{content:"";opacity:0;background:linear-gradient(135deg,#d4a0170a 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.step-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-gold);transform:translateY(-5px)}.step-num{background:linear-gradient(135deg, var(--gold), #b8860b);color:#0a0800;letter-spacing:.05em;border-radius:0 0 8px 8px;padding:3px 10px;font-family:Cairo,sans-serif;font-size:.65rem;font-weight:900;position:absolute;top:-1px;right:20px}.step-icon{background:var(--surface2);border-radius:var(--r-sm);border:1px solid var(--border);justify-content:center;align-items:center;width:54px;height:54px;font-size:2.2rem;display:flex}.step-card h3{color:var(--text);font-size:.96rem}.step-card p{color:var(--text2);font-size:.84rem;line-height:1.65}.roles-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0;position:relative;overflow:hidden}.roles-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#e879a00d 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:-200px;transform:translateY(-50%)}.roles-grid{margin-top:48px;grid-template-columns:1fr 1fr;gap:16px;max-width:700px;margin-inline:auto;display:grid}.role-card{text-align:center;border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:12px;padding:28px 24px;transition:transform .25s,box-shadow .25s;display:flex}.role-card:hover{transform:translateY(-4px)}.role-card.spy-card{background:#e879a00f;border-color:#e879a040}.role-card.spy-card:hover{box-shadow:0 8px 32px #e879a026}.role-card.insider-card{background:#34d3990f;border-color:#34d39940}.role-card.insider-card:hover{box-shadow:0 8px 32px #34d39926}.role-emoji{font-size:3rem}.role-title{font-size:1.1rem;font-weight:900}.role-desc{color:var(--text2);font-size:.83rem;line-height:1.65}.spy-card .role-title{color:var(--spy)}.insider-card .role-title{color:var(--green)}.topics-section{padding:80px 0}.topics-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;display:flex}.topic-chip{background:var(--surface);border:1px solid var(--border);color:var(--text2);cursor:default;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.87rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.topic-chip:hover{border-color:var(--border-gold);color:var(--text);box-shadow:0 4px 18px var(--gold-glow2);background:#d4a01714;transform:translateY(-3px)}.topic-chip span:first-child{font-size:1.2rem}.cta-section{padding:96px 0}.cta-card{border-radius:var(--r-xl);background:linear-gradient(155deg, var(--surface), var(--surface2));border-color:var(--border-gold);max-width:540px;box-shadow:0 0 0 1px var(--border-glow), var(--shadow-gold);text-align:center;flex-direction:column;align-items:center;gap:18px;margin:0 auto;padding:56px 48px;display:flex;position:relative;overflow:hidden}.cta-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--teal), var(--gold), transparent);background-size:200% 100%;height:2px;animation:3s infinite borderFlow;position:absolute;top:0;left:0;right:0}.cta-card h2{font-size:2.1rem}.cta-card p{color:var(--text2);font-size:.95rem}.footer{text-align:center;color:var(--text3);border-top:1px solid var(--border);padding:24px;font-size:.8rem}@media (width<=768px){.hero-content{gap:18px;padding:52px 0}.hero-title{font-size:clamp(2rem,10vw,3rem)}.steps-grid{grid-template-columns:1fr 1fr}.cta-card{padding:40px 24px}.stat{padding:12px 18px}.how-section{padding:64px 0 52px}.topics-section{padding:56px 0}.cta-section{padding:64px 0}.roles-section{padding:56px 0}}@media (width<=480px){.steps-grid,.roles-grid{grid-template-columns:1fr}.stat{padding:10px 14px}.stat-num{font-size:1.2rem}}.auth-page{justify-content:center;align-items:center;min-height:calc(100dvh - 60px);padding:32px 16px;display:flex;position:relative;overflow:hidden}.auth-glow{pointer-events:none;background:radial-gradient(circle,#d4a01714 0%,#0000 65%);border-radius:50%;width:550px;height:550px;animation:9s ease-in-out infinite orb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-glow-2{pointer-events:none;background:radial-gradient(circle,#2dd4bf0f 0%,#0000 65%);border-radius:50%;width:320px;height:320px;animation:11s ease-in-out 2s infinite orb;position:absolute;top:12%;right:8%}.auth-card{z-index:1;background:linear-gradient(160deg, var(--surface), var(--surface2));border-color:var(--border-hover);border-radius:var(--r-xl);width:100%;max-width:430px;box-shadow:var(--shadow-lg);padding:44px 40px 36px;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--teal), var(--gold), transparent);border-radius:var(--r-xl) var(--r-xl) 0 0;background-size:200% 100%;height:2px;animation:3s infinite borderFlow;position:absolute;top:0;left:0;right:0}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:34px;display:flex}.auth-icon{filter:drop-shadow(0 0 14px #d4a01773);margin-bottom:4px;font-size:3rem;animation:2.8s ease-in-out infinite bounce}.auth-header h1{letter-spacing:-.02em;font-size:1.8rem}.auth-header p{color:var(--text2);font-size:.9rem}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-footer{text-align:center;color:var(--text2);margin-top:24px;font-size:.87rem}.auth-link{color:var(--gold2);font-weight:800;transition:color .15s}.auth-link:hover{color:var(--teal)}.consent-block{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r);flex-direction:column;gap:10px;padding:16px;transition:border-color .3s,background .3s;display:flex}.consent-block.consent-accepted{background:#34d3990a;border-color:#34d39966}.consent-block.consent-shake{animation:.5s consentShake;border-color:var(--red)!important}@keyframes consentShake{0%{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.consent-header{color:var(--text2);align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:flex}.consent-desc{color:var(--text3);font-size:.82rem;line-height:1.6}.consent-link{font-weight:700;text-decoration:underline;transition:opacity .15s}.consent-link:hover{opacity:.8}.consent-link-gold{color:var(--gold2)}.consent-link-green{color:var(--green)}.consent-checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;align-items:center;gap:10px;min-height:44px;display:flex;position:relative}.consent-hidden-input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.consent-hidden-input:focus-visible+.custom-checkbox{outline-offset:3px;outline:3px solid #34d39947}.custom-checkbox{border:2px solid var(--border-hover);background:var(--surface3);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s,border-color .2s,transform .15s;display:flex}.custom-checkbox.checked{background:var(--green);border-color:var(--green);transform:scale(1.08)}.custom-checkbox.checked svg{animation:.25s checkPop}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.consent-checkbox-label{color:var(--text2);font-size:.84rem;font-weight:600;line-height:1.4}.btn-muted{opacity:.6;cursor:default}.btn-muted:hover{opacity:.6}@media (width<=480px){.auth-card{border-radius:var(--r-lg);padding:30px 20px 26px}.auth-header h1{font-size:1.55rem}}.lobby-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:28px;display:flex}.lobby-header h1{font-size:clamp(1.35rem,4vw,1.85rem)}.lobby-subtitle{color:var(--text3);margin-top:4px;font-size:.86rem;font-weight:500}.join-code-card{background:linear-gradient(135deg, var(--surface), var(--surface2));border-color:var(--border-hover);margin-bottom:28px;padding:20px 24px;position:relative;overflow:hidden}.join-code-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--teal));height:2px;position:absolute;top:0;left:0;right:0}.join-code-title{color:var(--text2);align-items:center;gap:8px;margin-bottom:14px;font-size:.88rem;font-weight:800;display:flex}.join-code-form{gap:10px;display:flex}.join-input{text-transform:uppercase;letter-spacing:6px;text-align:center;direction:ltr;flex:1;max-width:200px;font-family:Cairo,monospace;font-size:1.15rem;font-weight:900}.rooms-section{flex-direction:column;gap:18px;display:flex}.rooms-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rooms-title{align-items:center;gap:10px;display:flex}.rooms-title h2{font-size:1.08rem}.rooms-controls{align-items:center;gap:8px;display:flex}.search-wrap{position:relative}.search-input{width:175px!important;padding-right:38px!important;font-size:.86rem!important}.rooms-loading,.rooms-empty{color:var(--text2);flex-direction:column;align-items:center;gap:14px;padding:80px 0;display:flex}.empty-icon{opacity:.5;font-size:3.2rem;animation:3s ease-in-out infinite float}.rooms-empty p{color:var(--text3);font-size:.9rem}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.room-card{cursor:pointer;border-radius:var(--r);flex-direction:column;gap:10px;padding:18px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.room-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 40%,#d4a0170d 100%);transition:opacity .22s;position:absolute;inset:0}.room-card:hover{border-color:var(--border-gold);box-shadow:0 10px 40px var(--gold-glow2);transform:translateY(-5px)}.room-card:hover:before{opacity:1}.room-card:after{content:"";border:2px solid var(--gold);opacity:0;border-radius:12px;width:48px;height:48px;transition:all .3s;position:absolute;top:18px;right:18px;transform:scale(.8)}.room-card:hover:after{opacity:.15;transform:scale(1.1)}.room-card-top{justify-content:space-between;align-items:flex-start;display:flex}.room-topic-icon{background:var(--surface2);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:transform .2s;display:flex}.room-card:hover .room-topic-icon{transform:scale(1.08)rotate(-3deg)}.room-code{letter-spacing:3px;font-family:Cairo,monospace;font-size:.65rem;font-weight:900}.room-name{color:var(--text);font-size:.95rem;font-weight:800;line-height:1.3}.room-owner{color:var(--text3);font-size:.76rem;font-weight:500}.room-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.room-players{color:var(--text2);align-items:center;gap:5px;font-size:.78rem;font-weight:700;display:flex}.room-join-hint{background:linear-gradient(135deg, var(--gold), #b8860b);color:#0a0800;text-align:center;letter-spacing:.02em;padding:8px;font-size:.76rem;font-weight:800;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.room-card:hover .room-join-hint{transform:translateY(0)}@media (width<=600px){.rooms-grid{grid-template-columns:1fr 1fr;gap:10px}.room-card{padding:14px}.room-topic-icon{border-radius:10px;width:40px;height:40px;font-size:1.5rem}.room-name{font-size:.86rem}.join-input{letter-spacing:4px;max-width:140px;font-size:1rem}.search-input{width:130px!important}}@media (width<=380px){.rooms-grid{grid-template-columns:1fr}}.create-wrap{max-width:640px;margin:0 auto}.create-header{margin-bottom:28px}.create-icon{filter:drop-shadow(0 0 12px #d4a0174d);margin-bottom:10px;font-size:3rem;animation:4s ease-in-out infinite float;display:block}.create-header h1{font-size:clamp(1.5rem,4vw,2rem)}.create-header p{color:var(--text2);margin-top:6px;font-size:.9rem}.gems-balance-bar{border-radius:var(--r-sm);color:var(--text2);background:#d4a01712;border:1px solid #d4a01733;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:.85rem;display:flex}.gems-balance-bar strong{color:var(--gold2)}.gems-hint{color:var(--text3);margin-right:auto;font-size:.76rem}.create-card{position:relative;overflow:hidden}.create-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--teal));height:2px;position:absolute;top:0;left:0;right:0}.create-form{flex-direction:column;gap:24px;display:flex}.char-count{color:var(--text3);align-self:flex-end;margin-top:-4px;font-size:.72rem}.topics-picker{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.topic-btn{border-radius:var(--r-sm);background:var(--bg3);border:2px solid var(--border);color:var(--text2);cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;font-size:.78rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.topic-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface);transform:translateY(-2px)}.topic-btn.selected{border-color:var(--gold);color:var(--gold2);box-shadow:0 0 0 3px var(--gold-glow2);background:#d4a0171a}.topic-btn.topic-locked{opacity:.6}.topic-btn.topic-locked:hover{opacity:.8}.tp-emoji{font-size:1.8rem}.tp-label{font-size:.78rem;font-weight:800}.tp-gem-price{color:var(--gold2);background:#d4a0171f;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;display:flex}.tp-unlocked{color:var(--green);font-size:.65rem;font-weight:800}.tp-count{color:var(--text3);font-size:.65rem}.privacy-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.privacy-btn{border-radius:var(--r-sm);background:var(--bg3);border:2px solid var(--border);color:var(--text2);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.privacy-btn span{font-size:.9rem;font-weight:800}.privacy-btn small{color:var(--text3);font-size:.72rem;font-weight:500;line-height:1.4}.privacy-btn:hover{border-color:var(--border-hover);color:var(--text)}.privacy-btn.selected{border-color:var(--gold);color:var(--gold2);background:#d4a01714}.privacy-btn.selected small{color:var(--text2)}.players-picker{flex-wrap:wrap;gap:8px;display:flex}.num-btn{border-radius:var(--r-sm);background:var(--bg3);border:2px solid var(--border);width:46px;height:46px;color:var(--text2);cursor:pointer;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .15s;display:flex}.num-btn:hover{border-color:var(--border-hover);color:var(--text)}.num-btn.selected{border-color:var(--gold);color:var(--gold2);box-shadow:0 0 0 3px var(--gold-glow2);background:#d4a0171a}.preview-card{border-radius:var(--r-sm);background:#d4a0170d;border:1px solid #d4a0172e;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.preview-row{justify-content:space-between;align-items:center;gap:8px;font-size:.83rem;display:flex}.preview-label{color:var(--text3);white-space:nowrap;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border-gold);border-radius:var(--r-xl);text-align:center;width:100%;max-width:360px;box-shadow:0 0 0 1px var(--border-glow), var(--shadow-gold);flex-direction:column;align-items:center;gap:14px;padding:40px 32px;display:flex}.modal-icon{font-size:3.5rem;animation:2s ease-in-out infinite bounce}.modal-card h2{font-size:1.3rem}.modal-desc{color:var(--text2);font-size:.9rem}.modal-balance{color:var(--text2);background:var(--surface2);border-radius:var(--r-sm);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;display:flex}.modal-insufficient{color:var(--red);font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:4px;display:flex}@media (width<=600px){.topics-picker{grid-template-columns:repeat(3,1fr);gap:8px}.topic-btn{padding:12px 8px}.tp-emoji{font-size:1.5rem}.privacy-picker{grid-template-columns:1fr 1fr}}@media (width<=380px){.topics-picker{grid-template-columns:repeat(2,1fr)}}.phase-wrap{min-height:calc(100dvh - 60px);padding:28px 0 72px}.phase-container{flex-direction:column;gap:22px;display:flex}.phase-container.narrow{max-width:640px}.phase-badge{color:var(--gold2);letter-spacing:.03em;background:#d4a0171a;border:1px solid #d4a0173d;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 18px;font-size:.82rem;font-weight:800;display:inline-flex}.phase-header{flex-direction:column;gap:12px;display:flex}.phase-header h1{font-size:clamp(1.4rem,4vw,2rem)}.progress-track{background:var(--surface2);border-radius:999px;width:100%;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--teal));border-radius:999px;height:100%;transition:width .5s}.animated-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.room-info-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.room-category-label{box-shadow:0 2px 14px var(--gold-glow2);background:#d4a01714;border:1.5px solid #d4a01747;border-radius:999px;align-items:center;gap:10px;padding:10px 24px;display:inline-flex}.room-category-emoji{font-size:1.5rem;line-height:1}.room-category-text{color:var(--gold2);font-size:1.1rem;font-weight:800}.room-title{font-size:clamp(1.6rem,4vw,2.4rem)}.room-code-display{background:var(--surface);border:2px dashed var(--border-gold);border-radius:var(--r);cursor:pointer;align-items:center;gap:10px;padding:14px 24px;transition:all .2s;display:flex;position:relative}.room-code-display:hover{border-color:var(--gold);background:var(--surface2);box-shadow:0 4px 20px var(--gold-glow2)}.code-label{color:var(--text3);font-size:.78rem;font-weight:600}.code-value{letter-spacing:7px;color:var(--gold2);font-family:Cairo,monospace;font-size:1.9rem;font-weight:900}.copy-icon{color:var(--text3)}.copied-badge{background:var(--green);color:#fff;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800;animation:.2s fadeIn;position:absolute;top:-11px;right:50%;transform:translate(50%)}.room-hint{color:var(--text3);font-size:.83rem}.waiting-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.players-card{flex-direction:column;gap:16px;display:flex}.players-header{justify-content:space-between;align-items:center;display:flex}.players-header h2{font-size:.97rem;font-weight:800}.players-progress{flex-direction:column;gap:6px;display:flex}.min-players-hint{color:var(--orange);font-size:.78rem;font-weight:600}.players-list{flex-direction:column;gap:8px;display:flex}.player-row{border-radius:var(--r-sm);background:var(--bg3);border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.player-row:hover{background:var(--surface2)}.player-row.player-me{background:#d4a0170d;border-color:#d4a01747}.player-left{align-items:center;gap:12px;display:flex}.player-right{align-items:center;gap:8px;display:flex}.player-name{flex-wrap:wrap;align-items:center;gap:4px;font-size:.88rem;font-weight:700;display:flex}.online-dot{color:var(--green);align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.offline-dot{color:var(--text3);align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.join-requests-box{border-radius:var(--r-sm);background:#d4a0170d;border:1px solid #d4a0172e;flex-direction:column;gap:10px;padding:14px;display:flex}.join-requests-title{color:var(--gold2);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:800}.join-request-row{background:var(--surface2);border-radius:var(--r-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.join-request-actions{gap:6px;display:flex}.private-room-note{border-radius:var(--r-sm);color:var(--orange);background:#fb923c14;border:1px solid #fb923c33;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:600;display:flex}.owner-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex}.owner-panel-icon{font-size:2.8rem;animation:3s ease-in-out infinite float}.owner-panel h3{font-size:1.08rem}.owner-panel p{color:var(--text2);font-size:.83rem}.btn-disabled-look{opacity:.45;cursor:not-allowed}.waiting-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 22px;display:flex}.waiting-anim{font-size:2.5rem;animation:4s linear infinite spin;display:inline-block}.waiting-panel h3{font-size:1rem}.waiting-panel p{color:var(--text2);font-size:.83rem}.waiting-dots{align-items:center;gap:6px;display:flex}.waiting-dots span{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}.waiting-actions{flex-direction:column;gap:10px;display:flex}.players-mini{padding:16px 20px}.mini-title{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.78rem;font-weight:700}.mini-players{flex-wrap:wrap;gap:10px;display:flex}.mini-player{color:var(--text2);align-items:center;gap:6px;font-size:.82rem;display:flex}.mini-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.mini-online{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mini-offline{background:var(--text3);border-radius:50%;flex-shrink:0;width:7px;height:7px}.phase-controls{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.phase-hint{color:var(--text2);font-size:.83rem}.role-reveal-card{flex-direction:column;gap:0;padding:44px 32px;display:flex}.role-hidden{flex-direction:column;align-items:center;gap:22px;display:flex}.role-mystery{font-size:4.5rem;animation:3s ease-in-out infinite float}.role-hidden h2{font-size:1.65rem}.role-revealed{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.role-icon-wrap{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.role-icon-bg{border-radius:50%;animation:2.5s ease-out infinite ripple;position:absolute;inset:0}.role-emoji-big{z-index:1;font-size:4.5rem;position:relative}.role-name{font-size:2rem;font-weight:900}.role-desc-long{color:var(--text2);max-width:320px;font-size:.9rem;line-height:1.7}.role-spy .role-icon-bg{background:#e879a026}.role-spy .role-name{color:var(--spy)}.role-insider .role-icon-bg{background:#34d3991f}.role-insider .role-name{color:var(--green)}.topic-reveal{border-radius:var(--r);text-align:center;background:#d4a01714;border:1px solid #d4a01733;padding:16px 24px}.topic-reveal-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.76rem;font-weight:700}.topic-reveal-value{color:var(--gold2);font-size:1.3rem;font-weight:900}.tap-hint{color:var(--text3);font-size:.8rem;animation:2s ease-in-out infinite pulse}.question-phase-grid{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.current-player-card{flex-direction:column;gap:16px;padding:24px;display:flex}.current-player-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding-bottom:14px;display:flex}.current-player-avatar{background:linear-gradient(135deg, var(--gold), var(--teal));color:#0a0800;width:52px;height:52px;box-shadow:0 0 20px var(--gold-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:flex}.current-player-info{flex-direction:column;gap:2px;display:flex}.current-player-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.current-player-name{font-size:1.1rem;font-weight:800}.question-display{background:var(--bg3);border-radius:var(--r-sm);flex-direction:column;gap:8px;padding:18px;display:flex}.question-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.question-text{color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.55}.players-queue{flex-direction:column;gap:8px;display:flex}.queue-item{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg3);align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;transition:all .2s;display:flex}.queue-item.queue-current{border-color:var(--gold);color:var(--gold2);background:#d4a01714;font-weight:800}.queue-item.queue-done{opacity:.38}.queue-num{color:var(--text3);text-align:center;width:18px;font-size:.7rem;font-weight:700}.qp-owner-controls{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-top:14px;display:flex}.voting-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.vote-card{border-radius:var(--r);cursor:pointer;text-align:center;border:2px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:10px;padding:22px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.vote-card:hover{border-color:var(--spy);background:#e879a012;transform:translateY(-3px);box-shadow:0 8px 24px #e879a01f}.vote-card.voted{border-color:var(--spy);background:#e879a01a;box-shadow:0 0 0 3px #e879a026}.vote-card.cannot-vote{opacity:.38;cursor:not-allowed}.vote-avatar{background:linear-gradient(135deg, var(--surface3), var(--surface2));border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:900;transition:all .2s;display:flex}.vote-card:hover .vote-avatar{border-color:var(--spy);background:#e879a01f}.vote-name{font-size:.88rem;font-weight:700}.vote-count{color:var(--text3);font-size:.75rem}.vote-progress{border-top:1px solid var(--border);flex-direction:column;gap:5px;width:100%;padding-top:10px;display:flex}.vote-pct{color:var(--spy);font-size:.7rem;font-weight:800}.results-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.result-icon{font-size:5rem;animation:2s ease-in-out infinite bounce}.result-title{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900}.spy-revealed-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.revealed-emoji{font-size:3.5rem;animation:3s ease-in-out infinite float}.scores-list{flex-direction:column;gap:8px;display:flex}.score-row{border-radius:var(--r-sm);background:var(--bg3);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.score-rank{width:28px;color:var(--text3);text-align:center;flex-shrink:0;font-size:.85rem;font-weight:900}.score-rank.rank-1{color:var(--gold2);font-size:1.1rem}.score-rank.rank-2{color:var(--text2)}.score-rank.rank-3{color:var(--orange)}.score-name{flex:1;font-size:.9rem;font-weight:700}.score-gems{color:var(--gold2);align-items:center;gap:5px;font-size:.88rem;font-weight:800;display:flex}.spy-choices-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.spy-choice-btn{border-radius:var(--r-sm);background:var(--bg3);border:2px solid var(--border);color:var(--text2);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;font-size:.85rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.spy-choice-btn:hover{border-color:var(--spy);color:var(--spy);background:#e879a014;transform:translateY(-2px);box-shadow:0 6px 20px #e879a01f}.spy-choice-emoji{font-size:2rem}.room-q-panel{z-index:150;flex-direction:column;gap:8px;width:340px;display:flex;position:fixed;bottom:20px;left:20px}.rq-card{padding:14px 16px}.rq-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rq-title{color:var(--text2);letter-spacing:.03em;font-size:.8rem;font-weight:800}.rq-form{gap:8px;margin-top:8px;display:flex}.rq-input{flex:1;padding:9px 12px;font-size:.83rem}.rq-btn{padding:9px 14px;font-size:.83rem}.rq-messages{flex-direction:column;gap:8px;max-height:180px;display:flex;overflow-y:auto}.rq-msg{background:var(--surface2);border-radius:var(--r-sm);padding:10px 12px;font-size:.82rem}.rq-msg-meta{color:var(--text3);align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}.owner-controls{padding:16px 20px}@media (width<=900px){.question-phase-grid{grid-template-columns:1fr}}@media (width<=700px){.waiting-layout{grid-template-columns:1fr}.phase-wrap{padding:20px 0 80px}}@media (width<=480px){.code-value{letter-spacing:5px;font-size:1.5rem}.voting-grid,.spy-choices-grid{grid-template-columns:1fr 1fr}.role-reveal-card{padding:28px 18px}.room-q-panel{width:calc(100vw - 32px);bottom:16px;left:16px}.qp-owner-controls{flex-direction:column}}.role-big-icon{filter:drop-shadow(0 0 20px #d4a01766);margin-bottom:8px;font-size:5rem;animation:3s ease-in-out infinite float}.role-title-badge{letter-spacing:.03em;border-radius:999px;align-items:center;margin-bottom:8px;padding:6px 22px;font-size:.9rem;font-weight:900;display:inline-flex}.spy-badge{color:var(--spy);background:#e879a01f;border:1px solid #e879a04d}.insider-badge{color:var(--green);background:#34d3991a;border:1px solid #34d39940}.spy-info,.insider-info{text-align:center;border-radius:var(--r);flex-direction:column;align-items:center;gap:8px;margin-bottom:8px;padding:16px 20px;display:flex}.spy-info{background:#e879a00f;border:1px solid #e879a02e}.insider-info{background:#34d3990f;border:1px solid #34d3992e}.spy-info h3{color:var(--spy);font-size:1.2rem}.insider-info h3{color:var(--green);font-size:1.2rem}.spy-info p,.insider-info p{color:var(--text2);margin:0;font-size:.87rem}.secret-word{color:var(--gold2);border-radius:var(--r);letter-spacing:.04em;box-shadow:0 4px 20px var(--gold-glow);background:#d4a0171a;border:2px solid #d4a0174d;padding:12px 32px;font-size:1.9rem;font-weight:900;animation:3s ease-in-out infinite glow}.qp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.qp-progress-wrap{flex:1;align-items:center;gap:10px;max-width:260px;display:flex}.qp-progress-track{background:var(--surface2);border-radius:999px;flex:1;height:5px;overflow:hidden}.qp-progress-fill{background:linear-gradient(90deg, var(--gold), var(--teal));border-radius:999px;height:100%;transition:width .5s}.qp-progress-label{color:var(--gold2);white-space:nowrap;font-size:.78rem;font-weight:800}.qp-layout{grid-template-columns:1fr 260px;align-items:start;gap:18px;display:grid}.qp-main{flex-direction:column;gap:14px;display:flex}.qp-side{position:sticky;top:78px}.qp-role-card{border-radius:var(--r);border:1px solid #0000;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.qp-role-spy{background:#e879a012;border-color:#e879a038}.qp-role-insider{background:#34d3990f;border-color:#34d39933}.qp-role-left{align-items:center;gap:12px;display:flex}.qp-role-icon{filter:drop-shadow(0 0 8px #d4a0174d);font-size:2rem}.qp-role-title{color:var(--text);font-size:.92rem;font-weight:800}.qp-role-sub{color:var(--text2);margin-top:2px;font-size:.78rem}.qp-word-btn{border-radius:var(--r-sm);color:var(--gold2);cursor:pointer;white-space:nowrap;background:#d4a0171a;border:1px solid #d4a01747;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex}.qp-word-btn:hover,.qp-word-btn.qp-word-visible{background:#d4a0172e;border-color:#d4a01773}.qp-word-chip{border-radius:var(--r);box-shadow:0 4px 20px var(--gold-glow2);background:#d4a01717;border:2px solid #d4a0174d;justify-content:center;align-items:center;gap:12px;padding:14px 24px;display:flex}.qp-word-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.qp-word-value{color:var(--gold2);letter-spacing:.03em;font-size:1.5rem;font-weight:900}.qp-turn-card{flex-direction:column;gap:18px;padding:22px 20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.qp-turn-asker{border-color:#2dd4bf4d;box-shadow:0 0 0 1px #2dd4bf1a,0 8px 32px #2dd4bf14}.qp-turn-answerer{box-shadow:0 0 0 1px #d4a0171a, 0 8px 32px var(--gold-glow2);border-color:#d4a0174d}.qp-my-turn-alert{border-radius:var(--r-sm);align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:800;animation:2s ease-in-out infinite pulse;display:flex}.alert-ask{color:var(--teal);background:#2dd4bf1f;border:1px solid #2dd4bf40}.alert-ans{color:var(--gold2);background:#d4a0171f;border:1px solid #d4a01747}.qp-players-visual{justify-content:center;align-items:center;gap:0;padding:8px 0;display:flex}.qp-player-block{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:140px;display:flex}.qp-player-avatar{color:#0a0800;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.3rem;font-weight:900;transition:all .2s;display:flex}.qp-asker-av{background:linear-gradient(135deg, var(--teal), #1a9e8f);box-shadow:0 0 20px #2dd4bf4d}.qp-answerer-av{background:linear-gradient(135deg, var(--gold), #b8860b);box-shadow:0 0 20px var(--gold-glow)}.qp-me-block .qp-player-avatar{border-color:#ffffff40;transform:scale(1.1)}.qp-player-info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.qp-player-name{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:.88rem;font-weight:800;display:flex}.qp-you-tag{color:var(--gold2);background:#d4a01726;border:1px solid #d4a0174d;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:800}.qp-player-role-tag{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.qp-ask-tag{color:var(--teal);background:#2dd4bf1a;border:1px solid #2dd4bf33}.qp-ans-tag{color:var(--gold2);background:#d4a0171a;border:1px solid #d4a01733}.qp-arrow-wrap{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 10px 28px;display:flex}.qp-arrow-line{background:linear-gradient(to bottom, var(--border-hover), transparent);width:1px;height:20px}.qp-arrow-icon{filter:drop-shadow(0 0 8px #d4a0174d);font-size:1.4rem}.qp-voice-note{text-align:center;color:var(--text3);border-top:1px solid var(--border);padding-top:4px;font-size:.8rem}.qp-waiting-turn{text-align:center;color:var(--text2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;font-size:.93rem;display:flex}.qp-players-card{padding:20px}.qp-players-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.qp-players-heading h2{color:var(--text);margin-top:2px;font-size:1.08rem;font-weight:900}.qp-players-eyebrow{color:var(--text2);font-size:.76rem;font-weight:700}.qp-player-count{color:#171006;background:linear-gradient(135deg, var(--gold2), var(--gold));min-width:34px;height:34px;box-shadow:0 5px 18px var(--gold-glow);border-radius:11px;place-items:center;padding-inline:9px;font-size:.88rem;font-weight:900;display:grid}.qp-players-list{flex-direction:column;gap:6px;display:flex}.qp-player-row{background:var(--bg3);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 12px;transition:all .18s;display:flex}.qp-row-asking{background:#2dd4bf0f;border-color:#2dd4bf47}.qp-row-answering{background:#d4a0170d;border-color:#d4a01747}.qp-row-me{border-color:#d4a01738}.qp-row-left{align-items:center;gap:10px;min-width:0;display:flex}.qp-row-right{align-items:center;gap:8px;display:flex}.qp-row-avatar{background:linear-gradient(135deg, var(--surface3), var(--surface2));width:38px;height:38px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;font-weight:900;transition:all .18s;display:flex}.qp-row-av-ask{background:linear-gradient(135deg, var(--teal), #1a9e8f);color:#0a0800;box-shadow:0 0 10px #2dd4bf4d}.qp-row-av-ans{background:linear-gradient(135deg, var(--gold), #b8860b);color:#0a0800;box-shadow:0 0 10px var(--gold-glow)}.qp-row-name-wrap{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.qp-row-name{max-width:150px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:800;overflow:hidden}.qp-status-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.qp-badge-ask{color:var(--teal);background:#2dd4bf1f}.qp-badge-ans{color:var(--gold2);background:#d4a0171f}.qp-dot-online{background:var(--green);width:9px;height:9px;box-shadow:0 0 6px var(--green-glow);border-radius:50%;flex-shrink:0}.qp-dot-offline{background:var(--text3);border-radius:50%;flex-shrink:0;width:9px;height:9px}@media (width<=760px){.qp-layout{grid-template-columns:1fr}.qp-side{order:-1;position:static}.qp-players-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.qp-header{flex-direction:column;align-items:flex-start}.qp-progress-wrap{width:100%;max-width:100%}}@media (width<=480px){.qp-players-visual{gap:0}.qp-players-list{grid-template-columns:1fr}}.vote-candidate{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;width:100%;color:var(--text);text-align:right;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.vote-candidate:hover{border-color:var(--spy);background:#e879a012;transform:translateY(-2px);box-shadow:0 6px 24px #e879a01f}.vote-candidate-left{align-items:center;gap:12px;display:flex}.vote-candidate-name{color:var(--text);font-size:.95rem;font-weight:800}.vote-candidate-icon{flex-shrink:0;transition:color .18s}.vote-candidate:hover .vote-candidate-icon svg{color:var(--spy)!important}.spy-guess-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.spy-guess-btn:hover{border-color:var(--btn-color,var(--orange));color:var(--btn-color,var(--orange));background:#fb923c14;transform:translateY(-2px);box-shadow:0 6px 24px #fb923c1f}.result-banner{border-radius:var(--r-xl);text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:12px;padding:36px 32px;animation:.4s cubic-bezier(.16,1,.3,1) both scaleIn;display:flex;position:relative;overflow:hidden}.result-banner:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--teal), var(--gold), transparent);background-size:200% 100%;height:2px;animation:3s infinite borderFlow;position:absolute;top:0;left:0;right:0}.insiders-win{background:linear-gradient(155deg,#34d39912,#2dd4bf0d);border-color:#34d39940;box-shadow:0 0 60px #34d39914}.spy-wins{background:linear-gradient(155deg,#e879a014,#fb923c0d);border-color:#e879a040;box-shadow:0 0 60px #e879a01a}.result-banner-icon{filter:drop-shadow(0 0 20px #d4a01759);font-size:4rem;animation:2s ease-in-out infinite bounce}.result-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;line-height:1.2}.result-sub{color:var(--text2);max-width:440px;font-size:.9rem;line-height:1.65}.you-won-badge{color:var(--gold2);background:#d4a0171f;border:1px solid #d4a0174d;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:8px 22px;font-size:.88rem;font-weight:900;animation:3s ease-in-out infinite glow;display:inline-flex}.results-layout{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.results-board{padding:20px}.board-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.board-header h2{font-size:.95rem;font-weight:900}.board-list{flex-direction:column;gap:7px;display:flex}.board-row{border-radius:var(--r-sm);background:var(--bg3);border:1px solid #0000;align-items:center;gap:11px;padding:10px 12px;transition:all .18s;display:flex}.board-me{background:#d4a0170d;border-color:#d4a01747}.board-rank{text-align:center;flex-shrink:0;width:28px;font-size:1rem;font-weight:900}.rank-num{color:var(--text3);font-size:.8rem;font-weight:700}.board-avatar{flex-shrink:0;width:34px!important;height:34px!important;font-size:.85rem!important}.board-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.board-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:.88rem;font-weight:800;display:flex}.board-role{width:fit-content;padding:2px 7px!important;font-size:.66rem!important}.board-points{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.points-num{color:var(--gold2);font-size:1rem;font-weight:900;line-height:1}.points-label{color:var(--text3);font-size:.62rem;font-weight:700}.votes-breakdown{flex-direction:column;gap:14px;padding:20px;display:flex}.votes-breakdown h3{border-bottom:1px solid var(--border);padding-bottom:12px;font-size:.95rem;font-weight:900}.breakdown-list{flex-direction:column;gap:10px;display:flex}.breakdown-row{border-radius:var(--r-sm);background:var(--bg3);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;transition:border-color .18s;display:flex}.breakdown-spy{background:#e879a00d;border-color:#e879a040}.breakdown-left{flex-shrink:0;align-items:center;gap:6px;min-width:90px;display:flex}.breakdown-name{color:var(--text);font-size:.83rem;font-weight:700}.breakdown-bar-wrap{background:var(--surface2);border-radius:999px;flex:1;height:5px;overflow:hidden}.breakdown-bar{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.breakdown-count{color:var(--text2);white-space:nowrap;text-align:left;min-width:42px;font-size:.75rem;font-weight:800}.votes-detail{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.vote-detail-row{color:var(--text);border-bottom:1px solid #ffffff08;align-items:center;gap:8px;padding:5px 0;font-size:.82rem;display:flex}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px;display:flex}@media (width<=700px){.results-layout{grid-template-columns:1fr}.result-banner{padding:28px 20px}}@media (width<=480px){.result-title{font-size:1.6rem}.breakdown-left{min-width:70px}}.phase-intro{text-align:center;flex-direction:column;align-items:center;gap:9px;margin-bottom:20px;display:flex}.phase-intro h1{font-size:clamp(1.7rem,5vw,2.35rem)}.phase-intro>p{max-width:560px;color:var(--text2);line-height:1.8}.role-reveal-card{background:radial-gradient(circle at 50% 0%, #f0c84a1f, transparent 42%), var(--surface);border-color:#f0c84a38;padding:clamp(24px,6vw,46px);overflow:hidden}.role-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.role-loading p{color:var(--text2)}.role-privacy-mark{color:var(--green);background:#34d39914;border:1px solid #34d3992e;border-radius:999px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 11px;font-size:.75rem;font-weight:800;display:inline-flex}.role-hidden-copy{max-width:480px;color:var(--text2);margin-inline:auto;line-height:1.85}.role-reveal-primary{color:#171006;text-align:right;background:linear-gradient(135deg, #ffe9a6 0%, var(--gold2) 48%, #d79f1a 100%);border:1px solid #fff4c9d1;border-radius:20px;justify-content:center;align-items:center;gap:14px;width:min(440px,100%);min-height:82px;margin:12px auto 0;padding:15px 22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 44px #d4a0174d,inset 0 1px #ffffff80}.role-reveal-primary:hover{transform:translateY(-3px);box-shadow:0 18px 54px #d4a0176b,inset 0 1px #ffffff8c}.role-reveal-primary:active{transform:scale(.98)}.role-reveal-primary span{flex-direction:column;gap:2px;display:flex}.role-reveal-primary strong{font-size:1.05rem;font-weight:900}.role-reveal-primary small{color:#171006ad;font-size:.72rem;font-weight:700}.role-reveal-help{color:var(--text3);margin-top:14px;font-size:.76rem}.role-word-label{color:var(--text2);font-size:.84rem;font-weight:800}.role-advice{max-width:440px;color:var(--text2);margin-inline:auto;line-height:1.8}.mini-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mini-heading .mini-title{margin:0}.mini-heading>span{color:var(--text3);font-size:.75rem;font-weight:700}.mini-avatar{width:32px;height:32px;font-size:.75rem}.phase-waiting-note{color:var(--text2);border:1px solid var(--border);background:#ffffff09;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:.86rem;font-weight:700;display:flex}.phase-waiting-note .status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 5px #34d3991a}@media (width<=600px){.phase-intro{margin-bottom:14px}.role-reveal-card{padding:24px 16px}.role-reveal-primary{border-radius:17px;min-height:76px}.role-reveal-help{max-width:290px;margin-inline:auto}.mini-players{grid-template-columns:1fr 1fr}}.qp-you-row-badge{padding:3px 8px;font-size:.72rem}@media (width<=760px){.qp-players-card{padding:20px 18px}.qp-players-list{gap:9px}.qp-player-row{min-height:60px;padding:10px 13px}}.topic-change-toggle{margin-top:6px}.topic-change-panel{background:var(--surface2);border:1px solid var(--border);border-radius:14px;width:100%;padding:12px}.topic-change-title{font-weight:800;color:var(--text2)!important;margin-bottom:10px!important;font-size:.78rem!important}.topic-change-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.topic-change-option{min-height:62px;color:var(--text);text-align:right;background:var(--surface3);border:1px solid var(--border);border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:9px;transition:border-color .18s,transform .18s;display:grid}.topic-change-option:not(:disabled):hover{border-color:var(--gold);transform:translateY(-1px)}.topic-change-option.selected{border-color:var(--gold);background:#d4a0171a}.topic-change-option small{color:var(--text3);grid-column:2;font-size:.66rem}.topic-change-option:disabled{cursor:not-allowed;opacity:.58}.outside-player-reveal{color:var(--text2);background:#e879a017;border:1px solid #e879a052;border-radius:15px;flex-direction:column;align-items:center;gap:5px;margin-bottom:14px;padding:15px 18px;display:flex}.outside-player-reveal strong{color:var(--spy);font-size:1.3rem;font-weight:900}.correct-answer-reveal{color:var(--gold2);border-top:1px solid #ffffff1a;margin-top:9px;padding-top:9px;font-weight:800}.role-hide-primary{width:min(300px,100%);min-height:52px;color:var(--gold2);background:#d4a0171c;border:2px solid #fcd34d94;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:.95rem;font-weight:900;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;box-shadow:0 8px 24px #0000002e}.role-hide-primary:hover{color:#171006;background:var(--gold2);border-color:#fff0b8;transform:translateY(-1px)}.rq-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.rq-drawer{border:none;border-radius:0;height:100%;max-height:calc(88dvh - 24px)}.rq-header{border-bottom:1px solid var(--border);background:var(--surface2);flex-shrink:0;align-items:center;gap:10px;padding:13px 14px;display:flex}.rq-header-icon{width:34px;height:34px;color:var(--gold2);background:#d4a0171a;border:1px solid #d4a01738;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.rq-header-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rq-title{color:var(--text);font-size:.88rem;font-weight:800}.rq-sub{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.rq-live-pill{color:var(--green);white-space:nowrap;background:#34d3991a;border:1px solid #34d39938;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:800;animation:2s infinite pulse;display:flex}.rq-turn-bar{border-bottom:1px solid var(--border);background:#d4a0170d;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;display:flex}.rq-turn-names{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.rq-turn-ask{color:var(--gold2);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.82rem;font-weight:800;overflow:hidden}.rq-turn-verb{color:var(--text3);flex-shrink:0;font-size:.72rem}.rq-turn-ans{color:var(--green);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.82rem;font-weight:800;overflow:hidden}.rq-turn-count{color:var(--text3);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;margin-right:auto;font-size:.7rem;display:flex}.rq-avatar{color:#0a0800;text-transform:uppercase;background:linear-gradient(135deg, var(--gold), var(--teal));border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.rq-avatar-glow{box-shadow:0 0 0 2px var(--gold2), 0 0 12px var(--gold-glow)}.rq-list{scroll-behavior:smooth;flex-direction:column;flex:1;gap:5px;min-height:0;padding:10px;display:flex;overflow-y:auto}.rq-list::-webkit-scrollbar{width:3px}.rq-list::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.rq-empty{text-align:center;color:var(--text3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.rq-empty p{color:var(--text2);margin:0;font-size:.86rem}.rq-empty span{font-size:.74rem}.rq-bubble{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:8px 10px;transition:border-color .2s,background .2s;animation:.2s fadeIn}.rq-me{background:#d4a01712;border-color:#d4a0172e;margin-right:12px}.rq-active{background:#d4a0171a;border-color:#d4a01747;box-shadow:0 0 0 1px #d4a0171a}.rq-past{opacity:.6}.rq-bubble-top{align-items:center;gap:6px;margin-bottom:5px;display:flex}.rq-names{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.rq-from{color:var(--text);white-space:nowrap;font-size:.81rem;font-weight:800}.rq-arrow{color:var(--text3);font-size:.72rem}.rq-to{color:var(--green);white-space:nowrap;font-size:.78rem;font-weight:700}.rq-tag-room{color:var(--blue);background:#60a5fa1a;border:1px solid #60a5fa29;border-radius:6px;align-items:center;gap:3px;padding:1px 6px;font-size:.66rem;display:flex}.rq-bubble-end{flex-shrink:0;align-items:center;gap:5px;margin-right:auto;display:flex}.rq-live-dot{color:var(--gold2);white-space:nowrap;background:#d4a0171a;border:1px solid #d4a0172e;border-radius:6px;align-items:center;gap:3px;padding:1px 6px;font-size:.65rem;font-weight:700;display:flex}.rq-turn-num,.rq-time{color:var(--text3);white-space:nowrap;font-size:.63rem}.rq-text{color:var(--text2);word-break:break-word;margin:0;padding-right:32px;font-size:.87rem;line-height:1.6}.rq-me .rq-text{padding-right:0}.rq-form{border-top:1px solid var(--border);background:var(--surface2);flex-direction:column;flex-shrink:0;gap:6px;padding:10px;display:flex}.rq-smart-hint{color:var(--gold2);background:#d4a01712;border:1px solid #d4a01726;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:.71rem;display:flex}.rq-smart-hint strong{color:var(--gold3)}.rq-input-row{align-items:center;gap:6px;display:flex}.rq-select{border:1px solid var(--border);background:var(--bg3);width:100px;height:40px;color:var(--text2);font:inherit;cursor:pointer;border-radius:10px;flex-shrink:0;padding:0 8px;font-size:.8rem;transition:border-color .2s}.rq-select:focus{border-color:var(--gold);outline:none}.rq-select:disabled{opacity:.4;cursor:not-allowed}.rq-input-wrap{flex:1;min-width:0;position:relative}.rq-input{border:1px solid var(--border);background:var(--bg3);width:100%;height:40px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:10px;padding:0 12px;font-size:.87rem;transition:border-color .2s,box-shadow .2s}.rq-input::placeholder{color:var(--text3)}.rq-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow2);outline:none}.rq-input:disabled{opacity:.4;cursor:not-allowed}.rq-chars{color:var(--text3);font-size:.63rem;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.rq-send{background:linear-gradient(135deg, var(--gold), #b8860b);color:#0a0800;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.rq-send:hover:not(:disabled){box-shadow:0 4px 14px var(--gold-glow);transform:scale(1.07)}.rq-send:active:not(:disabled){transform:scale(.93)}.rq-send:disabled{opacity:.3;cursor:not-allowed}.room-page{min-height:calc(100dvh - 60px)}.room-back-btn{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text2);cursor:pointer;background:#12152ad9;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .18s;display:flex;position:fixed;top:70px;right:16px;box-shadow:0 2px 14px #0000004d}.room-back-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border-hover);transform:translate(2px)}.room-back-btn:active{transform:scale(.95)}.room-back-btn svg{flex-shrink:0;transform:scaleX(-1)}.leave-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.leave-dialog{background:var(--surface);border:1px solid var(--border-gold);border-radius:var(--r-xl);text-align:center;width:100%;max-width:360px;box-shadow:0 20px 60px #00000080, 0 0 0 1px var(--border-glow);padding:36px 28px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) scaleIn}.leave-dialog-icon{margin-bottom:14px;font-size:2.8rem;display:block}.leave-dialog h3{margin-bottom:8px;font-size:1.2rem;font-weight:800}.leave-dialog p{color:var(--text2);margin-bottom:22px;font-size:.88rem;line-height:1.6}.leave-dialog-btns{justify-content:center;gap:10px;display:flex}.room-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100dvh - 60px);display:flex}.room-loading p{color:var(--text2);font-size:.9rem}.room-loading h2{font-size:1.4rem}.room-topic-strip{z-index:400;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);pointer-events:none;background:#12152ae0;border-radius:999px;align-items:center;gap:7px;padding:5px 16px 5px 12px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.room-topic-strip-emoji{font-size:1rem;line-height:1}.room-topic-strip-label{color:var(--text2);letter-spacing:.01em;white-space:nowrap;font-size:.78rem;font-weight:700}.room-game-area{min-height:calc(100dvh - 60px);padding-top:56px}@media (width>=900px){.room-page-with-chat .room-game-area{transition:padding-right .35s cubic-bezier(.4,0,.2,1)}.chat-toggle-btn{z-index:600;border:1.5px solid var(--border-gold);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:50px;height:50px;color:var(--gold2);cursor:pointer;background:#12152aeb;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:28px;left:22px;box-shadow:0 4px 24px #00000073,0 0 0 1px #d4a01714}.chat-toggle-btn:hover{border-color:var(--gold);box-shadow:0 6px 28px #00000080, 0 0 14px var(--gold-glow);transform:scale(1.1)}.chat-toggle-btn:active{transform:scale(.94)}.chat-toggle-btn svg{width:20px;height:20px}.chat-toggle-badge{background:linear-gradient(135deg, var(--gold), #b8860b);color:#0a0800;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:900;animation:.25s cubic-bezier(.34,1.56,.64,1) pop;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0006}.room-chat-sidebar{z-index:550;opacity:0;pointer-events:none;transform-origin:0 100%;border-radius:18px;width:310px;height:min(520px,100dvh - 100px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s;position:fixed;bottom:20px;left:20px;overflow:hidden;transform:translateY(16px)scale(.96);box-shadow:0 20px 60px #0000008c,0 0 0 1px #d4a0171f,0 0 30px #d4a0170f}.room-chat-sidebar.chat-open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.chat-fab,.chat-drawer-overlay,.chat-drawer{display:none!important}}@media (width<=899px){.room-chat-sidebar,.chat-toggle-btn{display:none!important}.chat-fab{z-index:600;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:52px;height:52px;color:var(--gold2);cursor:pointer;background:#12152aeb;border:1.5px solid #d4a01759;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.35rem;line-height:1;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:22px;left:18px;box-shadow:0 4px 20px #00000080,0 0 0 1px #d4a01712}.chat-fab:active{transform:scale(.9)}.chat-fab-icon{pointer-events:none}.chat-fab-badge{background:linear-gradient(135deg, var(--gold), #b8860b);color:#0a0800;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.61rem;font-weight:900;animation:.25s cubic-bezier(.34,1.56,.64,1) pop;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000059}.chat-drawer-overlay{z-index:700;pointer-events:none;background:0 0;transition:background .28s;position:fixed;inset:0}.chat-drawer-overlay.chat-drawer-open{pointer-events:all;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.chat-drawer{z-index:750;background:var(--surface);border-top:1px solid var(--border-gold);border-radius:20px 20px 0 0;flex-direction:column;height:72dvh;max-height:600px;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -10px 40px #00000080,0 0 0 1px #d4a01714}.chat-drawer.chat-drawer-open{transform:translateY(0)}.chat-drawer-handle{background:var(--border-hover);cursor:pointer;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 4px}}@keyframes pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.room-connection-banner{z-index:1200;color:#fff7d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#261d08f5;border:1px solid #f0c84a61;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(620px,100% - 28px);padding:12px 14px;animation:.35s ease-out connectionBannerIn;display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000080}.room-connection-banner>svg{color:var(--gold2)}.room-connection-banner div{flex-direction:column;line-height:1.35;display:flex}.room-connection-banner strong{font-size:.9rem}.room-connection-banner span{color:#cabf9c;font-size:.75rem}.room-connection-banner button{color:#161006;background:var(--gold2);border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.room-topic-strip{pointer-events:auto;padding:6px 8px 6px 14px}.room-role-reminder-btn{color:#171006;background:linear-gradient(135deg, #ffe38a, var(--gold2) 55%, #d49b16);border:1px solid #ffe9a1b8;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-inline-start:auto;padding:9px 16px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 28px #d4a0174d}.room-role-reminder-btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px #d4a01766}.room-role-reminder-btn:active{transform:scale(.97)}.role-reminder-overlay{z-index:1500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03040bd1;place-items:center;padding:18px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.role-reminder-dialog{text-align:center;background:radial-gradient(circle at 50% 0,#f0c84a21,#0000 42%),#111526;border:1px solid #f0c84a42;border-radius:28px;width:min(500px,100%);padding:clamp(26px,6vw,44px);animation:.3s cubic-bezier(.16,1,.3,1) roleDialogIn;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000b3}.role-reminder-close{width:40px;height:40px;color:var(--text2);border:1px solid var(--border);background:#ffffff0f;border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;left:14px}.role-reminder-hidden,.role-reminder-result{flex-direction:column;align-items:center;gap:14px;display:flex}.role-reminder-lock,.role-reminder-icon{background:#f0c84a14;border:1px solid #f0c84a33;border-radius:26px;place-items:center;width:84px;height:84px;margin-bottom:4px;font-size:2.5rem;display:grid}.role-reminder-kicker{color:var(--gold2);letter-spacing:.04em;font-size:.78rem;font-weight:900}.role-reminder-dialog h2{max-width:390px;font-size:clamp(1.55rem,5vw,2.15rem)}.role-reminder-dialog p{max-width:390px;color:var(--text2);line-height:1.8}.role-reminder-result.is-spy .role-reminder-icon{background:#e879a01a;border-color:#e879a042}.role-reminder-result.is-spy .role-reminder-kicker{color:#f2a1bd}.role-reminder-result.is-insider h2{color:#ffe38a;font-size:clamp(2rem,9vw,3.2rem)}@keyframes connectionBannerIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes roleDialogIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.room-topic-strip{gap:8px;width:calc(100% - 24px);padding:9px 10px}.room-topic-strip-label{text-overflow:ellipsis;white-space:nowrap;max-width:95px;overflow:hidden}.room-role-reminder-btn{min-height:40px;padding:8px 12px;font-size:.82rem}.room-connection-banner{grid-template-columns:auto 1fr;top:8px}.room-connection-banner button{grid-column:1/-1;justify-content:center;width:100%}.role-reminder-dialog{border-radius:24px;padding:30px 20px 24px}}.devnook-credit{width:fit-content;max-width:100%;color:var(--text3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;line-height:1;display:inline-flex}.devnook-credit strong{color:var(--text2);letter-spacing:.01em;font-weight:800}.devnook-credit.compact{padding:7px 11px;font-size:.72rem}.site-footer{pointer-events:none;justify-content:center;padding:18px 16px 26px;display:flex}.site-footer .devnook-credit{pointer-events:auto}@media (width<=520px){.devnook-credit{gap:6px;padding:8px 11px;font-size:.7rem}}.profile-wrap{flex-direction:column;gap:16px;max-width:580px;margin:0 auto;display:flex}.profile-card{background:linear-gradient(160deg, var(--surface), var(--surface2));border-color:var(--border-hover);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:44px 32px 36px;display:flex;position:relative;overflow:hidden}.profile-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--teal), transparent);background-size:200% 100%;height:2px;animation:3s infinite borderFlow;position:absolute;top:0;left:0;right:0}.profile-avatar-wrap{margin-bottom:6px;position:relative}.profile-avatar{background:linear-gradient(135deg, var(--gold), var(--teal));color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.2rem;font-weight:900;display:flex;position:relative}.profile-avatar-ring{border:2px solid var(--border-gold);border-radius:50%;animation:3s infinite ringPulse;position:absolute;inset:-5px}@keyframes ringPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.12;transform:scale(1.08)}}.profile-name-row{align-items:center;gap:10px;display:flex}.profile-username{color:var(--text);font-size:1.5rem;font-weight:800}.edit-name-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text3);border-radius:8px;align-items:center;padding:6px;transition:color .2s,border-color .2s;display:flex}.edit-name-btn:hover{color:var(--text2);border-color:var(--border-hover)}.profile-email{color:var(--text3);font-size:.88rem}.profile-level{color:#a89fff;background:#7c6fff26;border:1px solid #7c6fff40;border-radius:999px;margin-top:4px;padding:5px 16px;font-size:.82rem;font-weight:700}.edit-name-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:260px;display:flex}.edit-name-field{width:100%;position:relative}.edit-name-input{background:var(--surface2);border:1.5px solid var(--gold);width:100%;color:var(--text);text-align:center;border-radius:10px;outline:none;padding:10px 44px 10px 14px;font-family:inherit;font-size:1rem;font-weight:600}.edit-name-count{color:var(--text3);font-size:.7rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.edit-name-actions{gap:8px;display:flex}.edit-action-btn{border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.edit-confirm{color:var(--green);background:#34d39926;border-color:#34d3994d}.edit-confirm:hover{background:#34d39940}.edit-cancel{background:var(--surface2);color:var(--text2)}.edit-cancel:hover{background:var(--surface3)}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;display:flex}.stat-card-icon{opacity:.85}.stat-card-value{font-size:1.6rem;font-weight:900}.stat-card-label{color:var(--text3);font-size:.78rem;font-weight:600}.win-rate-card{padding:20px}.wr-header{color:var(--text2);justify-content:space-between;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.wr-pct{color:var(--green)}.progress-track{background:var(--surface3);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .8s}.wr-detail{color:var(--text3);justify-content:space-between;font-size:.78rem;display:flex}.profile-info-links{padding:0;overflow:hidden}.info-links-label{color:var(--text3);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:14px 18px 8px;font-size:.72rem;font-weight:700}.profile-info-link-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:13px 18px;text-decoration:none;transition:background .15s;display:flex}.profile-info-link-row:last-child{border-bottom:none}.profile-info-link-row:hover{background:#ffffff06}.link-row-icon-wrap{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.link-row-label{color:var(--text);text-align:right;flex:1;font-size:.9rem;font-weight:600}.link-row-arrow{color:var(--text3);flex-shrink:0}.profile-version{text-align:center;color:var(--text3);font-size:.75rem}.profile-credit-row{justify-content:center;display:flex}.spin{animation:1s linear infinite spin}@media (width<=480px){.profile-card{padding:32px 20px 28px}.stats-grid{grid-template-columns:1fr 1fr}}.delete-account-btn{color:#f8717199;cursor:pointer;background:0 0;border:1px dashed #f871714d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:-4px;padding:11px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.delete-account-btn:hover{color:#f87171d9;background:#f8717112;border-color:#f8717180}.delete-confirm-box{background:#f8717112;border:1px solid #f8717140;border-radius:14px;flex-direction:column;gap:12px;margin-top:-4px;padding:18px;display:flex}.delete-confirm-header{color:#f87171;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.delete-warn-icon{color:#f87171;flex-shrink:0}.delete-confirm-text{color:var(--text2);text-align:right;margin:0;font-size:.83rem;line-height:1.6}.delete-confirm-actions{gap:8px;display:flex}.delete-confirm-yes{color:#f87171;cursor:pointer;background:#f8717126;border:1px solid #f8717159;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .15s;display:flex}.delete-confirm-yes:hover:not(:disabled){background:#f8717140}.delete-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-no{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s}.delete-confirm-no:hover:not(:disabled){background:var(--surface3)}.delete-confirm-no:disabled{opacity:.5;cursor:not-allowed}.info-page{min-height:100dvh;position:relative;overflow-x:hidden}.info-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.info-orb{filter:blur(80px);opacity:.12;border-radius:50%;position:absolute}.orb-purple{background:#7c6fff;width:500px;height:500px;top:-100px;right:-100px}.orb-teal{background:#2dd4bf;width:400px;height:400px;bottom:-80px;left:-80px}.orb-green{background:#34d399;width:450px;height:450px;top:-60px;left:30%}.orb-gold{background:#d4a017;width:420px;height:420px;top:-80px;right:20%}.info-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.info-container{z-index:1;max-width:800px;margin:0 auto;padding:40px 20px 80px;position:relative}.info-fade-in{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)}.info-fade-in.visible{opacity:1;transform:translateY(0)}.info-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 0 24px;display:flex}.hero-badge{color:var(--text2);letter-spacing:.04em;background:#7c6fff1a;border:1px solid #7c6fff4d;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-pulse{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.hero-icon-ring{--ring-color:var(--gold);justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.hero-icon-ring:before,.hero-icon-ring:after{content:"";border:1.5px solid var(--ring-color);opacity:.3;border-radius:50%;animation:3s infinite ringPulse;position:absolute}.hero-icon-ring:before{width:80px;height:80px}.hero-icon-ring:after{width:100px;height:100px;animation-delay:.5s}.hero-main-icon{z-index:1;font-size:3rem;position:relative}.info-hero-title{color:var(--text);margin:0;font-size:clamp(2rem,6vw,3rem);font-weight:900;line-height:1.15}.text-gradient{background:linear-gradient(135deg, var(--gold), var(--gold2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-teal{background:linear-gradient(135deg, var(--teal), #67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-green{background:linear-gradient(135deg, var(--green), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, var(--gold), var(--gold2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.info-hero-subtitle{color:var(--text2);max-width:500px;font-size:1.05rem}.hero-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-tag{color:var(--text2);background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600}.info-section{margin-top:32px}.info-section-title{color:var(--text);align-items:center;gap:10px;margin-bottom:16px;font-size:1.25rem;font-weight:800;display:flex}.section-title-line{background:linear-gradient(180deg, var(--gold), var(--teal));border-radius:2px;flex-shrink:0;width:4px;height:22px}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 18px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.step-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--teal));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.step-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.step-card:hover:before{opacity:1}.step-num{color:var(--text3);letter-spacing:.1em;margin-bottom:8px;font-size:.7rem;font-weight:800}.step-icon{margin-bottom:10px;font-size:1.8rem;display:block}.step-title{color:var(--text);margin-bottom:6px;font-size:.95rem;font-weight:700}.step-desc{color:var(--text2);font-size:.85rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:border-color .2s,transform .2s;display:flex}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.feature-icon{font-size:1.8rem}.feature-label{color:var(--text);font-size:.85rem;font-weight:700}.feature-desc{color:var(--text3);font-size:.75rem}.intro-card{align-items:flex-start;gap:18px;display:flex}.intro-card-icon{flex-shrink:0;margin-top:2px;font-size:2rem}.intro-card-title{color:var(--text);margin-bottom:8px;font-size:1.1rem;font-weight:700}.intro-card-text{color:var(--text2);font-size:.92rem;line-height:1.7}.values-card{border-radius:var(--r-lg);background:linear-gradient(135deg,#7c6fff14,#2dd4bf0f);border:1px solid #7c6fff33;padding:28px}.values-title{color:var(--text);margin-bottom:10px;font-size:1.2rem;font-weight:800}.values-text{color:var(--text2);margin-bottom:16px;font-size:.92rem;line-height:1.75}.values-pills{flex-wrap:wrap;gap:8px;display:flex}.values-pill{border:1px solid var(--border-hover);color:var(--text2);background:#ffffff0f;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:700}.cta-card{background:linear-gradient(135deg, var(--surface), var(--surface2));border:1px solid var(--border-gold);border-radius:var(--r-xl);text-align:center;box-shadow:var(--shadow-gold);padding:40px 28px}.cta-title{color:var(--text);margin-bottom:8px;font-size:1.6rem;font-weight:900}.cta-sub{color:var(--text2);margin-bottom:24px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.channels-grid{flex-direction:column;gap:10px;display:flex}.channel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.channel-card:hover{border-color:var(--border-hover);transform:translate(-3px)}.channel-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.channel-info{flex-direction:column;flex:1;gap:2px;display:flex}.channel-label{color:var(--text3);font-size:.75rem;font-weight:600}.channel-value{font-size:.95rem;font-weight:700}.channel-arrow{color:var(--text3);font-size:1.2rem}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-textarea{resize:vertical;min-height:120px}.form-error{color:var(--red);font-size:.85rem}.sent-card{background:var(--surface);border-radius:var(--r-lg);text-align:center;border:1px solid #34d3994d;flex-direction:column;align-items:center;gap:12px;padding:48px 28px;display:flex}.sent-card h3{color:var(--green);font-size:1.3rem}.sent-card p{color:var(--text2)}.faq-list{padding:0;overflow:hidden}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-q{width:100%;color:var(--text);cursor:pointer;text-align:right;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.faq-q:hover{background:#ffffff08}.faq-a{color:var(--text2);padding:0 18px 16px;font-size:.85rem;line-height:1.65}.policy-sections{flex-direction:column;gap:12px;display:flex}.policy-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px;transition:border-color .2s}.policy-section:hover{border-color:var(--border-hover)}.policy-section-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.policy-icon{flex-shrink:0;font-size:1.3rem}.policy-title{color:var(--text);font-size:1rem;font-weight:700}.policy-content{color:var(--text2);margin-bottom:10px;font-size:.88rem;line-height:1.7}.policy-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.policy-item{color:var(--text2);align-items:flex-start;gap:10px;font-size:.87rem;line-height:1.6;display:flex}.policy-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.policy-note{color:var(--text3);border-right:3px solid var(--gold);background:#ffffff08;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:.82rem}.summary-card{border-radius:var(--r);color:var(--text2);align-items:flex-start;gap:14px;padding:16px 20px;font-size:.9rem;line-height:1.7;display:flex}.summary-green{background:#34d39914;border:1px solid #34d39933}.summary-gold{background:#d4a01714;border:1px solid #d4a01733}.summary-icon{flex-shrink:0;font-size:1.4rem}.contact-cta-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.contact-cta-icon{font-size:2rem}.contact-cta-card h3{color:var(--text);font-size:1.1rem;font-weight:700}.contact-cta-card p{color:var(--text2);margin-bottom:4px;font-size:.88rem}.btn-outline-green{border-radius:var(--r-sm);color:var(--green);cursor:pointer;background:#34d39914;border:1px solid #34d39959;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.btn-outline-green:hover{border-color:var(--green);background:#34d39926}.age-card{border-radius:var(--r);background:#f8717112;border:1px solid #f8717133;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.age-icon{flex-shrink:0;font-size:1.8rem}.age-card strong{color:var(--text);margin-bottom:4px;font-weight:700;display:block}.age-card p{color:var(--text2);font-size:.87rem;line-height:1.6}.privacy-link-card{border-radius:var(--r);color:var(--text2);background:#7c6fff12;border:1px solid #7c6fff33;align-items:flex-start;gap:14px;padding:16px 20px;font-size:.87rem;display:flex}.privacy-link-card>span{flex-shrink:0;font-size:1.3rem}.privacy-link-card strong{color:var(--text);margin-bottom:4px;font-weight:700;display:block}.inline-link{color:var(--gold2);font-weight:600;text-decoration:underline}.terms-accordion{flex-direction:column;gap:8px;display:flex}.accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color .2s;overflow:hidden}.accordion-item.accordion-open{border-color:#d4a01759}.accordion-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;font-family:inherit;transition:background .15s;display:flex}.accordion-header:hover{background:#ffffff06}.accordion-header-left{align-items:center;gap:12px;display:flex}.accordion-num{color:var(--text3);letter-spacing:.1em;min-width:20px;font-size:.65rem;font-weight:800}.accordion-icon{font-size:1.2rem}.accordion-title{color:var(--text);text-align:right;font-size:.95rem;font-weight:700}.accordion-arrow{color:var(--text3);font-size:1.4rem;line-height:1;transition:transform .25s}.accordion-arrow.rotated{transform:rotate(-90deg)}.accordion-body{max-height:0;transition:max-height .3s;overflow:hidden}.accordion-item.accordion-open .accordion-body{max-height:600px}.accordion-content{padding:0 18px 18px}.acceptance-card{background:var(--surface);border:1px solid var(--border-gold);border-radius:var(--r-xl);padding:28px;transition:all .4s}.acceptance-card.accepted{background:linear-gradient(135deg,#34d39914,#2dd4bf0f);border-color:#34d39966}.acceptance-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.acceptance-emoji{flex-shrink:0;font-size:2rem}.acceptance-header h3{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:700}.acceptance-header p{color:var(--text2);font-size:.85rem;line-height:1.6}.accept-btn{background:linear-gradient(135deg, var(--gold), var(--gold2));border-radius:var(--r);color:#000;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 24px;font-family:inherit;font-size:1rem;font-weight:800;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 4px 20px #d4a01759}.accept-btn:hover{opacity:.92;transform:translateY(-2px)}.accept-btn:active{transform:translateY(0)}.accept-btn-arrow{font-size:1.1rem}.accepted-state{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.accepted-check{font-size:2.5rem}.accepted-state h3{color:var(--green);font-size:1.3rem;font-weight:800}.accepted-state p{color:var(--text2);font-size:.9rem}.accepted-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.accepted-confetti-row{gap:8px;display:flex}.confetti-emoji{font-size:1.4rem;animation:.5s both confettiBounce}@keyframes confettiBounce{0%{opacity:0;transform:translateY(-20px)scale(.5)}60%{transform:translateY(6px)scale(1.15)}to{opacity:1;transform:translateY(0)scale(1)}}.info-footer{text-align:center;border-top:1px solid var(--border);margin-top:48px;padding-top:24px}.info-footer p{color:var(--text3);font-size:.85rem}.info-footer-sub{margin-top:4px;font-size:.75rem}@media (width<=640px){.info-container{padding:24px 16px 60px}.info-hero{padding:32px 0 16px}.info-hero-title{font-size:1.8rem}.steps-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.intro-card{flex-direction:column}.cta-card{padding:28px 20px}.acceptance-card{padding:20px}.acceptance-header{flex-direction:column;gap:8px}}@media (width<=400px){.features-grid{grid-template-columns:1fr 1fr}}.admin-page{direction:rtl}.admin-hero{align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-hero-icon{border:1.5px solid var(--border-accent);background:linear-gradient(135deg,#c9941a26,#4aaa7f1f);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.6rem;display:flex}.admin-hero h1{font-size:1.8rem}.admin-hero p{color:var(--text2);margin-top:4px;font-size:.9rem}.admin-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:6px;width:fit-content;margin-bottom:24px;padding:6px;display:flex}.admin-tab{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .18s;display:inline-flex}.admin-tab:hover{color:var(--text);background:var(--surface2)}.admin-tab.active{background:linear-gradient(135deg, var(--accent), var(--accent3));color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-section-header h2{font-size:1.2rem}.admin-section-header p{color:var(--text3);margin-top:4px;font-size:.82rem}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.admin-card-title{color:var(--accent2);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;display:flex}.add-topic-form{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--border-accent);margin-bottom:20px}.admin-form-grid{grid-template-columns:1fr 1fr auto;gap:12px;display:grid}.admin-textarea{resize:vertical;min-height:140px;font-size:.88rem;line-height:1.8}.admin-form-actions{gap:10px;margin-top:16px;display:flex}.topics-admin-list{flex-direction:column;gap:10px;display:flex}.topic-card{padding:16px 18px}.topic-card.topic-inactive{opacity:.55;border-style:dashed}.topic-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.topic-card-info{align-items:center;gap:12px;display:flex}.topic-emoji-big{font-size:2rem;line-height:1}.topic-card-name{font-size:1rem;font-weight:700}.topic-card-key{color:var(--text3);margin-top:2px;font-size:.75rem}.topic-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.topic-edit-inline{align-items:center;gap:8px;display:flex}.input-sm{padding:7px 10px!important;font-size:.85rem!important}.topic-words-panel{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.topic-words-add{gap:8px;margin-bottom:14px;display:flex}.topic-words-add .input{flex:1}.topic-words-grid{flex-wrap:wrap;gap:8px;display:flex}.topic-word-chip{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:.82rem;font-weight:600;transition:border-color .15s;display:inline-flex}.topic-word-chip:hover{border-color:var(--border-hover)}.word-delete-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.word-delete-btn:hover{color:var(--red)}.users-admin-list{flex-direction:column;gap:8px;display:flex}.user-row{justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.user-row-info{align-items:center;gap:12px;display:flex}.user-row-name{flex-wrap:wrap;align-items:center;gap:4px;font-size:.95rem;font-weight:700;display:flex}.user-row-email{color:var(--text3);text-align:right;direction:ltr;margin-top:2px;font-size:.78rem}.user-row-stats{color:var(--text3);margin-top:2px;font-size:.75rem}.user-row-actions{flex-shrink:0}.admin-empty{text-align:center;color:var(--text3);padding:40px}.admin-loading{color:var(--text2);flex-direction:column;align-items:center;gap:14px;padding:60px 0;display:flex}@media (width<=600px){.admin-form-grid{grid-template-columns:1fr}.admin-tabs{width:100%}.admin-tab{flex:1;justify-content:center}.topic-card-actions{flex-wrap:wrap}.admin-section-header{flex-direction:column}}.topic-gem-badge{color:var(--accent2);vertical-align:middle;background:#c9941a1f;border:1px solid #c9941a47;border-radius:999px;align-items:center;gap:3px;margin-right:8px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.topic-free-badge{color:var(--green);vertical-align:middle;background:#4aaa7f1a;border-radius:999px;align-items:center;margin-right:8px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.gem-price-edit{align-items:center;gap:5px;display:inline-flex}.gem-icon-inline{color:var(--accent2);flex-shrink:0}.user-gems-control{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.user-gems-val{color:var(--accent2);text-align:center;min-width:28px;font-weight:800}@media (width<=700px){.user-row{flex-direction:column;align-items:flex-start}.user-gems-control{flex-wrap:wrap}}