:root{--page:#111;--surface:#191919;--surface-2:#202020;--text:#f5f1eb;--muted:#999792;--line:#ffffff1f;--cream:#f7f7ff;--ink:#171717;--teal:#9ef3ff;--accent-dark:#2c3142;--shadow:0 24px 64px #00000042}*{box-sizing:border-box}html,body{background:var(--page);width:100%;height:100%;margin:0;overflow:hidden}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.site-shell{background:radial-gradient(circle at 84% 10%, #9ac3bb14, transparent 21rem), var(--page);grid-template-rows:58px minmax(0,1fr) 30px;height:100dvh;transition:background-color .22s,color .22s;display:grid;overflow:hidden}.site-shell[data-theme=light]{--page:#f7f7ff;--surface:#fff;--surface-2:#eff1ff;--text:#1f2331;--muted:#70758c;--line:#1212121f;--shadow:0 22px 58px #1e18141f}.site-header,.site-footer,.hero{width:min(1360px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;display:flex}.brand{color:inherit;text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;font-size:.7rem;font-weight:680;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line);width:30px;height:30px;color:var(--teal);border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;display:grid}.header-actions{align-items:center;gap:7px;display:flex}.icon-button{border:1px solid var(--line);min-width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;transition:transform .16s,background .16s}.icon-button:hover{background:var(--surface);transform:translateY(-1px)}.theme-button{place-items:center;display:grid}.theme-orb{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1px solid;border-radius:50%;width:14px;height:14px;display:block}.hero{grid-template-columns:minmax(255px,.72fr) minmax(430px,1.28fr);align-items:center;gap:clamp(18px,3vw,40px);height:100%;min-height:0;padding:14px 0;display:grid}.intro-panel{align-self:center;min-width:0}.eyebrow{color:var(--teal);letter-spacing:.2em;margin:0 0 10px;font-size:.61rem;font-weight:750}.intro-panel h1{letter-spacing:-.068em;max-width:560px;margin:0;font-size:clamp(3.2rem,5.7vw,6.2rem);font-weight:510;line-height:.84}.intro-copy{max-width:430px;color:var(--muted);margin:17px 0 18px;font-size:clamp(.8rem,1vw,.94rem);line-height:1.55}.level-navigation{border:1px solid var(--line);border-radius:14px;grid-template-columns:40px 1fr 40px;align-items:stretch;width:min(100%,320px);display:grid;overflow:hidden}.level-navigation button{min-height:50px;color:var(--text);cursor:pointer;background:0 0;font-size:1rem;transition:background .15s}.level-navigation button:hover:not(:disabled){background:var(--surface)}.level-navigation button:disabled{color:var(--muted);cursor:not-allowed;opacity:.35}.level-navigation div{border-inline:1px solid var(--line);justify-content:center;align-items:baseline;gap:6px;min-height:50px;display:flex}.level-navigation span,.level-navigation small{color:var(--muted);letter-spacing:.16em;font-size:.54rem;font-weight:750}.level-navigation strong{font-size:1.22rem;font-weight:570}.progress-track{background:var(--line);width:min(100%,320px);height:2px;margin:8px 0 13px;overflow:hidden}.progress-track span{background:var(--teal);height:100%;transition:width .3s;display:block}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,430px);display:grid}.stat-grid div{border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:57px;padding:10px 11px;display:flex}.stat-grid span{color:var(--muted);letter-spacing:.16em;font-size:.5rem;font-weight:750}.stat-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:570;overflow:hidden}.control-row{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.control-row button,.success-card button{cursor:pointer;border-radius:999px;min-height:36px;padding:0 15px;font-size:.78rem;transition:transform .15s,opacity .15s,background .15s}.control-row button{border:1px solid var(--line);color:var(--text);background:0 0}.control-row button:hover:not(:disabled),.success-card button:hover{transform:translateY(-1px)}.control-row button:disabled{cursor:not-allowed;opacity:.35}.keyboard-note{color:var(--muted);margin:9px 0 0;font-size:.6rem;line-height:1.4}.game-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);width:min(100%,640px);min-width:0;height:100%;min-height:0;max-height:calc(100dvh - 102px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;justify-self:end;padding:clamp(10px,1.35vw,18px);display:grid}.game-topline{color:var(--muted);letter-spacing:.15em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.54rem;font-weight:750;display:flex}.board-wrap{aspect-ratio:1;background:var(--cream);border-radius:17px;place-self:center;width:min(100%,100dvh - 152px);max-height:100%;position:relative;overflow:hidden}.board{--board-gap:1px;grid-template-columns:repeat(var(--board-size), minmax(0, 1fr));gap:var(--board-gap);background:radial-gradient(circle at 12% 16%, #ffffff4d 0 1px, transparent 1.5px), radial-gradient(circle at 80% 30%, #ffffff3b 0 1px, transparent 1.5px), var(--cream);background-size:80px 80px,130px 130px,auto;width:100%;height:100%;padding:clamp(4px,.6vw,8px);display:grid}.loop-tile{aspect-ratio:1;background:var(--tile-color);min-width:0;color:var(--tile-path-color);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:clamp(2px,.25vw,4px);transition:transform .12s,filter .16s,box-shadow .16s;position:relative;overflow:hidden}.loop-tile:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff2e,#0000 46%);position:absolute;inset:0}.loop-tile:hover{filter:brightness(1.03);transform:scale(.97)}.loop-tile:active{transform:scale(.92)}.loop-tile.is-hinted{animation:.85s both hintPulse;box-shadow:inset 0 0 0 3px #ffffffe6,0 0 0 3px #9ac3bb85}.tile-rotator{transform:rotate(var(--tile-rotation));transition:transform .22s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.tile-path{filter:drop-shadow(0 1px #ffffff14);width:100%;height:100%;display:block;overflow:visible}.success-layer{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10101075;place-items:center;padding:16px;animation:.26s both fadeIn;display:grid;position:absolute;inset:0}.success-card{z-index:2;background:var(--cream);width:min(370px,92%);color:var(--ink);text-align:center;border-radius:20px;padding:26px;animation:.36s cubic-bezier(.2,.85,.2,1) both cardIn;position:relative;box-shadow:0 24px 70px #0000003d}.success-card p{color:#5b5121;letter-spacing:.2em;margin:0 0 9px;font-size:.58rem;font-weight:800}.success-card h2{letter-spacing:-.045em;margin:0 0 7px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:540}.success-card>span{color:#1717179e;font-size:.8rem}.success-card>div{justify-content:center;gap:8px;margin-top:18px;display:flex}.secondary-action{color:var(--ink);background:0 0;border:1px solid #1717172e}.primary-action{background:var(--ink);color:#fff}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{--confetti-x:50%;--confetti-delay:0s;--confetti-color:#9ac3bb;top:-10%;left:var(--confetti-x);background:var(--confetti-color);width:7px;height:16px;animation:confettiFall 1.7s var(--confetti-delay) ease-in both;border-radius:3px;position:absolute}.mobile-stats{display:none}.site-footer{border-top:1px solid var(--line);min-height:30px;color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:.52rem;font-weight:750;display:flex}@keyframes hintPulse{0%,to{transform:scale(1)}45%{transform:scale(.88)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(-30px,120vh)rotate(540deg)}}@media (max-width:1040px){.hero{grid-template-columns:minmax(235px,.65fr) minmax(400px,1.35fr);gap:24px}.intro-panel h1{font-size:clamp(3rem,7vw,5.3rem)}}@media (max-width:760px){.site-shell{grid-template-rows:50px minmax(0,1fr)}.site-header,.hero{width:min(100% - 16px,680px)}.site-header{min-height:50px}.brand{letter-spacing:.12em;gap:8px;font-size:.62rem}.brand-mark{width:28px;height:28px;font-size:1rem}.icon-button{min-width:32px;height:32px;font-size:.75rem}.theme-orb{width:12px;height:12px}.hero{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:8px;height:100%;min-height:0;padding:8px 0 9px;display:grid}.intro-panel{grid-template-columns:minmax(0,1fr) 172px;grid-template-areas:"title level""controls controls";align-items:center;gap:7px 10px;display:grid}.eyebrow,.intro-copy,.progress-track,.stat-grid,.keyboard-note{display:none}.intro-panel h1{letter-spacing:-.055em;white-space:nowrap;grid-area:title;font-size:clamp(1.5rem,7vw,2rem);line-height:1}.intro-panel h1 br{display:none}.level-navigation{border-radius:11px;grid-area:level;grid-template-columns:34px 1fr 34px;width:100%}.level-navigation button,.level-navigation div{min-height:38px}.level-navigation strong{font-size:1rem}.level-navigation span,.level-navigation small{font-size:.46rem}.control-row{grid-area:controls;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.control-row button{min-width:0;min-height:32px;padding:0 8px;font-size:.7rem}.game-panel{border-radius:17px;justify-self:stretch;width:100%;height:100%;max-height:none;padding:7px}.game-topline{min-height:16px;margin-bottom:5px;padding-inline:2px;font-size:.48rem}.board-wrap{border-radius:13px;width:min(100%,100dvh - 192px);max-height:100%}.board{--board-gap:1px;padding:4px}.loop-tile{border-radius:3px}.mobile-stats{min-height:25px;color:var(--muted);justify-content:space-between;align-items:end;padding:5px 2px 0;font-size:.62rem;display:flex}.site-footer{display:none}.success-card{width:min(330px,94%);padding:22px 18px}}@media (max-width:380px){.intro-panel{grid-template-columns:minmax(0,1fr) 158px}.intro-panel h1{font-size:1.42rem}.level-navigation{grid-template-columns:31px 1fr 31px}.control-row button{font-size:.66rem}}@media (max-height:700px) and (min-width:761px){.site-shell{grid-template-rows:52px minmax(0,1fr) 26px}.site-header{min-height:52px}.hero{padding:9px 0}.intro-panel h1{font-size:clamp(2.8rem,5vw,4.6rem)}.intro-copy{margin:12px 0 13px}.board-wrap{width:min(100%,100dvh - 124px)}}@media (orientation:landscape) and (max-height:560px){.site-shell{grid-template-rows:44px minmax(0,1fr)}.site-header,.hero{width:min(100% - 14px,940px)}.site-header{min-height:44px}.brand-mark{width:26px;height:26px}.icon-button{min-width:30px;height:30px}.hero{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(190px,.72fr) minmax(300px,1.28fr);gap:9px;padding:6px 0 7px}.intro-panel{flex-direction:column;justify-content:center;align-items:stretch;gap:7px;display:flex}.intro-panel h1{font-size:clamp(1.55rem,4.5vw,2.25rem)}.level-navigation,.control-row{width:100%}.game-panel{height:100%;padding:6px}.game-topline{min-height:14px;margin-bottom:3px}.board-wrap{width:min(100%,100dvh - 96px)}.mobile-stats{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}