:root{
  --bg:#030612;--bg2:#071126;--panel:rgba(7,14,34,.82);--panel2:rgba(10,20,48,.78);
  --line:rgba(42,137,255,.34);--line2:rgba(219,41,255,.3);--text:#eef5ff;--muted:#8fa2c6;
  --cyan:#24e7ff;--blue:#1784ff;--violet:#7b4dff;--pink:#f127ff;--green:#35edac;--gold:#ffcc4d;--danger:#ff547c;
  --shadow:0 18px 55px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.025);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 75% 5%,rgba(64,28,255,.18),transparent 25%),radial-gradient(circle at 10% 60%,rgba(0,195,255,.1),transparent 28%),linear-gradient(135deg,#02040b,#050a19 55%,#040313);overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.bg-fx{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.bg-fx:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,100,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(47,100,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.bg-fx span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.bg-fx span:nth-child(1){width:440px;height:440px;background:#003cff;right:-140px;top:100px}.bg-fx span:nth-child(2){width:360px;height:360px;background:#de00ff;left:35%;bottom:-180px}.bg-fx span:nth-child(3){width:320px;height:320px;background:#00e5ff;left:-160px;top:45%}
.panel{background:linear-gradient(145deg,rgba(8,17,39,.92),rgba(5,9,24,.82));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 24%,transparent 74%,rgba(150,52,255,.025))}.eyebrow,.kicker{font-weight:800;letter-spacing:.16em;color:var(--cyan);font-size:11px}.cyan{color:var(--cyan)}em{font-style:normal;color:var(--cyan)}
.primary{border:0;border-radius:10px;padding:13px 19px;font-weight:850;background:linear-gradient(100deg,#00c9ff,#1979ff 45%,#d81cff);box-shadow:0 0 26px rgba(19,157,255,.3);transition:.2s}.primary:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(70,159,255,.48)}.ghost,.outline{border:1px solid var(--line);background:rgba(7,16,36,.55);border-radius:10px;padding:11px 16px}.outline{border-color:rgba(63,213,255,.58);box-shadow:inset 0 0 18px rgba(32,114,255,.08)}.full{width:100%}.form-error{color:#ff7895;min-height:1.2em;font-size:13px}
/* auth */
.auth-view{min-height:100vh;padding:34px 6vw;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand img{width:62px;height:62px;object-fit:contain}.auth-brand b{font-size:28px;font-style:italic;letter-spacing:-.04em}.auth-brand b span,.brand strong span{background:linear-gradient(90deg,var(--blue),var(--pink));-webkit-background-clip:text;color:transparent}.auth-brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.2em}.auth-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) 440px;gap:8vw;align-items:center;max-width:1320px;width:100%;margin:auto}.auth-copy h1{font-size:clamp(48px,6.3vw,92px);line-height:.98;letter-spacing:-.05em;margin:15px 0 25px}.auth-copy p{max-width:660px;color:#a8b8d7;font-size:19px;line-height:1.7}.auth-copy em{background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.feature-pills span{padding:10px 14px;border:1px solid var(--line);border-radius:30px;background:rgba(6,15,34,.65);color:#bcd0ee}.auth-card{padding:28px}.auth-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px}.auth-tabs button{flex:1;border:0;background:transparent;padding:14px;color:var(--muted);font-weight:800;border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.auth-form{display:grid;gap:17px}.auth-form label,.studio-form label{font-size:12px;font-weight:750;color:#aebeda;display:grid;gap:8px}.auth-form input,.studio-form input,.studio-form select,.studio-form textarea,.inline-form input{width:100%;border:1px solid rgba(76,133,222,.3);background:#050b1a;border-radius:10px;padding:13px 14px;outline:none}.auth-form input:focus,.studio-form input:focus,.studio-form textarea:focus,.inline-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,231,255,.08)}
/* shell */
.app-shell{min-height:100vh}.topbar{height:82px;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid rgba(63,105,222,.22);background:rgba(2,5,14,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:6px;background:none;border:0;min-width:245px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{font-size:29px;letter-spacing:-.06em;font-style:italic}.main-nav{display:flex;margin:auto;gap:4px;padding:4px;border:1px solid rgba(65,116,205,.26);border-radius:14px;background:rgba(5,10,24,.65)}.main-nav button{border:0;background:transparent;color:#bac7de;padding:12px 22px;border-radius:10px;font-weight:700}.main-nav button.active{color:white;border:1px solid rgba(27,203,255,.6);background:linear-gradient(90deg,rgba(0,169,255,.18),rgba(33,80,255,.18));box-shadow:0 0 24px rgba(0,177,255,.22)}.wallet{display:flex;gap:8px}.wallet span{border:1px solid rgba(82,118,204,.25);border-radius:10px;padding:10px 12px;background:#050a18;white-space:nowrap}.user-chip{display:flex;align-items:center;gap:8px;border:0;background:none}.user-chip>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#44edff,#174eff 50%,#8f1cff);border:2px solid #42eaff;box-shadow:0 0 20px rgba(58,202,255,.35)}.user-chip i{font-style:normal;color:var(--muted)}.user-menu{position:fixed;right:18px;top:72px;z-index:80;width:190px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#070d20;box-shadow:0 18px 50px #000}.user-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:11px;border-radius:8px;color:#c6d5ed}.user-menu button:hover{background:rgba(34,129,255,.12);color:white}.user-menu hr{border:0;border-top:1px solid rgba(255,255,255,.08)}
.layout{display:grid;grid-template-columns:265px minmax(0,1fr) 330px;gap:14px;padding:14px;max-width:1900px;margin:auto}.profile-rail{padding:22px 16px;min-height:calc(100vh - 110px);align-self:start;position:sticky;top:96px;text-align:center}.avatar-wrap{padding:8px}.avatar-orb{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:36px;font-weight:900;background:radial-gradient(circle at 35% 28%,#53efff,#1459df 46%,#5e19c8 70%,#090d22 72%);border:2px solid #2ce9ff;box-shadow:0 0 0 9px rgba(21,87,255,.08),0 0 35px rgba(0,205,255,.38)}.profile-rail h3{font-size:21px;margin:15px 0 3px}.profile-rail p{margin:0 0 12px}.xp{height:7px;border-radius:10px;background:#151836;overflow:hidden;margin-top:12px}.xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8f29ff,#25d5ff);box-shadow:0 0 14px #2edfff}.profile-rail>small{color:var(--muted)}.rank-box{display:flex;gap:13px;align-items:center;text-align:left;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin:19px 0;padding:15px 8px}.rank-box>span{font-size:32px;color:#80a8ff;text-shadow:0 0 18px #5b43ff}.rank-box small,.streak-card small{display:block;color:var(--muted)}.rank-box b{font-size:17px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.mini-stats>div{padding:10px 3px;border-right:1px solid rgba(255,255,255,.07)}.mini-stats>div:last-child{border:0}.mini-stats b,.mini-stats small{display:block}.mini-stats b{font-size:17px}.mini-stats small{color:var(--muted);font-size:10px}.streak-card{display:flex;gap:10px;text-align:left;align-items:center;padding:14px;border:1px solid rgba(73,108,183,.23);border-radius:12px;background:rgba(11,18,41,.7)}.streak-card>span{font-size:27px}.daily-card{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:15px;border:1px solid rgba(238,50,255,.7);border-radius:12px;background:linear-gradient(100deg,rgba(102,21,190,.12),rgba(34,68,212,.15));padding:14px}.daily-card small,.daily-card b{display:block}.daily-card small{color:#c9a8ff}.daily-card span{font-size:34px}
.content{min-width:0}.page{display:none}.page.active{display:block}.hero{min-height:320px;display:flex;align-items:center;padding:40px 42px;background:radial-gradient(circle at 75% 40%,rgba(42,60,255,.28),transparent 32%),linear-gradient(120deg,rgba(6,18,48,.95),rgba(8,11,38,.86));overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:2px;right:-80px;bottom:65px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);transform:rotate(-13deg);box-shadow:0 0 22px #d52cff}.hero-copy{position:relative;z-index:2;max-width:600px}.hero h1{font-size:clamp(40px,4.4vw,68px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 15px}.hero h1 em{background:linear-gradient(90deg,#fff,var(--cyan),#ba68ff);-webkit-background-clip:text;color:transparent}.hero p{color:#a8b8d8;font-size:17px;line-height:1.55}.hero-btn{font-size:19px;min-width:250px;margin-top:13px}.hero-logo{position:absolute;right:1%;width:min(45%,500px);height:115%;object-fit:contain;filter:drop-shadow(0 0 28px rgba(33,137,255,.4))}.section-head,.panel-head{display:flex;justify-content:space-between;align-items:flex-end}.section-head{margin:17px 6px 10px}.section-head h2,.panel-head h3{margin:2px 0 0}.section-head button,.panel-head button{background:none;border:0;color:#98a8c8}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{border:1px solid rgba(27,170,255,.5);background:linear-gradient(160deg,rgba(15,44,89,.7),rgba(9,11,35,.86));border-radius:14px;padding:18px;text-align:center;min-height:160px;position:relative;overflow:hidden;transition:.22s}.category-card:hover{transform:translateY(-3px);box-shadow:0 0 28px rgba(21,133,255,.22)}.category-card:nth-child(4){border-color:rgba(235,57,255,.55)}.category-card .icon{font-size:55px;filter:drop-shadow(0 0 16px rgba(49,189,255,.5))}.category-card b,.category-card small{display:block}.category-card b{font-size:16px;margin-top:8px}.category-card small{color:var(--muted);margin-top:4px}.home-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:12px}.table-panel,.featured-panel{padding:15px}.leader-list{margin-top:10px}.leader-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 8px;border-top:1px solid rgba(255,255,255,.055)}.leader-row:first-child{border-top:0}.leader-row .position{font-weight:900;color:#8599bd}.leader-row:nth-child(1) .position{color:var(--gold)}.leader-row:nth-child(2) .position{color:#dfe8f8}.leader-row:nth-child(3) .position{color:#d88958}.leader-user{display:flex;align-items:center;gap:10px}.tiny-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0977ff,#8d2bff);border:1px solid #38dfff}.leader-user small{display:block;color:var(--muted);font-size:10px}.leader-score{font-weight:900;color:#e9f4ff}.leader-list.large .leader-row{padding:15px;font-size:16px}.leader-list.large .tiny-avatar{width:42px;height:42px}.feature-card{margin-top:10px;border:1px solid rgba(104,72,255,.38);border-radius:12px;min-height:180px;padding:24px;background:radial-gradient(circle at 15% 40%,rgba(205,36,255,.25),transparent 25%),radial-gradient(circle at 85% 20%,rgba(21,128,255,.28),transparent 30%),#080d23;display:flex;flex-direction:column;justify-content:flex-end}.feature-card h3{font-size:25px;margin:5px 0}.feature-meta{display:flex;gap:12px;color:#a6b7d7;font-size:12px;margin-bottom:14px}
.right-rail{display:grid;gap:12px;align-content:start}.side-panel{padding:15px}.versus{display:flex;justify-content:center;align-items:center;gap:22px;margin:17px 0 8px}.versus>b{font-size:30px;font-style:italic;background:linear-gradient(90deg,var(--cyan),white,var(--pink));-webkit-background-clip:text;color:transparent}.duel-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900}.duel-avatar.blue{border:2px solid var(--cyan);background:radial-gradient(circle,#156fff,#071025);box-shadow:0 0 24px #087eff55}.duel-avatar.pink{border:2px solid #ff407e;background:radial-gradient(circle,#e4434c,#1c0913);box-shadow:0 0 24px #ff2e6c44}.duel-names{display:flex;justify-content:space-around;text-align:center;margin-bottom:18px}.duel-names b,.duel-names small{display:block}.duel-names small{color:#9dadc9;font-size:11px}.challenge{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.challenge:last-child{border:0}.challenge>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#112a56}.challenge b{font-size:11px}.challenge i{display:block;height:5px;background:#15213c;border-radius:5px;overflow:hidden;margin:6px 0 2px}.challenge u{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#4cffce);text-decoration:none}.challenge small{color:#8fa4c7}.challenge em{font-size:11px;color:var(--gold);font-weight:800}.activity-item{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.activity-item:last-child{border:0}.activity-item>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#102246}.activity-item b{display:block;font-size:11px}.activity-item small{color:#8294b5;font-size:10px}
.page-title{margin:22px 5px 18px}.page-title h1{font-size:42px;letter-spacing:-.035em;margin:6px 0}.page-title p{color:var(--muted)}.page-title.row{display:flex;justify-content:space-between;align-items:end}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mode-card{text-align:left;padding:24px;min-height:225px;transition:.25s}.mode-card:hover{transform:translateY(-4px);border-color:rgba(41,216,255,.7)}.mode-card>span{font-size:42px}.mode-card small{display:block;color:var(--cyan);letter-spacing:.12em;font-weight:800;margin-top:18px}.mode-card h3{font-size:25px;margin:5px 0}.mode-card p{color:#91a3c5;max-width:390px}.mode-card b{color:#d8e8ff}.mode-card.ranked{border-color:rgba(229,41,255,.45);background:radial-gradient(circle at 90% 0,rgba(208,32,255,.15),transparent 38%),linear-gradient(145deg,rgba(8,17,39,.92),rgba(5,9,24,.82))}.matchmaking{margin-top:16px;text-align:center;padding:32px}.scanner{width:150px;height:150px;margin:auto;position:relative}.scanner img{width:100%;height:100%;object-fit:contain}.scanner i{position:absolute;inset:-4px;border:2px solid transparent;border-top-color:var(--cyan);border-right-color:var(--pink);border-radius:50%;animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-row button{border:1px solid rgba(74,110,184,.28);background:#080e21;padding:8px 12px;border-radius:9px;color:#91a2c1}.filter-row button.active{color:white;border-color:var(--cyan);box-shadow:0 0 14px rgba(35,206,255,.18)}.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quiz-card{padding:20px;min-height:230px;display:flex;flex-direction:column}.quiz-card .quiz-icon{font-size:43px}.quiz-card h3{font-size:22px;margin:15px 0 6px}.quiz-card p{color:#91a3c3;line-height:1.5;flex:1}.quiz-card .meta{display:flex;justify-content:space-between;color:#8fa0c0;font-size:11px;margin:12px 0}.quiz-card footer{display:flex;gap:7px}.quiz-card footer button{flex:1}.leaderboard-page{padding:18px}.profile-hero{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:25px}.profile-big-avatar{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:900;background:linear-gradient(145deg,#05c7ff,#373cff,#bd21ff);box-shadow:0 0 40px rgba(43,137,255,.32)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.profile-stats div{background:rgba(13,24,51,.7);border:1px solid rgba(66,114,200,.2);padding:15px;border-radius:11px}.profile-stats b,.profile-stats small{display:block}.profile-stats b{font-size:22px}.profile-stats small{color:var(--muted)}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:13px}.achievement{padding:15px;border:1px solid rgba(71,107,179,.22);border-radius:12px;background:#070e22;opacity:.48}.achievement.unlocked{opacity:1;border-color:rgba(74,220,255,.35)}.achievement span{font-size:27px}.achievement b,.achievement small{display:block}.achievement small{color:var(--muted)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-grid>.panel{padding:20px}.inline-form{display:flex;gap:8px;margin:13px 0}.friend-row,.admin-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.friend-row small{color:var(--muted)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shop-item{padding:20px}.shop-item>span{font-size:39px}.shop-item h3{margin-bottom:4px}.shop-item p{color:var(--muted);min-height:42px}.shop-price{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.studio-form{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.studio-form textarea{min-height:90px;resize:vertical}.studio-head{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.question-builder{border:1px solid rgba(62,106,180,.24);border-radius:12px;padding:15px;margin:10px 0;background:#060c1c}.question-builder header{display:flex;justify-content:space-between;align-items:center}.question-builder .answers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.answer-build{display:flex;align-items:center;gap:8px}.answer-build input[type="radio"]{width:auto}.admin-row div small{display:block;color:var(--muted)}
/* modals */
.modal{position:fixed;inset:0;background:rgba(0,3,12,.78);backdrop-filter:blur(10px);z-index:100;display:grid;place-items:center;padding:22px}.modal-card{width:min(850px,100%);max-height:92vh;overflow:auto;padding:28px}.modal-x{position:absolute;right:13px;top:11px;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#0a1022;font-size:20px;z-index:3}.quiz-head{text-align:center}.quiz-progress{height:7px;background:#131a37;border-radius:10px;overflow:hidden;margin:18px 0}.quiz-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:.3s}.question-title{font-size:27px;line-height:1.25;margin:22px 0}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-btn{min-height:74px;text-align:left;border:1px solid rgba(73,119,203,.32);border-radius:12px;background:#080f25;padding:14px;transition:.18s}.answer-btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.answer-btn.correct{border-color:var(--green);background:rgba(53,237,172,.1)}.answer-btn.wrong{border-color:var(--danger);background:rgba(255,84,124,.09)}.quiz-result{text-align:center;padding:20px}.quiz-result .result-score{font-size:55px;font-weight:900;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}.ranked-arena{text-align:center}.ranked-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:14px 0 25px}.ranked-player{padding:14px;border:1px solid rgba(66,120,210,.26);border-radius:13px}.ranked-player.me{border-color:rgba(36,231,255,.55)}.ranked-player b,.ranked-player small,.ranked-player strong{display:block}.ranked-player strong{font-size:30px;margin-top:8px}.ranked-vs{font-size:30px;font-weight:950;color:var(--pink)}.ranked-result{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;transform:translateY(120px);opacity:0;padding:13px 17px;border:1px solid var(--line);border-radius:11px;background:#081128;box-shadow:0 15px 40px #000;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:1450px){.layout{grid-template-columns:225px minmax(0,1fr) 285px}.main-nav button{padding:11px 14px}.brand{min-width:190px}.brand strong{font-size:23px}.hero-logo{opacity:.75}.category-card{padding:13px}}
@media(max-width:1160px){.right-rail{display:none}.layout{grid-template-columns:220px 1fr}.main-nav span{display:none}.main-nav button{font-size:19px}.wallet{display:none}.quiz-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar{height:68px;padding:0 10px}.brand{min-width:auto}.brand img{width:45px;height:45px}.brand strong{display:none}.user-chip b,.user-chip i{display:none}.layout{display:block;padding:9px}.profile-rail{display:none}.main-nav{margin:auto}.main-nav button{padding:9px 10px}.hero{padding:28px;min-height:350px}.hero-logo{right:-18%;width:70%;opacity:.28}.hero-copy{max-width:100%}.category-grid,.home-grid,.mode-grid,.quiz-grid,.shop-grid,.social-grid{grid-template-columns:1fr 1fr}.page-title.row{display:block}.filter-row{margin-top:14px}.auth-grid{grid-template-columns:1fr}.auth-copy{display:none}.auth-view{padding:22px}.auth-card{width:100%;max-width:520px;margin:auto}.form-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-big-avatar{margin:auto}.profile-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.category-grid,.home-grid,.mode-grid,.quiz-grid,.shop-grid,.social-grid,.answers-grid,.achievement-grid{grid-template-columns:1fr}.main-nav button:nth-child(4),.main-nav button:nth-child(5){display:none}.hero h1{font-size:39px}.page-title h1{font-size:34px}.modal{padding:8px}.modal-card{padding:20px 14px}.ranked-players{grid-template-columns:1fr}.ranked-vs{font-size:18px}.profile-stats{grid-template-columns:1fr 1fr}}

/* ShowNest V4.1 Rank Manager */
.rank-inline{color:var(--rank-color);font-weight:800;text-shadow:0 0 10px color-mix(in srgb,var(--rank-color) 45%,transparent)}
.admin-stack{display:grid;gap:14px}.rank-manager,.admin-panel{padding:22px}.admin-hint{color:var(--muted);line-height:1.55;max-width:900px}.rank-form{display:grid;grid-template-columns:1.5fr 1fr .7fr .7fr .9fr 1fr auto auto;gap:10px;align-items:end;padding:16px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin:15px 0}.rank-form label{display:grid;gap:6px;color:#a9b8d3;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.rank-form input{min-width:0}.rank-form input[type=color]{height:43px;padding:4px;cursor:pointer}.rank-form .rank-active{display:flex;align-items:center;gap:7px;padding:11px 3px;text-transform:none;letter-spacing:0;font-size:13px}.rank-form .rank-active input{width:auto}.form-status{min-height:20px;color:#ff9cd9;font-size:12px}.rank-admin-list{margin-top:8px}.rank-admin-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid rgba(255,255,255,.06)}.rank-admin-row.inactive{opacity:.48}.rank-admin-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rank-color) 70%,#fff 0%);background:color-mix(in srgb,var(--rank-color) 14%,#071126);box-shadow:inset 0 0 18px color-mix(in srgb,var(--rank-color) 15%,transparent),0 0 18px color-mix(in srgb,var(--rank-color) 12%,transparent)}.rank-admin-badge span{font-size:22px;color:var(--rank-color);text-shadow:0 0 15px var(--rank-color)}.rank-admin-main b,.rank-admin-main small{display:block}.rank-admin-main b{font-size:15px}.rank-admin-main small{color:var(--muted);margin-top:3px}.rank-admin-actions{display:flex;gap:7px}.danger{border:1px solid rgba(255,75,120,.34);background:rgba(135,17,52,.16);color:#ff8aac;padding:10px 12px;border-radius:9px}.danger:hover{border-color:#ff5a8f;box-shadow:0 0 15px rgba(255,50,116,.16)}
@media(max-width:1250px){.rank-form{grid-template-columns:repeat(4,1fr)}.rank-form .primary{min-height:43px}}
@media(max-width:720px){.rank-form{grid-template-columns:1fr 1fr}.rank-admin-row{grid-template-columns:46px 1fr}.rank-admin-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:480px){.rank-form{grid-template-columns:1fr}.rank-admin-actions{justify-content:stretch}.rank-admin-actions button{flex:1}}

/* ShowNest V4.2 Full Admin Center */
.app-shell.admin-mode .profile-rail,.app-shell.admin-mode .right-rail{display:none}.app-shell.admin-mode .layout{grid-template-columns:minmax(0,1fr);width:min(1800px,calc(100% - 24px));}.app-shell.admin-mode main{min-width:0}.admin-page{padding-bottom:50px}
.admin-live-pill{display:flex;align-items:center;gap:9px;border:1px solid rgba(53,237,172,.24);background:rgba(4,30,29,.55);padding:9px 13px;border-radius:999px;color:#a9f5d9;font-size:12px}.admin-live-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.admin-console{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;align-items:start}.admin-nav-panel{position:sticky;top:88px;padding:12px;display:grid;gap:5px}.admin-nav-title{display:flex;gap:10px;align-items:center;padding:9px 8px 15px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:7px}.admin-nav-title img{width:40px;height:40px;object-fit:contain}.admin-nav-title b,.admin-nav-title small{display:block}.admin-nav-title small{font-size:8px;letter-spacing:.18em;color:var(--cyan)}.admin-nav-panel>button{border:1px solid transparent;background:transparent;color:#93a5c7;text-align:left;padding:10px 11px;border-radius:10px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;font-weight:700}.admin-nav-panel>button:hover{background:rgba(255,255,255,.035);color:white}.admin-nav-panel>button.active{color:white;border-color:rgba(36,231,255,.35);background:linear-gradient(90deg,rgba(29,129,255,.13),rgba(241,39,255,.05));box-shadow:inset 3px 0 var(--cyan),0 0 22px rgba(20,122,255,.08)}.admin-nav-panel em{min-width:20px;height:20px;border-radius:10px;padding:0 6px;display:grid;place-items:center;background:rgba(255,84,124,.18);color:#ff8daa;font-size:10px;font-style:normal}
.admin-workspace{min-width:0}.admin-view{display:none;animation:fade .18s ease}.admin-view.active{display:block}.admin-panel{padding:20px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:14px}.admin-metric{min-height:105px;border:1px solid rgba(61,111,199,.24);background:linear-gradient(145deg,rgba(9,18,45,.88),rgba(4,9,25,.88));border-radius:13px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.admin-metric>span{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(35,211,255,.15),rgba(180,41,255,.12));border:1px solid rgba(60,185,255,.2);font-weight:900}.admin-metric small,.admin-metric b,.admin-metric em{display:block}.admin-metric small{color:#8094b8;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.admin-metric b{font-size:21px;margin:3px 0}.admin-metric em{font-size:10px;color:#7f92b4;font-style:normal}.admin-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.admin-mini-chart header{display:flex;justify-content:space-between}.admin-mini-chart header small{color:var(--muted)}.bar-grid{height:155px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;margin-top:12px}.bar-grid>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar-grid i{width:min(35px,80%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--pink),var(--blue),var(--cyan));box-shadow:0 0 16px rgba(31,184,255,.18)}.bar-grid b{font-size:10px}.bar-grid small{font-size:8px;color:var(--muted);text-transform:uppercase}
.admin-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0}.admin-toolbar input{flex:1;min-width:220px}.admin-toolbar select{min-width:145px}.admin-table-wrap{overflow:auto}.admin-table{min-width:820px}.admin-tr{display:grid;align-items:center;gap:10px;padding:11px 9px;border-top:1px solid rgba(255,255,255,.055);font-size:11px}.users-table .admin-tr{grid-template-columns:1.7fr .7fr .75fr 1fr .75fr 1fr auto}.matches-table .admin-tr{grid-template-columns:1.2fr 1.4fr 1fr .65fr 1fr}.admin-tr.head{border:0;background:rgba(255,255,255,.025);border-radius:9px;color:#7286ab;text-transform:uppercase;font-size:8px;letter-spacing:.08em}.admin-tr span small,.admin-user-cell b small{display:block;color:#778bab;margin-top:3px}.admin-user-cell{display:flex;align-items:center;gap:9px}.admin-user-cell>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0f6dff,#8d35ff);font-style:normal;font-weight:900}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:13px;color:var(--muted);font-size:10px}.admin-pagination div{display:flex;gap:6px}mark.role,mark.status{padding:4px 7px;border-radius:999px;background:rgba(51,113,219,.12);border:1px solid rgba(66,129,236,.2);color:#9bc4ff;font-size:8px;font-weight:900}.role.owner{color:#ffc857;border-color:rgba(255,200,87,.3);background:rgba(255,180,45,.08)}.role.admin{color:#ff8aff;border-color:rgba(244,76,255,.3)}.role.moderator{color:#6ff1d1}.status.active,.status.finished{color:#72efc2;border-color:rgba(53,237,172,.28);background:rgba(53,237,172,.08)}.status.banned,.status.rejected,.status.aborted{color:#ff86a0;border-color:rgba(255,84,124,.3);background:rgba(255,84,124,.08)}.status.suspended,.status.pending{color:#ffd37b;border-color:rgba(255,204,77,.28);background:rgba(255,204,77,.08)}
.admin-modal-head{display:flex;gap:15px;align-items:center;margin-bottom:16px}.profile-big-avatar.small{width:70px;height:70px;font-size:23px}.admin-user-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.admin-user-summary>div{padding:12px;border:1px solid rgba(67,113,194,.22);border-radius:10px;background:#070d20}.admin-user-summary b,.admin-user-summary small{display:block}.admin-user-summary small{color:var(--muted);margin-top:3px}.admin-modal-form{border-top:1px solid rgba(255,255,255,.07);padding-top:15px;margin-top:15px}.admin-modal-form .wide{grid-column:1/-1}.economy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.admin-danger-box{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid rgba(255,84,124,.25);background:rgba(255,50,95,.045);border-radius:11px;padding:13px;margin-top:17px}.admin-danger-box small{display:block;color:var(--muted);margin-top:3px}.admin-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.micro-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px 0;border-top:1px solid rgba(255,255,255,.055)}.micro-row small{grid-column:1/-1;color:var(--muted)}
.admin-content-card{border:1px solid rgba(64,112,197,.22);background:#070d20;border-radius:12px;padding:15px;margin-top:9px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.admin-content-card h3{margin:5px 0}.admin-content-card p{color:#94a6c5;margin:5px 0}.admin-content-card small{color:#758bad}.admin-content-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.danger.subtle{background:transparent}
.compact-admin-form{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:9px;align-items:end;padding:14px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin:12px 0}.compact-admin-form label,.settings-grid>label:not(.setting-switch){display:grid;gap:5px;color:#8fa3c4;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.compact-admin-form .wide-admin{grid-column:span 2}.check-label{display:flex!important;align-items:center!important;gap:7px!important;text-transform:none!important;letter-spacing:0!important;padding-bottom:11px}.check-label input{width:auto}.admin-manage-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:11px 3px;border-top:1px solid rgba(255,255,255,.06)}.admin-manage-row.dim{opacity:.5}.admin-manage-row.active-season{background:linear-gradient(90deg,rgba(38,226,255,.045),transparent)}.admin-manage-row small{display:block;color:var(--muted);margin-top:3px}.admin-manage-row>div:last-child{display:flex;gap:6px}.category-dot,.manage-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,#6d5cff) 16%,#061027);border:1px solid color-mix(in srgb,var(--c,#6d5cff) 38%,transparent);font-size:18px}
.report-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px;border:1px solid rgba(67,112,195,.22);border-radius:11px;margin-top:9px;background:#070d20}.report-card h3{margin:5px 0}.report-card p{color:#91a4c4}.report-card small{color:#7589aa}.report-card>div:last-child{display:flex;gap:7px;align-items:center}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.setting-switch{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(67,113,194,.22);border-radius:11px;padding:12px 14px;background:#070d20}.setting-switch b,.setting-switch small{display:block}.setting-switch small{color:var(--muted);margin-top:3px}.setting-switch input{width:20px;height:20px}.setting-switch.danger-zone{border-color:rgba(255,84,124,.22)}.settings-grid>button{justify-self:start}
.audit-row{display:grid;grid-template-columns:130px 115px 155px 1fr;gap:10px;align-items:center;padding:10px 6px;border-top:1px solid rgba(255,255,255,.055);font-size:10px}.audit-row>span{color:#788eaf}.audit-row mark{background:rgba(80,107,255,.1);border:1px solid rgba(79,120,255,.2);border-radius:7px;padding:5px 7px;color:#9fb9ff;font-size:8px}.audit-row p{margin:0;color:#a8b7d0}.system-code{white-space:pre-line;padding:15px;background:#020713;border:1px solid rgba(53,231,255,.17);border-radius:10px;color:#8eeeff;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.maintenance-view{min-height:100vh;display:grid;place-items:center;padding:25px}.maintenance-card{width:min(600px,100%);padding:45px;text-align:center}.maintenance-card img{width:130px;height:130px;object-fit:contain}.maintenance-card h1{font-size:38px}.maintenance-card p{color:var(--muted);line-height:1.6}.announcement-bar{margin:8px auto 0;width:min(1400px,calc(100% - 24px));border:1px solid rgba(255,200,77,.25);background:rgba(40,28,5,.75);border-radius:10px;padding:9px 13px;display:flex;gap:9px;align-items:center;color:#ffe39a;font-size:11px}.announcement-bar span{color:var(--gold)}
@media(max-width:1200px){.admin-console{grid-template-columns:190px 1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}.compact-admin-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.admin-console{display:block}.admin-nav-panel{position:static;display:flex;overflow:auto;margin-bottom:10px}.admin-nav-title{display:none}.admin-nav-panel>button{grid-template-columns:auto;white-space:nowrap}.admin-nav-panel>button span{display:none}.admin-nav-panel>button em{display:none}.admin-overview-grid,.admin-detail-columns{grid-template-columns:1fr}.admin-user-summary{grid-template-columns:1fr 1fr}.compact-admin-form{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr 1fr}.audit-row p{grid-column:1/-1}.admin-content-card{grid-template-columns:1fr}.admin-content-actions{justify-content:flex-start}}
@media(max-width:560px){.admin-metrics,.compact-admin-form,.economy-grid{grid-template-columns:1fr}.compact-admin-form .wide-admin{grid-column:auto}.admin-user-summary{grid-template-columns:1fr 1fr}.report-card{grid-template-columns:1fr}.admin-manage-row{grid-template-columns:38px 1fr}.admin-manage-row>div:last-child{grid-column:1/-1;justify-content:flex-end}}

/* ShowNest V4.3 – Ranked Placements */
.placement-banner{margin:18px 0;padding:16px 18px;border:1px solid rgba(99,211,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(54,129,255,.10),rgba(161,71,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.placement-banner b{display:block;font-size:14px;color:#eef7ff;margin-bottom:10px}.placement-banner small{display:block;color:var(--muted);margin-top:9px;line-height:1.45}
.placement-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.placement-dots i{height:7px;border-radius:999px;background:#202b40;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 10px rgba(0,0,0,.25)}.placement-dots i.done{background:linear-gradient(90deg,#36d7ff,#7a64ff,#d64eff);box-shadow:0 0 16px rgba(93,117,255,.42)}
.placement-reveal{max-width:520px;margin:24px auto;padding:24px;border:1px solid rgba(117,105,255,.35);border-radius:20px;background:radial-gradient(circle at 50% 10%,rgba(83,207,255,.13),transparent 50%),linear-gradient(180deg,rgba(26,34,56,.92),rgba(11,16,28,.96));box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 50px rgba(102,79,255,.12);text-align:center}
.placement-reveal span{display:block;font-size:10px;font-weight:950;letter-spacing:.18em;color:#77dcff}.placement-reveal strong{display:block;font-size:36px;line-height:1.05;margin:12px 0 8px;text-shadow:0 0 24px currentColor}.placement-reveal small{color:var(--muted)}
.placement-score{letter-spacing:.04em}.placement-note{max-width:560px;margin:8px auto 22px;color:var(--muted);line-height:1.5}
.rank-box b{max-width:175px;white-space:normal;line-height:1.2}
.empty-ranked{display:block;padding:18px;color:var(--muted);text-align:center}


/* V4.4 Creator Application Center */
.admin-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.admin-mini-stats span{padding:9px 12px;border:1px solid rgba(92,213,255,.18);background:rgba(10,17,35,.7);border-radius:10px;color:#91a5c8;font-size:12px}.admin-mini-stats b{color:#fff;margin-right:5px}.application-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;border:1px solid rgba(255,255,255,.12);background:#0b1324}.application-status.submitted{color:#62ddff;border-color:#2da9d6}.application-status.in_review{color:#f5c95f;border-color:#8b6f29}.application-status.interview{color:#c49cff;border-color:#7149a9}.application-status.accepted{color:#66efaa;border-color:#268d61}.application-status.rejected,.application-status.withdrawn{color:#ff8ba6;border-color:#98435a}.creator-app-table .admin-tr{grid-template-columns:1.5fr 1.25fr .85fr .9fr .8fr auto}.creator-application-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.creator-application-grid section{padding:16px;border:1px solid rgba(101,164,255,.17);border-radius:14px;background:rgba(5,10,24,.72)}.creator-application-grid h3,.creator-application-grid h4{margin:0 0 10px}.creator-application-grid h4{margin-top:18px;color:#78dfff}.creator-application-grid p,.creator-application-grid dd{white-space:pre-wrap;color:#b6c2d8;line-height:1.55}.creator-application-grid dl{display:grid;grid-template-columns:110px 1fr;gap:8px 12px}.creator-application-grid dt{color:#70809b}.creator-application-grid dd{margin:0;overflow-wrap:anywhere}.creator-link{color:#67dcff;text-decoration:none}.creator-link:hover{text-decoration:underline}@media(max-width:980px){.creator-application-grid{grid-template-columns:1fr}.creator-app-table .admin-tr{grid-template-columns:1fr}.creator-app-table .admin-tr.head{display:none}}