:root{--bg:#070b14;--panel:#0d1422;--panel2:#111b2d;--line:#263651;--text:#eef6ff;--muted:#8fa3bd;--blue:#39b9ff;--purple:#9c5cff;--green:#53e18e;--red:#ff506c;--yellow:#ffd45a;--cyan:#4de7f4;--pink:#f05dff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#152a50 0,#080d18 38%,#050811 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}.shell{max-width:1450px;margin:auto;padding:20px 28px 40px}.header{display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:22px;border-bottom:1px solid #20304a;padding:4px 0 16px}.logo{width:190px;max-height:62px;object-fit:contain}.player{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--purple);box-shadow:0 0 18px #9c5cff44}.player-meta{min-width:150px}.nick{font-weight:800}.sub{font-size:12px;color:var(--muted);margin-top:4px}.xpbar{width:180px;height:7px;background:#17233a;border-radius:9px;overflow:hidden;margin-top:7px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple))}.headright{display:flex;align-items:center;gap:14px}.streak{font-weight:800;color:#ffb05c}.lang{background:#0d1627;color:#dcecff;border:1px solid #293a58;border-radius:8px;padding:8px}.nav{display:flex;gap:28px;margin-top:15px;border-bottom:1px solid #1b2940}.tab{padding:13px 5px;border:0;background:none;color:#7f93ad;font-weight:900;letter-spacing:.08em;cursor:pointer;border-bottom:3px solid transparent}.tab.active.game{color:var(--blue);border-color:var(--blue)}.tab.active.profile{color:#b886ff;border-color:var(--purple)}.progress{display:flex;gap:5px;width:145px}.progress span{height:5px;flex:1;background:#1d2a40;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple))}.main{padding-top:25px}.gamegrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr);gap:22px}.card{background:linear-gradient(180deg,#101a2b,#0a111e);border:1px solid #23334d;border-radius:14px;box-shadow:0 14px 45px #0007}.shot{padding:12px}.shot img{width:100%;display:block;border-radius:9px;aspect-ratio:16/9;object-fit:cover;background:#05070b}.tip{color:#9bb0c8;font-size:13px;padding:13px 4px 2px}.quiz{padding:20px}.quiz h2{margin:0 0 6px;font-size:22px}.quiz p{margin:0 0 18px;color:var(--muted);font-size:13px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{min-height:57px;border:1px solid #2a3b58;background:#111c2e;color:#dceaff;border-radius:9px;padding:9px 12px;text-align:left;font-weight:750;cursor:pointer;transition:.15s}.answer:hover{transform:translateY(-1px);border-color:#61779a;background:#16243a}.answer:disabled{opacity:.55;cursor:wait}.answer[data-l="Kill"]{--a:var(--red)}.answer[data-l="Assist"]{--a:var(--yellow)}.answer[data-l="Death"]{--a:#fff}.answer[data-l="Capture"]{--a:var(--green)}.answer[data-l="Confrontation / Damage"]{--a:var(--purple)}.answer[data-l="Spectator Mode"]{--a:var(--pink)}.answer[data-l="Respawn / Mech Selection"]{--a:var(--blue)}.answer[data-l="Scoreboard"]{--a:var(--cyan)}.answer[data-l="Nothing"]{--a:#a9b4c2;grid-column:1/-1}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a);margin-right:9px}.comment{margin-top:15px}.comment label{font-size:12px;color:#a7bad0}.comment textarea{margin-top:7px;width:100%;height:74px;resize:none;background:#080f1c;border:1px solid #263854;border-radius:8px;color:#e8f2ff;padding:10px;outline:none}.count{float:right;color:#62758e}.done{text-align:center;padding:80px 20px}.done h1{color:var(--green);font-size:30px}.done .big{font-size:19px;margin:16px}.profilegrid{display:grid;grid-template-columns:340px 1fr;gap:22px}.profilecard{padding:28px;text-align:center}.profilecard .avatar{width:110px;height:110px}.lvl{font-weight:900;font-size:22px;margin:14px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.stat{padding:13px;background:#0a1220;border:1px solid #1f3049;border-radius:9px}.stat b{display:block;font-size:20px}.stat span{font-size:11px;color:var(--muted)}.leader{padding:24px}.leader h2{margin-top:0}.row{display:grid;grid-template-columns:45px 48px 1fr 90px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #1a2940}.row .avatar{width:38px;height:38px}.rank{font-weight:900;color:#8ba1bd}.points{text-align:right;font-weight:900;color:#cda8ff}.onboard{min-height:100vh;display:grid;place-items:center;padding:30px}.onbox{width:min(680px,100%);padding:38px;text-align:center}.onbox .logo{width:240px}.onbox h1{margin:20px 0 6px}.onbox p{color:var(--muted)}.pseudo{width:min(380px,100%);background:#08101d;border:1px solid #2d4264;border-radius:9px;color:white;padding:12px 14px;margin:15px}.avatarpick{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:18px 0}.avatarpick img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid transparent;cursor:pointer}.avatarpick img.sel{border-color:var(--purple);box-shadow:0 0 18px #9c5cff99}.primary{border:0;border-radius:9px;background:linear-gradient(90deg,#7c4dff,#b14cff);color:white;font-weight:900;padding:12px 25px;cursor:pointer}.admin{padding:20px}.adminbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.admin input{background:#08101d;border:1px solid #2d4264;color:white;padding:10px;border-radius:8px}.admin table{width:100%;border-collapse:collapse;font-size:12px}.admin td,.admin th{padding:8px;border-bottom:1px solid #1e2d45;text-align:left}.notice{padding:10px 12px;border:1px solid #314769;border-radius:8px;color:#a9bdd6;margin:10px 0}.err{color:#ff7186}.mobileAdmin{position:fixed;right:10px;bottom:10px;opacity:.35;font-size:11px;color:#fff;text-decoration:none}@media(max-width:900px){.shell{padding:12px}.header{grid-template-columns:150px 1fr}.logo{width:145px}.headright{grid-column:1/-1;justify-content:space-between}.gamegrid,.profilegrid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.answer[data-l="Nothing"]{grid-column:auto}.avatarpick{grid-template-columns:repeat(4,1fr)}.profilegrid{display:block}.leader{margin-top:16px}.xpbar{width:130px}}

/* V0.2 multi-label: additions only, base DA preserved */
.answer.selected{border-color:#8f66ff;background:#1b2740;box-shadow:inset 0 0 0 1px #9c5cff,0 0 16px #9c5cff22;transform:translateY(-1px)}
.validate{width:100%;margin-top:12px}.validate:disabled{opacity:.4;cursor:not-allowed}.mini{border:1px solid #3b4f70;background:#121e31;color:#dceaff;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:11px;font-weight:800}

/* V0.2.3 account auth: minimal additions, base DA preserved */
.authTop{position:relative;display:flex;justify-content:center;align-items:flex-start}.authTop .lang{position:absolute;right:0;top:0}.authHint{color:var(--muted);font-size:12px;margin:-4px auto 12px;max-width:420px}.authSwitch{display:block;margin:12px auto 0;border:0;background:transparent;color:#a98bff;font-weight:800;cursor:pointer;padding:8px}.logoutBtn{margin-top:18px}.danger{border-color:#773044;color:#ff8ca0}

/* V0.2.3 corrected: custom language menu with local SVG flags (Windows-safe) */
.langPicker{position:relative;min-width:168px;text-align:left}.langBtn,.langOption{font:inherit}.langBtn{width:100%;display:flex;align-items:center;gap:8px;background:#0d1627;color:#dcecff;border:1px solid #293a58;border-radius:8px;padding:8px 10px;cursor:pointer}.langBtn img,.langOption img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff24;flex:0 0 auto}.langBtn span{flex:1;white-space:nowrap}.langBtn b{font-size:10px;color:#8fa3bd}.langMenu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:210px;max-height:330px;overflow:auto;padding:5px;background:#0b1321;border:1px solid #334766;border-radius:9px;box-shadow:0 15px 35px #000b}.langPicker.open .langMenu{display:block}.langOption{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#dcecff;padding:8px 9px;border-radius:6px;cursor:pointer;text-align:left}.langOption:hover,.langOption.active{background:#16335b}.authTop .langPicker{position:absolute;right:0;top:0}.authTop .langPicker .langMenu{right:0}.headright .langPicker{min-width:168px}@media(max-width:900px){.langPicker{min-width:155px}.langMenu{width:205px}.authTop{padding-top:50px}.authTop .langPicker{top:0}}


/* V0.2.4 avatar gallery: keeps profile DA, ranking is replaced only while browsing */
.profileNick{font-size:18px;font-weight:900;margin-top:12px}.avatarChangeLink{display:block;margin:8px auto 2px;border:0;background:transparent;color:#b98cff;font-weight:900;letter-spacing:.04em;cursor:pointer;padding:5px 8px}.avatarChangeLink:hover{color:#d4baff;text-decoration:underline}.avatarGalleryCard{padding:24px;min-width:0}.avatarGalleryHead h2{margin:0 0 6px}.avatarGalleryHead p{margin:0 0 20px;color:var(--muted);font-size:13px}.avatarGallery{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:16px}.avatarTile{position:relative;border:1px solid #263957;background:#0b1423;border-radius:12px;padding:12px 8px 10px;color:var(--text);cursor:pointer;transition:.15s;min-width:0}.avatarTile:hover:not(:disabled){transform:translateY(-2px);border-color:#7b5cc7;background:#111d31}.avatarVisual{display:block;position:relative;width:min(118px,100%);aspect-ratio:1;margin:auto}.avatarVisual img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #6544a8;box-shadow:0 0 16px #9c5cff2b}.avatarTile.locked{cursor:not-allowed;opacity:.82}.avatarTile.locked .avatarVisual img{filter:grayscale(.32) saturate(.72) brightness(.88)}.lockBadge{position:absolute;right:-2px;top:-2px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#0a101c;border:1px solid #40516c;font-size:15px;box-shadow:0 4px 12px #0008}.currentBadge{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);white-space:nowrap;background:#8d55ed;border:1px solid #c69cff;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.avatarTile.current{border-color:#a66bff;box-shadow:inset 0 0 0 1px #a66bff,0 0 20px #9c5cff26}.avatarReq{display:block;margin-top:12px;min-height:28px;font-size:10px;line-height:1.25;color:#8fa3bd;font-weight:750}.avatarTile:not(.locked) .avatarReq{color:#aebed2}.admin h3{margin-top:26px}@media(max-width:1100px){.avatarGallery{grid-template-columns:repeat(4,minmax(95px,1fr))}}@media(max-width:700px){.avatarGallery{grid-template-columns:repeat(3,minmax(82px,1fr));gap:10px}.avatarGalleryCard{padding:16px}.avatarVisual{width:min(100px,100%)}}

/* V0.2.4 stable — avatar selection UX only */
.avatarGalleryHead{display:flex;align-items:center;gap:16px;margin:-24px -24px 18px;padding:18px 22px;background:linear-gradient(100deg,#291565,#171b42 72%,#111c38);border-bottom:1px solid #6d48b8;border-radius:12px 12px 0 0;box-shadow:inset 0 -1px 0 #8f5bdb33}
.avatarGalleryHead h2{font-size:25px;letter-spacing:.01em;margin:0 0 3px}.avatarGalleryHead p{margin:0;color:#c0c8dd}.avatarGalleryIcon{width:46px;height:46px;display:grid;place-items:center;border:2px solid #6fdcff;border-radius:50%;font-size:29px;color:#a55cff;flex:0 0 auto}
.avatarChangeLink{border:1px solid #9d5cff;border-radius:8px;padding:12px 16px;margin:10px auto 4px;min-width:78%;background:#0d1525;box-shadow:0 0 12px #9d5cff20;text-decoration:none!important}
.avatarChangeLink:hover{background:#131b31;box-shadow:0 0 18px #9d5cff38}.avatarValidateBtn{background:linear-gradient(90deg,#5420a9,#7c2fd1);color:#fff;border-color:#c073ff;box-shadow:0 0 20px #a34fff4a;font-size:16px}.avatarValidateBtn:hover{color:#fff;background:linear-gradient(90deg,#6328bd,#8c3de0)}
.avatarTile.locked{opacity:.9;background:#09111e}.avatarTile.locked .avatarVisual img{filter:grayscale(.40) saturate(.78) brightness(.76);opacity:.88}.avatarTile.locked .avatarReq{color:#91a2ba}.lockBadge{background:#0a101cf2;border-color:#53637d}
@media(max-width:700px){.avatarGalleryHead{margin:-16px -16px 14px;padding:14px 15px}.avatarGalleryHead h2{font-size:20px}.avatarGalleryIcon{width:38px;height:38px;font-size:24px}}

/* V0.2.4 profile/ranking visual finish — validated dimensions */
.header .player>.avatar{width:62px;height:62px}
.profilecard>.avatar{width:126px;height:126px}
.leader .row{grid-template-columns:45px 58px 1fr 90px;gap:10px;padding:12px}
.leader .row .avatar{width:50px;height:50px}
.rankingIdentity{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.rankingName{font-size:17px;font-weight:900;line-height:1.05;color:#f4f7ff;letter-spacing:.01em;text-shadow:0 0 12px #9c5cff26}
.rankingLevel{display:inline-flex;width:max-content;margin:0;padding:3px 8px;border:1px solid #2f6f9d;border-radius:5px;background:#0b1b2e;color:#62d7ff;font-size:10px;font-weight:850;line-height:1;letter-spacing:.025em;text-transform:uppercase;box-shadow:0 0 10px #39b9ff12}
@media(max-width:700px){.header .player>.avatar{width:58px;height:58px}.profilecard>.avatar{width:126px;height:126px}.leader .row{grid-template-columns:34px 52px 1fr 70px;padding:10px 4px}.leader .row .avatar{width:46px;height:46px}.rankingName{font-size:16px}.rankingLevel{font-size:9px;padding:3px 6px}}

/* Official category guide — additive UI only */
.rulesArea{display:grid;gap:10px;margin-top:10px}.rulesTrigger{width:100%;min-height:64px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px;padding:10px 16px;border:1px solid #354c70;border-radius:10px;background:linear-gradient(100deg,#0d192b,#101d31);color:#b8d4f2;text-align:left;cursor:pointer;transition:.15s}.rulesTrigger:hover{border-color:#58739b;background:#13233a}.rulesTrigger>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.rulesTrigger b{font-size:16px;line-height:1.1;letter-spacing:.02em}.rulesTrigger small{color:#91a7c2;font-size:12px}.rulesTrigger i{font-style:normal;font-size:24px;color:#a9c8ea;text-align:center}.rulesIcon{font-size:25px;color:#9fcfff;text-align:center}.fullGuideTrigger{margin-top:0}.quickRules{overflow:hidden;border:1px solid #263a58;border-radius:10px;background:#091422;font-family:Inter,Segoe UI,Arial,sans-serif}.quickRulesHead{padding:9px 14px;border-bottom:1px solid #223651;color:#8299b6;font-size:11px;text-align:right}.quickRuleRow{min-height:49px;display:grid;grid-template-columns:28px minmax(145px,210px) 1fr;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #1c2d45;color:#9db0c8;font-size:12px;line-height:1.35}.quickRuleRow:last-child{border-bottom:0}.quickRuleRow b{color:#b9cbe0;font-size:12px;letter-spacing:.025em}.ruleGlyph{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;font-size:14px;color:#d7e8fb;background:#17263a;flex:0 0 auto}.rule-kill{color:#ff6a7f}.rule-assist{color:#ffd45a}.rule-death{color:#dce8f7}.rule-capture{color:#50d6ff}.rule-confrontation_damage{color:#ffad32}.rule-spectator_mode{color:#b886ff}.rule-respawn_mech_selection{color:#d9ee36}.rule-scoreboard{color:#69c9ff}.rule-nothing{color:#b6c0ce}
body.guideOpen{overflow:hidden}.guideOverlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#020710cc;backdrop-filter:blur(3px)}.guideModal{position:relative;width:min(1100px,94vw);max-height:92vh;overflow:auto;padding:20px;border:1px solid #375071;border-radius:15px;background:linear-gradient(160deg,#0d1c30,#081321);box-shadow:0 28px 80px #000d}.guideModal>header{text-align:center;padding:0 44px 12px}.guideModal>header h1{margin:0;color:#78bcff;font-size:28px;letter-spacing:.025em}.guideModal>header p{margin:3px 0 0;color:#bac9da}.guideX{position:absolute;right:18px;top:12px;border:0;background:none;color:#8fa8c7;font-size:36px;line-height:1;cursor:pointer}.guideGeneral{padding:14px 18px;border:1px solid #314969;border-radius:11px;background:#0d1b2d}.guideGeneral h2{margin:0 0 9px;color:#55c8ff;font-size:17px}.guideGeneral>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.guideGeneral p{margin:0;color:#d0dceb;font-size:13px}.guideGeneral small{display:block;margin-top:11px;color:#91a5bf;text-align:center}.guideBody{display:grid;grid-template-columns:255px 1fr;gap:10px;margin-top:12px;min-height:395px}.guideBody nav{overflow:auto;border:1px solid #2a405e;border-radius:10px;background:#091524}.guideNav{width:100%;min-height:45px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:0;border-bottom:1px solid #21344e;background:transparent;color:#bed0e5;font-size:12px;font-weight:800;text-align:left;cursor:pointer}.guideNav:last-child{border-bottom:0}.guideNav:hover{background:#13243a}.guideNav.active{background:linear-gradient(90deg,#4e1e9b,#7129b9);color:#fff}.guideDetail{overflow:auto;max-height:435px;padding:15px 20px;border:1px solid #2a405e;border-radius:10px;background:#0a1728}.guideDetail h2{display:flex;align-items:center;gap:10px;margin:0 0 7px;color:#b888ff;font-size:22px}.guideDefinition{margin:0 0 17px;color:#d7e2ef;font-size:13px}.guideDetail h3{margin:14px 0 7px;color:#55c8ff;font-size:13px}.guideDetail h3.guideAvoid{color:#ff7186}.guideDetail ul{margin:0;padding-left:20px;color:#c5d4e5;font-size:13px;line-height:1.5}.guideNote{margin-top:16px;padding:12px;border-top:1px solid #29405e;color:#96c8f4;font-size:12px}.guideNote p{margin:5px 0 0;line-height:1.45}.guideClose{display:block;margin:14px auto 0;min-width:145px;padding:9px 20px;border:1px solid #334d70;border-radius:7px;background:#0d1b2d;color:#d9e6f4;font-weight:800;cursor:pointer}
@media(max-width:900px){.quickRuleRow{grid-template-columns:26px 145px 1fr}.guideOverlay{padding:8px}.guideModal{width:98vw;max-height:97vh;padding:14px}.guideGeneral>div{grid-template-columns:1fr}.guideBody{grid-template-columns:1fr;min-height:0}.guideBody nav{display:flex;overflow-x:auto}.guideNav{min-width:170px;border-bottom:0;border-right:1px solid #21344e}.guideDetail{max-height:48vh}.guideModal>header h1{font-size:21px}}
@media(max-width:600px){.quickRuleRow{grid-template-columns:25px 1fr;gap:7px}.quickRuleRow>span:last-child{grid-column:2}.rulesTrigger{grid-template-columns:34px 1fr 20px;padding:9px 11px}.rulesTrigger b{font-size:14px}.guideGeneral{padding:11px}.guideBody{margin-top:8px}.guideDetail{padding:13px}.guideModal>header{padding:0 34px 10px}.guideModal>header p{font-size:12px}}

/* First-session introduction — no backend state and no change to quiz logic */
.introShell{max-width:1240px}.rulesIntro{overflow:hidden}.introHero{text-align:center;padding:26px 34px 21px;background:radial-gradient(circle at 50% -35%,#284b78 0,#111f35 48%,#0c1727 100%);border-bottom:1px solid #2a405e}.introHero>span{display:block;margin-bottom:7px;color:#61d7ff;font-size:11px;font-weight:900;letter-spacing:.12em}.introHero h1{margin:0 0 9px;font-size:30px;letter-spacing:.01em}.introHero p{max-width:760px;margin:auto;color:#b2c3d8;font-size:14px;line-height:1.5}.introSectionTitle{margin:20px 24px 12px;color:#a9c4e3;font-size:13px;letter-spacing:.08em}.introEssentials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 18px}.introEssentials article{display:flex;gap:12px;min-width:0;padding:14px;border:1px solid #29405f;border-radius:10px;background:#0a1525}.introEssentials article>b{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#142944;color:#6bd4ff;font-size:19px}.introEssentials article:nth-child(2)>b{color:#bd89ff}.introEssentials article:nth-child(3)>b{color:#c7d2df}.introEssentials h3{margin:0 0 4px;font-size:14px}.introEssentials p{margin:0;color:#91a6bf;font-size:12px;line-height:1.4}.introQuick{margin:0 24px;border:1px solid #2b405e;border-radius:10px;background:#091422;overflow:hidden}.introQuick .quickRuleRow{min-height:45px}.introComment{display:flex;align-items:flex-start;gap:11px;margin:14px 24px 0;padding:12px 14px;border:1px solid #29405b;border-radius:9px;background:#0c1929;color:#a9bdd4}.introComment>span{color:#65d3ff;font-size:20px}.introComment b{color:#c9daed;font-size:13px}.introComment p{margin:3px 0 0;font-size:12px;line-height:1.4}.introGuide{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:18px;margin:14px 24px;padding:14px 16px;border:1px solid #493776;border-radius:10px;background:linear-gradient(100deg,#15182e,#15132c)}.introGuide p{margin:0;color:#aebcd0;font-size:12px;line-height:1.45}.introGuideBtn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 13px;border:1px solid #7550b6;border-radius:8px;background:#151a31;color:#c19bff;font-weight:900;cursor:pointer}.introGuideBtn:hover{background:#1d2140;border-color:#a56cff}.introGuideBtn small{color:#899db8;font-size:10px;font-weight:500}.introFooter{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:17px 24px 20px;border-top:1px solid #263b57;background:#0b1524eF;backdrop-filter:blur(8px)}.introStart{min-width:min(520px,100%);font-size:15px}.introFooter small{color:#8196b0;font-size:11px}
@media(max-width:800px){.introHero{padding:22px 18px 18px}.introHero h1{font-size:25px}.introEssentials{grid-template-columns:1fr;padding:0 16px 16px}.introSectionTitle{margin-left:16px}.introQuick{margin:0 16px}.introComment{margin:12px 16px 0}.introGuide{grid-template-columns:1fr;margin:12px 16px}.introGuideBtn{width:100%}.introFooter{padding:14px 16px 17px}}

/* Dynamic top-three podium — same leaderboard data, visual layer only */
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;min-height:166px;margin:2px 0 14px;padding:12px 12px 8px;border:1px solid #253a58;border-radius:12px;background:radial-gradient(circle at 50% 20%,#20365b66,#08111f 72%);overflow:hidden}.podiumPlace{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;color:#b56cff}.podiumRank1{grid-column:2;grid-row:1;color:#f4c84d;transform:translateY(-12px)}.podiumRank2{grid-column:1;grid-row:1;color:#c6d0dd}.podiumRank3{grid-column:3;grid-row:1;color:#c68152}.podiumNumber{position:absolute;z-index:3;top:-5px;left:calc(50% + 26px);width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;background:#09111f;color:currentColor;font-size:12px;font-weight:950;box-shadow:0 0 12px currentColor}.podiumAvatar{position:relative;width:78px;height:78px;display:grid;place-items:center;color:inherit}.podiumRank1 .podiumAvatar{width:92px;height:92px}.podiumAvatar::before,.podiumAvatar::after{content:"";position:absolute;z-index:1;top:8%;width:38px;height:84%;opacity:.92;border-right:2px solid currentColor;border-radius:0 70% 70% 0;background:radial-gradient(ellipse 7px 15px at 76% 10%,currentColor 46%,transparent 52%),radial-gradient(ellipse 8px 17px at 58% 29%,currentColor 46%,transparent 52%),radial-gradient(ellipse 8px 18px at 47% 50%,currentColor 46%,transparent 52%),radial-gradient(ellipse 8px 17px at 49% 71%,currentColor 46%,transparent 52%),radial-gradient(ellipse 7px 15px at 65% 89%,currentColor 46%,transparent 52%);filter:drop-shadow(0 0 3px currentColor)}.podiumAvatar::before{right:calc(100% - 9px);transform:rotate(-7deg)}.podiumAvatar::after{left:calc(100% - 9px);transform:scaleX(-1) rotate(-7deg)}.podiumAvatar .avatar{position:relative;z-index:2;width:100%;height:100%;border:3px solid currentColor;box-shadow:0 0 7px currentColor,0 0 19px color-mix(in srgb,currentColor 42%,transparent),inset 0 0 0 1px #ffffff35}.podiumPlace>b{display:block;width:100%;margin-top:8px;overflow:hidden;color:#f1f5fc;font-size:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.rankingList{border-top:1px solid #22334d}.leader .row>.avatar{border:2px solid #7950bd;box-shadow:0 0 12px #9c5cff45}.leader .row.topRank1>.avatar{border-color:#f4c84d;box-shadow:0 0 7px #f4c84d,0 0 15px #f4c84d55}.leader .row.topRank2>.avatar{border-color:#c6d0dd;box-shadow:0 0 7px #c6d0dd,0 0 15px #c6d0dd4d}.leader .row.topRank3>.avatar{border-color:#c68152;box-shadow:0 0 7px #c68152,0 0 15px #c681524d}
.podium{min-height:211px}.podiumRank1{--metal-shadow:#4a2100;--metal-base:#d89300;--metal-hi:#fff1a6;--metal-halo:#ffbd22}.podiumRank2{--metal-shadow:#182434;--metal-base:#93a8bd;--metal-hi:#f8fdff;--metal-halo:#b9ddff}.podiumRank3{--metal-shadow:#2b0d09;--metal-base:#8f3a25;--metal-hi:#e67d46;--metal-halo:#a84328}.podiumAvatar::before,.podiumAvatar::after{display:none}.podiumOrnament{position:absolute;z-index:0;left:50%;top:50%;width:205px;height:128px;overflow:visible;pointer-events:none;transform:translate(-50%,-39%);filter:drop-shadow(0 0 5px var(--metal-halo)) drop-shadow(0 7px 7px #000b)}.podiumRank1 .podiumOrnament{width:244px;height:150px;transform:translate(-50%,-41%);filter:drop-shadow(0 0 7px var(--metal-halo)) drop-shadow(0 9px 8px #000c)}.podiumOrnament .metalShadow{stop-color:var(--metal-shadow)}.podiumOrnament .metalBase{stop-color:var(--metal-base)}.podiumOrnament .metalHighlight{stop-color:var(--metal-hi)}.podiumOrnament .podiumSparks{opacity:.55;animation:podiumSpark 2.8s ease-in-out infinite}.podiumRank2 .podiumSparks{animation-delay:.45s}.podiumRank3 .podiumSparks{animation-delay:.9s}@keyframes podiumSpark{0%,100%{opacity:.28}50%{opacity:.75}}
.podiumOrnament[data-ornament-rank="1"] .podiumWing path,.podiumOrnament[data-ornament-rank="1"] .podiumCrest,.podiumOrnament[data-ornament-rank="1"] .podiumPlatform{fill:url(#podiumMetal1)}.podiumOrnament[data-ornament-rank="2"] .podiumWing path,.podiumOrnament[data-ornament-rank="2"] .podiumCrest,.podiumOrnament[data-ornament-rank="2"] .podiumPlatform{fill:url(#podiumMetal2)}.podiumOrnament[data-ornament-rank="3"] .podiumWing path,.podiumOrnament[data-ornament-rank="3"] .podiumCrest,.podiumOrnament[data-ornament-rank="3"] .podiumPlatform{fill:url(#podiumMetal3)}
.podiumPlace>.podiumName{position:relative;z-index:3;margin-top:35px;color:#fff;font-size:17px;font-weight:900;line-height:1.05;letter-spacing:.01em;text-shadow:0 2px 4px #000d,0 0 7px color-mix(in srgb,var(--metal-halo) 20%,transparent)}.podiumRank1>.podiumName{font-size:18px;transform:translateY(12px)}

/* Admin sample correction — localized additions */
.adminFilters{display:grid;grid-template-columns:1.3fr repeat(4,minmax(145px,1fr)) auto;gap:8px;align-items:center;margin:10px 0}.adminFilters select{min-width:0;background:#08101d;border:1px solid #2d4264;color:#fff;padding:10px;border-radius:8px}.filterCheck{display:flex;align-items:center;gap:5px;color:#a9bdd6;font-size:12px;white-space:nowrap}.adminResultCount{margin:8px 0;color:#8fa3bd;font-size:12px}.adminTableWrap{overflow-x:auto}.adminCorrectionOverlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#020710dd;backdrop-filter:blur(4px)}.adminCorrection{position:relative;width:min(1120px,96vw);max-height:94vh;overflow:auto;border:1px solid #405a80;border-radius:15px;background:linear-gradient(160deg,#0e1b2d,#08111e);box-shadow:0 30px 90px #000e}.adminCorrection>header{padding:18px 58px 14px;border-bottom:1px solid #2b405e;background:linear-gradient(100deg,#171c3b,#101d35)}.adminCorrection>header span{color:#6dd8ff;font-size:11px;font-weight:900;letter-spacing:.1em}.adminCorrection>header h2{margin:4px 0 0;overflow:hidden;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.correctionGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;padding:18px}.correctionVisual img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;border:1px solid #2c405c;border-radius:10px;background:#03060b}.imageMissing{display:grid;min-height:260px;place-items:center;border:1px solid #603344;border-radius:10px;background:#160c13;color:#ff8397}.correctionVisual dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 0}.correctionVisual dl>div{min-width:0;padding:8px;border:1px solid #243752;border-radius:7px;background:#0a1423}.correctionVisual dt{color:#8096b1;font-size:10px;text-transform:uppercase}.correctionVisual dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:12px}.correctionForm>label{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px;margin-bottom:9px;color:#a9bdd6;font-size:12px}.correctionForm select{width:100%;background:#08101d;border:1px solid #2d4264;color:#fff;padding:9px;border-radius:8px}.correctionForm fieldset{margin:12px 0;padding:12px;border:1px solid #304766;border-radius:9px}.correctionForm legend{padding:0 6px;color:#73d5ff;font-size:12px;font-weight:900}.correctionLabels{display:grid;grid-template-columns:1fr 1fr;gap:7px}.correctionLabels label{display:flex;align-items:center;gap:7px;min-width:0;padding:7px;border:1px solid #263a56;border-radius:6px;background:#0b1626;font-size:11px}.correctionLabels label:last-child{grid-column:1/-1}.correctionLabels input:disabled+span{opacity:.45}.correctionForm fieldset small{display:block;margin-top:9px;color:#8599b2;font-size:10px}.correctionForm h3{margin:14px 0 7px;color:#b4c8df;font-size:12px}.voteGrid{display:flex;flex-wrap:wrap;gap:6px}.voteGrid span{padding:5px 7px;border:1px solid #2b405e;border-radius:6px;background:#0a1423;color:#9fb2c8;font-size:10px}.voteGrid b{color:#dce9f7}.voteCombos{max-height:90px;overflow:auto;margin:8px 0;padding-left:20px;color:#91a5bd;font-size:10px}.correctionActions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid #2b405e;background:#0a1423f2}.correctionActions .primary{padding:9px 14px;font-size:11px}.mini:disabled,.correctionActions button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1100px){.adminFilters{grid-template-columns:repeat(3,1fr)}.correctionGrid{grid-template-columns:1fr}.correctionVisual img{max-height:48vh}}
@media(max-width:700px){.podium{min-height:170px;gap:2px;padding-inline:3px}.podiumAvatar{width:60px;height:60px}.podiumRank1 .podiumAvatar{width:70px;height:70px}.podiumOrnament{width:132px;height:90px;transform:translate(-50%,-35%)}.podiumRank1 .podiumOrnament{width:158px;height:105px;transform:translate(-50%,-37%)}.podiumNumber{left:calc(50% + 18px)}.podiumPlace>b{font-size:11px}.podiumPlace>.podiumName{margin-top:24px;font-size:15px}.podiumRank1>.podiumName{font-size:16px;transform:translateY(12px)}.adminFilters{grid-template-columns:1fr}.adminCorrectionOverlay{padding:4px}.adminCorrection{width:100%;max-height:98vh}.correctionGrid{padding:11px}.correctionVisual dl,.correctionLabels{grid-template-columns:1fr}.correctionLabels label:last-child{grid-column:auto}.correctionActions{display:grid;grid-template-columns:1fr 1fr}.correctionActions button{min-width:0;padding:9px 5px}}
@media(prefers-reduced-motion:reduce){.podiumAvatar,.podiumAvatar::before,.podiumAvatar::after,.podiumSparks{animation:none!important;transition:none!important}}
.correctionVisual img[hidden]{display:none}
@media(max-width:600px){.header{grid-template-columns:90px minmax(0,1fr);gap:8px}.header .logo{width:85px}.header .player>.avatar{width:42px;height:42px}.player-meta{min-width:0;overflow:hidden}.player-meta .nick,.player-meta .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta .xpbar{width:100%}}

/* V0.2.6 retention UX — compact, data-driven additions */
.signupPromise{max-width:560px;margin:10px auto 4px;padding:11px 14px;border:1px solid #29466b;border-radius:9px;background:#0a1728;color:#bdd3eb!important;font-size:13px;line-height:1.45}.seriesMeta{margin:0 0 10px!important;color:#78bdf2!important;font-size:12px!important;font-weight:800;letter-spacing:.02em}.mobileRules{display:none}.answerFeedback{position:fixed;z-index:900;left:50%;bottom:26px;transform:translateX(-50%);padding:11px 17px;border:1px solid #54d4a1;border-radius:999px;background:#0b201bf2;color:#baffdf;font-weight:900;box-shadow:0 10px 35px #0009,0 0 22px #53e18e35;animation:feedbackIn .4s ease both}.progress.feedbackPulse i{animation:progressPulse .4s ease}.done{max-width:920px;margin:auto;padding:28px}.done h1{margin:8px 0 18px}.summaryStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summaryStats .stat b{color:#e8f5ff}.levelUp{margin:0 auto 16px;padding:11px;border:1px solid #8d65d6;border-radius:9px;background:#321d615c;color:#d8bfff;font-size:17px;font-weight:900}.goalProgress,.streakGoal,.nextAvatarGoal,.nextSeries{margin-top:13px;padding:14px;border:1px solid #293d5b;border-radius:10px;background:#0a1423;text-align:left}.goalProgress>div:first-child,.streakGoal>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.goalProgress span,.streakGoal span,.nextAvatarGoal span,.nextSeries time{color:#92a8c2;font-size:12px}.goalBar{height:7px;margin-top:9px;overflow:hidden;border-radius:9px;background:#17233a}.goalBar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width .35s ease}.streakGoal.bonusWon{border-color:#e7ad48;box-shadow:0 0 22px #e7ad4825}.streakGoal.bonusWon b{color:#ffd881}.nextAvatarGoal{display:flex;align-items:center;gap:14px}.nextAvatarGoal>img{width:66px;height:66px;flex:0 0 auto;border:2px solid var(--purple);border-radius:50%;object-fit:cover;box-shadow:0 0 16px #9c5cff40}.nextAvatarGoal>div{min-width:0;flex:1}.nextAvatarGoal b,.nextAvatarGoal span,.nextSeries b,.nextSeries time{display:block}.nextAvatarGoal span{margin-top:5px}.nextAvatarGoal.complete{display:block;text-align:center}.nextAvatarGoal.complete p{margin:6px 0;color:#b9cce1}.nextSeries{text-align:center}.nextSeries time{margin-top:6px;color:#c7daf0}.doneActions{display:flex;justify-content:center;gap:10px;margin-top:18px}.primary.secondary{border:1px solid #3f6089;background:#12233a}.profileGoal{margin-top:14px}.profileGoal .nextAvatarGoal{padding:11px}.profileGoal .nextAvatarGoal>img{width:54px;height:54px}.profileGoal .nextAvatarGoal b,.profileGoal .nextAvatarGoal span{font-size:10px;text-align:left}
@keyframes feedbackIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes progressPulse{50%{filter:brightness(1.7);box-shadow:0 0 10px var(--blue)}}
@media(max-width:900px){.desktopRules{display:none}.mobileRules{display:block;margin-top:14px}.gamegrid{gap:12px}.shot{padding-bottom:8px}.quiz{padding-top:16px}.summaryStats{grid-template-columns:1fr 1fr}.done{padding:20px 14px}.onbox{padding:24px 16px}.signupPromise{font-size:12px}.doneActions{display:grid;grid-template-columns:1fr}.answerFeedback{bottom:14px;white-space:nowrap}.goalProgress>div:first-child,.streakGoal>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.answerFeedback,.progress.feedbackPulse i,.goalBar i{animation:none!important;transition:none!important}.answerFeedback{transform:translateX(-50%)}}
/* V0.2.7 avatar signup: ten choices in two balanced rows */
.avatarpick{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:430px){.onboard{padding:12px}.onbox{padding:24px 16px}.avatarpick{gap:7px}}