@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#070917;--glass:#0f142bbd;--glass-heavy:#090c1df0;--line:#bee0ff2b;--line-hot:#d2ecff7a;--white:#f5f9ff;--muted:#8b9ab4;--cyan:#6ef3ff;--pink:#ff5ccc;--red:#ff3d68;--blue:#37a8ff;--yellow:#ffd84a;--green:#43e58c;--display:"Space Grotesk Variable", "Arial Narrow", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;font-family:var(--display);font-synthesis:none;text-rendering:geometricprecision}*{box-sizing:border-box}html,body{background:var(--void);min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;color:var(--white);overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}#background{z-index:0;background:radial-gradient(circle at 50% 45%,#484db51f,#0000 46%),#070917;width:100%;height:100%;position:fixed;inset:0}.screen-texture{z-index:1;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#b1deff06 3px 4px),radial-gradient(#0000 30%,#02030a73 100%);position:fixed;inset:0}.app{z-index:2;grid-template-rows:68px minmax(0,1fr) 30px;min-height:100dvh;display:grid;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#0507138c;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);display:grid}.logo{letter-spacing:.22em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:max-content;padding:0 24px;font-size:13px;font-weight:700;display:flex}.logo-mark{width:29px;height:29px;position:relative;transform:rotate(45deg)}.logo-mark i{border:1px solid var(--cyan);border-radius:8px;position:absolute;inset:2px;box-shadow:0 0 16px #6ef3ff66}.logo-mark i:last-child{border-color:var(--pink);border-radius:50%;inset:7px -2px;transform:rotate(45deg)}.run-stats{border-inline:1px solid var(--line);display:flex}.run-stats>div{border-right:1px solid var(--line);min-width:112px;padding:11px 22px 9px;display:grid}.run-stats>div:last-child{border-right:0}.run-stats span,.mode-indicator span,.menu-copy>p,.game-instruction>span,.board-core span,.board-core em,.mode-number,.game-over-view>p,.game-over-stats span{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:8px;font-style:normal}.run-stats strong{font-family:var(--mono);align-self:end;font-size:17px;font-weight:600;line-height:1}.top-actions{justify-content:flex-end;align-items:center;gap:10px;padding:0 20px;display:flex}.mode-indicator{border:1px solid var(--line);text-align:left;cursor:pointer;background:#12183480;border-radius:2px;gap:3px;padding:7px 12px;display:grid}.mode-indicator strong{font-family:var(--mono);letter-spacing:.08em;color:var(--cyan);font-size:10px}.icon-button{border:1px solid var(--line);cursor:pointer;background:#12183480;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.mode-indicator:hover{border-color:var(--line-hot);background:#1e274cad}.icon-button svg{width:17px;fill:var(--white)}.icon-button svg .sound-wave{fill:none;stroke:var(--white);stroke-linecap:round;stroke-width:1.6px}body.is-muted .sound-wave{opacity:.15}main{min-height:0;position:relative}footer{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#95a9ca94;background:#0507137a;justify-content:space-between;align-items:center;padding:0 22px;font-size:7px;display:flex}.menu-view{grid-template-rows:auto minmax(0,1fr);gap:clamp(25px,4vh,50px);width:min(1320px,100%);height:100%;margin:0 auto;padding:clamp(28px,5vh,62px) clamp(24px,5vw,72px) 34px;display:grid}.menu-copy{grid-template-columns:1fr auto;align-items:end;gap:24px;display:grid}.menu-copy>p{color:var(--cyan);grid-column:1/-1;margin:0 0 -14px}.menu-copy h1{letter-spacing:-.075em;margin:0;font-size:clamp(54px,7.2vw,104px);font-weight:680;line-height:.76}.menu-copy>span{color:#aebbd0;max-width:280px;padding-bottom:4px;font-size:14px;line-height:1.45}.mode-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:0;display:grid}.mode-card{isolation:isolate;border:1px solid var(--line);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#191f44c2,#080b1cd1),#080a19d1;border-radius:26px 4px;grid-template-rows:auto 1fr auto auto auto;min-height:0;padding:20px;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000047}.mode-card:before{z-index:-1;content:"";opacity:0;background:radial-gradient(circle at 50% 38%, var(--card-glow), transparent 58%);transition:opacity .22s;position:absolute;inset:0}.mode-card:hover{border-color:var(--card-line);box-shadow:0 32px 100px #0006, 0 0 48px var(--card-shadow);transform:translateY(-6px)}.mode-card:hover:before{opacity:1}.classic-card{--card-glow:#4c7dff29;--card-line:#6ef3ff99;--card-shadow:#6ef3ff14}.confusion-card{--card-glow:#ff3d682e;--card-line:#ff5ccc9e;--card-shadow:#ff5ccc17}.distraction-card{--card-glow:#ffd84a21;--card-line:#ffd84a94;--card-shadow:#ffd84a13}.reverse-card{--card-glow:#43e58c21;--card-line:#43e58c94;--card-shadow:#43e58c14}.mode-number{justify-self:end}.mode-card>strong{letter-spacing:-.055em;margin-top:11px;font-size:clamp(25px,2.6vw,40px);font-weight:670;line-height:1}.mode-card>span:not(.mode-number,.mini-board,.confusion-preview,.distraction-preview,.reverse-preview){color:#a5b2c8;margin-top:8px;font-size:13px;line-height:1.35}.mode-card>b{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-top:18px;padding-top:13px;font-size:9px;font-weight:600;display:flex}.mode-card>b i{color:var(--cyan);font-size:14px;font-style:normal;transition:transform .18s}.mode-card:hover>b i{transform:translate(5px)}.mini-board,.confusion-preview,.distraction-preview,.reverse-preview{aspect-ratio:1;place-self:center;width:min(21vh,180px);position:relative}.mini-board{aspect-ratio:1}.mini-board i{aspect-ratio:1;opacity:.68;filter:saturate(120%);border-radius:50%;width:42%;position:absolute;box-shadow:0 0 18px}.mini-board i:first-child{color:var(--red);background:var(--red);top:4%;left:4%}.mini-board i:nth-child(2){color:var(--blue);background:var(--blue);top:4%;right:4%}.mini-board i:nth-child(3){color:var(--yellow);background:var(--yellow);bottom:4%;right:4%}.mini-board i:nth-child(4){color:var(--green);background:var(--green);bottom:4%;left:4%}.confusion-preview{color:#fff;letter-spacing:-.075em;text-shadow:4px 0 #37a8ff6b,-4px 0 #ffd84a47;background:#ff3d68b8;border:1px solid #ff3d6859;border-radius:50%;place-items:center;font-size:clamp(33px,4.3vw,57px);font-weight:790;display:grid;box-shadow:0 0 55px #ff3d682e}.distraction-preview{border:1px solid #cfe9ff1f;border-radius:50%;box-shadow:inset 0 0 0 24px #6ef3ff04}.distraction-preview:before{content:"";background:#6ef3ff2e;border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 20px #6ef3ff2e}.distraction-preview i{border:2px solid;width:17px;height:17px;position:absolute;box-shadow:0 0 16px}.distraction-preview i:first-child{color:var(--red);border-radius:50%;top:4%;left:24%}.distraction-preview i:nth-child(2){color:var(--blue);top:28%;right:2%;transform:rotate(35deg)}.distraction-preview i:nth-child(3){color:var(--yellow);border-radius:50%;bottom:3%;left:43%}.distraction-preview i:nth-child(4){color:var(--green);bottom:24%;left:1%;transform:rotate(70deg)}.reverse-preview{justify-content:center;align-items:center;gap:8%;padding-bottom:22%;display:flex}.reverse-preview:after{content:"←";font-family:var(--mono);text-align:center;color:var(--cyan);text-shadow:0 0 16px #6ef3ffb3;font-size:clamp(22px,3vw,38px);line-height:1;position:absolute;bottom:10%;left:17%;right:17%}.reverse-preview i{aspect-ratio:1;border-radius:50%;width:24%;box-shadow:0 0 20px}.reverse-preview i:first-child{color:var(--blue);background:var(--blue)}.reverse-preview i:nth-child(2){color:var(--green);background:var(--green)}.reverse-preview i:nth-child(3){color:var(--yellow);background:var(--yellow)}.game-view{grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;height:100%;padding:14px 24px 12px;display:grid;position:relative;overflow:clip}.game-instruction{z-index:4;justify-items:center;gap:2px;display:grid;position:relative}.game-instruction>span{color:var(--cyan)}.game-instruction>strong{font-size:16px;font-weight:520}.board{z-index:3;aspect-ratio:1.28;filter:drop-shadow(0 30px 70px #0000006b);align-self:center;width:min(640px,74vw,79vh);height:auto;position:relative}.board:before,.board:after{z-index:-2;content:"";pointer-events:none;position:absolute;inset:3% 1%}.board:before{filter:blur(24px);background:radial-gradient(at 22% 25%,#ff3d6814,#0000 27%),radial-gradient(at 78% 27%,#37a8ff14,#0000 27%),radial-gradient(at 22% 76%,#ffd84a12,#0000 27%),radial-gradient(at 78% 74%,#43e58c12,#0000 27%)}.board:after{z-index:-1;background:linear-gradient(90deg,#0000,#6ef3ff1a,#ff5ccc14,#0000);height:1px;inset:50% 6% auto;box-shadow:0 -1px 28px #6ef3ff14}.board-aura{z-index:-3;filter:blur(.2px);background:radial-gradient(#494db11a,#0000 62%),repeating-radial-gradient(#0000 0 58px,#6ef3ff06 59px 60px);position:absolute;inset:-8% -5%}.pad-orbit{z-index:0;transform-origin:50%;will-change:transform;position:absolute;inset:0;transform:rotate(0)}.pad-slot,.pad-orient{aspect-ratio:1;position:absolute}.pad-slot{width:35%}.pad-orient{transform-origin:50%;will-change:transform;inset:0;transform:rotate(0)}.pad-slot-red{top:0;left:12%}.pad-slot-blue{top:0;right:12%}.pad-slot-yellow{bottom:0;right:12%}.pad-slot-green{bottom:0;left:12%}.pad-slot .pad{width:100%;height:100%;inset:0}body[data-mode=distraction] .pad-orbit{width:78.125%;margin-left:-39.0625%;left:50%;right:auto}body[data-mode=distraction] .pad-slot{width:44%}body[data-mode=distraction] .pad-slot-red{top:9%;left:9%}body[data-mode=distraction] .pad-slot-blue{top:9%;right:9%}body[data-mode=distraction] .pad-slot-yellow{bottom:9%;right:9%}body[data-mode=distraction] .pad-slot-green{bottom:9%;left:9%}.pad{--pad-color:white;--pad-rgb:255, 255, 255;aspect-ratio:1;border:1px solid rgba(var(--pad-rgb), .23);background:radial-gradient(circle at 48% 44%, rgba(var(--pad-rgb), .11), #0c1129c2 56%, #070a1ae6 76%), #0b0f24bf;cursor:default;width:35%;height:auto;box-shadow:0 0 0 1px #ffffff06 inset, 0 24px 55px #00000042, 0 0 32px rgba(var(--pad-rgb), .035) inset;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;padding:0;transition:border-color .1s,box-shadow .12s,filter .12s,transform .12s cubic-bezier(.2,.9,.2,1.2);position:absolute;overflow:hidden;transform:translateZ(0)}.pad:before{z-index:1;content:"";opacity:.33;background:radial-gradient(circle at 50% 50%, transparent 0 32%, rgba(var(--pad-rgb), .12) 33%, transparent 34% 46%, rgba(var(--pad-rgb), .08) 47%, transparent 48%), linear-gradient(118deg, transparent 23%, #ffffff16 39%, transparent 55%), repeating-linear-gradient(104deg, #ffffff06 0 1px, transparent 1px 29px);mix-blend-mode:screen;position:absolute;inset:0}.pad:after{z-index:3;content:"";background:var(--pad-color);opacity:.58;width:34px;height:2px;box-shadow:0 0 12px var(--pad-color);border:0;position:absolute}.pad-red{--pad-color:var(--red);--pad-rgb:255, 61, 104;top:0;left:12%}.pad-red:after{top:21px;left:30px}.pad-blue{--pad-color:var(--blue);--pad-rgb:55, 168, 255;top:0;right:12%}.pad-blue:after{top:24px;right:31px}.pad-yellow{--pad-color:var(--yellow);--pad-rgb:255, 216, 74;bottom:0;right:12%}.pad-yellow:after{bottom:23px;right:30px}.pad-green{--pad-color:var(--green);--pad-rgb:67, 229, 140;bottom:0;left:12%}.pad-green:after{bottom:22px;left:31px}.pad-surface{z-index:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at 52% 48%, #ffffffe6 0 2%, #ffffff2e 11%, transparent 32%), radial-gradient(circle at 36% 63%, color-mix(in srgb, var(--pad-color), white 18%), transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--pad-color), white 9%), var(--pad-color) 58%, color-mix(in srgb, var(--pad-color), black 28%));box-shadow:0 0 110px rgba(var(--pad-rgb), .72) inset;transition:opacity 90ms;position:absolute;inset:0}.pad kbd{z-index:4;opacity:.38;font-family:var(--mono);color:var(--white);font-size:8px;font-weight:400;position:absolute}.pad-red kbd{top:23px;right:34px}.pad-blue kbd{bottom:25px;right:34px}.pad-yellow kbd{bottom:25px;left:34px}.pad-green kbd{top:25px;left:34px}.pad-word{z-index:5;opacity:0;color:#050814e0;letter-spacing:-.075em;text-align:center;text-shadow:1px 1px #ffffff29;width:100%;font-size:clamp(35px,5.2vw,76px);font-weight:800;line-height:.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(.65)}.pad.is-lit{z-index:4;border-color:color-mix(in srgb, var(--pad-color), white 28%);box-shadow:0 0 0 1px #ffffff38 inset, 0 0 42px rgba(var(--pad-rgb), .68), 0 0 110px rgba(var(--pad-rgb), .26);filter:saturate(128%)brightness(1.07);transform:rotate(0)scale(1.055)}.pad.is-lit .pad-surface{opacity:1;animation:1.15s ease-in-out infinite alternate surfaceFlow}.pad.is-lit .pad-word:not(:empty){animation:.44s cubic-bezier(.16,1,.3,1) both wordStrike}.pad.is-pressed{transform:rotate(0)scale(.965)}.pad.is-expected{animation:.48s ease-in-out infinite alternate expectedPulse}.board.is-playable .pad{cursor:pointer}.board.is-playable .pad:not(.is-lit):hover{z-index:2;border-color:rgba(var(--pad-rgb), .52);box-shadow:0 0 34px rgba(var(--pad-rgb), .12), 0 0 0 1px rgba(var(--pad-rgb), .1) inset;transform:rotate(0)scale(1.025)}.board-core{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#060918e6;border:1px solid #cde9ff33;border-radius:3px 16px;grid-template-columns:auto auto auto;justify-content:center;align-items:baseline;gap:9px;width:min(440px,52%);min-height:42px;padding:9px 20px 14px;display:grid;position:absolute;bottom:-7px;left:50%;transform:translate(-50%);box-shadow:0 15px 42px #00000061,inset 0 0 24px #6ef3ff0d}.board-core:before{border-right:1px solid var(--pink);border-bottom:1px solid var(--pink);content:"";width:22px;height:10px;position:absolute;bottom:-1px;right:-1px}.board-core span{color:var(--cyan);position:relative}.board-core strong{font-family:var(--mono);margin:0;font-size:17px;font-weight:600;line-height:1;position:relative}.board-core em{position:relative}.progress-marks{justify-content:center;gap:1px;display:flex;position:absolute;bottom:6px;left:18px;right:18px}.progress-marks i{background:#b9ddff29;flex:1 1 0;width:auto;min-width:0;max-width:10px;height:2px;transform:skew(-25deg)}.progress-marks i.is-active{background:#fff;box-shadow:0 0 7px #fff}.progress-marks i.is-complete{background:var(--cyan);box-shadow:0 0 6px #6ef3ff9e}.quit-button{z-index:4;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b6d8f63b;padding:7px 12px;font-size:8px;position:relative}.quit-button:hover{border-bottom-color:var(--cyan);color:var(--white)}.board.is-wrong{animation:.42s steps(2,end) both boardWrong}.board.is-clear .pad{border-color:#ffffff80;animation:.72s ease-out both clearRing;box-shadow:0 0 35px #6ef3ff1f}.distraction-field{z-index:2;pointer-events:none;display:none;position:fixed;inset:68px 0 30px;overflow:hidden;-webkit-mask-image:radial-gradient(48% 60%,#0000 0 53%,#000 75%);mask-image:radial-gradient(48% 60%,#0000 0 53%,#000 75%)}body[data-mode=distraction] .distraction-field{display:block}.decoy{--size:18px;--color:var(--cyan);--duration:6s;--delay:0s;width:var(--size);height:var(--size);color:var(--color);opacity:0;animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.decoy b{background:color-mix(in srgb, currentColor, transparent 58%);border:2px solid;width:100%;height:100%;display:block;box-shadow:0 0 24px,inset 0 0 8px}.decoy-orb b{border-radius:50%}.decoy-bar{height:max(3px, calc(var(--size) * .2))}.decoy-ring b{background:0 0;border-width:3px;border-radius:50%}.decoy-glyph b{background:0 0;transform:rotate(45deg)}.edge-0{top:-5%;left:var(--pos);animation-name:driftDown}.edge-1{top:var(--pos);animation-name:driftLeft;right:-4%}.edge-2{bottom:-5%;left:var(--pos);animation-name:driftUp}.edge-3{top:var(--pos);animation-name:driftRight;left:-4%}.round-overlay{z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0406116b;place-items:center;position:fixed;inset:0}.round-overlay:not([hidden]){display:grid}.round-overlay:before,.round-overlay:after{aspect-ratio:1;border:1px solid var(--cyan);content:"";border-radius:50%;width:35vmin;animation:.9s ease-out both resultRing;position:absolute;top:50%;left:50%}.round-overlay:after{border-color:var(--pink);animation-delay:90ms}.round-overlay strong,.round-overlay span{z-index:2;grid-area:1/1;position:relative}.round-overlay strong{letter-spacing:-.08em;text-shadow:4px 0 #6ef3ff40,-4px 0 #ff5ccc38;font-size:clamp(58px,11vw,150px);font-weight:720;line-height:.8}.round-overlay span{font-family:var(--mono);color:var(--cyan);align-self:end;margin-bottom:-32px;font-size:11px}.game-over-view{text-align:center;align-content:center;justify-items:center;height:100%;padding:30px 20px;display:grid}.game-over-view>p{color:var(--cyan);margin:0 0 12px}.game-over-view h2{letter-spacing:-.085em;margin:0;font-size:clamp(76px,13vw,180px);font-weight:690;line-height:.7}.game-over-view h2 span{color:#0000;-webkit-text-stroke:1px #ebf6ffc7;text-shadow:4px 0 #6ef3ff26,-4px 0 #ff5ccc24}.game-over-stats{border-block:1px solid var(--line);grid-template-columns:repeat(2,1fr);width:min(460px,90vw);margin:38px 0 25px;display:grid}.game-over-stats>div{border-right:1px solid var(--line);gap:5px;padding:14px 20px;display:grid}.game-over-stats>div:last-child{border-right:0}.game-over-stats strong{font-family:var(--mono);font-size:18px}.game-over-actions{gap:10px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:3px;min-width:190px;min-height:52px;padding:0 18px}.primary-button{background:linear-gradient(110deg,#37a8ff30,#ff5ccc21);border:1px solid #6ef3ffa8;justify-content:space-between;align-items:center;font-weight:620;display:flex;box-shadow:0 0 28px #6ef3ff12}.primary-button kbd{font-family:var(--mono);color:var(--muted);font-size:8px}.secondary-button{border:1px solid var(--line);color:var(--muted);background:#0f142bb8}@keyframes boardHalo{to{transform:rotate(360deg)}}@keyframes coreTurn{to{transform:rotate(360deg)}}@keyframes wordStrike{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%)scaleX(.5)scaleY(1.35)}55%{opacity:1;filter:blur();transform:translate(-50%,-50%)scaleX(1.08)scaleY(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes surfaceFlow{0%{filter:saturate(105%)brightness(.95);transform:scale(1)}to{filter:saturate(130%)brightness(1.08);transform:scale(1.035)}}@keyframes expectedPulse{to{filter:saturate(150%)brightness(1.35)}}@keyframes boardWrong{0%,to{filter:none;transform:translate(0)}25%{filter:hue-rotate(35deg);transform:translate(-9px)}50%{filter:hue-rotate(-35deg);transform:translate(8px)}75%{transform:translate(-4px)}}@keyframes clearRing{0%,to{filter:brightness()}42%{filter:brightness(1.7)saturate(145%)}}@keyframes driftDown{0%{opacity:0;transform:translateY(-10vh)rotate(0)}15%,80%{opacity:.9}to{opacity:0;transform:translate(12vw,115vh)rotate(260deg)}}@keyframes driftLeft{0%{opacity:0;transform:translate(8vw)rotate(0)}15%,80%{opacity:.9}to{opacity:0;transform:translate(-112vw,-12vh)rotate(310deg)}}@keyframes driftUp{0%{opacity:0;transform:translateY(10vh)rotate(0)}15%,80%{opacity:.9}to{opacity:0;transform:translate(-10vw,-115vh)rotate(280deg)}}@keyframes driftRight{0%{opacity:0;transform:translate(-8vw)rotate(0)}15%,80%{opacity:.9}to{opacity:0;transform:translate(112vw,14vh)rotate(330deg)}}@keyframes resultRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}20%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@media (width<=920px){.topbar{grid-template-columns:auto 1fr auto}.run-stats>div{min-width:88px;padding-inline:14px}.mode-choices{gap:10px}.mode-card{padding:15px}}@media (width<=700px){body{overflow-y:auto}.app{grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:1fr auto;min-height:58px}.logo{padding-inline:14px;font-size:11px}.logo-mark{width:24px;height:24px}.run-stats{border-top:1px solid var(--line);border-inline:0;grid-area:2/1/auto/-1}.run-stats>div{flex:1;min-width:0;padding:8px 14px}.run-stats strong{font-size:14px}body:not([data-mode]){overflow:hidden}body:not([data-mode]) .run-stats{display:none}.top-actions{padding-inline:12px}.mode-indicator{padding:6px 9px}footer{display:none}.menu-view{grid-template-rows:auto auto;align-content:center;gap:14px;width:100%;height:calc(100dvh - 58px);min-height:0;padding:12px 14px 14px;display:grid;overflow:hidden}.menu-copy{display:block}.menu-copy>p{margin:0 0 7px}.menu-copy h1{font-size:clamp(40px,12.5vw,52px);line-height:.77}.menu-copy>span{display:none}.mode-choices{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;height:clamp(390px,58dvh,500px);margin-top:0}.mode-card{border-radius:18px 3px;grid-template-rows:auto minmax(45px,1fr) auto auto auto;grid-template-columns:1fr;min-width:0;min-height:0;padding:10px}.mode-number{font-size:7px;position:absolute;top:9px;right:9px}.mini-board,.confusion-preview,.distraction-preview,.reverse-preview{grid-area:2/1;align-self:center;width:min(15vw,62px)}.mode-card>strong,.mode-card>span:not(.mode-number,.mini-board,.confusion-preview,.distraction-preview,.reverse-preview),.mode-card>b{grid-column:1}.mode-card>strong{letter-spacing:-.06em;grid-row:3;align-self:auto;margin-top:5px;font-size:clamp(18px,5.8vw,24px)}.mode-card>span:not(.mode-number,.mini-board,.confusion-preview,.distraction-preview,.reverse-preview){grid-row:4;margin-top:4px;font-size:clamp(9px,2.65vw,11px);line-height:1.25}.mode-card>b{grid-row:5;align-self:auto;margin-top:7px;padding-top:7px;font-size:7px}.mode-card>b i{font-size:11px}.reverse-preview{padding-bottom:18%}.reverse-preview:after{font-size:18px;bottom:3%}.game-view{min-height:calc(100dvh - 109px);padding:14px 10px 16px}.board{aspect-ratio:1;align-self:center;width:min(86vw,350px);height:auto;margin-bottom:0}.board:after{inset:50% 5% auto}.pad{aspect-ratio:1;width:44%;height:auto;inset:auto}.pad-slot{width:44%}.pad-slot-red{top:0;left:0}.pad-slot-blue{top:0;right:0}.pad-slot-yellow{bottom:0;right:0}.pad-slot-green{bottom:0;left:0}body[data-mode=distraction] .pad-orbit{width:100%;margin-left:0;left:0;right:0}body[data-mode=distraction] .pad-slot-red{top:9%;left:9%}body[data-mode=distraction] .pad-slot-blue{top:9%;right:9%}body[data-mode=distraction] .pad-slot-yellow{bottom:9%;right:9%}body[data-mode=distraction] .pad-slot-green{bottom:9%;left:9%}.pad:after{width:27px;inset:15px auto auto 50%;transform:translate(-50%)}.pad-red{top:0;left:0}.pad-blue{top:0;right:0}.pad-yellow{bottom:0;right:0}.pad-green{bottom:0;left:0}.pad kbd{display:none}.pad-word{letter-spacing:-.06em;padding-inline:3px;font-size:clamp(24px,8vw,38px)}.board-core{width:min(250px,76%);padding-inline:14px;bottom:-52px}.board-core strong{font-size:16px}.distraction-field{inset:109px 0 0;-webkit-mask-image:radial-gradient(48% 42%,#0000 0 54%,#000 78%);mask-image:radial-gradient(48% 42%,#0000 0 54%,#000 78%)}.game-over-view{min-height:calc(100dvh - 109px)}.game-over-actions{flex-direction:column;width:min(420px,100%)}.primary-button,.secondary-button{width:100%}}@media (orientation:landscape) and (height<=610px) and (width>=680px){.app{grid-template-rows:54px minmax(0,1fr)}.topbar{min-height:54px}.logo{padding-inline:14px}.run-stats>div{min-width:82px;padding:8px 12px}.run-stats strong{font-size:14px}footer{display:none}.menu-view{grid-template-rows:1fr;grid-template-columns:.65fr 1.35fr;align-items:center;gap:32px;padding:20px 32px}.menu-copy{display:block}.menu-copy>p{margin:0 0 14px}.menu-copy h1{font-size:clamp(53px,8vw,78px)}.menu-copy>span{margin-top:20px;display:block}.mode-choices{height:min(76vh,390px)}.mode-card{padding:13px}.mini-board,.confusion-preview,.distraction-preview,.reverse-preview{width:min(19vh,105px)}.mode-card>strong{font-size:clamp(20px,2.3vw,29px)}.mode-card>span:not(.mode-number,.mini-board,.confusion-preview,.distraction-preview,.reverse-preview){font-size:10px}.game-view{grid-template-rows:1fr;grid-template-columns:180px minmax(0,1fr) 120px;align-items:center;padding:8px 16px}.game-instruction{grid-column:1;align-self:center}.board{aspect-ratio:1.28;grid-column:2;width:min(100%,575px,97vh);height:auto}.quit-button{grid-column:3;justify-self:center}.distraction-field{inset:54px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}