:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6ff;--bg:#0d1724;--panel:#122235;--panel2:#172b42;--line:#2b4a66;--text:#eef6ff;--muted:#a9bdd0;--cyan:#49bfff;--blue:#147dd3;--red:#f66;--orange:#ffb347;--mint:#5ee1bd;--radius:6px;background:#0d1724;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#09121d;flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{color:var(--text);text-transform:uppercase;letter-spacing:0;background:0 0;border:0;justify-items:center;gap:4px;padding:16px 8px;font-weight:900;display:grid}.brand small{color:#92d8ff;font-size:11px}.brandMark{background:#10263a;border:2px solid #8fdcff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}nav{gap:7px;display:grid}nav button,.ghost,.primary,.tabs button{border-radius:var(--radius);min-height:42px;color:var(--text);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 14px;display:inline-flex}nav button{justify-content:flex-start;width:100%}nav button.active,.tabs button.active{background:#102d48;border-color:#4ebcf4}.primary{background:#147dd3;border-color:#54bff7;justify-content:center}.ghost{border-color:var(--line);background:#101f30}.statusBox,.stat,.panel,.eventCard,.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.statusBox{color:var(--cyan);align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.statusBox span,.topbar span,small,.lead,.panel p{color:var(--muted)}main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#0b1623;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 22px;display:flex;position:sticky;top:0}.topbar div{gap:2px;display:grid}.page{padding:24px}h1,h2,h3,p{margin-top:0}h1{text-transform:uppercase;max-width:760px;font-size:clamp(34px,5vw,64px);line-height:1}h2{margin-bottom:10px;font-size:clamp(26px,3vw,36px)}h3{margin-bottom:14px}.motto{color:#d8f4ff;font-family:Georgia,serif;font-size:clamp(22px,3vw,32px)}.hero{border:1px solid var(--line);border-radius:var(--radius);background:#0f2031;align-content:end;gap:26px;min-height:390px;padding:34px;display:grid;position:relative;overflow:hidden}.hero:before{content:"*  *  *  *  *  *  *  *  *  *  *  *  *  *";color:#8edcff38;letter-spacing:12px;pointer-events:none;max-width:360px;font-size:22px;line-height:2.2;position:absolute;top:22px;right:28px}.heroCopy{z-index:1;position:relative}.heroCopy p:not(.motto){color:#c5ddeb;max-width:620px;font-size:17px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;display:flex}.heroStats,.grid{gap:14px;display:grid}.heroStats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:850px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.grid.two,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.split{align-items:start;gap:18px;display:grid}.panel{padding:20px}.stat{align-content:center;gap:5px;min-height:94px;padding:16px;display:grid}.stat svg,.panel h3,.lineItem span{color:var(--cyan)}.stat strong{font-size:28px}.lineItem{border-top:1px solid var(--line);gap:3px;padding:12px 0;display:grid}.lineItem:first-child{border-top:0}.lineItem.danger strong{color:var(--red)}.rankGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.accent.red{color:var(--red)}.accent.orange{color:var(--orange)}.accent.mint{color:var(--mint)}.accent.blue{color:var(--cyan)}.rankRow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr);align-items:center;gap:12px;padding:12px 0;display:grid}.rankRow div{gap:4px;display:grid}.rankRow span{color:#d9f3ff}.eventGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.eventCard{padding:16px;position:relative}.eventCard h3,.eventCard p,.eventCard small,.eventMeta{margin-left:0;margin-right:0}.eventCard h3{margin-top:34px}.eventCard p{color:#bcd3e0}.eventCard small{color:var(--muted);margin-bottom:16px;display:block}.result{text-transform:uppercase;background:#087342;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:800;position:absolute;top:14px;right:14px}.result.defeat{background:#9b2828}.eventMeta{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:12px 0;display:flex}.eventMeta span{color:#bcd3e0;align-items:center;gap:5px;display:inline-flex}.table{border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.tr{border-top:1px solid var(--line);grid-template-columns:1.4fr .7fr .6fr 1fr .5fr;min-width:760px;display:grid}.tr:first-child{border-top:0}.tr span,.tr a{color:var(--text);padding:14px;text-decoration:none}.tr.head{background:#ffffff0f;font-weight:800}.tr a{color:var(--cyan)}.academyPage{max-width:1080px;margin:0 auto}.academyIntro{text-align:center;padding:18px 0 8px}.academyIntro svg{color:var(--cyan)}.academyIntro h1{margin:8px auto;font-size:clamp(34px,5vw,54px)}.academyIntro p{color:var(--muted);font-size:18px}.academyGate{gap:12px;max-width:680px;margin:18px auto 0;display:grid}.notice{border-radius:var(--radius);border:1px solid var(--line);color:#b8d0e2;background:#0c1825;padding:13px 15px;line-height:1.5}.academyQuiz{margin-top:18px}.quizTopbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.quizTopbar div:first-child{gap:4px;display:grid}.quizTopbar span{color:var(--muted)}.progressWrap{flex:1;min-width:240px;max-width:460px}.progressLabel{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:14px;display:flex}.progress{border:1px solid var(--line);background:#0c1825;border-radius:999px;height:10px;overflow:hidden}.progress div{background:var(--cyan);height:100%;transition:width .2s}.questionList{gap:12px;display:grid}.question{border:1px solid var(--line);border-radius:var(--radius);background:#0d1c2c;padding:16px}.question h3{font-size:17px;line-height:1.4}.optionList{gap:7px;display:grid}.option{cursor:pointer;color:#d9f3ff;border:1px solid #0000;border-radius:5px;align-items:flex-start;gap:10px;padding:9px 10px;display:flex}.option:hover{border-color:var(--line);background:#10263a}.option input{accent-color:var(--cyan);margin-top:3px}.footerActions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.academyResult{text-align:center;max-width:760px;margin:18px auto 0}.resultScore{margin:14px 0;font-size:clamp(46px,8vw,72px);line-height:1;display:block}.pass{color:var(--mint)}.fail{color:var(--red)}.resultGrid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.center{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 66px);display:grid}.adminHeader{justify-content:space-between;align-items:start;gap:14px;display:flex}.adminGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.adminPanel{align-content:start;gap:12px;display:grid}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{min-height:36px;font-size:13px}.field{color:var(--muted);text-transform:capitalize;gap:6px;font-size:13px;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0c1825;border-radius:4px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:92px}input:focus,textarea:focus{border-color:#22bdfcd9}.editableList{gap:8px;margin-top:6px;display:grid}.editableList div{border:1px solid var(--line);background:#ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.iconButton{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:#ffffff0d;border-radius:6px;flex:none;place-items:center;display:grid}.academyKeyPanel,.academySubmissionsPanel{grid-column:1/-1}.panelHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panelHeader p{margin-bottom:0}.answerKeyList{gap:8px;max-height:520px;padding-right:6px;display:grid;overflow:auto}.answerKeyRow{border:1px solid var(--line);background:#0c1825;border-radius:5px;gap:5px;padding:11px 12px;display:grid}.answerKeyRow strong{line-height:1.35}.answerKeyRow span{color:var(--mint)}.answerKeyRow.wrong span{color:var(--red)}.manualSubmission{border:1px solid var(--line);background:#07111c;border-radius:5px;grid-template-columns:minmax(180px,1fr) 90px 90px auto;align-items:end;gap:10px;margin:14px 0;padding:12px;display:grid}.submissionsLayout{grid-template-columns:320px minmax(0,1fr);gap:14px;display:grid}.submissionList{align-content:start;gap:8px;display:grid}.submissionList button{text-align:left;color:var(--text);border:1px solid var(--line);background:#0c1825;border-radius:5px;gap:4px;padding:11px 12px;display:grid}.submissionList button.active{border-color:var(--cyan);background:#102d48}.submissionList span,.submissionList small,.submissionDetail p{color:var(--muted)}.submissionDetail{min-width:0}.submissionDetail h4{margin:0 0 6px;font-size:22px}.modalBackdrop{z-index:30;background:#000000ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);padding:24px;position:relative;box-shadow:0 30px 100px #0000008c}.close{position:absolute;top:14px;right:14px}.error{color:var(--red)}@media (width<=980px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.brand{text-align:left;grid-template-columns:52px 1fr;justify-items:start}.brand small{grid-column:2}.brandMark{grid-row:span 2;width:52px;height:52px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap;height:auto;padding:14px;position:static}.hero{min-height:560px;padding:28px}.heroStats,.grid.three,.grid.two,.split,.rankGrid,.eventGrid,.adminGrid,.resultGrid,.submissionsLayout,.manualSubmission{grid-template-columns:1fr}}@media (width<=560px){.page{padding:14px}nav{grid-template-columns:1fr}.hero{padding:22px}.rankRow{grid-template-columns:1fr}.adminHeader{display:grid}.footerActions button{width:100%}}
