:root{color-scheme:dark;--bg:#0b0e1b;--panel:#171d31;--panel-2:#1b2239;--line:#364260;--text:#f5f7ff;--muted:#aeb8d2;--cyan:#4cc9f0;--pink:#f72585;--lime:#c1ff72;--yellow:#ffd166;--violet:#7790ff;--radius:22px;--shadow:0 18px 62px #01030c77;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(155deg,#101729 0%,#0a0d19 42%,#070a13 100%);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{opacity:.37;cursor:not-allowed}a{color:var(--cyan)}.background-glow{pointer-events:none;position:fixed;filter:blur(6px);z-index:-1;border-radius:50%;opacity:.44}.glow-one{width:800px;height:850px;left:-350px;top:-310px;background:radial-gradient(circle,#3a53b659,transparent 64%)}.glow-two{width:850px;height:850px;right:-380px;bottom:-370px;background:radial-gradient(circle,#721b9350,transparent 66%)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(117deg,transparent 0 45px,#ffffff05 46px,transparent 47px 89px);opacity:.64}
.app-shell{width:min(1220px,calc(100% - 48px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12}.brand{border:0;background:none;display:flex;align-items:center;gap:13px;color:var(--text);padding:8px 0;text-align:left}.brand-mark{width:40px;height:40px;position:relative;display:grid;place-items:center}.mark-core{width:10px;height:10px;position:relative;z-index:2;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c1ff7299}.mark-orbit{position:absolute;border:2px solid var(--cyan);border-radius:50%;inset:7px;opacity:.9}.orbit-b{inset:0;border-color:var(--pink);opacity:.65}.brand-type strong{display:block;font-size:18px;letter-spacing:-.6px}.brand-type strong span{color:var(--cyan)}.brand-type small{display:block;color:#7987aa;font-size:9px;font-weight:900;letter-spacing:2.5px;margin-top:2px}.top-actions{display:flex;gap:9px;align-items:center}.online-dot{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#8495bb;display:flex;align-items:center;gap:8px;margin-right:14px}.online-dot span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c1ff72aa}.icon-button{min-width:39px;height:39px;border:1px solid #ffffff21;border-radius:12px;background:#ffffff0a;color:var(--muted);font-size:22px;transition:background .2s,border-color .2s,color .2s}.icon-button:hover,.icon-button.is-active{color:var(--cyan);border-color:#4cc9f077;background:#4cc9f018}.main{width:100%;flex:1;padding:34px 0 50px;outline:none}.site-footer{border-top:1px solid #ffffff12;display:flex;gap:12px;justify-content:space-between;padding:21px 0 24px;font-size:10px;letter-spacing:1.2px;color:#727f9e;font-weight:700}.footer-accent{color:var(--cyan)}
button.primary,button.secondary,button.ghost{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:14px;font-weight:800;font-size:14px;white-space:nowrap;transition:transform .18s,border-color .18s,background .18s,filter .18s}button:not(:disabled):active{transform:scale(.97)}button.primary{background:linear-gradient(120deg,#c1ff72,#8de9a3);color:#111d17;box-shadow:0 5px 22px #c1ff7230}button.primary:hover{filter:brightness(1.09)}button.secondary{background:#252d48;color:var(--text);border-color:#465472}button.secondary:hover{border-color:var(--cyan);background:#2b3956}button.ghost{background:#ffffff07;border-color:#ffffff22;color:var(--muted)}button.ghost:hover{background:#ffffff13;color:white}.accent-text{color:var(--cyan)}.lime-text{color:var(--lime)}.pink-text{color:var(--pink)}.muted{color:var(--muted)}.caps{font-size:10px;letter-spacing:2.4px;font-weight:900;color:var(--cyan)}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:2.3px;font-weight:800;color:var(--cyan);font-size:11px}.eyebrow:before{content:"";width:15px;height:2px;background:var(--pink);border-radius:3px}.panel{background:linear-gradient(130deg,#1c2338e8,#141a2cdd);border:1px solid #5a688a33;border-radius:var(--radius);box-shadow:var(--shadow)}
/* Main menu */
.home{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(350px,.98fr);gap:38px;align-items:center;min-height:min(760px,calc(100vh - 185px))}.hero{padding:10px 0 36px;position:relative}.hero-graphic{height:255px;display:grid;place-items:center;position:relative;margin:10px 0 17px}.hero-graphic:before{content:"";width:275px;height:275px;border-radius:50%;background:radial-gradient(circle,#4065c32d 0%,#27438524 44%,transparent 70%);position:absolute}.hero-orbit{position:absolute;border-radius:50%;border:2px solid #4cc9f06e;box-shadow:inset 0 0 16px #4cc9f021,0 0 24px #4cc9f019;animation:orbit-breathe 5s ease-in-out infinite}.hero-orbit.one{width:92px;height:92px;border-color:#f72585a8;animation-delay:-1s}.hero-orbit.two{width:168px;height:168px;animation-delay:-2s}.hero-orbit.three{width:245px;height:245px;border-color:#708aff42;animation-delay:-3s}.hero-center{width:28px;height:28px;background:white;border-radius:50%;z-index:1;box-shadow:0 0 22px #ffffffbd}.orbit-node{width:12px;height:12px;position:absolute;z-index:2;border-radius:50%;background:#c1ff72;box-shadow:0 0 17px #c1ff72dd}.orbit-node.n1{transform:translate(108px,-50px)}.orbit-node.n2{transform:translate(-87px,48px);background:var(--pink);box-shadow:0 0 17px #f72585dd}.orbit-node.n3{transform:translate(29px,84px);background:var(--cyan);box-shadow:0 0 17px #4cc9f0dd}@keyframes orbit-breathe{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.055);opacity:1}}.hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.03;letter-spacing:-3px;margin:17px 0 16px;font-weight:900}.hero h1 span{display:block;color:var(--cyan);text-shadow:0 0 35px #4cc9f047}.hero-desc{font-size:16px;line-height:1.75;color:var(--muted);max-width:500px;margin:0 0 26px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tag{border:1px solid #ffffff22;color:#a8b7d1;background:#ffffff07;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.5px;padding:8px 12px}.hero-tag b{color:var(--lime)}.menu-card{padding:28px}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.menu-heading h2{font-size:19px;margin:0;letter-spacing:-.6px}.menu-heading small{color:var(--muted);font-size:11px}.menu-item{width:100%;display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #ffffff16;border-radius:14px;background:#11182ba8;color:var(--text);margin:0 0 10px;padding:12px 13px;min-height:65px;transition:transform .18s,background .18s,border-color .18s}.menu-item:hover{border-color:#4cc9f08c;background:#21304a;transform:translateY(-1px)}.menu-item.featured{background:linear-gradient(110deg,#bff975,#8bdaba);color:#162019;border-color:#c1ff72;box-shadow:0 8px 24px #bff97516}.menu-item.featured:hover{filter:brightness(1.05)}.menu-icon{width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:#4cc9f012;border:1px solid #4cc9f038;display:grid;place-items:center;font-size:20px;color:var(--cyan)}.featured .menu-icon{background:#101f1821;border-color:#152c2a40;color:#12321f}.menu-item-text{flex:1;min-width:0}.menu-item-text strong,.menu-item-text small{display:block}.menu-item-text strong{font-size:14px;margin-bottom:4px}.menu-item-text small{font-size:11px;line-height:1.4;color:#95a4c1}.featured .menu-item-text small{color:#2d5647}.menu-arrow{font-size:23px;color:var(--cyan);line-height:1}.featured .menu-arrow{color:#164633}.progress-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:13px 7px 0;border-top:1px solid #ffffff19;color:var(--muted);font-size:11px}.progress-summary strong{color:var(--lime)}
/* Panels / selector */
.page-head{padding:26px 30px;margin-bottom:24px;position:relative;overflow:hidden}.page-head:after{content:"";position:absolute;right:-50px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#4cc9f012,transparent 65%);pointer-events:none}.page-head .eyebrow{margin-bottom:12px}.page-head h1{font-size:clamp(26px,3vw,37px);letter-spacing:-1.2px;margin:0 0 10px}.page-head p{color:var(--muted);line-height:1.6;margin:0;max-width:750px;font-size:13px}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-card{padding:23px;position:relative;transition:border-color .2s,transform .2s;overflow:hidden}.choice-card:hover{border-color:#4cc9f06b}.choice-card h3{font-size:19px;margin:12px 0 9px}.choice-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 15px}.choice-card .choice-icon{font-size:27px;width:54px;height:54px;border:1px solid #4cc9f040;border-radius:17px;display:grid;place-items:center;background:#4cc9f016}.choice-card .choice-sub{font-size:11px;letter-spacing:1px;color:var(--cyan);text-transform:uppercase;font-weight:900}.choice-card button{width:100%}.choice-card.big{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;gap:24px}.choice-card.big h3{margin:7px 0}.choice-card.big button{width:auto}.info-strip{padding:18px 22px;line-height:1.7;font-size:13px;color:var(--muted);margin:18px 0}.info-strip strong{color:var(--text)}
.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.level-card{border:1px solid #ffffff1c;border-radius:16px;background:linear-gradient(150deg,#20283e,#171d2f);color:var(--text);text-align:left;display:flex;flex-direction:column;min-height:132px;padding:16px;position:relative;overflow:hidden;transition:transform .18s,border-color .18s}.level-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--cyan)}.level-card.current{border-color:var(--cyan);box-shadow:0 0 0 1px #4cc9f05b}.level-card.locked{background:#0e1320;color:#75819c}.level-number{color:var(--cyan);font-weight:900;font-size:11px;letter-spacing:1px;margin-bottom:9px}.level-card.locked .level-number{color:#67718b}.level-card strong{font-size:13px;line-height:1.3;min-height:33px}.level-card .level-pack{color:var(--muted);font-size:10px;margin:7px 0 auto}.level-card.locked .level-pack{color:#6b7793}.level-stars{color:var(--yellow);font-size:15px;letter-spacing:2px;margin-top:10px}.level-stars.perfect{color:var(--lime)}.level-card.locked .level-stars{color:#67718b}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 0}.pager-title{font-size:12px;color:var(--muted)}
/* Gameplay */
.game{max-width:1100px;margin:auto}.game-header{padding:20px 23px 17px;margin-bottom:16px}.game-header-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.game-header h1{margin:6px 0 7px;font-size:clamp(22px,2.7vw,30px);letter-spacing:-.9px}.game-header .subtitle{color:var(--muted);font-size:12px;line-height:1.5;max-width:700px;margin:0}.level-chip{font-size:10px;font-weight:900;letter-spacing:1.2px;border:1px solid #4cc9f04b;border-radius:999px;color:var(--cyan);background:#4cc9f015;padding:9px 11px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:19px}.stat-box{background:#0b1225a0;border:1px solid #ffffff12;border-radius:13px;padding:12px 14px}.stat-box small,.stat-box strong{display:block}.stat-box small{color:#8c9bb9;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;margin-bottom:5px}.stat-box strong{font-size:22px;font-weight:900;letter-spacing:-.5px}.stat-box strong.good{color:var(--lime)}.stat-box strong.warn{color:var(--yellow)}.progress-rail{height:7px;background:#ffffff16;border-radius:99px;overflow:hidden;margin-top:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#467ffa,#4cc9f0);border-radius:99px;transition:width .33s}.progress-fill.complete{background:linear-gradient(90deg,#b0f46c,#d5ff8d)}.race-line{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:10px 0 0;color:#bdc6e0;font-size:12px;flex-wrap:wrap}.race-line b{color:var(--text)}.race-line .timer{font-variant-numeric:tabular-nums;font-weight:900;color:var(--yellow);font-size:17px}.board-card{background:linear-gradient(160deg,#10192bde,#091020e9);border-radius:24px;border:1px solid #4cc9f027;overflow:hidden;position:relative;box-shadow:inset 0 0 80px #182b4d3b,var(--shadow)}.board-card:before{content:"";inset:0;position:absolute;background:linear-gradient(135deg,#4cc9f006,transparent 50%,#f7258508);pointer-events:none}.graph-stage{height:clamp(370px,52vw,585px);position:relative;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:pan-y;overflow:hidden}.graph-stage:before{content:"";inset:0;position:absolute;background-image:radial-gradient(#6c8dbd23 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);pointer-events:none}.graph-svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;overflow:visible}.graph-svg .edge-glow{stroke-width:8;stroke:#4cc9f029;stroke-linecap:round;vector-effect:non-scaling-stroke}.graph-svg .edge-line{stroke-width:2;stroke:#495577;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .24s}.graph-svg .edge-lit .edge-glow{stroke:#4cc9f03e}.graph-svg .edge-lit .edge-line{stroke:var(--cyan);stroke-width:2.7}.graph-svg .edge-dash{stroke:#defcffb8;stroke-width:1.8;stroke-dasharray:2 23;vector-effect:non-scaling-stroke;animation:flow-signal 2.4s linear infinite}.reduced-motion .graph-svg .edge-dash{display:none}@keyframes flow-signal{to{stroke-dashoffset:-50}}.node{display:block;position:absolute;transform:translate(-50%,-50%);z-index:3;touch-action:none;cursor:pointer;border:0;border-radius:100%;width:42px;height:42px;background:none;padding:0;color:#0b1423}.node-disc{position:absolute;inset:3px;border:2px solid #ecf2ff;border-radius:50%;background:#283451;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;box-shadow:0 0 0 6px #41517930;transition:background .18s,box-shadow .18s,border-color .18s,transform .18s}.node.covered .node-disc{background:var(--cyan);box-shadow:0 0 0 6px #4cc9f02e,0 0 16px #4cc9f038}.node.powered .node-disc{border:3px solid var(--pink);box-shadow:0 0 0 8px #f7258526,0 0 19px #f7258540}.node:hover .node-disc,.node:focus-visible .node-disc{transform:scale(1.14);box-shadow:0 0 0 9px #f7258540,0 0 24px #f7258570}.node:active .node-disc{transform:scale(.88)}.node .node-badge{position:absolute;z-index:5;top:-6px;right:-8px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 3px;border-radius:13px;background:var(--pink);color:white;font-size:12px;font-weight:900;border:2px solid #181d31;box-shadow:0 0 13px #f7258575}.node .coverage-orbit{position:absolute;z-index:-1;left:50%;top:50%;width:calc(42px + var(--power) * 13px);height:calc(42px + var(--power) * 13px);border-radius:50%;border:1px solid #f7258599;box-shadow:0 0 30px #f725851c;transform:translate(-50%,-50%);pointer-events:none}.node.powered .coverage-orbit:after{content:"";inset:-13px;position:absolute;border:1px solid #f7258524;border-radius:50%;animation:node-pulse 2.2s ease-out infinite}.reduced-motion .node.powered .coverage-orbit:after{animation:none}@keyframes node-pulse{0%{transform:scale(.88);opacity:.95}100%{transform:scale(1.3);opacity:0}}.node.hinted .node-disc{box-shadow:0 0 0 6px #c1ff7280,0 0 30px #c1ff72b7;animation:hint-glow .8s ease-in-out 3}@keyframes hint-glow{50%{transform:scale(1.24)}}.node .node-target{position:absolute;inset:-9px;border-radius:50%}.node:focus-visible{outline-offset:9px}.graph-stage.dense .node{width:36px;height:36px}.graph-stage.dense .node-disc{font-size:11px}.graph-stage.dense .node .node-badge{height:20px;min-width:20px;font-size:10px}.board-instructions{padding:12px 21px;border-top:1px solid #4cc9f025;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;color:#aab8d5;font-size:11px;line-height:1.55}.board-instructions strong{color:var(--text)}.board-instructions .hint-text{color:var(--lime)}.game-controls{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-controls button{padding:16px 8px;min-width:0}.game-meta{display:flex;justify-content:space-between;gap:15px;color:#7888a8;font-size:11px;padding:12px 4px 0}.game-meta span:last-child{text-align:right}
.rival-mini{position:absolute;right:15px;top:16px;width:170px;z-index:4;border:1px solid #f72585a8;border-radius:14px;padding:8px 10px 7px;background:#0c1122eb;box-shadow:0 4px 28px #0009;cursor:grab;color:var(--text);text-align:left;touch-action:none}.rival-mini:active{cursor:grabbing}.rival-mini h4{margin:0;font-size:11px}.rival-mini p{color:var(--muted);font-size:9px;margin:3px 0 2px}.rival-mini svg{width:100%;height:72px;display:block}.rival-mini small{color:var(--muted);font-size:9px;display:block;text-align:center}.rival-overlay-board svg{width:100%;max-height:350px;display:block;aspect-ratio:1.5}.rival-stats{display:flex;justify-content:center;gap:25px;font-size:13px;color:var(--muted)}.rival-stats b{color:var(--text)}
/* Content / settings */
.instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.instruction-card{padding:23px}.instruction-card h3{font-size:17px;margin:0 0 11px}.instruction-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.step-icon{font-size:28px;margin-bottom:13px;display:block}.rule-demo{background:#0b1227a8;border:1px solid #4cc9f03b;border-radius:18px;margin-top:18px;padding:22px;text-align:center}.demo-nodes{display:flex;gap:23px;align-items:center;justify-content:center;margin:12px 0}.demo-node{position:relative;width:40px;height:40px;display:grid;place-items:center;border:2px solid white;background:var(--cyan);border-radius:50%;color:#121d33;font-weight:900}.demo-node:after{content:"";position:absolute;width:24px;height:2px;background:var(--cyan);left:38px;top:17px}.demo-node:last-child:after{display:none}.demo-node.active{border-color:var(--pink)}.demo-node.active:before{content:"2";position:absolute;right:-7px;top:-10px;background:var(--pink);border-radius:50%;width:21px;height:21px;color:white;font-size:11px;display:grid;place-items:center}.rule-demo small{color:var(--muted)}.setting-row{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.setting-row h3{font-size:14px;margin:0 0 5px}.setting-row p{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.setting-toggle{background:#12182a;border:1px solid #4e5d7b;color:#9ca8c6;border-radius:999px;min-width:86px;flex-shrink:0;padding:9px 16px;font-weight:900;font-size:12px}.setting-toggle.on{color:#14251a;background:var(--lime);border-color:var(--lime)}.setting-select{background:#131a2d;color:var(--text);border:1px solid #627092;border-radius:12px;padding:11px;max-width:245px;width:42%}.code-input{background:#111827;border:1px solid #505f7f;color:var(--text);padding:12px 14px;border-radius:12px;width:100%}.code-input::placeholder{color:#71809c}.small-note{color:var(--muted);font-size:12px;line-height:1.7}.credits-banner{text-align:center;padding:40px 25px}.credits-banner .credits-logo{font-size:54px}.credits-banner h2{font-size:32px;letter-spacing:-1px;margin:10px 0}.credits-banner p{max-width:540px;margin:12px auto;color:var(--muted);line-height:1.75;font-size:14px}
/* Overlays */
.modal-scrim{position:fixed;z-index:100;inset:0;background:#02050bcc;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto}.modal-card{width:min(480px,100%);padding:27px;background:linear-gradient(150deg,#222b43,#13192b);border:1.5px solid #4cc9f06f;border-radius:26px;box-shadow:0 20px 100px #000c;text-align:center;animation:modal-pop .25s cubic-bezier(.24,.85,.3,1.16) both}.modal-card.won{border-color:#c1ff7280}.modal-card h2{font-size:27px;letter-spacing:-1px;margin:12px 0;color:var(--lime)}.modal-card.not-optimal h2{color:var(--yellow)}.modal-card p{font-size:13px;color:var(--muted);line-height:1.65}.win-stars{font-size:40px;letter-spacing:7px;color:var(--lime);text-shadow:0 0 18px #c1ff723d;margin:22px 0 5px}.win-stars.partial{color:var(--yellow)}.win-score{background:#12192bcf;border:1px solid #ffffff1c;border-radius:13px;padding:12px;margin:17px 0;font-size:12px;color:var(--text)}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.modal-buttons button{flex:1;min-width:105px}.modal-close{float:right;border:0;background:none;color:#adbad2;font-size:24px;padding:0 4px}.modal-kicker{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:2px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:120;max-width:min(94vw,600px);border-radius:999px;padding:12px 20px;text-align:center;background:#020612ec;border:1px solid #4cc9f06a;box-shadow:0 6px 26px #0009;color:var(--text);font-size:13px;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:2rem;background:#c00;color:white;text-align:center}@keyframes modal-pop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.graph-stage{height:610px}}
@media(max-width:1050px){.home{gap:20px}.hero h1{font-size:48px}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.app-shell{width:min(680px,calc(100% - 28px))}.home{display:block;min-height:0}.hero{text-align:center;padding:0 0 23px}.hero-desc{margin:0 auto 20px}.hero-tags{justify-content:center}.hero-graphic{height:175px;margin:5px 0 11px}.hero-orbit.one{width:70px;height:70px}.hero-orbit.two{width:118px;height:118px}.hero-orbit.three{width:168px;height:168px}.hero-graphic:before{width:190px;height:190px}.orbit-node.n1{transform:translate(75px,-36px)}.orbit-node.n2{transform:translate(-67px,35px)}.orbit-node.n3{transform:translate(26px,62px)}.hero h1{font-size:42px;letter-spacing:-1.5px;margin:12px 0}.hero-desc{font-size:13px}.menu-card{padding:19px}.menu-item{min-height:59px}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-header{padding:17px}.graph-stage{height:clamp(350px,67vw,470px)}.home-icon{display:none}}
@media(max-width:540px){.app-shell{width:calc(100% - 20px)}.topbar{height:68px}.main{padding:18px 0 30px}.brand-type strong{font-size:15px}.brand-mark{width:33px;height:33px}.brand-type small{font-size:7px;letter-spacing:1.5px}.top-actions{gap:5px}.online-dot{display:none}.icon-button{height:34px;min-width:34px;font-size:19px}.site-footer{font-size:8px;flex-direction:column;gap:5px;text-align:center}.hero-graphic{height:145px}.hero-orbit.three{width:145px;height:145px}.hero h1{font-size:38px}.hero-desc{line-height:1.6}.hero-tags{gap:5px}.hero-tag{padding:6px 9px;font-size:9px}.menu-card{padding:15px}.menu-heading h2{font-size:16px}.menu-item{padding:10px;min-height:58px;margin-bottom:8px}.menu-icon{width:34px;height:34px;flex-basis:34px}.menu-item-text strong{font-size:13px}.menu-item-text small{font-size:10px}.page-head{padding:21px 18px;margin-bottom:15px}.page-head h1{font-size:26px}.page-actions button{padding:11px 16px}.two-column,.instructions-grid{grid-template-columns:1fr}.choice-card.big{grid-column:span 1;display:block}.choice-card.big button{width:100%}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.level-card{min-height:112px;padding:10px;border-radius:11px}.level-card strong{font-size:11px;min-height:30px}.level-card .level-pack{font-size:9px}.level-number{font-size:10px;margin-bottom:5px}.level-stars{font-size:12px}.game-header-top{display:block}.game-header h1{font-size:23px}.game-header .subtitle{font-size:11px}.level-chip{display:inline-block;margin:8px 0 0}.game-header{padding:14px;margin-bottom:11px}.stats{gap:5px;margin-top:12px}.stat-box{padding:9px 7px;text-align:center;border-radius:9px}.stat-box strong{font-size:18px}.stat-box small{font-size:8px;letter-spacing:.3px}.progress-rail{margin-top:12px}.graph-stage{height:clamp(360px,104vw,530px)}.board-card{border-radius:17px}.board-instructions{padding:10px 12px;font-size:10px}.game-controls{gap:6px;margin-top:10px}.game-controls button{padding:13px 3px;font-size:12px;border-radius:10px}.game-meta{font-size:9px}.node{width:36px;height:36px}.node-disc{font-size:12px}.graph-stage.dense .node{width:30px;height:30px}.graph-stage.dense .node-disc{font-size:10px;inset:2px}.node .node-badge{min-width:18px;height:18px;font-size:9px;top:-5px;right:-6px}.rival-mini{width:132px;right:9px;top:10px;padding:6px}.rival-mini svg{height:54px}.rival-mini h4{font-size:10px}.rival-mini p{font-size:8px}.setting-row{padding:14px}.setting-select{max-width:150px}.modal-card{padding:20px}.modal-card h2{font-size:23px}.win-stars{font-size:31px}.modal-buttons button{min-width:85px;font-size:12px;padding:12px}.pager button{padding:10px 13px;font-size:12px}}
@media(max-height:730px) and (max-width:540px){.graph-stage{height:360px}.hero-graphic{height:120px}.hero-orbit.three{width:120px;height:120px}.menu-item{min-height:55px}.main{padding-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.node:not(.powered) .coverage-orbit{display:none}