@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color:#f4f7ff;background:#050916;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 12%,#17335c 0,#09122d 29%,#050916 66%) fixed;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.19;background-image:radial-gradient(#abc8ff99 1px,#0000 1px);background-size:63px 72px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1120px;margin:auto;padding:24px;position:relative}.top{letter-spacing:.15em;color:#83a8d8;border-bottom:1px solid #42608055;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;font-size:12px;display:flex}.logo{letter-spacing:.03em;color:#fff;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700}.logo small{color:#72d5ff;font-size:11px}.hero{text-align:center;padding:48px 0 30px}.kicker{color:#69ddff;letter-spacing:.17em;font-size:12px;font-weight:800}.earth{filter:drop-shadow(0 0 40px #307ce2a9);width:180px;height:150px;margin:16px auto 5px;font-size:120px;animation:5s ease-in-out infinite bob;position:relative}.earth i{transform-origin:115px 45px;font-size:36px;font-style:normal;animation:7s linear infinite orbit;position:absolute;top:32px;left:-25px}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes orbit{to{transform:rotate(360deg)}}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{max-width:850px;margin:16px auto;font-size:clamp(36px,6vw,68px);line-height:1.07}h1 em{color:#77d9ff;font-style:normal}.hero>p{color:#bdcce4;max-width:760px;margin:20px auto;font-size:17px;line-height:1.7}.storySteps{flex-wrap:wrap;justify-content:center;gap:10px;margin:34px auto;display:flex}.storySteps span{background:#142340aa;border:1px solid #42608077;border-radius:30px;padding:10px 14px;font-size:13px}.storySteps b{color:#76dbff;margin-right:7px}.modeGrid{text-align:left;grid-template-columns:repeat(3,1fr);gap:15px;margin:46px auto 0;display:grid}.mode,.panel{background:linear-gradient(145deg,#172a4de8,#0e1834ee);border:1px solid #395a81;border-radius:21px;padding:27px;box-shadow:0 18px 45px #0005}.mode{flex-direction:column;min-height:290px;transition:transform .2s,border-color .2s;display:flex}.mode:hover{border-color:#75dfff;transform:translateY(-5px)}.mode>span{font-size:37px}.mode small{color:#65d3ef;letter-spacing:.14em;margin-top:18px;font-size:11px;font-weight:800}.mode h2{margin:9px 0;font-size:24px}.mode p{color:#afc2dc;flex:1;line-height:1.5}.mode strong{color:#fff;letter-spacing:.08em;font-size:12px}.fine{color:#8da2c2!important;font-size:13px!important}.duel{max-width:780px}.duel header{justify-content:space-between;align-items:center;margin:10px 0 28px;display:flex}.back{color:#9ed6fd;font-size:14px}.panel{margin:20px auto}.panel h1{margin:10px 0 14px;font-size:clamp(28px,5vw,43px)}.panel h2{font-size:27px}.panel p{color:#b8c8e1;line-height:1.55}.fields{gap:14px;margin:22px 0;display:grid}.fields label{color:#b4c9e5;gap:7px;font-size:13px;display:grid}.fields input,.fields select{color:#fff;background:#0a1430;border:1px solid #416284;border-radius:11px;outline:none;width:100%;padding:14px}.fields input:focus,.fields select:focus{border-color:#79e0ff}.row{flex-wrap:wrap;gap:10px;display:flex}.btn{color:#06122e;background:linear-gradient(120deg,#47d1fa,#638cff);border:0;border-radius:11px;min-height:48px;padding:13px 19px;font-weight:800}.btn.secondary{color:#e3f4ff;background:#203353;border:1px solid #56789b}.btn:disabled{opacity:.45;cursor:not-allowed}.notice{color:#bdeaff;background:#10233e;border:1px solid #385f86;border-radius:11px;padding:14px}.error{color:#ffb8aa;margin:12px 0}.scoreboard{grid-template-columns:1fr 1fr;gap:12px;display:grid}.score{background:#0c1d3b;border:1px solid #355a83;border-radius:13px;padding:13px}.score.you{border-color:#56cfec}.score b{font-size:24px;display:block}.score small{color:#9fb7d7}.progress{background:#1b3656;border-radius:30px;height:8px;margin:19px 0;overflow:hidden}.progress i{background:#66d7fc;height:100%;transition:width .3s;display:block}.options{gap:11px;margin:23px 0;display:grid}.options .btn{text-align:left;color:#fff;background:#142847;border:1px solid #426180;width:100%;font-weight:600}.options .btn:hover:not(:disabled){background:#1a3960;border-color:#76e1ff}.options .btn.correct{background:#165340;border-color:#64e3a3}.options .btn.wrong{background:#5d2940;border-color:#ff8da7}.pill{color:#9be4ff;background:#21466b;border-radius:40px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-block}.timer{float:right;color:#ffdb8a;font-weight:800}.explain{background:#0e3046;border-left:3px solid #63dffb;margin:16px 0;padding:10px 16px}.ranking{padding:0;list-style:none}.ranking li{background:#102744;border-radius:13px;justify-content:space-between;align-items:center;margin:10px 0;padding:17px;display:flex}.ranking li:first-child{border:1px solid #ffd77d}.rankbadge{font-size:28px}.code{letter-spacing:.2em;color:#9aefff;margin:14px 0;font-size:38px;font-weight:800}.split{grid-template-columns:1fr 1fr;gap:15px;display:grid}.hint{color:#9aaccc;font-size:13px}@media (max-width:700px){.modeGrid,.split{grid-template-columns:1fr}.shell{padding:17px}.hero{padding-top:22px}.earth{height:120px;font-size:85px}.mode{min-height:220px}.top>span{display:none}.panel{padding:19px}}