@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#151713;--panel:#1c1f19;--line:#32352c;--text:#f0f0e9;--muted:#898c80;--lime:#d6f57a;--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}canvas:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}.app{max-width:1512px;margin:auto;padding:0 5%}.header{display:flex;border-bottom:1px solid var(--line);align-items: center;gap:40px;height:105px}.brand{display:flex;font-family:var(--display);letter-spacing:-1px;align-items: center;font-size:23px;font-weight:700}.slash{color:var(--lime);padding:0 4px;font-weight:400}.brand-3d{font-family:var(--body);letter-spacing:.5px;color:var(--lime);border:1px solid #51573f;border-radius:4px;align-self: flex-start;margin-left:10px;padding:4px 5px;font-size:9px;font-weight:600}.brand-mark{position:relative;display:block;width:31px;height:30px;margin-right:12px;transform:rotate(-5deg)}.brand-mark i{position:absolute;background:var(--lime);border-radius:2px;width:13px;height:13px}.brand-mark i:first-child{top:0;left:0}.brand-mark i:nth-child(2){top:0;left:15px}.brand-mark i:last-child{top:15px;left:15px}.header nav{display:flex;gap:36px;margin:auto}.nav-link{color:var(--muted);position:relative;background:0 0;height:104px;font-size:13px}.nav-link.selected{color:var(--text)}.nav-link.selected>span{position:absolute;background:var(--lime);border-radius:50%;width:4px;height:4px;bottom:25px;left:50%}.small-arrow{color:#777d6b;padding-left:5px}.sound-btn{display:flex;border:1px solid var(--line);color:#c1c4b6;background:0 0;border-radius:7px;align-items: center;gap:10px;padding:9px 13px;font-size:12px}#sound-icon{font-size:19px;line-height:1}.intro{display:flex;justify-content:space-between;align-items: center;gap:30px;padding:44px 0 35px}.eyebrow{letter-spacing:1.9px;display:flex;color:#b4b8a6;align-items: center;gap:9px;font-size:9px;font-weight:600}.live-dot{display:inline-block;background:var(--lime);border-radius:50%;flex-shrink:0;width:5px;height:5px}h1{font-family:var(--display);letter-spacing:-2px;margin:15px 0 0;font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:1.2}h1 span{color:var(--lime)}.intro>p{color:var(--muted);margin:20px 0 0;font-size:13px;line-height:1.8}.intro em{color:#c5c8b9;font-style:normal}.game-layout{display:grid;grid-template-columns:220px minmax(350px,1fr)225px;align-items: start;gap:30px}.left-panel,.right-panel{padding-top:10px}.label{letter-spacing:1.6px;color:#acb09e;display:flex;justify-content:space-between;align-items: center;font-size:9px;font-weight:600}.tiny-square{border:1px solid #626951;width:5px;height:5px}.score-panel{background:linear-gradient(125deg,#24291e,#1d211a);border:1px solid #373e2d;border-radius:12px;padding:23px 21px 0}.score{font-family:var(--display);letter-spacing:-3px;margin-top:12px;font-size:64px;font-weight:500;line-height:1.3}.score-caption{color:var(--muted);margin:0 0 22px;font-size:11px}.best-row{display:flex;border-top:1px solid #3b422f;justify-content:space-between;align-items: center;padding:17px 0}.best-row span{letter-spacing:1px;color:#b7bcaa;font-size:8px}.best-row strong{font-family:var(--display);color:var(--lime);font-size:15px;font-weight:500}.goal-panel{padding:29px 2px 0}.goal-number{font-family:var(--display);letter-spacing:-1px;margin-top:13px;font-size:35px}.goal-heading{display:flex;justify-content:space-between;align-items: center;gap:8px;margin-top:8px}.goal-heading .goal-number{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:0}.highest-preview{flex:0 0 56px;height:56px}.highest-preview svg{display:block;width:100%;height:100%}.goal-number span{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-left:9px;font-size:12px}.progress-track{overflow:hidden;background:#303528;border-radius:5px;height:4px;margin-top:12px}#progress{background:var(--lime);border-radius:5px;width:45%;height:100%;transition:width .5s}.goal-panel p{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.8}.tile-key{display:flex;align-items: center;gap:6px;margin-top:21px}.tile{display:inline-flex;font-family:var(--display);color:#28332c;border-radius:5px;justify-content:center;align-items: center;width:28px;height:29px;font-size:11px;font-weight:600}.t2{background:#b4d1b5}.t4{background:#9ac8c5}.t8{background:#b4acd1}.t16{background:#d5b0b3}.t32{background:#e5cd8b}.key-more{color:#878d76;margin-left:2px}.tip{border-top:1px solid var(--line);display:flex;gap:10px;margin-top:29px;padding-top:21px}.tip>span{color:var(--lime);font-size:24px}.tip p{color:var(--muted);margin:0;font-size:10px;line-height:1.9}.tip strong{color:#c1c5b5;font-weight:450}.arena-wrap{position:relative;background:radial-gradient(at 50% 62%,#24291d33,#0000 66%);min-width:0}.arena-top{display:flex;justify-content:space-between;align-items: center;height:39px;padding:0 10px}.arena-label{letter-spacing:1.3px;color:#a4ab95;display:flex;align-items: center;gap:7px;font-size:8px}.arena-label .live-dot{width:4px;height:4px}.mode{color:#bcc5a9;background:#24291f;border:1px solid #363d2d;border-radius:5px;padding:7px 10px;font-size:10px}.mode span{color:var(--lime);padding-left:10px}.arena{position:relative;height:485px}canvas{display:block;outline:none;touch-action:none;width:100%;height:100%}.view-tag{position:absolute;display:flex;letter-spacing:1.4px;color:#6f7962;align-items: center;gap:7px;font-size:7px;bottom:9px;left:10px}.axis-icon{color:#99a489;font-size:20px}.view-controls{position:absolute;display:flex;align-items: center;gap:6px;bottom:9px;right:10px}.view-controls button{color:#a5af96;background:#1f241a;border:1px solid #39412f;border-radius:5px;width:26px;height:26px;font-size:18px}.view-controls>span{letter-spacing:1px;color:#7b846f;font-size:7px}.arena-bottom{display:flex;color:#7e8970;border-top:1px solid #2c3325;justify-content:space-between;align-items: center;margin:0 10px;padding:14px 0;font-size:9px}.arena-bottom>span:first-child{display:flex;align-items: center;gap:7px}.outline-square{border:1px dashed #8c9c72;width:8px;height:8px;transform:rotate(-25deg)}.next-panel{border:1px solid var(--line);border-radius:11px;padding:21px 19px 17px}.next-panel .label>span{color:#68715b;font-size:9px}.next-pieces{display:flex;justify-content:space-between;align-items: center;gap:5px;height:108px}.next-piece{display:flex;opacity:.55;flex-direction:column;align-items: center;gap:7px;width:56px;height:78px}.next-piece:first-child{opacity:1}.next-piece svg{width:55px;height:54px}.next-piece>span{font-family:var(--display);color:#8f9983;font-size:9px}.next-note{color:var(--muted);display:flex;align-items: center;gap:7px;font-size:9px}.next-note .live-dot{background:#899b62;width:4px;height:4px}.controls-panel{margin-top:28px;padding:0 1px}.controls-panel>.label{margin-bottom:20px}.control-row{display:flex;color:#a3a995;justify-content:space-between;align-items: center;gap:5px;margin:14px 0;font-size:10px}.key-group{display:flex;gap:3px}kbd{font-family:var(--body);display:inline-flex;color:#c4cbb7;background:#24291e;border:1px solid #414736;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items: center;min-width:22px;height:22px;font-size:9px;font-weight:500}.space-key{letter-spacing:1px;gap:13px;padding:0 8px;font-size:8px}.game-actions{display:flex;gap:8px;margin-top:29px}.primary{display:flex;background:var(--lime);color:#253017;border-radius:7px;justify-content:space-between;align-items: center;gap:20px;padding:16px 19px;transition:background .2s,transform .2s;font-size:12px;font-weight:600}.primary:hover{background:#e5ff9d;transform:translateY(-1px)}.primary>span{font-size:19px;font-weight:400;line-height:1}.game-actions>.primary{flex:1}.restart{color:#b9c5a3;background:#242a1e;border:1px solid #3b432f;border-radius:7px;width:47px;font-size:26px}.action-note{color:#7b846e;text-align:center;margin-top:12px;font-size:9px}.how-strip{display:flex;color:#c3c9b5;background:#1a1e16;border:1px solid #32372a;border-radius:9px;justify-content:space-between;align-items: center;gap:10px;margin-top:26px;padding:22px 25px;font-size:11px}.strip-label{letter-spacing:1.4px;color:#8d987c;font-size:8px}.step-number{font-family:var(--display);color:#849363;padding-right:10px;font-size:10px}.strip-arrow{color:#515d42;font-size:16px}.sparkle{color:var(--lime);margin-left:6px;font-size:18px}footer{display:flex;color:#6c7461;justify-content:space-between;align-items: center;padding:27px 0 25px;font-size:9px}footer>span:first-child{letter-spacing:1.4px;font-size:7px}.footer-cube{color:#93a679;margin-left:12px;font-size:19px}.combo{position:absolute;pointer-events:none;text-align:center;font-family:var(--display);color:var(--lime);opacity:0;text-shadow:0 2px 18px #151713;width:100%;font-size:30px;top:39%;transform:translateY(0)}.combo.pop{animation:1.4s ease-out combo}@keyframes combo{0%{opacity:0;transform:translateY(15px)}20%,60%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.game-overlay{position:absolute;backdrop-filter:blur(7px);display:flex;text-align:center;background:#151713d9;border-radius:12px;flex-direction:column;justify-content:center;align-items: center;inset:10px 0 35px}.game-overlay[hidden]{display:none}.inspect-board{color:var(--lime);background:0 0;border:1px solid #4a5739;border-radius:7px;margin-top:12px;padding:10px 16px;font-size:12px}.inspect-board:hover{background:#303b24}.inspect-board[hidden]{display:none}.game-overlay h2,dialog h2{font-family:var(--display);letter-spacing:-2px;margin:17px 0 5px;font-size:42px;font-weight:500}.game-overlay p{color:var(--muted);margin-bottom:25px;font-size:12px}.touch-controls{display:none}dialog{color:var(--text);background:#1d2318;border:1px solid #4a5739;border-radius:16px;width:calc(100% - 32px);max-width:500px;padding:36px;box-shadow:0 30px 100px #0009}dialog::backdrop{backdrop-filter:blur(6px);background:#090c08c9}dialog .eyebrow{padding-right:20px;font-size:8px}dialog h2{margin:23px 0;line-height:1.1}dialog p,dialog li{color:#b3bda5;font-size:12px;line-height:1.8}dialog ol{padding-left:18px}dialog li{margin:14px 0;padding-left:6px}dialog strong{color:#e2e9d5;font-weight:550}dialog .primary{width:100%;margin-top:24px}.close{position:absolute;color:#a5b198;background:0 0;font-size:25px;top:12px;right:15px}button:hover.nav-link,button:hover.sound-btn{color:var(--lime)}@media (min-width:1500px){.arena{height:545px}.game-layout{grid-template-columns:245px minmax(350px,1fr)245px;gap:40px}.intro{padding-top:50px;padding-bottom:40px}.score-panel{padding-top:27px}.controls-panel{margin-top:35px}.control-row{margin:19px 0}.how-strip{margin-top:30px}}@media (max-width:1100px){.app{padding:0 4%}.game-layout{grid-template-columns:180px minmax(270px,1fr)185px;gap:19px}.arena{height:450px}.score-panel{padding:18px 16px 0}.score{font-size:55px}.next-panel{padding:18px 13px}.label{letter-spacing:1.2px;font-size:8px}.next-note{font-size:8px}.control-row{font-size:9px}kbd{min-width:19px;height:20px}.how-strip{padding:20px 15px;font-size:10px}.strip-label{font-size:7px}.tip{margin-top:20px}.goal-panel{padding-top:24px}.intro>p{font-size:11px}.game-actions>.primary{padding:15px 12px}.restart{width:38px}.tile{width:25px;height:26px}.tile-key{gap:4px}.arena-top{padding:0}.arena-label{font-size:7px}.mode{font-size:9px}}@media (max-width:800px){.header{gap:20px;height:82px}.brand{font-size:20px}.header nav{gap:20px}.nav-link{height:81px;font-size:11px}.nav-link.selected>span{bottom:15px}.sound-btn{padding:8px}#sound-label{display:none}.intro{padding:30px 0 23px}h1{letter-spacing:-1.5px;font-size:33px}.eyebrow{letter-spacing:1.2px;font-size:7px}.intro>p{display:none}.game-layout{grid-template-columns:155px minmax(250px,1fr);gap:20px}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding-top:0}.next-panel{padding:15px}.next-pieces{height:83px}.next-piece svg{width:46px;height:46px}.next-piece{height:65px}.controls-panel{margin:0}.controls-panel>.label{margin-bottom:10px}.control-row{margin:10px 0}.game-actions{grid-column:3;grid-row:1;align-self: center;height:48px;margin-top:0}.action-note{display:none}.how-strip{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px}.strip-label{text-align:center;width:100%}.goal-number{font-size:30px}.tile{width:22px;height:24px;font-size:9px}.tile-key{gap:4px}.key-more{display:none}.tip p{font-size:9px}.arena{height:425px}.score{font-size:50px}.score-caption{font-size:10px}.best-row span{font-size:7px}.score-panel{padding:16px 13px 0}.label{font-size:7px}.arena-top{height:32px}.view-tag{font-size:6px}.arena-bottom{font-size:8px}.touch-controls{display:flex;justify-content:center;gap:5px;padding-top:9px}.touch-controls button{color:#c6d5af;background:#252e1c;border:1px solid #414b34;border-radius:5px;min-width:31px;height:32px}.touch-controls button:last-child{color:var(--lime);padding:0 10px;font-size:11px}.next-note{display:none}}@media (max-width:540px){.app{padding:0 20px}.header{gap:10px;height:73px}.brand{font-size:18px}.brand-mark{width:27px;margin-right:5px;transform:scale(.8)rotate(-5deg)}.brand-3d{margin-left:6px;padding:3px;font-size:7px}.header nav{gap:0;margin-left:auto;margin-right:5px}.nav-link{height:72px;font-size:10px}.nav-link.selected,.nav-link .small-arrow{display:none}.sound-btn{background:0 0;border:0;padding:6px}.intro{padding:27px 0 22px}h1{letter-spacing:-1.5px;margin-top:13px;font-size:29px}h1 span{display:block}.game-layout{grid-template-columns:1fr;gap:15px}.left-panel{display:flex;gap:15px;padding:0}.score-panel{width:50%;padding:13px 15px 0}.score{letter-spacing:-1px;margin-top:4px;font-size:36px;line-height:1.1}.score-caption{display:none}.best-row{margin-top:9px;padding:8px 0}.best-row strong{font-size:11px}.best-row span{letter-spacing:.5px;font-size:6px}.goal-panel{width:50%;padding:13px 0 0 5px}.goal-number{margin-top:7px;font-size:27px;line-height:1.1}.goal-number span{font-size:10px}.highest-preview{flex-basis:40px;height:40px}.progress-track{margin-top:11px}.goal-panel p{display:none}.tile-key{gap:5px;margin-top:9px}.tile{border-radius:3px;width:21px;height:18px;font-size:8px}.tip{display:none}.arena{height:390px}.arena-top{padding:0 3px}.arena-label{letter-spacing:1px;font-size:7px}.mode{font-size:9px}.arena-bottom{padding:11px 0}.right-panel{grid-column:auto;grid-template-columns:1fr 1fr;gap:15px}.next-panel{grid-row:1;padding:12px}.next-pieces{height:71px;padding-top:7px}.next-piece{gap:3px;width:40px;height:59px}.next-piece svg{width:40px;height:40px}.next-piece>span{font-size:8px}.controls-panel{display:none}.game-actions{grid-column:2;grid-row:1;gap:5px}.game-actions>.primary{gap:7px;padding:15px 12px;font-size:11px}.restart{width:34px}.how-strip{gap:9px;margin-top:22px;padding:16px 11px;font-size:8px}.step-number{padding-right:4px;font-size:8px}.strip-arrow{font-size:12px}.sparkle{display:none}footer{align-items: flex-start;gap:20px;padding:22px 0}footer>span:first-child{letter-spacing:.7px;font-size:6px}footer>span:last-child{text-align:right;max-width:135px;font-size:8px;line-height:1.5}.footer-cube{display:none}.touch-controls{padding:5px 0}.touch-controls button{min-width:38px;height:35px}.game-overlay h2{font-size:34px}dialog{padding:28px}.next-panel .label{font-size:7px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}