@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(./space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(./space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(./space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,input{color:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}svg{flex-shrink:0;display:block}}@layer base{:root{color:#ddd9e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#aaa1b8;--line:#302936;--mint:#80e9d2;--green:#88e5a2;--display:"Space Grotesk", sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;background:#0c0b12;font-family:Inter,sans-serif}html{scrollbar-color:#443850 #0c0b12;min-width:320px}body{min-width:320px;min-height:100vh}::selection{color:#fff;background:#9370c855}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .15s,border-color .15s,color .15s}button:disabled{color:#746b80}.skip-link{z-index:10;background:var(--mint);color:#091611;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}}@layer components{.app-shell{max-width:1280px;margin:0 auto;padding:0 40px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.brand h1{font-family:var(--display);letter-spacing:-.6px;font-size:23px;font-weight:500;line-height:1.2}.header-actions{align-items:center;gap:24px;display:flex}.text-button{color:#bcb2c7;white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#f1e8fa}.sound-button{color:var(--muted);background:0 0;align-items:center;gap:9px;padding:10px 0;font-size:11px;display:flex}.sound-button:hover,.sound-on{color:var(--mint)}main{padding-top:26px}.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px;scroll-margin-top:16px;display:grid}.arena{background:#100d19;border:1px solid #3a2c46;border-radius:4px;grid-template-rows:44px minmax(0,1fr);display:grid;overflow:hidden}.arena-topbar{font-family:var(--mono);border-bottom:1px solid #2f233b;justify-content:space-between;align-items:center;gap:12px;padding:0 21px;display:flex}.arena-label{color:#c2b2d0;font-size:11px}.board-score{color:#d3c5df;font-variant-numeric:tabular-nums;align-items:center;gap:22px;font-size:12px;display:flex}.board-score small{color:#a18db2;font-size:10px}.board-stage{isolation:isolate;background:radial-gradient(#39234b24,#0000 70%);place-items:center;min-height:490px;display:grid;position:relative;overflow:hidden}.stage-glow{filter:blur(28px);z-index:-1;pointer-events:none;background:radial-gradient(#b74adb2b,#0000 70%);border-radius:50%;height:270px;position:absolute;bottom:-165px;left:0;right:0}.synth-grid{z-index:-1;transform-origin:top;pointer-events:none;background-color:#0000;background-image:linear-gradient(0deg,#9d4cc217 1px,#0000 1px),linear-gradient(90deg,#9d4cc214 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 37px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:180%;height:64%;position:absolute;bottom:-35%;left:-40%;transform:perspective(250px)rotateX(53deg);-webkit-mask-image:linear-gradient(#0000,#0008 50%,#000);mask-image:linear-gradient(#0000,#0008 50%,#000)}.game-board{width:min(100%,650px);height:auto;max-height:590px;overflow:visible}.polygon-body{fill:url(#polygon-fill);stroke:url(#boundary-color);stroke-width:1.5px;stroke-linejoin:round}.original-lines line{stroke:#8c819a;stroke-width:1.4px;stroke-linecap:round;opacity:.7}.target-lines line{stroke:#f198df;stroke-width:1.8px;stroke-dasharray:5 8;stroke-linecap:round;opacity:.86}.target-lines .target-matched{stroke-width:5px;opacity:.4;stroke-dasharray:2 12}.diagonal{cursor:pointer;--edge-color:#c9c0de;touch-action:manipulation;outline:none}.line-available{--edge-color:#63eb8f}.line-locked{--edge-color:#f17f8b;cursor:not-allowed}.line-visible{stroke:var(--edge-color);stroke-width:2.3px;stroke-linecap:round;stroke-dasharray:1;pointer-events:none;transition:stroke .15s,stroke-width .15s;animation:.18s ease-out both draw-line}@keyframes draw-line{0%{stroke-dashoffset:1px;opacity:.3}to{stroke-dashoffset:0;opacity:1}}.line-bloom{stroke:var(--edge-color);stroke-width:4px;opacity:.12;filter:url(#line-glow);pointer-events:none}.line-hit-area{stroke:#0000;stroke-width:20px;fill:none;pointer-events:stroke}.diagonal.is-hovered .line-visible{stroke-width:3.4px}.diagonal.is-hovered .line-bloom{opacity:.5;stroke-width:6px}.flip-preview polygon{fill:#85efa010;stroke:#82e59a29;stroke-width:1px}.flip-preview line{stroke:#a8f2bc;stroke-width:1.5px;stroke-dasharray:2 4;opacity:.75}.match-marker path{fill:none;stroke:var(--green);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #0c0912)drop-shadow(0 0 1.5px #0c0912)}.vertex-point{fill:#dfd1eb;stroke:#30223f;stroke-width:1.5px}.arena-solved{border-color:#527766}.is-solved .polygon-body{stroke:#8bbb9c}.control-panel{border:1px solid var(--line);background:#121016;border-radius:4px;flex-direction:column;display:flex}.session-card,.settings-card,.legend-card{padding:22px 20px}.session-card,.settings-card{border-bottom:1px solid var(--line)}.score-row{justify-content:space-between;align-items:baseline;display:flex}.stat-label{color:#c0b5ca;font-size:12px}.move-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#e3d7ed;font-size:32px;line-height:1}.progress-label{color:#b6a6c2;justify-content:space-between;align-items:center;margin-top:23px;font-size:12px;display:flex}.progress-label>span:last-child{font-family:var(--mono);color:#cdbbdc;font-size:12px}.progress-track{gap:4px;height:3px;margin-top:11px;display:flex}.progress-track>span{background:#392b43;flex:1;transition:background .2s}.progress-track>.is-filled{background:var(--green)}.solved-label{color:var(--green);margin-top:16px;font-size:12px}.session-actions{gap:8px;margin-top:25px;display:flex}.secondary-button{color:#cdb9d8;background:#1a1420;border:1px solid #48354f;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px;font-size:11px;display:flex}.secondary-button:hover:not(:disabled){background:#302038;border-color:#78578a}.secondary-button:disabled{color:#85718e;background:#17111c;border-color:#392a41}.vertex-label{color:#c0b0cc;font-size:12px}.stepper{background:#17101d;border:1px solid #493450;border-radius:3px;justify-content:space-between;align-items:center;height:42px;margin-top:14px;padding:0 3px;display:flex}.stepper button{color:#c8acd8;background:0 0;border-radius:2px;place-items:center;width:35px;height:35px;display:grid}.stepper button:hover:not(:disabled){background:#39243f}.stepper button:disabled{color:#786182}.stepper output{font-family:var(--mono);color:#e2cfee;font-size:17px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:12px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #bb9bde var(--range-progress), #47304e var(--range-progress));height:2px}input[type=range]::-moz-range-track{background:#47304e;height:2px}input[type=range]::-moz-range-progress{background:#bb9bde;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#ccb0e2;border-radius:1px;width:8px;height:12px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:#ccb0e2;border:0;border-radius:1px;width:8px;height:12px}.range-labels{color:#ad91bf;font-family:var(--mono);justify-content:space-between;font-size:10px;display:flex}.primary-button{color:#201327;background:#bfa5d5;border:1px solid #b099ca;border-radius:3px;width:100%;padding:11px 14px;font-size:12px;font-weight:500}.primary-button:hover{background:#d2b7e7;border-color:#d2b7e7}.settings-card .primary-button{margin-top:23px}.settings-caption{color:#b59ac7;margin-top:12px;font-size:10px;line-height:1.6}.legend-card{flex:1}.legend-card h2{color:#c7b6d1;margin-bottom:20px;font-size:12px;font-weight:400}.legend-row{color:#ccb9d7;align-items:center;gap:9px;margin-top:17px;font-size:11px;display:flex}.legend-stroke{border-top:2px solid;flex-shrink:0;width:22px;height:0;display:inline-flex}.original-stroke{border-color:#c9c0de}.available-stroke{border-color:#63eb8f}.locked-stroke{border-color:#f17f8b}.target-stroke{border-color:#f198df;border-top-style:dashed}.legend-row small{color:#b096c1;margin-left:auto;font-size:10px}.legend-footnote{color:#b69cc7;align-items:center;gap:10px;padding-top:19px;font-size:10px;display:flex}.legend-footnote svg{width:22px;color:var(--green)}.feedback{color:#b6a0c5;padding:16px 0 30px;font-size:11px;line-height:1.7}.feedback:empty{padding:0 0 26px}.feedback-locked{color:#ee9daa}.help-dialog{color:#e1d3e8;scrollbar-color:#5d3e6b #17111d;background:#17111d;border:1px solid #655074;border-radius:5px;max-width:min(530px,100% - 32px);max-height:calc(100dvh - 40px);padding:0}.help-dialog::backdrop{background:#06050cdb}.dialog-content{padding:30px;position:relative}.dialog-close{position:absolute;top:13px;right:13px}.icon-button{color:#c0a7cb;background:0 0;border-radius:2px;place-items:center;padding:8px;display:grid}.icon-button:hover{color:#fff;background:#422e4d}.dialog-content h2{font-family:var(--display);font-size:23px;font-weight:500}.dialog-intro{color:#bfacc9;margin-top:16px;font-size:12px;line-height:1.9}.rules-list{margin:24px 0;padding:0 0 0 18px}.rules-list li{margin-top:20px;padding-left:6px}.rules-list li::marker{font-family:var(--mono);color:#be9dd0;font-size:11px}.rules-list h3{margin-bottom:7px;font-size:13px;font-weight:500}.rules-list p{color:#bfa8cb;font-size:12px;line-height:1.8}}@layer responsive{@media (width<=1100px){.app-shell{padding:0 26px}.game-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.session-card,.settings-card,.legend-card{padding:20px 17px}}@media (width<=850px){.app-shell{max-width:740px;padding:0 24px}.site-header{min-height:78px}.game-layout{grid-template-columns:1fr;gap:18px}.board-stage{min-height:auto}.game-board{max-height:520px}.control-panel{grid-template-columns:1fr 1fr;display:grid}.session-card,.settings-card{padding:22px}.session-card{border-right:1px solid var(--line)}.legend-card{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:18px 28px;padding:20px 22px;display:grid}.legend-card h2{grid-column:1/-1;margin:0}.legend-row{margin:0}.legend-footnote{grid-column:1/-1;padding-top:0}.session-actions{margin-top:30px}}@media (width<=520px){.app-shell{padding:0 16px}.site-header{gap:12px;min-height:72px}.brand h1{letter-spacing:-.5px;font-size:clamp(17px,4.7vw,20px)}.header-actions{gap:16px}.help-button{font-size:11px}.sound-button{padding:10px 0}.sound-button span{display:none}main{padding-top:18px}.arena{grid-template-rows:41px minmax(0,1fr)}.arena-topbar{padding:0 13px}.arena-label{font-size:10px}.board-score{gap:12px;font-size:11px}.board-score small{font-size:9px}.game-board{width:113%;max-width:none;margin:-4px 0}.line-visible{stroke-width:2.8px}.target-lines line{stroke-width:2px}.line-hit-area{stroke-width:28px}.match-marker path{stroke-width:2.8px}.session-card,.settings-card{padding:19px 13px}.stat-label,.progress-label,.vertex-label{font-size:11px}.move-count{font-size:28px}.progress-label{margin-top:22px}.progress-label>span:last-child{font-size:11px}.session-actions{gap:6px;margin-top:25px}.secondary-button{gap:5px;padding:8px 5px;font-size:10px}.secondary-button svg{width:12px;height:12px}.stepper{height:38px;margin-top:13px;padding:0}.stepper button{width:32px}.stepper output{font-size:16px}.settings-card .primary-button{margin-top:18px;padding:10px 7px;font-size:11px}.settings-caption{font-size:9px}.legend-card{gap:19px 20px;padding:20px 13px}.legend-row{flex-wrap:wrap;gap:8px}.legend-row small{width:100%;margin-top:-3px;margin-left:30px}.feedback{font-size:10px}.dialog-content{padding:26px 23px 23px}.rules-list p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}