:root{font-family:Inter,system-ui,sans-serif;color:#f7f7ff;background:#0b1026}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#392066,#0b1026 58%);min-height:100vh}header{height:68px;padding:0 max(20px,7vw);display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff20}header a{color:#a8ffdf;text-decoration:none;font-weight:900}header span{letter-spacing:.18em;font-size:.74rem;flex:1;color:#ccd4ff}button{border:0;border-radius:13px;padding:12px 16px;background:#b5ff6d;color:#142334;font-weight:900;cursor:pointer;font-size:.95rem}button:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#26395d;color:#dcecff;border:1px solid #5c789d}main{max-width:1140px;margin:auto;padding:30px 24px 50px}.hero{min-height:190px;border-radius:28px;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#172953,#301b66);overflow:hidden}.hero p:first-child,.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#a8ffdf;font-weight:900}.hero h1{font-size:clamp(2.7rem,7vw,5rem);margin:5px 0}.hero p{max-width:600px;line-height:1.55}.orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:4rem;color:#d8ff83;background:radial-gradient(circle at 35% 30%,#8ffff0,#4c6aff 50%,#29176a 72%);box-shadow:0 0 80px #64dfff80}.game{display:grid;grid-template-columns:minmax(300px,1fr) 270px;gap:24px;margin-top:24px}.loom,aside{border:1px solid #ffffff1f;background:#101a39cc;border-radius:24px}.hud{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ffffff14}.hud div{display:grid;gap:3px}.hud small{font-size:.65rem;letter-spacing:.12em;color:#a8b8d8}.hud b{font-size:1.05rem;color:#fff}.instruction{padding:12px 22px;color:#a8ffdf;font-weight:700}.instruction.fail{color:#ff96b2}.canvas-wrap{padding:12px 22px 24px}svg{width:100%;display:block;aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#243a7c,#101733);border-radius:22px;touch-action:none;user-select:none}.edge{stroke:#8da4d7;stroke-width:2.4;stroke-linecap:round;transition:.15s}.edge.used{stroke:#b6ff72;filter:drop-shadow(0 0 2px #b6ff72)}.node{fill:#f1f5ff;stroke:#5f78bb;stroke-width:1.5}.node.start{fill:#b6ff72;filter:drop-shadow(0 0 4px #b6ff72)}.node.current{fill:#66e8ff;stroke:#fff;stroke-width:2}aside{padding:22px;height:max-content}aside h2{margin:2px 0 8px}.stars{font-size:1.4rem;color:#ffe477;letter-spacing:4px;margin:16px 0}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.levels button{padding:9px;background:#23355e;color:#e7efff;border:1px solid #56719c}.levels button.active{background:#b5ff6d;color:#152440}.levels button.done:after{content:' ✓';color:#9affc6}hr{border:0;border-top:1px solid #ffffff1c;margin:22px 0}aside p{line-height:1.5;color:#c9d5ee}@media(max-width:760px){.hero{padding:24px}.orb{width:92px;height:92px;font-size:2.3rem}.game{grid-template-columns:1fr}aside{order:2}.hud{padding:14px}.canvas-wrap{padding:8px 12px 16px}}
