:root{--bg:#020402;--panel:#050905e8;--panel2:#090f09;--green:#9aff00;--green2:#6eb400;--gold:#e6b35c;--purple:#9a35ff;--line:#9aff0035;--text:#edf7e6;--muted:#9daa91}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(#9aff0005 1px,transparent 1px),linear-gradient(90deg,#9aff0005 1px,transparent 1px),radial-gradient(circle at 40% 0,#9aff0018,transparent 35%);background-size:28px 28px,28px 28px,auto;pointer-events:none}
.hidden{display:none!important}button{font-family:inherit;background:#0a110a;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:9px 12px;cursor:pointer;transition:.16s}button:hover,button.active{border-color:var(--green);background:#1b2a08;color:var(--green);box-shadow:0 0 16px #9aff0028}
.gate{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:min(820px,94vw);border:1px solid var(--line);background:#020402f2;padding:32px;box-shadow:0 0 70px #9aff001d}.sys{color:var(--green);letter-spacing:.16em}.gate h1{font-family:Impact,sans-serif;font-size:clamp(55px,10vw,118px);line-height:.85;color:var(--green);margin:10px 0}.gate p{color:var(--muted)}.loading{height:15px;border:1px solid var(--line);padding:2px}.loading span{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));width:10%}.countdown{font-size:26px;color:var(--gold);margin:18px 0}#debugUnlock{display:none}.debug #debugUnlock{display:inline-block}
.app{position:relative;z-index:1;display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;background:#040704f5;border-right:1px solid var(--line);padding:14px;overflow:auto}.logo{display:grid;grid-template-columns:32px 1fr;gap:6px;color:var(--green);align-items:start}.logo b{color:white;font-size:24px;line-height:1.05}.logo small{grid-column:2;color:var(--muted)}.profile{display:grid;grid-template-columns:72px 1fr;gap:12px;border:1px solid var(--line);background:var(--panel);padding:10px;border-radius:10px;margin:18px 0}.profile img{width:72px;height:72px;border-radius:8px;object-fit:cover}.profile span,.profile small{display:block;color:var(--muted);font-size:12px}.profile b{color:var(--green);display:block;font-size:17px}nav{display:grid;gap:8px}nav button{text-align:left}.side-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px;margin-top:14px}.side-card.purple{border-color:#9a35ff80}.side-card p{color:var(--purple);margin:0 0 8px}.side-card h3{font-size:25px;color:var(--green);margin:8px 0}.side-card ul{list-style:none;padding:0;margin:0}.side-card li{display:flex;justify-content:space-between;color:var(--muted);padding:7px 0}.side-card b,.mini-count{color:var(--green)}
.workspace{padding:12px;min-width:0}.topbar{height:48px;border:1px solid var(--line);border-radius:10px;background:#040704e8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin-bottom:12px}.topbar b{color:var(--green)}.view{display:none}.view.show{display:block}.dash-grid.show{display:grid;grid-template-columns:minmax(680px,1.6fr) minmax(360px,.8fr);gap:12px}
.panel,.hero-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.panel{padding:12px}.panel h2{color:var(--green);font-size:18px;text-transform:uppercase;margin:0 0 10px}.hero-card{height:520px}.hero-card img{width:100%;height:100%;object-fit:cover;object-position:center}.right-stack{display:grid;gap:12px}.idgaf .level-row{display:flex;align-items:center;gap:12px}.idgaf span{font-size:52px;color:var(--green);font-weight:900}.idgaf i{height:22px;flex:1;background:repeating-linear-gradient(90deg,var(--green) 0 23px,transparent 23px 29px);box-shadow:0 0 14px #9aff0036}.idgaf p{color:var(--muted)}.plan-note{display:grid;grid-template-columns:1fr 190px;gap:10px;background:#151106}.plan-note label{display:block;color:#ffe7a5;padding:5px 0;font-size:13px}.plan-note img{width:100%;height:210px;object-fit:contain}.badge-row.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.badge-row img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#050805;border:1px solid var(--line);border-radius:8px}
.tasks-strip{grid-column:1/3}.tasks-strip h2 small{font-size:13px;color:var(--muted);text-transform:none;margin-left:8px}.task-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.task-card{border:1px solid var(--line);border-radius:8px;background:#030603;padding:10px;min-height:165px;display:flex;flex-direction:column;gap:7px}.task-card .icon{font-size:32px;text-align:center}.task-card h3{font-size:14px;margin:0;text-align:center}.task-card p{font-size:12px;color:var(--muted);line-height:1.35;flex:1;text-align:center}.task-card .xp{color:var(--green);font-size:12px}.task-card button{padding:6px 9px;color:var(--green)}
.terminal-card{grid-column:1/2}.terminal-screen{background:#010301;border:1px solid var(--line);border-radius:8px;padding:10px}.terminal-screen pre{white-space:pre-wrap;min-height:235px;max-height:320px;overflow:auto;line-height:1.45;margin:0 0 10px;color:#dfffcb}.terminal-input{display:flex;gap:8px;border-top:1px solid #9aff0028;padding-top:9px}.terminal-input span{color:var(--green);white-space:nowrap}.terminal-input input{flex:1;background:transparent;border:0;outline:0;color:white;font-family:inherit}.cmd-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bottom-right{display:grid;gap:12px}.quick button{display:block;width:100%;margin:8px 0;text-align:left}.quick p{color:var(--muted)}.loot-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.loot-icons img{width:100%;height:75px;object-fit:contain;background:#050805;border:1px solid var(--line);border-radius:8px}
h1{font-family:Impact,sans-serif;color:var(--green);font-size:58px;margin:6px 0 12px}.sub{color:var(--muted)}.task-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.challenge{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px;min-height:230px}.challenge .icon{font-size:38px}.challenge h3{color:var(--green);margin:8px 0}.challenge p{color:var(--muted);line-height:1.45}.challenge input{width:100%;padding:12px;background:#010301;border:1px solid var(--line);border-radius:6px;color:white;font-family:inherit;margin:8px 0}.terminal-page .terminal-screen.large pre{min-height:62vh;max-height:none}.achievement-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.achievement-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--panel);border:1px solid var(--line);border-radius:12px}.meme-gallery{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:18px}.meme-gallery article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px}.meme-gallery img{width:100%;height:auto;object-fit:contain;border-radius:8px;background:#050805;border:1px solid var(--line);display:block}.meme-gallery h3{color:var(--green)}.certificate,.qr-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px}.certificate img{width:100%;display:block}.loot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.loot-grid article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px;text-align:center}.loot-grid img{width:100%;height:230px;object-fit:contain}.loot-grid h3{color:var(--green)}.qr-card{display:grid;place-items:center;min-height:65vh}.qr-card img{width:min(470px,90vw);background:white;border-radius:12px;padding:14px}.toast{position:fixed;right:18px;bottom:18px;background:#010301;border:1px solid var(--green);color:var(--green);padding:13px 16px;border-radius:8px;z-index:10}body.warm{--green:#ffbd2e;--green2:#c37a00;--line:#ffbd2e40}
@media(max-width:1350px){.dash-grid.show{grid-template-columns:1fr}.tasks-strip,.terminal-card{grid-column:auto}.task-row{grid-template-columns:repeat(3,1fr)}.bottom-right{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.topbar{height:auto;flex-wrap:wrap}.task-lab,.achievement-grid,.loot-grid{grid-template-columns:1fr 1fr}.meme-gallery{grid-template-columns:1fr}.hero-card{height:auto}.hero-card img{height:auto}.plan-note{grid-template-columns:1fr}.task-row{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.task-row,.task-lab,.achievement-grid,.loot-grid,.bottom-right{grid-template-columns:1fr}.workspace{padding:8px}h1{font-size:44px}}

.score-line{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:8px 0;color:var(--muted)}
.score-line b{color:var(--green)}
.score-mini code{color:var(--green)}
.ctf-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.ctf-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px}
.ctf-card h3{color:var(--green);margin:0 0 8px}
.ctf-card pre{background:#010301;border:1px solid var(--line);border-radius:8px;padding:12px;white-space:pre-wrap;min-height:auto}
.api-output{border:1px solid var(--line);background:#010301;border-radius:10px;padding:12px;color:#dfffcb;white-space:pre-wrap}
