:root{--text:#eef1f8;--muted:#8a93a8;--muted-soft:#aeb8cc;--muted-strong:#c8cfdd;--line:#ffffff1a;--panel:#ffffff0e;--panel-strong:#ffffff1a;--shadow:0 24px 60px #0000008c;--hud-gutter:max(16px, calc((100vw - 960px) / 2))}@property --rainbow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;font-family:ui-sans-serif,-apple-system,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;transition:opacity .35s;display:block;position:fixed;inset:0}#scene.is-hidden{opacity:0;pointer-events:none}.is-hidden{display:none!important}.hud{z-index:6;top:max(0px, env(safe-area-inset-top));right:max(var(--hud-gutter), env(safe-area-inset-right));gap:10px;display:flex;position:fixed}.hud-level{z-index:6;top:max(0px, env(safe-area-inset-top));left:max(var(--hud-gutter), env(safe-area-inset-left));pointer-events:none;align-items:center;gap:10px;height:44px;display:flex;position:fixed}.hud-level-label{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:11px}.hud-level-num{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.icon-btn{width:44px;height:44px;color:var(--text);opacity:.78;cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;transition:opacity .18s,transform .12s;display:grid}@media (hover:hover){.icon-btn:hover{opacity:1}}.icon-btn:active{transform:scale(.93)}.icon-btn:focus-visible,.cell:focus-visible{outline-offset:3px;outline:2px solid #6ee7ff}.intro{z-index:5;width:100%;height:100%;padding:40px max(20px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));color:var(--text);font:inherit;opacity:0;cursor:pointer;touch-action:manipulation;background:radial-gradient(900px 620px at 50% -12%,#1b2233 0%,#07080c00 62%),radial-gradient(760px 700px at 50% 118%,#111726 0%,#07080c00 58%),#07080c;border:0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.6vh,16px);margin:0;display:flex;position:fixed;inset:0}.intro-head{flex-direction:column;align-items:center;gap:4px;display:flex}.intro-area{letter-spacing:.32em;text-transform:uppercase;color:var(--muted-soft);font-size:11px}.intro-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:12px}.intro-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(96px,24vh,200px);font-weight:800;line-height:.85}.intro-meta{align-items:center;gap:14px;margin-top:clamp(8px,2.4vh,28px);display:flex}.intro-size{letter-spacing:.16em;color:var(--muted-soft);font-variant-numeric:tabular-nums;font-size:12px}.intro-colors{align-items:center;height:20px;display:flex}.intro-cube{align-items:center;height:26px;display:flex}.intro-dims{align-items:center;gap:5px;display:flex}.intro-colors .color-tiles{width:auto;height:20px;display:block}.intro-cube .mini-bare{width:auto;height:26px;display:block}#hud.is-intro #btn-reset{display:none}.intro.is-leaving{pointer-events:none}.screen{z-index:4;padding:40px max(20px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;gap:clamp(22px,4vh,40px);display:flex;position:fixed;inset:0}.screen-head{flex-direction:column;align-items:center;gap:10px;display:flex}.screen-head h1{letter-spacing:0;text-transform:uppercase;justify-content:center;align-items:center;gap:0;margin:0;font-size:clamp(30px,9vw,50px);font-weight:800;line-height:1;display:flex}.title-tile{border:2px solid color-mix(in srgb, var(--c) 40%, #07080c);background:var(--c);color:#212228;width:1.06em;height:1.16em;box-shadow:inset 0 .04em 0 #fff6, inset 0 -.05em 0 #00000038, 0 .07em 0 #0000008c, 0 0 1.1em color-mix(in srgb, var(--c) 30%, transparent);animation:title-in .5s cubic-bezier(.2, .9, .25, 1.2) var(--delay,0s) both;border-radius:.18em;place-items:center;display:grid}.title-link{background:var(--c);width:.24em;height:.12em;box-shadow:0 0 .5em color-mix(in srgb, var(--c) 55%, transparent);border-radius:999px}@keyframes title-in{0%{opacity:0;transform:translateY(.22em)scale(.82)}}.zone-head{flex-direction:column;align-items:center;display:flex;position:relative}.zone-tabs{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(10px,3vw,36px);display:flex}.zone-tab{appearance:none;color:var(--muted-soft);font:inherit;letter-spacing:clamp(.1em,.5vw,.22em);text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:clamp(10px,3vw,12px);font-weight:600;transition:color .18s;display:flex}.zone-tab-label{white-space:nowrap;padding-bottom:7px}.zone-tab-sub{min-height:1.1em;color:var(--muted);letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:10px;transition:color .18s}.zone-progress{min-height:1.1em;color:var(--muted);letter-spacing:.16em;font-variant-numeric:tabular-nums;margin:0;font-size:10px}.zone-progress[hidden]{display:none}.zone-tab[aria-selected=true]{color:var(--text)}@media (hover:hover){.zone-tab:hover:not(:disabled){color:var(--text)}}.zone-tab[aria-selected=true] .zone-tab-sub{color:var(--muted-strong)}.zone-tab:disabled{color:#687186;cursor:not-allowed}.zone-tab[hidden]{display:none}.zone-tab.is-revealing{animation:.3s cubic-bezier(.32,.04,.16,1) both tab-in}@keyframes tab-in{0%{opacity:0}}.zone-tab:focus-visible{outline-offset:4px;outline:2px solid #6ee7ff}.zone-underline{background:var(--text);opacity:0;pointer-events:none;border-radius:999px;height:2px;position:absolute}.zone-underline.is-rainbow{background-image:linear-gradient(90deg,#ff4d6d,#ffb020,#ffe066,#4ade80,#22d3ee,#6366f1,#a855f7,#ff4d6d);background-size:200% 100%;animation:1.2s linear infinite rainbow-sweep;box-shadow:0 0 10px #ffffff73}.zone-tab.is-celebrating .zone-tab-name{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#ff4d6d,#ffb020,#ffe066,#4ade80,#22d3ee,#6366f1,#a855f7,#ff4d6d);background-repeat:repeat;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.1s linear infinite rainbow-sweep}@keyframes rainbow-sweep{to{background-position:200% 0}}.level-grid.is-celebrating{pointer-events:none}.screen.levels{overscroll-behavior:contain;touch-action:pan-y;justify-content:flex-start;overflow-y:auto}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,2vw,18px);width:min(100%,clamp(240px,100dvh - 280px,600px));display:grid}.cell{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:min(18px,20%);place-items:center;padding:0;transition:border-color .22s;display:grid;position:relative}.num{color:var(--muted-soft);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000d9;pointer-events:none;font-size:11px;font-weight:600;line-height:1;position:absolute;top:4px;left:7px}.cell.current{border-color:#ffffff29}.cell.locked{cursor:not-allowed}.mini{width:min(100%,80px);height:auto;transition:transform .25s,filter .25s;display:block}.cell.locked .mini{filter:grayscale(.9)brightness(.72);opacity:.62}@media (hover:hover){.cell:not(.locked):hover .mini{filter:brightness(1.12);transform:scale(1.06)}}.legend{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-strong);text-align:center;margin:auto 0 0;font-size:12px}.solved-bottom{z-index:6;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;animation:.3s cubic-bezier(.2,.9,.2,1) both rise;display:flex;position:fixed;left:0;right:0}.solved-bottom .icon-btn{pointer-events:auto;width:88px;position:relative}.solved-bottom .icon-btn:before{content:"";border-radius:inherit;background:conic-gradient(from var(--rainbow-angle), #ff4d6d, #ffb020, #ffe066, #4ade80, #22d3ee, #6366f1, #a855f7, #ff4d6d);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:2.4s linear infinite rainbow-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes rainbow-spin{to{--rainbow-angle:360deg}}.toast{left:50%;bottom:calc(34px + env(safe-area-inset-bottom));z-index:15;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);letter-spacing:.01em;text-align:center;width:max-content;max-width:min(520px,100vw - 32px);color:var(--text);opacity:0;pointer-events:none;background:#141822e6;border-radius:999px;padding:11px 18px;font-size:13px;line-height:1.4;transition:opacity .24s,transform .24s;position:fixed;transform:translate(-50%,14px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:560px){.toast{width:calc(100vw - 32px)}}#complete:not(.is-hidden)~.toast{bottom:calc(84px + env(safe-area-inset-bottom))}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}@media (max-height:560px){.screen{padding:14px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:10px}.screen-head h1{font-size:clamp(24px,5vh,34px)}.zone-tab-sub,.zone-progress{font-size:9px}.level-grid{gap:clamp(4px,1.2vw,10px);width:min(100%,600px,100dvh - 132px)}.legend{font-size:10px}}