.sp-root{color:#eaf0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080c1b;min-height:100dvh;padding:0 clamp(16px,4vw,64px) 32px;font-family:Arial,Noto Sans,sans-serif}.sp-root *{box-sizing:border-box}.sp-root button{font:inherit;cursor:pointer;color:#edf3ff;background:#141c30;border:1px solid #38415c;border-radius:10px;padding:12px 18px;font-size:14px;transition:background .18s,transform .18s}.sp-root button:hover:not(:disabled){background:#27324e;transform:translateY(-2px)}.sp-root button:disabled{opacity:.4;cursor:not-allowed}:is(.sp-root button:focus-visible,.sp-root a:focus-visible,.sp-root input:focus-visible){outline-offset:4px;outline:3px solid #f1d198}.sp-nav{letter-spacing:.15em;border-bottom:1px solid #263047;align-items:center;gap:20px;height:76px;font-size:12px;display:flex}.sp-nav>a{color:#eaf0ff;padding:8px;font-size:25px;text-decoration:none}.sp-nav i{color:#7d648f;padding:0 12px;font-style:normal}.sp-nav>button{margin-left:auto}.sp-title{grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;max-width:1300px;margin:auto;padding:70px 0;display:grid}.sp-kicker{letter-spacing:.22em;color:#ad9aca;font-size:11px;font-weight:700}.sp-title h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(43px,6.2vw,90px);line-height:.97}.sp-title h1 span{color:#c6b3ed;font-weight:300}.sp-tag{color:#ebd8ac;letter-spacing:.16em;font-size:11px}.sp-intro{color:#a8b5cf;margin:30px 0;font-size:15px;line-height:2}.sp-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-root .sp-primary{color:#241d27;background:#e7d3ad;border-color:#e7d3ad;font-weight:700}.sp-root .sp-primary:hover{background:#ffe9c1}.sp-title .sp-primary{justify-content:space-between;min-width:155px;display:flex}.sp-root .sp-text-button{color:#b1a7c4;letter-spacing:.08em;background:0 0;border:0;padding:24px 0;font-size:12px}.sp-title-art{text-align:center;background:radial-gradient(#30234766,#0000 67%)}.sp-title-art>span{letter-spacing:.2em;color:#e2c997;font-size:10px;display:block}.sp-title-art svg{width:100%;overflow:visible}.sp-title-art small{color:#9597b7;font-size:12px}.sp-stage-grid{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.sp-stage-grid button{text-align:left;flex-direction:column;gap:10px;min-height:115px;display:flex}.sp-stage-grid b{color:#d3bbee;font-size:25px}.sp-stage-grid small{color:#a7b3c9;font-size:12px}.sp-game-head{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.sp-game-head h1{margin:6px 0;font-size:23px}.sp-game-head p{margin:0}.sp-stats{align-items:center;gap:24px;display:flex}.sp-stats span{letter-spacing:.1em;color:#a2adc1;font-size:10px}.sp-stats b{letter-spacing:0;color:#e7dbbf;font-variant-numeric:tabular-nums;font-size:22px;display:block}.sp-world{border:1px solid #303449;border-radius:18px;height:clamp(400px,62vh,720px);position:relative;overflow:hidden}.sp-canvas{touch-action:none;width:100%;height:100%}.sp-canvas canvas{display:block}.sp-world-top{pointer-events:none;color:#b7c3d8;justify-content:space-between;gap:12px;font-size:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.sp-world-top>span{background:#080c1bcc;border-radius:8px;padding:10px 13px}.sp-mode{letter-spacing:.09em}.sp-mode.active{color:#ffe4a7;box-shadow:inset 0 0 0 1px #ad916566}.sp-legend{color:#aeb7cd;pointer-events:none;gap:16px;font-size:11px;display:flex;position:absolute;bottom:18px;left:20px}.sp-legend span:nth-child(2){color:#c49cf9}.sp-tools{padding:18px 0}.sp-instructions p{margin:0 0 8px;font-size:15px}.sp-instructions small{color:#94a0b9;font-size:12px}.sp-tools>.sp-actions{margin-top:16px}.sp-sliders{background:#11182a;border:1px solid #333550;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:16px;padding:20px;display:grid}.sp-sliders label>span{color:#cbd4e5;justify-content:space-between;font-size:13px;display:flex}.sp-sliders b{color:#f0d8a3;font-variant-numeric:tabular-nums}.sp-sliders input{accent-color:#c39ff3;cursor:pointer;width:100%;height:38px}.sp-sliders small{color:#a6aec2;grid-column:1/-1;font-size:12px}.sp-hint{background:#282238;border-left:3px solid #bda0e9;padding:15px;font-size:14px;line-height:1.7}.sp-overlay{z-index:8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080c1be6;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.sp-result{text-align:center;max-width:650px;animation:.5s sp-arrive}.sp-result h2{letter-spacing:-.03em;margin:15px;font-size:clamp(28px,4vw,55px)}.sp-result>p{color:#b9c3d7;font-size:14px}.sp-result-values{justify-content:center;gap:50px;margin:25px;display:flex}.sp-result-values span{color:#a2b0c9;font-size:12px}.sp-result-values b{color:#ead7b5;margin-top:8px;font-size:28px;display:block}.sp-result .sp-actions{justify-content:center}.sp-help{z-index:100;position:fixed;overflow:auto}.sp-help-card{background:#131b2e;border:1px solid #45415b;border-radius:18px;max-width:660px;padding:32px}.sp-help-card h2{font-size:26px}.sp-help-card ol{grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;padding:0;list-style:none;display:grid}.sp-help-card li{border-top:1px solid #3e3b53;padding-top:15px}.sp-help-card li b{color:#e4cba1;font-size:14px}.sp-help-card p{color:#b2bfd6;font-size:14px;line-height:1.8}.sp-loading{z-index:5;background:#080c1be6;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:35px;display:flex;position:absolute;inset:0}.sp-mobile{display:none}.sp-storage{color:#e3caa6;font-size:13px}@keyframes sp-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (pointer:coarse){.sp-mobile{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.sp-pad{grid-template-columns:repeat(3,45px);gap:4px;display:grid}.sp-pad button:first-child{grid-column:2}.sp-pad button:nth-child(2){grid-column:1}.sp-mobile button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#17213dde;min-height:44px;padding:12px 8px}.sp-jump button{min-width:72px;padding:18px}.sp-legend{bottom:128px}.sp-world{height:58dvh}}@media (max-width:700px){.sp-title{grid-template-columns:1fr;gap:15px;padding:35px 0}.sp-title-art{grid-row:2;justify-self:center;max-width:340px}.sp-title-art>span,.sp-title-art small{display:none}.sp-stage-grid{grid-template-columns:repeat(2,1fr)}.sp-game-head{gap:10px}.sp-game-head h1{font-size:18px}.sp-stats{gap:12px}.sp-stats>button{padding:10px;font-size:11px}.sp-nav{letter-spacing:.05em;gap:10px;height:60px;font-size:9px}.sp-nav i{padding:0 5px}.sp-world-top{font-size:10px;top:10px;left:10px;right:10px}.sp-world-top>span{padding:8px}.sp-sliders{grid-template-columns:repeat(2,1fr);padding:14px}.sp-help-card{padding:22px}.sp-help-card ol{grid-template-columns:1fr;gap:8px}.sp-help-card li p{margin:6px 0}.sp-legend{gap:8px;font-size:10px}.sp-result-values{gap:25px;margin:16px}}@media (prefers-reduced-motion:reduce){.sp-root *{transition:none!important;animation:none!important}}.sp-canvas canvas{width:100%;height:100%}