@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:auth-fade-in .2s ease}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;width:100%;max-width:420px;position:relative;animation:auth-slide-up .25s ease}@keyframes auth-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem;line-height:1;font-size:1.25rem;transition:color .15s}.auth-modal__close:hover{color:#fffc}.auth-modal__logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.auth-modal__logo img{width:28px;height:28px;object-fit:contain}.auth-modal__logo-text{font-family:Sora,sans-serif;font-weight:700;font-size:1rem;color:#fff}.auth-modal__logo-text span{color:#ff7a1a}.auth-tabs{display:flex;gap:0;background:#ffffff0a;border-radius:10px;padding:3px;margin-bottom:1.5rem}.auth-tab{flex:1;background:none;border:none;padding:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:#fff6;border-radius:8px;cursor:pointer;transition:all .15s}.auth-tab--active{background:#ff7a1a1f;color:#ff7a1a}.auth-discord-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;background:#5865f2;border:none;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;margin-bottom:1.25rem}.auth-discord-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-discord-btn:active{transform:translateY(0)}.auth-discord-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.auth-divider span{font-family:Inter,sans-serif;font-size:.75rem;color:#ffffff4d;white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.auth-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.65rem .875rem;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:#ff7a1a80}.auth-field input::placeholder{color:#fff3}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.6rem .875rem;font-family:Inter,sans-serif;font-size:.8rem;color:#f87171}.auth-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:.6rem .875rem;font-family:Inter,sans-serif;font-size:.8rem;color:#86efac}.auth-forgot-btn{background:none;border:none;color:#ffffff59;font-family:Inter,sans-serif;font-size:.8rem;cursor:pointer;padding:0;text-align:center;transition:color .15s}.auth-forgot-btn:hover{color:#fff9}.auth-reset-header{margin-bottom:1.25rem}.auth-back-btn{background:none;border:none;color:#fff6;font-family:Inter,sans-serif;font-size:.8rem;cursor:pointer;padding:0;margin-bottom:.75rem;transition:color .15s}.auth-back-btn:hover{color:#ffffffb3}.auth-reset-desc{font-family:Inter,sans-serif;font-size:.875rem;color:#ffffff73;margin:0}.auth-submit-btn{width:100%;padding:.75rem;background:#ff7a1a;border:none;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;margin-top:.25rem}.auth-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}:root{--color-bg: #12131f;--color-bg-elevated: #1a1b2e;--color-bg-card: rgba(26, 27, 46, .75);--color-glass: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .06);--color-accent: #ff7a1a;--color-accent-glow: rgba(255, 122, 26, .35);--color-purple: #a855f7;--color-cyan: #06b6d4;--color-green: #22c55e;--color-rose: #f43f5e;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.homepage{min-height:100vh;position:relative}.background-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{display:none}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,black 0%,transparent 100%)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 55% at 10% 10%,rgba(99,102,241,.14) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 5%,rgba(139,92,246,.11) 0%,transparent 50%),radial-gradient(ellipse 60% 45% at 80% 85%,rgba(59,130,246,.09) 0%,transparent 55%),radial-gradient(ellipse 55% 40% at 5% 80%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(99,102,241,.04) 0%,transparent 60%),linear-gradient(135deg,rgba(99,102,241,.04) 0%,transparent 50%,rgba(139,92,246,.03) 100%);pointer-events:none}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03}.particle{position:absolute;border-radius:50%;background:var(--particle-color, rgba(255, 255, 255, .3));animation:particleDrift var(--duration, 10s) ease-in-out infinite var(--delay, 0s);pointer-events:none}@keyframes particleDrift{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(12px,-18px) scale(1.3);opacity:1}66%{transform:translate(-8px,10px) scale(.7);opacity:.35}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:#0f1318cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border);opacity:0;transform:translateY(-100%);transition:opacity .6s var(--ease-smooth),transform .6s var(--ease-smooth),background .4s ease,border-color .4s ease,box-shadow .4s ease}.nav--visible{opacity:1;transform:translateY(0)}.nav--scrolled{background:#0f1318f5;border-bottom-color:#ff7a1a1f;box-shadow:0 4px 30px #00000059}.nav-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer}.brand-icon{width:34px;height:34px;color:var(--color-accent);filter:drop-shadow(0 0 10px var(--color-accent-glow));transition:transform .4s var(--ease-bounce)}.nav-brand:hover .brand-icon{transform:rotate(-8deg) scale(1.1)}.brand-text{font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.brand-accent{background:linear-gradient(135deg,var(--color-accent),#ffaa5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;position:relative;padding:.25rem 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width .3s var(--ease-smooth)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-auth{display:flex;align-items:center}.nav-login-btn{padding:.45rem 1.1rem;background:#ff7a1a1f;border:1px solid rgba(255,122,26,.3);border-radius:100px;color:var(--color-accent);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.nav-login-btn:hover{background:#ff7a1a33;border-color:#ff7a1a80}.nav-user{display:flex;align-items:center;gap:.75rem}.nav-user-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;border-radius:100px;padding:.25rem .5rem .25rem .25rem;transition:background .15s}.nav-user-link:hover{background:#ffffff0f}.nav-username{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:#ffffffd9}.nav-logout-btn{padding:.35rem .8rem;background:none;border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#fff6;font-family:var(--font-body);font-size:.75rem;cursor:pointer;transition:all .15s}.nav-logout-btn:hover{border-color:#ffffff40;color:#ffffffb3}.main{position:relative;z-index:1;padding:0 2.5rem;max-width:1300px;margin:0 auto;width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 0 4rem;will-change:transform,opacity}.hero>*{opacity:0;transform:translateY(50px);position:relative;z-index:1}.hero--visible .hero-badge{animation:revealUp .8s var(--ease-out) .2s forwards}.hero--visible .hero-title{animation:revealUp .8s var(--ease-out) .35s forwards}.hero--visible .hero-subtitle{animation:revealUp .8s var(--ease-out) .5s forwards}.hero--visible .hero-stats{animation:revealUp .8s var(--ease-out) .65s forwards}.hero--visible .scroll-indicator{animation:revealUp .8s var(--ease-out) .9s forwards}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ff7a1a1a,#a855f71a);border:1px solid rgba(255,122,26,.2);border-radius:100px;margin-bottom:2rem;position:relative;overflow:hidden}.hero-badge:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:badgeShimmer 5s ease-in-out infinite 2s}@keyframes badgeShimmer{0%{left:-60%}30%,to{left:130%}}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse 2s ease-in-out infinite}.badge-text{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);text-transform:uppercase}.hero-title{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:1.5rem;position:relative}.title-line{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:.95}.title-line-1{font-size:clamp(4rem,14vw,9rem);color:var(--color-text);text-shadow:0 4px 30px rgba(0,0,0,.3)}.title-line-2{font-size:clamp(4rem,14vw,9rem);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-purple) 60%,var(--color-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.1em;padding-right:.08em}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-family:var(--font-body);font-size:1.2rem;font-weight:400;color:var(--color-text-secondary);max-width:450px;margin-bottom:2.5rem}.hero-stats{display:flex;align-items:center;gap:2rem;padding:1.25rem 2rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:3rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);min-width:2ch;text-align:center}.stat-label{font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--color-glass-border)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem}.scroll-mouse{width:26px;height:42px;border:2px solid var(--color-text-muted);border-radius:14px;position:relative;opacity:.6;transition:opacity .3s ease,border-color .3s ease}.scroll-mouse:hover{opacity:1;border-color:var(--color-accent)}.scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--color-text-muted);border-radius:4px;animation:scrollWheel 2s ease-in-out infinite}.scroll-mouse:hover .scroll-wheel{background:var(--color-accent)}@keyframes scrollWheel{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(10px)}}.scroll-text{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.games-section{padding:2rem 0 6rem;opacity:0;transform:translateY(60px);transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth)}.games--visible{opacity:1;transform:translateY(0)}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.section-tag-wrapper{display:flex;align-items:center;gap:.75rem}.section-icon{width:20px;height:20px;color:var(--color-accent)}.section-tag{font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.02em;color:var(--color-text)}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--color-glass-border),transparent)}.section-count{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--color-accent);padding:.375rem .875rem;background:#ff7a1a1a;border:1px solid rgba(255,122,26,.2);border-radius:8px}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.games-db-info{margin-top:1.25rem;text-align:center;font-size:.75rem;color:#ffffff8c;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.35rem 1rem;width:fit-content;margin-left:auto;margin-right:auto}.db-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff7a1a;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.marquee-strip{width:100%;overflow:hidden;padding:1rem 0;margin-bottom:3rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}.marquee-track{display:flex;gap:0;width:max-content;animation:marqueeScroll 28s linear infinite}.marquee-strip:hover .marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:inline-flex;align-items:center;gap:.6rem;padding:0 2rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;white-space:nowrap;transition:color .3s ease}.marquee-strip:hover .marquee-item{color:#ffffff80}.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--color-accent);opacity:.6;flex-shrink:0}.game-card-link{text-decoration:none;color:inherit;display:block}.game-card-link--featured{grid-column:1 / -1}.game-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:20px;padding:1.75rem;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(60px) scale(.95);transition:border-color .4s ease,transform .5s var(--ease-bounce),box-shadow .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.06) 60%,transparent 80%);transform:translate(-100%) skew(-10deg);pointer-events:none;z-index:3}.game-card:hover:before{animation:cardShine .65s ease forwards}@keyframes cardShine{to{transform:translate(200%) skew(-10deg)}}.game-card--visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),border-color .4s ease,box-shadow .4s ease;transition-delay:var(--delay)}.game-card:hover{border-color:var(--card-color);transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 80px color-mix(in srgb,var(--card-color) 25%,transparent)}.game-card--featured{padding:2.25rem 2.75rem}.game-card--featured .card-content{display:flex;align-items:center;gap:2.75rem}.game-card--featured .card-header{flex-direction:column;align-items:center;gap:.625rem;margin-bottom:0;flex-shrink:0}.game-card--featured .card-icon{width:88px;height:88px;padding:20px;border-radius:24px}.game-card--featured .card-index{font-size:.65rem}.game-card--featured .card-body{flex:1}.game-card--featured .card-title{font-size:2.25rem;margin-bottom:.5rem}.game-card--featured .card-description{margin-bottom:1.75rem;font-size:.95rem}.card-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:0;transition:opacity .4s ease}.game-card:hover .card-accent-line{opacity:1}.card-bg-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--card-color),transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.game-card:hover .card-bg-glow{opacity:.05}.card-content{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.card-index{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.05em;padding:.3rem .6rem;background:var(--color-glass);border-radius:6px;transition:background .3s ease,color .3s ease}.game-card:hover .card-index{background:color-mix(in srgb,var(--card-color) 15%,transparent);color:var(--card-color)}.card-icon{width:48px;height:48px;padding:10px;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:14px;color:var(--color-text-secondary);transition:all .4s var(--ease-bounce)}.game-card:hover .card-icon{color:var(--card-color);background:color-mix(in srgb,var(--card-color) 12%,transparent);border-color:color-mix(in srgb,var(--card-color) 30%,transparent);transform:rotate(-5deg) scale(1.1);box-shadow:0 8px 25px color-mix(in srgb,var(--card-color) 30%,transparent)}.card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.5rem;transition:color .3s ease}.game-card:hover .card-title{color:var(--card-color)}.card-description{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-action{display:flex;align-items:center;gap:.5rem;opacity:0;transform:translate(-10px);transition:all .4s var(--ease-smooth)}.game-card:hover .card-action{opacity:1;transform:translate(0)}.action-text{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--card-color)}.action-arrow{width:18px;height:18px;color:var(--card-color)}.game-card:hover .action-arrow{animation:arrowSlide .8s var(--ease-smooth) infinite}@keyframes arrowSlide{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.card-status{display:flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.status-indicator{width:6px;height:6px;border-radius:50%;background:var(--color-green)}.card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0a;border-radius:0 0 20px 20px;overflow:hidden}.card-progress-fill{height:100%;background:linear-gradient(90deg,var(--card-color),color-mix(in srgb,var(--card-color) 60%,white));opacity:.55;transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease-out) calc(var(--delay, 0s) + .4s)}.game-card--visible .card-progress-fill{transform:scaleX(1)}.leaderboard-section{padding:2rem 0 5rem}.lb-game-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.lb-tab{padding:.45rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#ffffff73;font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.lb-tab:hover{color:#ffffffb3;border-color:#ffffff26}.lb-tab--active{background:#ff7a1a1f;border-color:#ff7a1a59;color:var(--color-accent)}.leaderboard-box{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:20px;overflow:hidden;position:relative}.leaderboard-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.leaderboard-header-row,.leaderboard-row{display:grid;grid-template-columns:48px 1fr 90px 90px;align-items:center;padding:.75rem 1.25rem;font-family:var(--font-body);font-size:.875rem}.leaderboard-header-row{border-bottom:1px solid var(--color-glass-border);color:#ffffff59;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.leaderboard-row{border-bottom:1px solid rgba(255,255,255,.04);color:#ffffff80;transition:background .15s}.leaderboard-row:last-of-type{border-bottom:none}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row--top1 .leaderboard-col-player{color:#fbbf24;font-weight:600}.leaderboard-row--top2 .leaderboard-col-player{color:#cbd5e1;font-weight:600}.leaderboard-row--top3 .leaderboard-col-player{color:#cd7c2c;font-weight:600}.leaderboard-col-rank{color:#ffffff4d;font-weight:600}.leaderboard-col-score{text-align:right;font-weight:700;color:var(--color-accent)}.lb-diff-badge{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.lb-diff-badge--easy{background:#22c55e1f;color:#4ade80}.lb-diff-badge--normal{background:#3b82f61f;color:#60a5fa}.lb-diff-badge--hard{background:#f973161f;color:#fb923c}.lb-diff-badge--impossible{background:#ef44441f;color:#f87171}.lb-diff-badge--none{color:#fff3;font-size:.85rem}.leaderboard-empty{padding:2.5rem;text-align:center;font-family:var(--font-body);font-size:.9rem;color:#ffffff4d}.leaderboard-cta{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--color-glass-border);background:#ff7a1a0a}.leaderboard-cta p{font-family:var(--font-body);font-size:.85rem;color:#fff6;margin:0}.leaderboard-cta-btn{padding:.4rem 1rem;background:#ff7a1a1f;border:1px solid rgba(255,122,26,.3);border-radius:100px;color:var(--color-accent);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.leaderboard-cta-btn:hover{background:#ff7a1a33}.about-section{padding:2rem 0 6rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.about-text{padding:2.5rem;background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.about-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:1rem}.about-desc{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-secondary);line-height:1.75;margin-bottom:1.5rem}.about-tags{display:flex;flex-wrap:wrap;gap:.5rem}.about-tag{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);padding:.35rem .85rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:100px;letter-spacing:.02em}.about-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about-stat{display:flex;flex-direction:column;gap:.375rem;padding:1.75rem;background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s ease}.about-stat:hover{border-color:#ff7a1a40}.about-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-accent),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-stat-label{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.footer{position:relative;z-index:1;background:var(--color-bg-elevated);border-top:none;padding:3rem 2.5rem 2rem;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,122,26,.4) 30%,rgba(168,85,247,.3) 65%,transparent 100%)}.footer--visible{opacity:1;transform:translateY(0)}.footer-top{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-logo{width:40px;height:40px;color:var(--color-accent);filter:drop-shadow(0 0 8px var(--color-accent-glow))}.footer-brand-text{display:flex;flex-direction:column;gap:.125rem}.footer-brand-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text)}.footer-brand-name span{background:linear-gradient(135deg,var(--color-accent),#ffaa5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand-tagline{font-family:var(--font-body);font-size:.8rem;color:var(--color-text-muted)}.footer-social{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.social-label{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.social-links{display:flex;gap:.75rem}.social-link{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:12px;color:var(--color-text-secondary);text-decoration:none;transition:all .3s var(--ease-smooth)}.social-link svg{width:20px;height:20px}.social-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px var(--color-accent-glow)}.footer-divider{max-width:1300px;margin:2rem auto;height:1px;background:linear-gradient(90deg,transparent,var(--color-glass-border),transparent)}.footer-bottom{max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;text-align:center}.footer-legal{display:flex;flex-direction:column;gap:.25rem}.footer-legal span{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);line-height:1.5}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--color-accent)}.footer-copyright span{font-family:var(--font-body);font-size:.7rem;color:var(--color-text-muted)}@media (max-width: 1024px){.games-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.game-card--featured .card-content{flex-direction:column;gap:1.5rem;align-items:flex-start}.game-card--featured .card-header{flex-direction:row;align-items:center;gap:1rem}.game-card--featured .card-icon{width:60px;height:60px;padding:14px}.game-card--featured .card-title{font-size:1.75rem}}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr}}@media (max-width: 768px){.nav{padding:.875rem 1.25rem}.main{padding:0 1.25rem}.hero{padding:3rem 0 2rem;min-height:auto;justify-content:flex-start;padding-top:calc(3rem + 60px)}.hero-stats{flex-direction:row;gap:1.25rem;padding:.75rem 1.25rem}.stat-divider{width:1px;height:32px}.stat-value{font-size:1.4rem}.scroll-indicator{display:flex;margin-top:1rem}.games-section{padding:0 0 4rem}.games-grid{grid-template-columns:1fr;gap:1rem}.game-card-link--featured{grid-column:unset}.game-card--featured .card-content{flex-direction:column;gap:1.25rem;align-items:flex-start}.game-card--featured .card-icon{width:52px;height:52px;padding:12px}.game-card--featured .card-title{font-size:1.5rem}.game-card{padding:1.5rem;border-radius:16px}.game-card:hover{transform:translateY(-5px) scale(1.01)}.game-card:active{transform:scale(.97);border-color:var(--card-color);box-shadow:0 8px 24px #0000004d;transition:transform .1s ease,box-shadow .1s ease}.game-card:active .card-icon{color:var(--card-color);background:color-mix(in srgb,var(--card-color) 12%,transparent)}.game-card:active .card-title{color:var(--card-color)}.card-action{opacity:1;transform:translate(0)}.footer{padding:2rem 1.25rem 1.5rem}.footer-top{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-brand{flex-direction:column;gap:.75rem}.footer-brand-text,.footer-social{align-items:center}.footer-links{gap:1.25rem}}@media (max-width: 480px){.brand-text{font-size:1rem}.status-text{display:none}.hero-badge{padding:.375rem .75rem}.badge-text{font-size:.7rem}.hero-subtitle{font-size:.85rem;max-width:280px}.card-title{font-size:1.25rem}.card-description{font-size:.85rem}.card-icon{width:42px;height:42px;padding:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero{transform:none!important;opacity:1!important}}.guess-game{--color-bg: #0f1318;--color-bg-elevated: #161b22;--color-bg-card: rgba(22, 27, 34, .8);--color-glass: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .06);--color-accent: #a855f7;--color-accent-light: #c084fc;--color-accent-glow: rgba(168, 85, 247, .35);--color-correct: #22c55e;--color-close: #eab308;--color-wrong: #ef4444;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.guess-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.guess-gradient-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(139,92,246,.1),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(168,85,247,.08),transparent)}.guess-orb{position:absolute;border-radius:50%;filter:blur(100px)}.guess-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);top:-10%;right:-5%;animation:guessOrbFloat1 20s ease-in-out infinite}.guess-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);bottom:-10%;left:-5%;animation:guessOrbFloat2 25s ease-in-out infinite}@keyframes guessOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.1)}}@keyframes guessOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}.guess-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent)}.guess-noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02}.guess-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f1318cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border)}.guess-nav-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;transition:color .3s ease}.guess-nav-brand:hover{color:var(--color-text)}.guess-brand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.guess-brand-icon svg{width:18px;height:18px}.guess-nav-title{display:flex;flex-direction:column;align-items:center;gap:.125rem}.guess-nav-label{font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.guess-nav-game{font-family:var(--font-display);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guess-nav-stats{display:flex;align-items:center;gap:1rem}.guess-stat{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem 1rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:10px}.guess-stat-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent)}.guess-stat-label{font-size:.6rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.guess-loading{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--color-text-secondary);font-size:1rem}.guess-loading-spinner{width:48px;height:48px;border:3px solid var(--color-glass-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.guess-limit-reached{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.guess-limit-icon{width:80px;height:80px;color:var(--color-accent);margin-bottom:1.5rem;opacity:.8}.guess-limit-icon svg{width:80px;height:80px}.guess-limit-reached h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.75rem}.guess-limit-reached p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:.5rem}.guess-limit-hint{color:var(--color-text-muted);font-size:.9rem}.guess-limit-stats{margin-top:2rem}.guess-limit-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:12px}.guess-limit-stat .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-accent)}.guess-limit-stat .stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.guess-difficulty-screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;max-width:900px;margin:0 auto;width:100%}.guess-header{text-align:center;margin-bottom:3rem}.guess-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#a855f726,#8b5cf61a);border:1px solid rgba(168,85,247,.25);border-radius:100px;margin-bottom:1.25rem;font-size:.8rem;font-weight:500;color:var(--color-accent-light)}.guess-badge-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.guess-badge-icon svg{width:16px;height:16px}.guess-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin-bottom:.75rem}.guess-subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:400px;margin:0 auto}.guess-difficulty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:600px}.guess-diff-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:var(--color-bg-card);border:2px solid var(--color-glass-border);border-radius:16px;cursor:pointer;transition:all .3s var(--ease-smooth);text-align:center}.guess-diff-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.guess-diff-card.easy:hover{border-color:#22c55e;box-shadow:0 20px 40px #0000004d,0 0 40px #22c55e33}.guess-diff-card.normal:hover{border-color:#3b82f6;box-shadow:0 20px 40px #0000004d,0 0 40px #3b82f633}.guess-diff-card.hard:hover{border-color:#f97316;box-shadow:0 20px 40px #0000004d,0 0 40px #f9731633}.guess-diff-card.impossible:hover{border-color:#ef4444;box-shadow:0 20px 40px #0000004d,0 0 40px #ef444433}.diff-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .3s ease}.diff-icon svg{width:32px;height:32px}.guess-diff-card.easy:hover .diff-icon{color:#22c55e}.guess-diff-card.normal:hover .diff-icon{color:#3b82f6}.guess-diff-card.hard:hover .diff-icon{color:#f97316}.guess-diff-card.impossible:hover .diff-icon{color:#ef4444}.guess-diff-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.guess-diff-card p{font-size:.85rem;color:var(--color-text-muted);margin:0}.guess-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;max-width:1100px;margin:0 auto;width:100%}.guess-search-section{margin-bottom:1.5rem}.guess-search-wrap{position:relative;max-width:500px;margin:0 auto}.guess-search-form{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-card);border:2px solid var(--color-glass-border);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s ease,box-shadow .3s ease}.guess-search-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px #a855f726,0 8px 30px #0003}.guess-search-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;transition:color .3s ease}.guess-search-form:focus-within .guess-search-icon{color:var(--color-accent)}.guess-search-icon svg{width:20px;height:20px}.guess-search-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text);padding:.5rem 0}.guess-search-input::placeholder{color:var(--color-text-muted)}.guess-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 20px 40px #0006}.guess-search-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.guess-search-item:hover{background:#a855f71a}.guess-search-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--color-glass)}.guess-search-info{flex:1}.guess-search-name{font-weight:600;color:var(--color-text);font-size:.9rem}.guess-search-team{font-size:.75rem;color:var(--color-text-muted)}.guess-board-section{flex:1}.guess-board{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.guess-board-columns{display:grid;grid-template-columns:1.5fr repeat(6,1fr);gap:1px;background:var(--color-glass-border);border-bottom:1px solid var(--color-glass-border)}.guess-column-header{display:flex;align-items:center;justify-content:center;padding:1rem .5rem;background:#a855f714;text-align:center}.guess-column-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.guess-board-rows{min-height:100px}.guess-row{display:grid;grid-template-columns:1.5fr repeat(6,1fr);gap:1px;background:var(--color-glass-border);animation:rowSlideIn .4s ease-out}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess-row.correct-row{animation:rowCorrect .6s ease-out}@keyframes rowCorrect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.guess-cell{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;background:var(--color-bg-elevated);font-size:.8rem;font-weight:500;color:var(--color-text);text-align:center;min-height:56px;transition:background .3s ease}.guess-cell.correct{background:#22c55e33;color:var(--color-correct)}.guess-cell.close{background:#eab30833;color:var(--color-close)}.guess-cell.wrong{background:#ef44441f;color:var(--color-wrong)}.guess-cell-player{justify-content:flex-start;gap:.625rem;padding-left:.75rem}.guess-cell-img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:var(--color-glass)}.guess-cell-name{font-weight:600;color:var(--color-text);font-size:.85rem;text-align:left}.guess-cell-check{color:var(--color-correct);font-weight:700;margin-left:auto}.guess-cell-content{display:flex;align-items:center;gap:.375rem}.guess-cell-flag{width:20px;height:14px;object-fit:cover;border-radius:2px}.guess-cell-team-logo{width:20px;height:20px;object-fit:contain}.guess-cell-direction{font-size:.9rem;font-weight:700;margin-left:.25rem}.guess-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.guess-empty-icon{width:48px;height:48px;color:var(--color-text-muted);opacity:.4;margin-bottom:1rem}.guess-empty-icon svg{width:48px;height:48px}.guess-empty-text{font-size:.9rem;color:var(--color-text-muted);margin:0}.guess-legend{margin-top:1.5rem;padding:1rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:12px}.guess-legend-items{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.guess-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.guess-legend-color{width:16px;height:16px;border-radius:4px}.guess-legend-color.correct{background:#22c55e4d;border:2px solid var(--color-correct)}.guess-legend-color.close{background:#eab3084d;border:2px solid var(--color-close)}.guess-legend-color.wrong{background:#ef444433;border:2px solid var(--color-wrong)}.guess-legend-arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--color-text-secondary)}.guess-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayFadeIn .3s ease-out}.guess-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:24px;max-width:400px;width:100%;animation:overlaySlideUp .4s var(--ease-bounce)}.guess-overlay-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.guess-overlay-icon svg{width:72px;height:72px}.guess-overlay-icon.win{color:var(--color-correct);filter:drop-shadow(0 0 20px rgba(34,197,94,.4))}.guess-overlay-icon.lose{color:var(--color-wrong);filter:drop-shadow(0 0 20px rgba(239,68,68,.4))}.guess-overlay-content h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:1.5rem}.guess-win-overlay h2{color:var(--color-correct)}.guess-lose-overlay h2{color:var(--color-wrong)}.guess-overlay-player{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.guess-overlay-avatar{width:100px;height:100px;border-radius:16px;object-fit:cover;border:3px solid var(--color-glass-border)}.guess-overlay-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text)}.guess-overlay-team{font-size:.9rem;color:var(--color-text-muted)}.guess-overlay-content p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.guess-overlay-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border:none;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s ease;margin-bottom:1rem}.guess-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-accent-glow)}.guess-overlay-link{font-size:.85rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.guess-overlay-link:hover{color:var(--color-text)}@media (max-width: 900px){.guess-board-columns,.guess-row{grid-template-columns:1.3fr repeat(6,minmax(70px,1fr))}.guess-board{overflow-x:auto}.guess-column-label{font-size:.6rem}.guess-cell{font-size:.75rem;padding:.625rem .375rem}}@media (max-width: 768px){.guess-nav{padding:.875rem 1.25rem}.guess-nav-brand span{display:none}.guess-main{padding:1rem}.guess-difficulty-screen{padding:2rem 1rem}.guess-difficulty-grid{grid-template-columns:1fr;gap:.75rem}.guess-diff-card{flex-direction:row;justify-content:flex-start;padding:1.25rem;gap:1rem;text-align:left}.diff-icon{width:40px;height:40px}.diff-icon svg{width:24px;height:24px}.guess-search-wrap{max-width:100%}.guess-legend-items{gap:1rem}.guess-overlay-content{padding:2rem 1.5rem;border-radius:20px}}@media (max-width: 480px){.guess-title{font-size:1.75rem}.guess-subtitle{font-size:.9rem}.guess-column-label{font-size:.55rem}.guess-cell{padding:.5rem .25rem;font-size:.7rem;min-height:48px}.guess-cell-img{width:28px;height:28px}.guess-cell-name{font-size:.75rem}.guess-overlay-avatar{width:80px;height:80px}}.diff-screen{position:relative;z-index:1;min-height:calc(100vh - 65px);margin-top:65px;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 2rem 2rem}.diff-wrap{width:100%;max-width:860px}.diff-head{margin-bottom:2rem}.diff-head-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.diff-eyebrow{font-family:Sora,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--diff-accent)}.diff-plays-count{font-family:Inter,sans-serif;font-size:.72rem;color:#64748ba6;letter-spacing:.02em}.diff-title{font-family:Sora,sans-serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.04em;color:#f1f5f9;line-height:1.05;margin-bottom:.625rem}.diff-subtitle{font-family:Inter,sans-serif;font-size:.875rem;color:#94a3b8b3;line-height:1.65;margin-bottom:1.875rem;max-width:460px}.diff-rule{height:1px;background:linear-gradient(90deg,var(--diff-accent),rgba(255,255,255,.06) 55%,transparent)}.diff-list{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;background:#0f1318bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.diff-row{display:flex;align-items:center;gap:1.5rem;padding:1.625rem 2rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:background .2s ease,padding-left .2s ease}.diff-row:last-child{border-bottom:none}.diff-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--diff-accent);border-radius:0 2px 2px 0;transform:scaleY(0);transition:transform .2s ease}.diff-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 100% at -5% 50%,color-mix(in srgb,var(--diff-accent) 9%,transparent),transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.diff-row:hover{background:#ffffff05;padding-left:2.125rem}.diff-row:hover:before{transform:scaleY(1)}.diff-row:hover:after{opacity:1}.diff-row:hover .diff-name{color:var(--diff-accent)}.diff-row:hover .diff-roman{color:#ffffff17}.diff-row:hover .diff-bar--lit{box-shadow:0 0 6px color-mix(in srgb,var(--diff-accent) 70%,transparent)}.diff-roman{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:800;color:#ffffff0b;min-width:2.5rem;letter-spacing:-.02em;line-height:1;transition:color .2s ease;flex-shrink:0;position:relative;z-index:1}.diff-info{flex:1;display:flex;flex-direction:column;gap:.2rem;position:relative;z-index:1;min-width:0}.diff-name{font-family:Sora,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e2e8f0;transition:color .2s ease}.diff-desc{font-family:Inter,sans-serif;font-size:.8rem;color:#64748bbf;letter-spacing:.01em}.diff-side{display:flex;align-items:center;gap:.875rem;flex-shrink:0;position:relative;z-index:1}.diff-badge{font-family:Sora,sans-serif;font-size:.65rem;font-weight:600;color:var(--diff-accent);padding:.2rem .55rem;background:color-mix(in srgb,var(--diff-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--diff-accent) 22%,transparent);border-radius:100px;white-space:nowrap;letter-spacing:.02em}.diff-badge-sep{opacity:.45;margin:0 .1em}.diff-bars{display:flex;gap:3px;align-items:flex-end}.diff-bar{display:block;width:3px;border-radius:2px;transition:box-shadow .2s ease}.diff-bar:nth-child(1),.diff-bar:nth-child(8){height:7px}.diff-bar:nth-child(2),.diff-bar:nth-child(7){height:10px}.diff-bar:nth-child(3),.diff-bar:nth-child(6){height:13px}.diff-bar:nth-child(4),.diff-bar:nth-child(5){height:15px}.diff-bar--lit{background:var(--diff-accent);opacity:.9}.diff-bar:not(.diff-bar--lit){background:#ffffff12}.diff-reset{display:flex;align-items:center;gap:.5rem;margin-top:1.125rem;background:transparent;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.73rem;font-weight:500;color:#64748b99;padding:.375rem 0;transition:color .2s ease;letter-spacing:.01em}.diff-reset svg{flex-shrink:0}.diff-reset:hover{color:#94a3b8d9}@media (max-width: 600px){.diff-screen{margin-top:56px;min-height:calc(100vh - 56px);padding:.75rem 1rem 1.5rem;align-items:flex-start}.diff-head{margin-bottom:1.25rem}.diff-head-top{margin-bottom:.75rem}.diff-subtitle{margin-bottom:1.25rem;font-size:.8rem}.diff-title{font-size:1.625rem}.diff-row{padding:1.125rem 1.25rem;gap:.875rem}.diff-row:hover{padding-left:1.75rem}.diff-roman{min-width:1.75rem;font-size:1.125rem}.diff-name{font-size:.875rem}.diff-desc{font-size:.72rem}.diff-bars{display:none}}.hl-game{--color-bg: #0f1318;--color-bg-elevated: #161b22;--color-bg-card: rgba(22, 27, 34, .8);--color-glass: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .06);--color-accent: #22c55e;--color-accent-light: #4ade80;--color-accent-glow: rgba(34, 197, 94, .35);--color-correct: #22c55e;--color-wrong: #ef4444;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.hl-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.hl-gradient-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,197,94,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(34,197,94,.08),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(74,222,128,.06),transparent)}.hl-orb{position:absolute;border-radius:50%;filter:blur(100px)}.hl-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 70%);top:-10%;right:-5%;animation:hlOrbFloat1 20s ease-in-out infinite}.hl-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(74,222,128,.1) 0%,transparent 70%);bottom:-10%;left:-5%;animation:hlOrbFloat2 25s ease-in-out infinite}@keyframes hlOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.1)}}@keyframes hlOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}.hl-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent)}.hl-noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02}.hl-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f1318cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border)}.hl-nav-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;transition:color .3s ease}.hl-nav-brand:hover{color:var(--color-text)}.hl-brand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hl-brand-icon svg{width:18px;height:18px}.hl-nav-title{display:flex;flex-direction:column;align-items:center;gap:.125rem}.hl-nav-label{font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.hl-nav-game{font-family:var(--font-display);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hl-nav-stats{display:flex;align-items:center;gap:.75rem}.hl-stat{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem 1rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:10px}.hl-stat-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent)}.hl-stat-label{font-size:.6rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.hl-loading{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--color-text-secondary);font-size:1rem}.hl-loading-spinner{width:48px;height:48px;border:3px solid var(--color-glass-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hl-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.hl-streak-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f9731626,#eab30826);border:1px solid rgba(249,115,22,.3);border-radius:100px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #f9731633}50%{box-shadow:0 0 30px #f9731666}}.hl-streak-fire{font-size:1.25rem;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hl-streak-count{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:#f97316}.hl-arena{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:1300px}.hl-card{flex:0 0 325px;background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:24px;padding:2.25rem 2rem 2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease-smooth);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hl-card:hover{border-color:#22c55e59;box-shadow:0 20px 50px #00000059,0 0 40px #22c55e14;transform:translateY(-4px)}.hl-card-avatar-wrap{position:relative;width:160px;height:160px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--color-glass-border),var(--color-glass-border));transition:background .35s ease,box-shadow .35s ease;flex-shrink:0}.hl-card:hover .hl-card-avatar-wrap{background:linear-gradient(135deg,var(--color-accent),#4ade80);box-shadow:0 0 30px #22c55e59,0 0 60px #22c55e1f}.hl-card-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 10%;background:var(--color-bg-elevated);display:block}.hl-card-info{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.hl-card-team{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.hl-card-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.2}.hl-card-stat-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.125rem 1.25rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:14px;transition:border-color .3s ease,background .3s ease}.hl-card:hover .hl-card-stat-box{background:#22c55e0a;border-color:#22c55e26}.hl-card-stat-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.hl-card-stat-value{font-family:var(--font-display);font-size:2.375rem;font-weight:800;color:var(--color-text);line-height:1}.hl-card-stat-value.correct{color:var(--color-correct)}.hl-card-stat-value.wrong{color:var(--color-wrong)}.hl-card-stat-mystery{font-family:var(--font-display);font-size:2.375rem;font-weight:800;color:var(--color-accent);line-height:1;animation:mysteryPulse 1.5s ease-in-out infinite}@keyframes mysteryPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.93)}}.hl-stat-reveal{animation:statReveal .5s var(--ease-bounce)}@keyframes statReveal{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.hl-versus{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.hl-vs-badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border-radius:50%;font-family:var(--font-display);font-size:1rem;font-weight:800;color:#fff;box-shadow:0 0 30px var(--color-accent-glow)}.hl-question{text-align:center;font-size:.9rem;color:var(--color-text-secondary);max-width:200px;line-height:1.5}.hl-question strong{color:var(--color-text);font-weight:600}.hl-buttons{display:flex;flex-direction:column;gap:.75rem}.hl-buttons-disabled{opacity:.5;pointer-events:none}.hl-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:160px;padding:.875rem 1.5rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s var(--ease-bounce)}.hl-btn svg{width:18px;height:18px;transition:transform .2s ease}.hl-btn-higher{background:linear-gradient(135deg,#22c55e,#4ade80)}.hl-btn-higher:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.hl-btn-higher:hover svg{transform:translateY(-2px)}.hl-btn-lower{background:linear-gradient(135deg,#ef4444,#f87171)}.hl-btn-lower:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.hl-btn-lower:hover svg{transform:translateY(2px)}.hl-btn:active{transform:scale(.98)}.hl-controls-hint{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:10px;font-size:.75rem;color:var(--color-text-muted)}.hl-controls-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;margin-right:.375rem;font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:6px}.hl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.hl-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:24px;max-width:400px;width:100%;animation:overlaySlideUp .4s var(--ease-bounce)}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hl-overlay-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.hl-overlay-icon svg{width:72px;height:72px}.hl-overlay-icon.win{color:var(--color-correct);filter:drop-shadow(0 0 20px rgba(34,197,94,.4))}.hl-overlay-icon.lose{color:var(--color-wrong);filter:drop-shadow(0 0 20px rgba(239,68,68,.4))}.hl-overlay-content h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin:0 0 1rem}.hl-overlay-win h2{color:var(--color-correct)}.hl-overlay-lose h2,.hl-overlay-gameover h2{color:var(--color-wrong)}.hl-overlay-gameover h2{color:var(--color-text)}.hl-overlay-content p{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.hl-overlay-content p strong{color:var(--color-text)}.hl-overlay-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border:none;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s ease;margin-bottom:1rem}.hl-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--color-accent-glow)}.hl-overlay-link{font-size:.85rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.hl-overlay-link:hover{color:var(--color-text)}.hl-final-score{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-bottom:1rem}.hl-final-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.hl-final-value{font-family:var(--font-display);font-size:4rem;font-weight:800;color:var(--color-accent);line-height:1}.hl-new-record{display:inline-block;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:100px}@media (max-width: 900px){.hl-arena{flex-direction:column;gap:1.25rem}.hl-card{flex:0 0 auto;width:100%;max-width:320px;flex-direction:row;align-items:center;gap:1.25rem;padding:1.25rem;text-align:left}.hl-card-avatar-wrap{width:90px;height:90px;flex-shrink:0}.hl-card-info{align-items:flex-start;text-align:left}.hl-card-stat-box{align-items:flex-start}.hl-versus{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.75rem}.hl-question{width:100%;order:-1;max-width:none}.hl-buttons{flex-direction:row}.hl-btn{width:130px}}@media (max-width: 600px){.hl-nav{padding:.875rem 1rem}.hl-nav-brand span{display:none}.hl-nav-stats{gap:.5rem}.hl-stat{padding:.375rem .75rem}.hl-main{padding:1rem}.hl-card{flex-direction:row;max-width:100%;padding:1rem;gap:1rem}.hl-card-avatar-wrap{width:76px;height:76px}.hl-card-name{font-size:1.1rem}.hl-card-stat-value,.hl-card-stat-mystery{font-size:1.5rem}.hl-btn{width:110px;padding:.75rem 1rem;font-size:.8rem}.hl-controls-hint{display:none}.hl-overlay-content{padding:2rem 1.5rem}.hl-final-value{font-size:3rem}}.blur-game{--color-bg: #0f1318;--color-bg-elevated: #161b22;--color-bg-card: rgba(22, 27, 34, .8);--color-glass: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .06);--color-accent: #06b6d4;--color-accent-light: #22d3ee;--color-accent-glow: rgba(6, 182, 212, .35);--color-correct: #22c55e;--color-wrong: #ef4444;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.blur-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.blur-gradient-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(6,182,212,.08),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(6,182,212,.07),transparent)}.blur-orb{position:absolute;border-radius:50%;filter:blur(100px)}.blur-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);top:-10%;right:-5%;animation:blurOrbFloat1 22s ease-in-out infinite}.blur-orb-2{width:420px;height:420px;background:radial-gradient(circle,rgba(6,182,212,.14) 0%,transparent 70%);bottom:-10%;left:-5%;animation:blurOrbFloat2 28s ease-in-out infinite}@keyframes blurOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.1)}}@keyframes blurOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}.blur-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent)}.blur-noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02}.blur-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f1318cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border)}.blur-nav-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;transition:color .3s ease}.blur-nav-brand:hover{color:var(--color-text)}.blur-brand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.blur-brand-icon svg{width:18px;height:18px}.blur-nav-title{display:flex;flex-direction:column;align-items:center;gap:.125rem}.blur-nav-label{font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.blur-nav-game{font-family:var(--font-display);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blur-nav-stats{display:flex;align-items:center;gap:1rem}.blur-stat{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem 1rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:10px}.blur-stat-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent)}.blur-stat-label{font-size:.6rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blur-loading{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--color-text-secondary);font-size:1rem}.blur-loading-spinner{width:48px;height:48px;border:3px solid var(--color-glass-border);border-top-color:var(--color-accent);border-radius:50%;animation:blurSpin 1s linear infinite}@keyframes blurSpin{to{transform:rotate(360deg)}}.blur-limit-reached{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.blur-limit-icon{width:80px;height:80px;color:var(--color-accent);margin-bottom:1.5rem;opacity:.8}.blur-limit-icon svg{width:80px;height:80px}.blur-limit-reached h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.75rem}.blur-limit-reached p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:.5rem}.blur-limit-hint{color:var(--color-text-muted);font-size:.9rem}.blur-limit-stats{margin-top:2rem}.blur-limit-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:12px}.blur-limit-stat .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-accent)}.blur-limit-stat .stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blur-difficulty-screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;max-width:900px;margin:0 auto;width:100%}.blur-header{text-align:center;margin-bottom:3rem}.blur-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#06b6d426,#06b6d414);border:1px solid rgba(6,182,212,.25);border-radius:100px;margin-bottom:1.25rem;font-size:.8rem;font-weight:500;color:var(--color-accent-light)}.blur-badge-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.blur-badge-icon svg{width:16px;height:16px}.blur-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin-bottom:.75rem}.blur-subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:420px;margin:0 auto;line-height:1.6}.blur-difficulty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:600px}.blur-diff-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:var(--color-bg-card);border:2px solid var(--color-glass-border);border-radius:16px;cursor:pointer;transition:all .3s var(--ease-smooth);text-align:center}.blur-diff-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.blur-diff-card.easy:hover{border-color:#22c55e;box-shadow:0 20px 40px #0000004d,0 0 40px #22c55e33}.blur-diff-card.normal:hover{border-color:#3b82f6;box-shadow:0 20px 40px #0000004d,0 0 40px #3b82f633}.blur-diff-card.hard:hover{border-color:#f97316;box-shadow:0 20px 40px #0000004d,0 0 40px #f9731633}.blur-diff-card.impossible:hover{border-color:#ef4444;box-shadow:0 20px 40px #0000004d,0 0 40px #ef444433}.blur-diff-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color .3s ease}.blur-diff-icon svg{width:32px;height:32px}.blur-diff-card.easy:hover .blur-diff-icon{color:#22c55e}.blur-diff-card.normal:hover .blur-diff-icon{color:#3b82f6}.blur-diff-card.hard:hover .blur-diff-icon{color:#f97316}.blur-diff-card.impossible:hover .blur-diff-icon{color:#ef4444}.blur-diff-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.blur-diff-card p{font-size:.85rem;color:var(--color-text-muted);margin:0}.blur-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 3rem;width:100%;max-width:560px;margin:0 auto}.blur-image-section{width:100%;display:flex;justify-content:center;margin-bottom:1.75rem}.blur-image-frame{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:380px}.blur-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:20px;overflow:hidden;background:var(--color-bg-elevated);border:1px solid rgba(6,182,212,.15);box-shadow:0 24px 64px #00000080,0 0 0 1px var(--color-glass-border),0 0 80px #06b6d414}.blur-image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.blur-image-label{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);text-align:center;font-family:var(--font-body);font-size:.75rem;font-weight:500;color:#fff9;letter-spacing:.04em;text-transform:uppercase}.blur-clarity-container{width:100%}.blur-clarity-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blur-clarity-pct{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--color-accent)}.blur-clarity-track{height:5px;background:var(--color-glass-border);border-radius:100px;overflow:hidden}.blur-clarity-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:100px;transition:width .65s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px var(--color-accent-glow)}.blur-clarity-fill.win{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #22c55e66}.blur-clarity-fill.lose{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 12px #ef444466}.blur-attempts-track{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.blur-attempt-dot{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:var(--color-glass);border:1px solid var(--color-glass-border);color:var(--color-text-muted);transition:all .3s ease}.blur-attempt-dot.current{border-color:var(--color-accent);color:var(--color-accent);animation:dotPulse 1.8s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 18px var(--color-accent-glow)}}.blur-attempt-dot.correct{background:#22c55e26;border-color:var(--color-correct);color:var(--color-correct)}.blur-attempt-dot.wrong{background:#ef44441a;border-color:#ef444459;color:var(--color-wrong)}.blur-search-section{width:100%;margin-bottom:1.5rem}.blur-search-wrap{position:relative;width:100%}.blur-search-form{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-card);border:2px solid var(--color-glass-border);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s ease,box-shadow .3s ease}.blur-search-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px #06b6d41f,0 8px 30px #0003}.blur-search-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;transition:color .3s ease}.blur-search-form:focus-within .blur-search-icon{color:var(--color-accent)}.blur-search-icon svg{width:20px;height:20px}.blur-search-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text);padding:.5rem 0}.blur-search-input::placeholder{color:var(--color-text-muted)}.blur-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 20px 40px #0006}.blur-search-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.blur-search-item:hover{background:#06b6d414}.blur-search-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--color-glass)}.blur-search-info{flex:1}.blur-search-name{font-weight:600;color:var(--color-text);font-size:.9rem}.blur-search-team{font-size:.75rem;color:var(--color-text-muted)}.blur-guesses-section{width:100%;text-align:center}.blur-guesses-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.blur-guesses-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.blur-guess-chip{display:flex;align-items:center;gap:.375rem;padding:.3rem .75rem .3rem .3rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:100px;animation:chipIn .3s var(--ease-bounce)}@keyframes chipIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.blur-guess-chip-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--color-glass)}.blur-guess-chip-name{font-size:.75rem;font-weight:600;color:var(--color-wrong)}.blur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayIn .3s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.blur-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:24px;max-width:400px;width:100%;animation:overlayUp .4s var(--ease-bounce)}@keyframes overlayUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.blur-overlay-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.blur-overlay-icon svg{width:72px;height:72px}.blur-overlay-icon.win{color:var(--color-correct);filter:drop-shadow(0 0 20px rgba(34,197,94,.4))}.blur-overlay-icon.lose{color:var(--color-wrong);filter:drop-shadow(0 0 20px rgba(239,68,68,.4))}.blur-overlay-content h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:1.5rem}.blur-win-overlay h2{color:var(--color-correct)}.blur-lose-overlay h2{color:var(--color-wrong)}.blur-overlay-player{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.blur-overlay-avatar{width:100px;height:100px;border-radius:14px;object-fit:cover;border:2px solid var(--color-glass-border)}.blur-overlay-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text)}.blur-overlay-team{font-size:.875rem;color:var(--color-text-muted)}.blur-overlay-content p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.blur-overlay-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border:none;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#0f1318;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s ease;margin-bottom:1rem}.blur-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-accent-glow)}.blur-overlay-link{font-size:.85rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.blur-overlay-link:hover{color:var(--color-text)}@media (max-width: 768px){.blur-nav{padding:.875rem 1.25rem}.blur-nav-brand span{display:none}.blur-main{padding:1.25rem 1rem 2.5rem}.blur-difficulty-screen{padding:2rem 1rem}.blur-difficulty-grid{grid-template-columns:1fr;gap:.75rem}.blur-diff-card{flex-direction:row;justify-content:flex-start;padding:1.25rem;gap:1rem;text-align:left}.blur-diff-icon{width:36px;height:36px}.blur-diff-icon svg{width:24px;height:24px}.blur-image-frame{max-width:300px}.blur-overlay-content{padding:2rem 1.5rem;border-radius:20px}}@media (max-width: 480px){.blur-title{font-size:1.75rem}.blur-subtitle{font-size:.9rem}.blur-image-frame{max-width:260px}.blur-attempt-dot{width:32px;height:32px;border-radius:8px;font-size:.75rem}.blur-overlay-avatar{width:80px;height:80px}.blur-overlay-content h2{font-size:1.6rem}}.tp-game{--color-bg: #0f1318;--color-bg-elevated: #161b22;--color-bg-card: rgba(22, 27, 34, .8);--color-glass: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .06);--color-accent: #f43f5e;--color-accent-light: #fb7185;--color-accent-glow: rgba(244, 63, 94, .35);--color-correct: #22c55e;--color-wrong: #ef4444;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.tp-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.tp-gradient-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(244,63,94,.14),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(244,63,94,.07),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(244,63,94,.06),transparent)}.tp-orb{position:absolute;border-radius:50%;filter:blur(100px)}.tp-orb-1{width:520px;height:520px;background:radial-gradient(circle,rgba(244,63,94,.18) 0%,transparent 70%);top:-10%;right:-5%;animation:tpOrbFloat1 22s ease-in-out infinite}.tp-orb-2{width:440px;height:440px;background:radial-gradient(circle,rgba(251,113,133,.12) 0%,transparent 70%);bottom:-10%;left:-5%;animation:tpOrbFloat2 28s ease-in-out infinite}@keyframes tpOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.1)}}@keyframes tpOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}.tp-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,black,transparent)}.tp-noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02}.tp-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f1318cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border)}.tp-nav-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;transition:color .3s ease}.tp-nav-brand:hover{color:var(--color-text)}.tp-brand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tp-brand-icon svg{width:18px;height:18px}.tp-nav-title{display:flex;flex-direction:column;align-items:center;gap:.125rem}.tp-nav-label{font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.tp-nav-game{font-family:var(--font-display);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tp-nav-right{display:flex;align-items:center;gap:.75rem}.tp-nav-found{font-size:.75rem;font-weight:600;color:var(--color-accent);padding:.25rem .625rem;background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:100px}.tp-nav-stats{display:flex;align-items:center;gap:1rem}.tp-stat{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem 1rem;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:10px}.tp-stat-value{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-accent)}.tp-stat-label{font-size:.6rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tp-loading{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:var(--color-text-secondary);font-size:1rem}.tp-spinner{width:48px;height:48px;border:3px solid var(--color-glass-border);border-top-color:var(--color-accent);border-radius:50%;animation:tpSpin 1s linear infinite}@keyframes tpSpin{to{transform:rotate(360deg)}}.tp-difficulty-screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;max-width:900px;margin:0 auto;width:100%}.tp-header{text-align:center;margin-bottom:3rem}.tp-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f43f5e26,#f43f5e14);border:1px solid rgba(244,63,94,.25);border-radius:100px;margin-bottom:1.25rem;font-size:.8rem;font-weight:500;color:var(--color-accent-light)}.tp-badge-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.tp-badge-icon svg{width:16px;height:16px}.tp-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin-bottom:.75rem}.tp-subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:440px;margin:0 auto;line-height:1.6}.tp-difficulty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:640px}.tp-diff-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-bg-card);border:2px solid var(--color-glass-border);border-radius:16px;cursor:pointer;transition:all .3s var(--ease-smooth);text-align:left}.tp-diff-card:hover{transform:translateY(-4px);border-color:var(--diff-color, var(--color-accent));box-shadow:0 20px 40px #0000004d,0 0 40px color-mix(in srgb,var(--diff-color, var(--color-accent)) 20%,transparent)}.tp-diff-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .3s ease}.tp-diff-card:hover .tp-diff-icon{color:var(--diff-color, var(--color-accent))}.tp-diff-icon svg{width:28px;height:28px}.tp-diff-info{flex:1;min-width:0}.tp-diff-info h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0 0 .2rem}.tp-diff-info p{font-size:.8rem;color:var(--color-text-muted);margin:0}.tp-diff-progress{width:100%;margin-top:.75rem}.tp-diff-progress-bar{height:4px;background:var(--color-glass-border);border-radius:100px;overflow:hidden;margin-bottom:.4rem}.tp-diff-progress-fill{height:100%;background:var(--diff-color, var(--color-accent));border-radius:100px;transition:width .6s var(--ease-smooth)}.tp-diff-progress-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted)}.tp-diff-card{flex-wrap:wrap}.tp-diff-progress{flex-basis:100%}.tp-reset-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.5rem 1.25rem;background:none;border:1px solid var(--color-glass-border);border-radius:100px;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .25s ease}.tp-reset-btn:hover{border-color:#ef444459;color:#ef4444;background:#ef44440f}.tp-all-done{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.tp-all-done-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--color-accent);filter:drop-shadow(0 0 24px var(--color-accent-glow));margin-bottom:.5rem}.tp-all-done-icon svg{width:90px;height:90px}.tp-all-done h2{font-family:var(--font-display);font-size:2.25rem;font-weight:800;color:var(--color-text);margin:0}.tp-all-done p{color:var(--color-text-secondary);font-size:1rem;margin:0}.tp-all-done-sub{color:var(--color-text-muted)!important;font-size:.875rem!important}.tp-levelup-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f43f5e33,#fb71851f);border:1px solid rgba(244,63,94,.35);border-radius:100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-accent-light);white-space:nowrap;box-shadow:0 8px 32px #f43f5e33;animation:toastIn .4s var(--ease-bounce)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tp-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 3rem;width:100%;max-width:700px;margin:0 auto;gap:1.5rem}.tp-path-section{width:100%}.tp-path-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.tp-path-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.tp-path-count{font-size:.7rem;font-weight:600;color:var(--color-accent);padding:.2rem .6rem;background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:100px}.tp-path-card{background:var(--color-bg-card);border:1px solid var(--color-glass-border);border-radius:18px;padding:1.5rem 1.25rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 48px #00000059,0 0 0 1px #f43f5e0f,inset 0 1px #ffffff0a;margin-bottom:1rem}.tp-chain{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:.25rem 0;row-gap:1rem}.tp-chain-chevron{width:10px;height:18px;flex-shrink:0;color:var(--color-text-muted);opacity:.5;align-self:center;margin:0 .25rem 1.4rem}.tp-chain-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tp-team-logo-box{width:68px;height:68px;border-radius:14px;background:#fff;border:1px solid var(--color-glass-border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.tp-team-logo-box:hover{border-color:#f43f5e4d;box-shadow:0 0 20px #f43f5e1f}.tp-logo-fallback{background:linear-gradient(135deg,#f43f5e1f,#f43f5e0f);border-color:#f43f5e33}.tp-team-logo{width:52px;height:52px;object-fit:contain}.tp-team-initials{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-accent);line-height:1}.tp-team-name{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-attempts-track{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tp-attempt-dot{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:var(--color-glass);border:1px solid var(--color-glass-border);color:var(--color-text-muted);transition:all .3s ease}.tp-attempt-dot.current{border-color:var(--color-accent);color:var(--color-accent);animation:tpDotPulse 1.8s ease-in-out infinite}@keyframes tpDotPulse{0%,to{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 18px var(--color-accent-glow)}}.tp-attempt-dot.correct{background:#22c55e26;border-color:var(--color-correct);color:var(--color-correct)}.tp-attempt-dot.wrong{background:#ef44441a;border-color:#ef444459;color:var(--color-wrong)}.tp-search-section{width:100%}.tp-search-wrap{position:relative;width:100%}.tp-search-form{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-card);border:2px solid var(--color-glass-border);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s ease,box-shadow .3s ease}.tp-search-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px #f43f5e1f,0 8px 30px #0003}.tp-search-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;transition:color .3s ease}.tp-search-form:focus-within .tp-search-icon{color:var(--color-accent)}.tp-search-icon svg{width:20px;height:20px}.tp-search-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text);padding:.5rem 0}.tp-search-input::placeholder{color:var(--color-text-muted)}.tp-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 20px 40px #0006;max-height:280px;overflow-y:auto}.tp-search-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.tp-search-item:hover{background:#f43f5e14}.tp-search-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--color-glass)}.tp-search-info{flex:1}.tp-search-name{font-weight:600;color:var(--color-text);font-size:.9rem}.tp-search-team{font-size:.75rem;color:var(--color-text-muted)}.tp-guesses-section{width:100%;text-align:center}.tp-guesses-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.tp-guesses-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tp-guess-chip{display:flex;align-items:center;gap:.375rem;padding:.3rem .75rem .3rem .3rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:100px;animation:tpChipIn .3s var(--ease-bounce)}@keyframes tpChipIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.tp-guess-chip-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--color-glass)}.tp-guess-chip-name{font-size:.75rem;font-weight:600;color:var(--color-wrong)}.tp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tpOverlayIn .3s ease-out}@keyframes tpOverlayIn{0%{opacity:0}to{opacity:1}}.tp-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-glass-border);border-radius:24px;max-width:400px;width:100%;animation:tpOverlayUp .4s var(--ease-bounce)}@keyframes tpOverlayUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tp-overlay-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.tp-overlay-icon svg{width:72px;height:72px}.tp-overlay-icon.win{color:var(--color-correct);filter:drop-shadow(0 0 20px rgba(34,197,94,.4))}.tp-overlay-icon.lose{color:var(--color-wrong);filter:drop-shadow(0 0 20px rgba(239,68,68,.4))}.tp-overlay-content h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:1.25rem}.tp-win-overlay h2{color:var(--color-correct)}.tp-lose-overlay h2{color:var(--color-wrong)}.tp-overlay-player{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem}.tp-overlay-avatar{width:100px;height:100px;border-radius:14px;object-fit:cover;border:2px solid var(--color-glass-border)}.tp-overlay-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text)}.tp-overlay-team{font-size:.875rem;color:var(--color-text-muted)}.tp-overlay-content p{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.tp-overlay-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border:none;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s ease;margin-bottom:1rem}.tp-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-accent-glow)}.tp-overlay-link{font-size:.85rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.tp-overlay-link:hover{color:var(--color-text)}.overlay-signin-notice a{color:var(--color-accent);text-decoration:none}@media (max-width: 768px){.tp-nav{padding:.875rem 1.25rem}.tp-nav-brand span{display:none}.tp-main{padding:1.25rem 1rem 2.5rem}.tp-difficulty-screen{padding:2rem 1rem}.tp-difficulty-grid{grid-template-columns:1fr;gap:.75rem}.tp-path-card{padding:1.25rem 1rem}.tp-overlay-content{padding:2rem 1.5rem;border-radius:20px}.tp-levelup-toast{font-size:.8rem;padding:.625rem 1.125rem;max-width:calc(100vw - 2rem);white-space:normal;text-align:center}}@media (max-width: 599px){.tp-game{--logo-box-size: 56px}.tp-team-logo-box{width:56px;height:56px;border-radius:11px}.tp-team-logo{width:40px;height:40px}.tp-chain-chevron{margin-bottom:1.25rem}.tp-team-name{font-size:.6rem}}@media (max-width: 480px){.tp-title{font-size:1.75rem}.tp-subtitle{font-size:.9rem}.tp-attempt-dot{width:32px;height:32px;border-radius:8px;font-size:.75rem}.tp-overlay-avatar{width:80px;height:80px}.tp-overlay-content h2{font-size:1.6rem}}.bn-game{--bn-bg: #0b0f1a;--bn-surface: rgba(17, 24, 39, .9);--bn-surface-2: rgba(25, 35, 58, .85);--bn-border: rgba(255, 255, 255, .08);--bn-accent: #5865f2;--bn-accent-light: #a8b5ff;--bn-correct: #3ba55c;--bn-wrong: #ed4245;--bn-bingo: #faa61a;--bn-text: #e8edf5;--bn-text-2: #94a3b8;--bn-text-dim: #4a5a6a;--bn-glass: rgba(255, 255, 255, .04);--bn-glass-border: rgba(255, 255, 255, .1);--bn-blur: blur(20px) saturate(160%);--bn-ease: cubic-bezier(.4, 0, .2, 1);--bn-bounce: cubic-bezier(.34, 1.56, .64, 1);--font-d: "Sora", sans-serif;--font-b: "Inter", sans-serif;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bn-bg);color:var(--bn-text);font-family:var(--font-b);position:relative}.bn-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bn-bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 30% 0%,rgba(88,101,242,.2),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(88,101,242,.1),transparent),radial-gradient(ellipse 50% 30% at 10% 90%,rgba(88,101,242,.08),transparent)}.bn-bg-orb{position:absolute;border-radius:50%;filter:blur(80px)}.bn-bg-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(88,101,242,.22) 0%,transparent 70%);top:-15%;right:-10%;animation:bnOrbFloat1 25s ease-in-out infinite}.bn-bg-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(88,101,242,.16) 0%,transparent 70%);bottom:-15%;left:-10%;animation:bnOrbFloat2 32s ease-in-out infinite}@keyframes bnOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,50px) scale(1.1)}}@keyframes bnOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.05)}}.bn-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent)}.bn-bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.02}.bn-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.75rem;background:#0b0f1ad9;backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur);border-bottom:1px solid var(--bn-glass-border);flex-shrink:0}.bn-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(88,101,242,.5) 50%,transparent 100%)}.bn-nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--bn-text-2);font-size:.875rem;font-weight:500;transition:color .2s var(--bn-ease);min-width:130px}.bn-nav-brand:hover{color:var(--bn-text)}.bn-brand-icon{width:18px;height:18px;display:flex;align-items:center}.bn-brand-icon svg{width:18px;height:18px}.bn-nav-title{display:flex;flex-direction:column;align-items:center;gap:.1rem;position:absolute;left:50%;transform:translate(-50%)}.bn-nav-label{font-size:.55rem;font-weight:600;color:var(--bn-text-dim);text-transform:uppercase;letter-spacing:.12em}.bn-nav-game{font-family:var(--font-d);font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#fff 20%,var(--bn-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.bn-nav-right{min-width:130px;display:flex;justify-content:flex-end}.bn-nav-stats{display:flex;align-items:center;gap:.5rem}.bn-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .75rem;background:var(--bn-glass);border:1px solid var(--bn-glass-border);border-radius:8px;backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur)}.bn-stat-val{font-family:var(--font-d);font-size:.9rem;font-weight:700;color:var(--bn-text);line-height:1}.bn-stat-val.correct{color:var(--bn-correct)}.bn-stat-val.gold{color:var(--bn-bingo)}.bn-stat-lbl{font-size:.48rem;font-weight:600;color:var(--bn-text-dim);text-transform:uppercase;letter-spacing:.06em}.bn-center{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;color:var(--bn-text-2);font-size:.95rem}.bn-spinner{width:48px;height:48px;border:3px solid rgba(88,101,242,.15);border-top-color:var(--bn-accent);border-radius:50%;animation:bnSpin .85s linear infinite}@keyframes bnSpin{to{transform:rotate(360deg)}}.bn-diff-screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.bn-header{text-align:center;margin-bottom:2.5rem}.bn-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#5865f226,#5865f214);border:1px solid rgba(88,101,242,.3);border-radius:100px;margin-bottom:1.25rem;font-size:.8rem;font-weight:500;color:var(--bn-accent-light)}.bn-badge-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.bn-badge-icon svg{width:16px;height:16px}.bn-title{font-family:var(--font-d);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#ffffff 25%,var(--bn-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .625rem}.bn-subtitle{font-size:1rem;color:var(--bn-text-2);max-width:440px;margin:0 auto;line-height:1.6}.bn-diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:620px}.bn-diff-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:2.25rem 1.75rem;border-radius:20px;cursor:pointer;transition:all .3s var(--bn-ease);text-align:center;overflow:hidden;border:2px solid;box-shadow:0 8px 32px #0006;backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur)}.bn-diff-card.easy{background:linear-gradient(135deg,#22c55e38,#22c55e0f);border-color:#22c55e66}.bn-diff-card.normal{background:linear-gradient(135deg,#5865f238,#5865f20f);border-color:#5865f266}.bn-diff-card.hard{background:linear-gradient(135deg,#f9731638,#f973160f);border-color:#f9731666}.bn-diff-card.impossible{background:linear-gradient(135deg,#ed424538,#ed42450f);border-color:#ed424566}.bn-diff-card:hover{transform:translateY(-5px)}.bn-diff-card.easy:hover{border-color:#22c55eb3;box-shadow:0 16px 48px #00000080,0 0 40px #22c55e33}.bn-diff-card.normal:hover{border-color:#5865f2b3;box-shadow:0 16px 48px #00000080,0 0 40px #5865f238}.bn-diff-card.hard:hover{border-color:#f97316b3;box-shadow:0 16px 48px #00000080,0 0 40px #f9731633}.bn-diff-card.impossible:hover{border-color:#ed4245b3;box-shadow:0 16px 48px #00000080,0 0 40px #ed424533}.bn-diff-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:.25rem}.bn-diff-icon svg{width:26px;height:26px}.bn-diff-card.easy .bn-diff-icon{background:#22c55e33;color:#4ade80}.bn-diff-card.normal .bn-diff-icon{background:#5865f233;color:#a8b5ff}.bn-diff-card.hard .bn-diff-icon{background:#f9731633;color:#fb923c}.bn-diff-card.impossible .bn-diff-icon{background:#ed424533;color:#f87171}.bn-diff-card h3{font-family:var(--font-d);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:900;color:#fff;margin:0}.bn-diff-card p{font-size:.82rem;color:#ffffffb3;margin:0;line-height:1.4;font-weight:600}.bn-setup-screen{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.bn-setup-card{background:#111827eb;backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur);border:1px solid var(--bn-glass-border);border-top:2px solid var(--bn-accent);border-radius:18px;padding:2.25rem;max-width:460px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 20px 60px #00000080}.bn-setup-card h2{font-family:var(--font-d);font-size:1.35rem;font-weight:700;color:var(--bn-text);margin:0;letter-spacing:-.02em}.bn-mode-row{display:flex;gap:.75rem;width:100%}.bn-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;background:#ffffff08;border:1px solid var(--bn-glass-border);border-radius:12px;cursor:pointer;transition:all .2s var(--bn-ease);text-align:center;font-family:var(--font-b);color:var(--bn-text-2)}.bn-mode-btn:hover{border-color:#5865f266;color:var(--bn-text);background:#5865f214}.bn-mode-btn.active{border-color:var(--bn-accent);background:#5865f21f;color:var(--bn-text);box-shadow:0 0 20px #5865f226}.bn-mode-name{font-family:var(--font-d);font-size:.9rem;font-weight:700}.bn-mode-desc{font-size:.7rem;color:var(--bn-text-dim);line-height:1.4}.bn-mode-btn.active .bn-mode-desc{color:var(--bn-text-2)}.bn-rules{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:1rem 1.125rem;background:#ffffff05;border:1px solid var(--bn-glass-border);border-radius:12px}.bn-rule-item{font-size:.8rem;color:var(--bn-text-2);padding-left:1.125rem;position:relative;line-height:1.5}.bn-rule-item:before{content:"–";position:absolute;left:0;color:var(--bn-accent)}.bn-start-btn{width:100%;padding:.95rem;background:linear-gradient(135deg,var(--bn-accent) 0%,#7b8cff 100%);border:none;border-radius:12px;font-family:var(--font-d);font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s var(--bn-ease);box-shadow:0 4px 20px #5865f259}.bn-start-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px #5865f273}.bn-link-btn{background:none;border:none;color:var(--bn-text-dim);font-size:.8rem;font-family:var(--font-b);cursor:pointer;transition:color .15s;padding:0}.bn-link-btn:hover{color:var(--bn-text-2)}.bn-gameover-screen{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.bn-gameover-card{background:#111827eb;backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur);border:1px solid var(--bn-glass-border);border-radius:20px;padding:2.5rem 2rem;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009}.bn-gameover-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.bn-gameover-card.win:before{background:linear-gradient(90deg,var(--bn-bingo),#fbbf24,var(--bn-bingo))}.bn-gameover-card.lose:before{background:var(--bn-glass-border)}.bn-gameover-card.win{box-shadow:0 24px 60px #0009,0 0 50px #faa61a1f}.bn-gameover-title{font-family:var(--font-d);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:0}.bn-gameover-title.win{color:var(--bn-bingo)}.bn-gameover-title.lose{color:var(--bn-text-2)}.bn-gameover-sub{font-size:.9rem;color:var(--bn-text-2);margin:0;line-height:1.5}.bn-score-pills{display:flex;gap:.625rem;flex-wrap:wrap;justify-content:center}.bn-pill{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 1.5rem;border-radius:12px;min-width:80px;border:1px solid var(--bn-glass-border);backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur)}.bn-pill.correct{background:#3ba55c1a;border-color:#3ba55c4d}.bn-pill.wrong{background:#ed42451a;border-color:#ed42454d}.bn-pill.neutral{background:#ffffff08}.bn-pill-num{font-family:var(--font-d);font-size:1.6rem;font-weight:800;line-height:1}.bn-pill.correct .bn-pill-num{color:var(--bn-correct)}.bn-pill.wrong .bn-pill-num{color:var(--bn-wrong)}.bn-pill.neutral .bn-pill-num{color:var(--bn-text-2)}.bn-pill-lbl{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--bn-text-dim)}.bn-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:180px;width:100%}.bn-preview-cell{aspect-ratio:1;border-radius:4px;background:#19233ad9;border:1px solid var(--bn-glass-border)}.bn-preview-cell.correct{background:#3ba55c40;border-color:#3ba55c80}.bn-preview-cell.correct.line,.bn-preview-cell.idle.line{background:#faa61a47;border-color:#faa61a99}.bn-link-btn-a{font-size:.82rem;color:var(--bn-text-dim);text-decoration:none;transition:color .15s}.bn-link-btn-a:hover{color:var(--bn-text-2)}.overlay-signin-notice{font-size:.8rem;color:#ffffff73;margin:.25rem 0 .5rem}.overlay-signin-notice a{color:var(--bn-bingo);text-decoration:none}.overlay-signin-notice a:hover{text-decoration:underline}.bn-bingo-banner{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#d97706,var(--bn-bingo),#fbbf24);font-family:var(--font-d);font-size:clamp(1.8rem,5vw,3rem);font-weight:800;color:#0b0f1a;letter-spacing:.08em;animation:bnBannerIn .4s var(--bn-bounce);box-shadow:0 4px 30px #faa61a80}@keyframes bnBannerIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.bn-main{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,2vw,22px);padding:clamp(12px,1.5vh,18px) clamp(12px,2vw,22px);flex-wrap:nowrap}.bn-grid-wrap{flex:0 0 auto;height:100%;aspect-ratio:1;max-width:calc(100vw - clamp(275px,28vw,345px) - 80px);position:relative}.bn-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:3px;background:#a0afc847;border:2px solid rgba(160,175,200,.25);border-radius:14px;overflow:hidden;width:100%;height:100%;position:relative;box-shadow:0 20px 60px #0000008c,0 0 30px #5865f214}.bn-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.04) 75%);background-size:50px 50px;pointer-events:none;z-index:0}.bn-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(88,101,242,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(250,166,26,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.bn-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.5vh,7px);padding:clamp(6px,1.1vw,13px);cursor:pointer;transition:background .15s var(--bn-ease),transform .15s var(--bn-ease),box-shadow .15s var(--bn-ease);text-align:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.bn-cell-dark{background:#141e41bf}.bn-cell-light{background:#263764b8}.bn-cell:not(.bn-cell-correct):not(.bn-cell-wrong):hover{background:#5865f273!important;transform:scale(1.05);z-index:5;box-shadow:0 0 24px #5865f2a6,inset 0 0 20px #5865f247}.bn-cell:active:not(.bn-cell-correct):not(.bn-cell-wrong){transform:scale(.97)}.bn-cell-icon{width:clamp(22px,5vw,40px);height:clamp(22px,5vw,40px);object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7));border-radius:6px;background:#ffffff1a;padding:clamp(2px,.4vw,4px);position:relative;z-index:2;flex-shrink:0}.bn-cell-type{font-size:clamp(.38rem,.7vw,.52rem);font-weight:600;color:#a8b5ff99;text-transform:uppercase;letter-spacing:.09em;line-height:1}.bn-cell-val{font-family:var(--font-d);font-size:clamp(.55rem,1.2vw,.82rem);font-weight:700;color:#dce6f8;line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 2px 8px rgba(0,0,0,.6)}.bn-cell-correct{background:linear-gradient(135deg,#3ba55ceb,#2d8a4aeb)!important;cursor:default;box-shadow:0 0 28px #3ba55c99,inset 0 0 30px #3ba55c4d}.bn-cell-player-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.35;z-index:1;pointer-events:none}.bn-cell-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,3.2vw,2.2rem);font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.4);animation:bnPopIn .35s var(--bn-bounce);z-index:5}@keyframes bnPopIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.bn-cell-wrong{background:linear-gradient(135deg,#ed4245eb,#c83234eb)!important;box-shadow:0 0 28px #ed4245a6,inset 0 0 30px #ed42454d;animation:bnShake .42s ease!important}@keyframes bnShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.bn-cell-in-line{background:#faa61a33!important;box-shadow:inset 0 0 0 1px #faa61a80!important}.bn-cell-in-line.bn-cell-correct{background:linear-gradient(135deg,#faa61a66,#dc8c0a66)!important;box-shadow:0 0 28px #faa61a8c,inset 0 0 0 1px #faa61ab3!important}.bn-cell-in-line .bn-cell-check{color:#fbbf24!important;text-shadow:0 0 20px rgba(251,191,36,.6)!important}.bn-cell-new-line{animation:bnNewLine .5s var(--bn-bounce)!important}@keyframes bnNewLine{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.bn-sidebar{flex:0 0 clamp(260px,26vw,310px);display:flex;flex-direction:column;overflow-y:auto;gap:0}.bn-player-card{background:#111827e0;backdrop-filter:var(--bn-blur);-webkit-backdrop-filter:var(--bn-blur);border:1px solid var(--bn-glass-border);border-radius:16px;padding:1.5rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:0;box-shadow:0 12px 40px #0006}.bn-player-info-row,.bn-player-info{display:contents}.bn-avatar-wrap{width:clamp(90px,13vw,116px);height:clamp(90px,13vw,116px);border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:2px solid rgba(88,101,242,.5);box-shadow:0 0 0 4px #5865f21f,0 0 28px #5865f247;background:#19233acc}.bn-avatar{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;animation:bnPhotoIn .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes bnPhotoIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.bn-player-name{font-family:var(--font-d);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;color:var(--bn-text);margin:0;text-align:center;letter-spacing:-.02em;line-height:1.2}.bn-player-team{font-size:.68rem;font-weight:600;color:var(--bn-text-dim);text-transform:uppercase;letter-spacing:.09em;margin:.3rem 0 0;text-align:center}.bn-card-divider{height:1px;background:var(--bn-glass-border);margin:1.125rem 0}.bn-controls-card{display:flex;flex-direction:column;gap:.75rem}.bn-progress-row{display:flex;justify-content:space-between;align-items:center}.bn-progress-label{font-size:.56rem;font-weight:600;color:var(--bn-text-dim);text-transform:uppercase;letter-spacing:.08em}.bn-progress-num{font-family:var(--font-d);font-size:.8rem;font-weight:700;color:var(--bn-text)}.bn-of{color:var(--bn-text-dim)}.bn-progress-bar{height:4px;background:#ffffff0d;border-radius:100px;overflow:hidden}.bn-progress-fill{height:100%;background:linear-gradient(90deg,var(--bn-accent),var(--bn-accent-light));border-radius:100px;transition:width .4s ease;box-shadow:0 0 10px #5865f280}.bn-score-row{display:flex;gap:.5rem}.bn-score-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .25rem;border-radius:10px;background:#ffffff08;border:1px solid var(--bn-glass-border)}.bn-score-item.correct{background:#3ba55c1a;border-color:#3ba55c40}.bn-score-item.wrong{background:#ed42451a;border-color:#ed424538}.bn-score-item.bingo{background:#faa61a1a;border-color:#faa61a40}.bn-score-n{font-family:var(--font-d);font-size:1.2rem;font-weight:800;line-height:1}.bn-score-item.correct .bn-score-n{color:var(--bn-correct)}.bn-score-item.wrong .bn-score-n{color:var(--bn-wrong)}.bn-score-item.bingo .bn-score-n{color:var(--bn-bingo)}.bn-score-l{font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--bn-text-dim)}.bn-timer-bar-wrap{height:4px;background:#ffffff0f;border-radius:100px;overflow:hidden}.bn-timer-bar-fill{height:100%;border-radius:100px;box-shadow:0 0 8px currentColor}.bn-skip-btn{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#5865f21a;border:1px solid rgba(88,101,242,.25);border-radius:12px;font-family:var(--font-d);font-size:.85rem;font-weight:600;color:var(--bn-accent-light);cursor:pointer;transition:all .2s var(--bn-ease);width:100%;margin-top:.25rem;letter-spacing:.01em}.bn-skip-btn:hover:not(:disabled){background:#5865f233;border-color:#5865f273;box-shadow:0 0 20px #5865f233;transform:translateY(-1px)}.bn-skip-btn:disabled{opacity:.3;cursor:not-allowed}.bn-skip-timer{font-family:var(--font-d);font-size:.9rem;font-weight:800;min-width:2.5ch;text-align:right;transition:color .3s}@media (max-width: 900px){.bn-game{height:100vh;overflow:hidden}.bn-main{flex-direction:column;align-items:center;padding:8px;gap:8px;overflow:hidden}.bn-grid-wrap{flex:0 0 auto;width:min(calc(100vw - 16px),calc(100vh - 184px));height:min(calc(100vw - 16px),calc(100vh - 184px));aspect-ratio:unset;max-width:unset}.bn-grid{width:100%;height:100%}.bn-cell{aspect-ratio:unset}.bn-sidebar{flex:0 0 auto;width:100%;overflow-y:visible}.bn-player-card{flex-direction:row;align-items:center;gap:.75rem;padding:.625rem .875rem}.bn-player-info-row{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.bn-player-info{display:flex;flex-direction:column;gap:.15rem;max-width:110px}.bn-avatar-wrap{width:44px;height:44px;flex-shrink:0;margin:0}.bn-player-name{text-align:left;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-player-team{text-align:left;margin:0;font-size:.58rem}.bn-card-divider{display:none}.bn-controls-card{flex:1;min-width:0;gap:.375rem}.bn-progress-row,.bn-progress-bar{display:none}.bn-score-n{font-size:1rem}.bn-skip-btn{margin-top:0;padding:.55rem .75rem;font-size:.8rem}}@media (max-width: 600px){.bn-nav{padding:.625rem 1rem}.bn-nav-brand span{display:none}.bn-nav-title{position:static;transform:none}.bn-diff-grid{grid-template-columns:repeat(2,1fr);max-width:360px;gap:.625rem}.bn-diff-card{padding:1.25rem 1rem;gap:.5rem}.bn-diff-icon{width:40px;height:40px;border-radius:10px;margin-bottom:0}.bn-diff-icon svg{width:20px;height:20px}.bn-diff-card h3{font-size:.95rem}.bn-diff-card p{font-size:.7rem}.bn-player-info{max-width:90px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.profile-page{min-height:100vh;background:var(--color-bg, #0f1318);color:#fff;font-family:Inter,sans-serif}.profile-nav{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;border-bottom:1px solid rgba(255,255,255,.06)}.profile-nav-back{display:flex;align-items:center;gap:.4rem;color:#ffffff73;text-decoration:none;font-size:.875rem;transition:color .15s}.profile-nav-back:hover{color:#fffc}.profile-content{max-width:640px;margin:0 auto;padding:3rem 2rem;display:flex;flex-direction:column;gap:2rem}.profile-card{background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.75rem}.profile-card-title{font-family:Sora,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;margin-bottom:1.25rem}.profile-identity{display:flex;align-items:center;gap:1.25rem}.profile-avatar-large{flex-shrink:0}.profile-name-block{flex:1}.profile-username{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .2rem}.profile-email{font-size:.85rem;color:#ffffff59;margin:0}.profile-edit-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.profile-edit-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.profile-edit-row{display:flex;gap:.75rem}.profile-edit-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem .875rem;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color .15s}.profile-edit-input:focus{border-color:#ff7a1a80}.profile-save-btn{padding:.6rem 1.25rem;background:#ff7a1a1f;border:1px solid rgba(255,122,26,.3);border-radius:8px;color:#ff7a1a;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.profile-save-btn:hover:not(:disabled){background:#ff7a1a33}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-error{color:#f87171;font-size:.8rem}.profile-edit-success{color:#86efac;font-size:.8rem}.profile-stats-table{width:100%;border-collapse:collapse}.profile-stats-table th{text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d;padding:0 0 .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.profile-stats-table th:last-child,.profile-stats-table td:last-child{text-align:right}.profile-stats-table td{padding:.75rem 0;font-size:.875rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.04)}.profile-stats-table tr:last-child td{border-bottom:none}.profile-stat-game{font-weight:600;color:#fff}.profile-stat-score{font-weight:700;color:#ff7a1a}.profile-stat-empty{color:#fff3;font-style:italic;font-size:.8rem}.profile-streak-card{text-align:center}.profile-streak{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0}.profile-streak-flame{font-size:2rem}.profile-streak-count{font-size:2.5rem;font-weight:800;font-family:Sora,sans-serif;background:linear-gradient(135deg,#ff7a1a,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-streak-label{font-size:.9rem;color:#ffffff80}.profile-streak-hint{font-size:.8rem;color:#ffffff59;margin:.25rem 0 0}.profile-diff-badge{display:inline-block;padding:.15rem .5rem;border-radius:100px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.profile-diff-badge--easy{background:#22c55e1f;color:#4ade80}.profile-diff-badge--normal{background:#3b82f61f;color:#60a5fa}.profile-diff-badge--hard{background:#f973161f;color:#fb923c}.profile-diff-badge--impossible{background:#ef44441f;color:#f87171}.profile-no-stats{text-align:center;padding:2rem;color:#ffffff40;font-size:.875rem}.legal-page{--lp-bg: #0f1318;--lp-surface: rgba(22, 27, 34, .88);--lp-border: rgba(255, 255, 255, .07);--lp-accent: #ff7a1a;--lp-text: #e8edf5;--lp-text-2: #94a3b8;--lp-text-dim:#4a5a6a;--lp-blur: blur(20px) saturate(160%);--font-d: "Sora", sans-serif;--font-b: "Inter", sans-serif;min-height:100vh;background:var(--lp-bg);color:var(--lp-text);font-family:var(--font-b);position:relative;display:flex;flex-direction:column}.legal-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.legal-bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(255,122,26,.1),transparent),radial-gradient(ellipse 50% 40% at 90% 70%,rgba(255,122,26,.06),transparent)}.legal-bg-orb{position:absolute;border-radius:50%;filter:blur(90px)}.legal-bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,122,26,.14) 0%,transparent 70%);top:-10%;right:-8%;animation:lpOrb1 28s ease-in-out infinite}.legal-bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,122,26,.1) 0%,transparent 70%);bottom:-10%;left:-8%;animation:lpOrb2 35s ease-in-out infinite}@keyframes lpOrb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.08)}}@keyframes lpOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(35px,-30px) scale(1.05)}}.legal-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent)}.legal-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f1318d9;backdrop-filter:var(--lp-blur);-webkit-backdrop-filter:var(--lp-blur);border-bottom:1px solid var(--lp-border);flex-shrink:0}.legal-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,122,26,.4),transparent)}.legal-nav-back{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--lp-text-2);font-size:.875rem;font-weight:500;transition:color .2s}.legal-nav-back:hover{color:var(--lp-text)}.legal-nav-back svg{width:18px;height:18px}.legal-nav-title{font-family:var(--font-d);font-size:1rem;font-weight:700;background:linear-gradient(135deg,#fff,#ff7a1ae6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:absolute;left:50%;transform:translate(-50%)}.legal-content{position:relative;z-index:1;flex:1;max-width:820px;width:100%;margin:0 auto;padding:3rem 2rem 5rem}.legal-card{background:var(--lp-surface);backdrop-filter:var(--lp-blur);-webkit-backdrop-filter:var(--lp-blur);border:1px solid var(--lp-border);border-radius:20px;padding:3rem 3.5rem;box-shadow:0 20px 60px #0006}.legal-page-title{font-family:var(--font-d);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem;background:linear-gradient(135deg,#fff 30%,#ff7a1ad9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-date{font-size:.82rem;color:var(--lp-text-dim);font-weight:500;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--lp-border)}.legal-section{margin-bottom:2.25rem}.legal-section:last-child{margin-bottom:0}.legal-section-title{font-family:var(--font-d);font-size:1.05rem;font-weight:700;color:var(--lp-text);margin:0 0 .75rem;display:flex;align-items:center;gap:.625rem}.legal-section-title:before{content:"";display:block;width:3px;height:1.1em;background:var(--lp-accent);border-radius:2px;flex-shrink:0}.legal-section p{font-size:.9rem;color:var(--lp-text-2);line-height:1.75;margin:0 0 .75rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.legal-section ul li{font-size:.9rem;color:var(--lp-text-2);line-height:1.6;padding-left:1.25rem;position:relative}.legal-section ul li:before{content:"–";position:absolute;left:0;color:var(--lp-accent);font-weight:600}.legal-section a{color:var(--lp-accent);text-decoration:none;font-weight:500;transition:opacity .15s}.legal-section a:hover{opacity:.8;text-decoration:underline}.legal-contact-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ff7a1a14;border:1px solid rgba(255,122,26,.2);border-radius:12px;margin-top:.75rem}.legal-contact-box svg{width:24px;height:24px;color:var(--lp-accent);flex-shrink:0}.legal-contact-box a{font-size:.9rem;color:var(--lp-accent);text-decoration:none;font-weight:600}.legal-contact-box a:hover{text-decoration:underline}@media (max-width: 640px){.legal-nav{padding:.875rem 1rem}.legal-nav-back span{display:none}.legal-nav-title{position:static;transform:none}.legal-content{padding:1.5rem 1rem 4rem}.legal-card{padding:1.75rem 1.25rem;border-radius:14px}.legal-page-title{font-size:1.6rem}}