@font-face{font-family:Audiowide;src:url(fonts/audiowide-latin-400-normal.woff2) format("woff2"),url(fonts/audiowide-latin-400-normal.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #05060b;--bg-glow: #131a2c;--bg-raise: #0e1424;--panel: #101524;--edge: #232c44;--text: #e8ecf6;--text-dim: #9aa4bd;--blue: #4c8dff;--pink: #ff5cae;--teal: #35c2a0;--orange: #ffa033;--purple: #9b6cff;--gold: #ffd166;--btn-a: #d92c86;--btn-b: #6f42d8;--fx-star: rgba(230, 238, 255, .5);--fx-bar-alpha: .12;--fx-haze-alpha: .16;--radius: 14px;--display: "Audiowide", "Trebuchet MS", "Segoe UI", sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #eef1f8;--bg-glow: #dfe6f6;--bg-raise: #e3e8f4;--panel: #ffffff;--edge: #d3daeb;--text: #182031;--text-dim: #55617a;--blue: #2e63d8;--pink: #d92c86;--teal: #0d7a66;--orange: #b45309;--purple: #6f42d8;--gold: #8f6b00;--fx-star: rgba(40, 56, 100, .28);--fx-bar-alpha: .1;--fx-haze-alpha: .12}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);background-image:radial-gradient(90rem 50rem at 50% -10rem,var(--bg-glow),var(--bg) 60%);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%}.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--pink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-999px;inset-inline-start:-999px;top:0;z-index:10;background:var(--panel);color:var(--text);padding:.6rem 1rem;border-radius:0 0 8px}.skip:focus{left:0;inset-inline-start:0}header.site{display:flex;align-items:center;gap:.8rem;padding:1rem 1.25rem;max-width:68rem;margin:0 auto}header.site img{width:40px;height:40px;border-radius:9px}header.site .name{font-family:var(--display);font-size:1.05rem;letter-spacing:.06em;color:var(--text);text-decoration:none;white-space:nowrap}header.site nav{margin-left:auto;margin-inline-start:auto;display:flex;gap:1rem;row-gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}header.site nav a{color:var(--text-dim);text-decoration:none;font-size:.95rem}header.site nav a:hover{color:var(--text)}header.site nav a.btn-play,header.site nav a.btn-play:hover{min-height:44px;color:#fff;font-size:.9rem;line-height:1.15;padding:.5rem 1rem}.tgls{display:flex;gap:.45rem;align-items:center;margin-left:auto;margin-inline-start:auto}header.site nav{margin-left:1.1rem;margin-inline-start:1.1rem}select.lang{max-width:12.5rem;min-height:44px;border:1.5px solid var(--edge);border-radius:8px;padding:.35rem .55rem;background:var(--panel);color:var(--text);font:600 .85rem var(--body)}button.tgl{-webkit-appearance:none;appearance:none;background:transparent;border:1.5px solid var(--edge);color:var(--text-dim);border-radius:999px;padding:.35rem .75rem;font:600 .8rem var(--body);cursor:pointer;letter-spacing:.02em;line-height:1.2;white-space:nowrap}button.tgl:hover{border-color:var(--blue);color:var(--text)}@media(max-width:760px){header.site{flex-wrap:wrap;padding:.85rem 1rem .7rem;row-gap:.75rem}header.site .name{font-size:1rem;white-space:nowrap}header.site nav{margin-left:0;margin-inline-start:0;width:100%;justify-content:center;gap:1rem}header.site .tgls .tgl{padding:.35rem .55rem;font-size:.9rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}header.site nav a{padding:.55rem .25rem;margin:-.45rem 0}header.site .tgls .tgl .txt{display:none}}html[dir=rtl] .skip{left:auto}html[dir=rtl] header.site nav,html[dir=rtl] .tgls,html[dir=rtl] .anch{margin-left:0}html[dir=rtl] .gc-out{border-left:0;padding-left:0}html[dir=rtl] .prose h2 .mi{margin-right:0}html[lang=ar] .prose h1,html[lang=ar] .prose h2,html[lang=ar] .card h2,html[lang=ar] .card h3,html[lang=ar] .btn,html[lang=ar] button{letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.6rem;border-radius:999px;font-family:var(--display);font-size:1rem;letter-spacing:.04em;line-height:1.25;text-decoration:none;text-align:center;border:1px solid transparent;-webkit-font-smoothing:antialiased;transition:transform .15s ease,box-shadow .15s ease,background-position .15s ease}.btn-play{background-color:var(--btn-a);background-image:linear-gradient(100deg,var(--btn-a),var(--btn-b)),linear-gradient(110deg,#ffffff85,#ffffff1f);background-origin:padding-box,border-box;background-clip:padding-box,border-box;color:#fff;box-shadow:0 7px 20px #6f42d833,inset 0 1px #fff3,inset 0 -1px #1808343d}.btn-play:hover{background-image:linear-gradient(100deg,#ed3b9d,#8055e8),linear-gradient(110deg,#ffffffa6,#fff3);box-shadow:0 9px 24px #6f42d84d,inset 0 1px #ffffff40,inset 0 -1px #18083433;transform:translateY(-1px);color:#fff}.btn-play:active{transform:translateY(0) scale(.985)}.btn:focus-visible{border-radius:999px}.btn-ghost{border-color:var(--edge);color:var(--text)}.btn-ghost:hover{border-color:var(--blue);color:var(--text)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.hero{text-align:center;padding:3.5rem 0 2.5rem}.hero .mark{width:132px;height:132px;border-radius:26px}.hero h1{font-family:var(--display);font-weight:400;font-size:2.1rem;font-size:clamp(2rem,6vw,3.4rem);margin:1.2rem 0 .4rem;letter-spacing:.05em}.hero h1 .mix,header.site .name .mix{background:linear-gradient(100deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:var(--pink)}@supports (background-clip: text) or (-webkit-background-clip: text){.hero h1 .mix,header.site .name .mix{color:transparent}}.hero .tag{font-size:1.15rem;font-size:clamp(1.1rem,2.6vw,1.4rem);color:var(--text-dim);max-width:38rem;margin:0 auto 1.8rem}.hero .tag strong{color:var(--text);font-weight:600}.hero .cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.hero .fineprint{color:var(--text-dim);font-size:.85rem;margin-top:.9rem}.steam-widget{width:646px;max-width:calc(100% - 1rem);height:190px;margin:1.35rem auto 0;position:relative;overflow:hidden;border-radius:4px;background:linear-gradient(130deg,#3b4351,#282e39);box-shadow:0 10px 30px #0000003d}.steam-widget iframe{position:absolute;inset:0 auto auto 0;display:block;width:646px;height:190px;border:0;transform-origin:top left;overflow:hidden;background-color:transparent;color-scheme:light}.store-links{display:flex;justify-content:center;gap:.65rem;max-width:40rem;margin:1.35rem auto 0}.store-links-mobile{max-width:32rem;margin-top:.75rem}.store-button{-webkit-appearance:none;appearance:none;flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.6rem;padding:.62rem .9rem;border:1px solid var(--edge);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;line-height:1.2;text-decoration:none;white-space:nowrap}.store-logo{width:22px;height:22px;flex:0 0 auto}.store-platform{font-family:var(--display);font-size:.82rem;font-weight:400;letter-spacing:.035em}a.store-button{transition:border-color .15s ease,background-color .15s ease,transform .15s ease}a.store-button:hover{border-color:var(--teal);background:var(--bg-raise);color:var(--text);transform:translateY(-1px)}button.store-button:disabled{cursor:default;opacity:.5}@media(max-width:640px){.store-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:26rem}}@media(max-width:500px){.store-links{grid-template-columns:1fr;max-width:20rem;gap:.5rem}.store-button{justify-content:flex-start;min-height:48px}}@media(max-width:500px){.steam-widget{width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:8px}}@media(max-width:340px){.steam-widget{width:calc(100% - 1rem);max-width:calc(100% - 1rem);border-radius:6px}}@media(prefers-reduced-motion:reduce){a.store-button{transition:none}a.store-button:hover{transform:none}}.eq{display:flex;gap:10px;justify-content:center;align-items:flex-end;height:64px;margin:2.2rem auto 0}.eq span{width:14px;border-radius:7px;height:30%}.eq span:nth-child(1){background:var(--blue);height:42%}.eq span:nth-child(2){background:var(--pink);height:72%}.eq span:nth-child(3){background:var(--teal);height:100%}.eq span:nth-child(4){background:var(--orange);height:72%}.eq span:nth-child(5){background:var(--purple);height:42%}@media(prefers-reduced-motion:no-preference){.eq span{animation:eq 1.1s ease-in-out infinite alternate;transform-origin:bottom}.eq span:nth-child(1){animation-delay:0s}.eq span:nth-child(2){animation-delay:.15s}.eq span:nth-child(3){animation-delay:.3s}.eq span:nth-child(4){animation-delay:.45s}.eq span:nth-child(5){animation-delay:.6s}@keyframes eq{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}}section{padding:2.6rem 0}h2{font-family:var(--display);font-weight:400;letter-spacing:.04em;font-size:1.5rem;font-size:clamp(1.4rem,3.4vw,1.9rem);margin:0 0 1.4rem}@supports (text-wrap: balance){h1,h2,.tag{text-wrap:balance}}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr))}.table-note{margin-top:.9rem}.grid-below-intro{margin-top:1.5rem}.card{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);padding:1.2rem 1.3rem}.card h3,.card h2{margin:0 0 .4rem;font-size:1.02rem;font-family:var(--display);font-weight:400;letter-spacing:.03em}.card h2 a,.card h3 a{text-decoration:none}.card p{margin:0;color:var(--text-dim);font-size:.95rem}.card[data-c=blue] h3,.card[data-c=blue] h2{color:var(--blue)}.card[data-c=pink] h3,.card[data-c=pink] h2{color:var(--pink)}.card[data-c=teal] h3,.card[data-c=teal] h2{color:var(--teal)}.card[data-c=orange] h3,.card[data-c=orange] h2{color:var(--orange)}.card[data-c=purple] h3,.card[data-c=purple] h2{color:var(--purple)}.card[data-c=gold] h3,.card[data-c=gold] h2{color:var(--gold)}table{border-collapse:collapse;width:100%;font-size:.97rem}th,td{text-align:left;text-align:start;padding:.65rem .9rem;border-bottom:1px solid var(--edge);vertical-align:top}th{font-family:var(--display);font-weight:400;letter-spacing:.04em;color:var(--text-dim);font-size:.9rem}td:first-child,th[scope=row]{color:var(--text-dim);font-weight:400;font-family:var(--body);font-size:.97rem;letter-spacing:0;text-align:left;text-align:start}.yes{color:var(--teal)}.cmp{border:1px solid var(--edge);border-radius:var(--radius);padding:0 .35rem;background:var(--panel)}.cmp tr:last-child td{border-bottom:none}@media(max-width:480px){table{font-size:.88rem}th,td{padding:.55rem .5rem}}.prose{max-width:46rem}.prose h1{font-family:var(--display);font-weight:400;font-size:1.8rem;letter-spacing:.04em;margin:2.4rem 0 1rem;hyphens:auto;overflow-wrap:anywhere}.prose h2{font-size:1.25rem;margin-top:2rem}.prose li{margin:.3rem 0}.prose .updated{color:var(--text-dim);font-size:.9rem}@media(max-width:760px){.prose h1{font-size:1.6rem}}kbd{background:var(--bg-raise);border:1px solid var(--edge);border-bottom-width:3px;border-radius:6px;padding:.1rem .5rem;font-size:.88em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}footer.site{border-top:1px solid var(--edge);margin-top:3rem;padding:2rem 0 3rem;color:var(--text-dim);font-size:.92rem}footer.site .wrap{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}footer.site a{color:var(--text-dim)}footer.site a:hover{color:var(--text)}footer.site .spacer{flex:1}.social-links{display:inline-flex;gap:.55rem;align-items:center}.social-link{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgb(255 255 255 / .2);border-radius:50%;box-shadow:0 3px 12px #0003;transition:transform .15s ease,box-shadow .15s ease}.social-link img{display:block;width:1.35rem;height:1.35rem}.social-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.social-link:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.social-discord{background:#5865f2}.social-reddit{background:#ff4500}.social-youtube{background:red}.social-signal{background:#3b45fd}.social-signal img{width:1.65rem;height:1.65rem}.social-bluesky{background:#1185fe}.social-x{background:#000}@media(prefers-reduced-motion:reduce){.social-link{transition:none}}@media(max-width:640px){.hero{padding-top:2.2rem}.hero .mark{width:104px;height:104px}header.site nav{gap:.8rem}}.fx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}:root[data-fx=off] .fx{display:none}:root[data-fx=off] .eq span{animation:none}.fx-stars{position:absolute;inset:-260px 0;background-image:radial-gradient(2px 2px at 22% 18%,var(--fx-star),transparent 55%),radial-gradient(1.6px 1.6px at 68% 42%,var(--fx-star),transparent 55%),radial-gradient(1.4px 1.4px at 41% 71%,var(--fx-star),transparent 55%),radial-gradient(2px 2px at 87% 84%,var(--fx-star),transparent 55%),radial-gradient(1.3px 1.3px at 9% 55%,var(--fx-star),transparent 55%);background-size:260px 260px;animation:fx-drift 90s linear infinite}@keyframes fx-drift{to{transform:translateY(260px)}}.fx-haze{position:absolute;width:46rem;height:46rem;border-radius:50%;filter:blur(70px);opacity:var(--fx-haze-alpha)}.fx-h1{left:-14rem;top:-16rem;background:radial-gradient(circle,var(--blue),transparent 65%);animation:fx-haze1 34s ease-in-out infinite alternate}.fx-h2{right:-16rem;bottom:-18rem;background:radial-gradient(circle,var(--pink),transparent 65%);animation:fx-haze2 41s ease-in-out infinite alternate}@keyframes fx-haze1{to{transform:translate(6rem,4rem)}}@keyframes fx-haze2{to{transform:translate(-5rem,-6rem)}}.fx-bars{position:absolute;left:0;right:0;bottom:-6px;height:22vh;display:flex;align-items:flex-end;justify-content:space-around;opacity:var(--fx-bar-alpha)}.fx-bars b{width:4.5%;border-radius:8px 8px 0 0;transform-origin:bottom}.fx-bars b:nth-child(5n+1){background:var(--blue);height:42%;animation:fx-eq 5.2s ease-in-out infinite alternate}.fx-bars b:nth-child(5n+2){background:var(--pink);height:74%;animation:fx-eq 6.1s ease-in-out infinite alternate;animation-delay:-1.2s}.fx-bars b:nth-child(5n+3){background:var(--teal);height:100%;animation:fx-eq 4.6s ease-in-out infinite alternate;animation-delay:-2.4s}.fx-bars b:nth-child(5n+4){background:var(--orange);height:63%;animation:fx-eq 6.8s ease-in-out infinite alternate;animation-delay:-.7s}.fx-bars b:nth-child(5n+5){background:var(--purple);height:51%;animation:fx-eq 5.7s ease-in-out infinite alternate;animation-delay:-3.1s}@keyframes fx-eq{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.fx-stars,.fx-haze,.fx-bars b{animation:none!important}}@media print{:root{--bg: #fff;--bg-glow: #fff;--bg-raise: #fff;--panel: #fff;--edge: #999;--text: #000;--text-dim: #333;--blue: #0033aa;--pink: #aa0055;--teal: #006644;--orange: #884400;--purple: #5522aa;--gold: #665500}body{background:#fff;color:#000}header.site nav,.cta,.eq,.fx,button.tgl{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-contrast:more){:root{--text-dim: #c6cede;--edge: #58658c;--fx-bar-alpha: 0;--fx-haze-alpha: 0}:root[data-theme=light]{--text-dim: #2f394e;--edge: #7a86a6}}@media(forced-colors:active){.fx,.eq{display:none}.hero h1 .mix,header.site .name .mix{color:CanvasText;background:none;-webkit-background-clip:initial;background-clip:initial}}[id]{scroll-margin-top:5.5rem}.anch{margin-left:.4em;margin-inline-start:.4em;font-weight:400;font-size:.85em;opacity:.35;text-decoration:none}.anch:hover,.anch:focus-visible{opacity:1;text-decoration:none}.anch.copied:after{content:" link copied";font-size:.62em;color:var(--teal);letter-spacing:.04em}.stemdemo{--sd-plate: #0e0820;margin:1.4rem 0 1.8rem;padding:1rem 1rem .85rem;border:2px solid #2a2f52;border-radius:14px;background:#08040f}.sd-head{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;justify-content:space-between;margin-bottom:.9rem}.sd-title{font-weight:800;letter-spacing:.14em;font-size:.8rem;color:#7dffb0}.sd-hint{font-size:.72rem;color:#7f8ab0}.sd-rows{display:grid;gap:.85rem}.sd-row{display:grid;grid-template-columns:4.4rem 1.9rem 1fr;gap:.55rem;align-items:center}.sd-chip{position:relative;width:44px;height:44px;margin:0 auto;padding:0;background:var(--sd-plate);border:2.5px solid var(--sc);border-radius:10px;cursor:pointer;display:block}.sd-chip:before{content:"";position:absolute;inset:6px;border-radius:7px;background:var(--sc);opacity:.92}.sd-chip:after{content:"";position:absolute;inset:8px;opacity:0;background:linear-gradient(45deg,transparent calc(50% - 1.5px),var(--sc) calc(50% - 1.5px),var(--sc) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.sd-cap{display:block;margin-top:5px;width:100%;text-align:center;font:700 .6rem/1 inherit;letter-spacing:.02em;color:var(--sc)}.sd-row.muted .sd-chip{opacity:.85}.sd-row.muted .sd-chip:before{opacity:0}.sd-row.muted .sd-chip:after{opacity:.5}.sd-row.muted .sd-chip{border-color:color-mix(in srgb,var(--sc) 32%,transparent)}.sd-row.muted .sd-cap{opacity:.4}.sd-row.absent .sd-chip{border-color:color-mix(in srgb,var(--sc) 40%,transparent)}.sd-row.absent .sd-chip:before{opacity:0}.sd-row.absent .sd-chip:after{opacity:.75;background:linear-gradient(var(--sc),var(--sc)) center/12px 2.5px no-repeat,linear-gradient(var(--sc),var(--sc)) center/2.5px 12px no-repeat}.sd-row.absent .sd-cap{opacity:.4}.sd-stack{display:grid;gap:4px;justify-items:center}.sd-dice,.sd-lock{width:26px;height:25px;display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer;color:var(--sc)}.sd-dice svg,.sd-lock svg{display:block}.sd-dice rect{fill:var(--sd-plate);stroke:currentColor;stroke-width:1.5}.sd-dice circle{fill:currentColor}.sd-dice{opacity:.85}.sd-dice:hover{opacity:1}.sd-row.locked .sd-dice{opacity:.26}.sd-lock{opacity:.32}.sd-lock:hover{opacity:.7}.sd-row.locked .sd-lock{opacity:1}.sd-lock .shackle{fill:none;stroke:currentColor;stroke-width:1.6}.sd-lock .body{fill:var(--sd-plate);stroke:currentColor;stroke-width:1.4}.sd-row.locked .sd-lock .body{fill:currentColor;stroke:none}.sd-lane{display:block;width:100%;height:38px;border-radius:4px;background:#ffffff08}@keyframes sd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-dice.spin svg{animation:sd-spin .34s cubic-bezier(.215,.61,.355,1)}@keyframes sd-nudge{0%,to{transform:scale(1)}25%,75%{transform:scale(1.35)}}.sd-lock.nudge svg{animation:sd-nudge .22s ease 2}@keyframes sd-refuse{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sd-shuffle.refuse{animation:sd-refuse .28s ease 2}.sd-shuffle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.9rem;width:100%;font:800 .78rem/1 inherit;letter-spacing:.12em;color:#7dffb0;background:var(--sd-plate);border:2px solid #7dffb0;border-radius:9px;padding:.62rem;cursor:pointer}.sd-shuffle svg{fill:none;stroke:currentColor;stroke-width:2}.sd-shuffle:hover{background:#141033}.sd-note{margin:.8rem 0 .2rem;font-size:.74rem;color:#7f8ab0}.sd-note a{color:#7dffb0}@media(prefers-reduced-motion:reduce){.sd-dice.spin svg,.sd-lock.nudge svg,.sd-shuffle.refuse{animation:none}}@media(max-width:560px){.sd-row{grid-template-columns:3.9rem 1.7rem 1fr;gap:.4rem}.sd-chip{width:40px;height:40px}.sd-cap{font-size:.54rem}}.hitdemo{--sd-plate: #0e0820;margin:1.4rem 0 1.8rem;padding:1rem 1rem .85rem;border:2px solid #2a2f52;border-radius:14px;background:#08040f}.hd-head{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.hd-title{font-weight:800;letter-spacing:.14em;font-size:.8rem;color:#7dffb0}.hd-hint{font-size:.72rem;color:#7f8ab0}.hd-playfield{position:relative;height:440px;padding-bottom:4.7rem}.hd-stage{position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;border-radius:10px;background:#ffffff05;pointer-events:none;touch-action:manipulation}.hd-keys{position:absolute;z-index:2;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;justify-items:center}.hd-key{position:relative;display:grid;place-items:center;width:74%;max-width:124px;min-width:0;aspect-ratio:1;padding:0;color:#fff;background:#7dffb057;background:color-mix(in srgb,var(--lc) 48%,#08040f);border:0;border-radius:17px;clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);filter:drop-shadow(0 0 8px rgba(125,255,176,.2));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--lc) 35%,transparent));cursor:pointer;touch-action:manipulation;transition:transform 70ms ease-out,filter 90ms ease-out,background-color 90ms ease-out}.hd-key:before,.hd-key-face,.hd-key-face:before{content:"";position:absolute;clip-path:inherit;pointer-events:none}.hd-key:before{inset:4%;background:#08040f}.hd-key-face{inset:8%;display:grid;place-items:center;background:var(--lc)}.hd-key-face:before{inset:3px;background:#0a0414;background:color-mix(in srgb,var(--lc) 16%,#0a0414)}.hd-key svg{position:relative;z-index:2;width:47%;height:47%;margin-top:-8%;color:#fff;fill:currentColor;filter:drop-shadow(0 0 4px rgba(255,255,255,.32))}.hd-key kbd{position:absolute;z-index:3;left:50%;bottom:5%;transform:translate(-50%);min-width:35%;padding:.16rem .28rem;color:#fff;background:#08040f;border:1.5px solid var(--lc);border-radius:7px;font:800 .67rem/1 var(--body);box-shadow:inset 0 -2px #ffffff14}.hd-key:hover{filter:drop-shadow(0 0 11px color-mix(in srgb,var(--lc) 55%,transparent))}.hd-key:active,.hd-key.hit{background:#fff;transform:scale(.86);filter:drop-shadow(0 0 11px rgba(255,255,255,.72))}.hd-key:focus-visible{outline:3px solid #fff;outline-offset:-6px}.hd-score{margin:.7rem 0 0;text-align:center}.hd-tally{font:700 .78rem/1.5 inherit;letter-spacing:.06em;color:#cfd6ea}@media(prefers-reduced-motion:reduce){.hd-key{transition:none}}.beatdemo{--sd-plate: #0e0820;margin:1.4rem 0 1.8rem;padding:1rem 1rem .9rem;border:2px solid #2a2f52;border-radius:14px;background:#08040f;overflow-x:auto}.bg-head{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;justify-content:space-between;margin-bottom:.8rem}.bg-title{font-weight:800;letter-spacing:.14em;font-size:.8rem;color:#7dffb0}.bg-hint{font-size:.72rem;color:#7f8ab0}.bg-grid{display:grid;grid-template-columns:3.1rem 1fr;gap:.3rem .5rem;align-items:center;min-width:26rem}.bg-lbl{font:700 .62rem/1 inherit;letter-spacing:.04em;color:var(--rc);text-align:right;text-align:end}.bg-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.bg-cell{aspect-ratio:1;min-height:22px;padding:0;border-radius:5px;cursor:pointer;background:var(--sd-plate);border:1px solid rgba(255,255,255,.16);border-color:color-mix(in srgb,var(--rc) 22%,transparent)}.bg-cell.beat{background:#150c2c;border-color:#ffffff57;border-color:color-mix(in srgb,var(--rc) 45%,transparent)}.bg-cell[data-state=on]{background:var(--rc);background:color-mix(in srgb,var(--rc) 80%,transparent);border-color:transparent}.bg-cell[data-state=accent]{background:var(--rc);border:2px solid rgba(255,255,255,.85)}.bg-cell[data-state=ghost]{background:var(--rc);border-color:var(--rc);background:color-mix(in srgb,var(--rc) 42%,transparent);border-color:color-mix(in srgb,var(--rc) 70%,transparent)}.bg-cell:hover{filter:brightness(1.25)}.bg-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem}.bg-clear{font:800 .72rem/1 inherit;letter-spacing:.1em;color:#7dffb0;background:var(--sd-plate);border:2px solid #7dffb0;border-radius:9px;padding:.55rem 1rem;cursor:pointer}.bg-clear:hover{background:#141033}.genrecard{--sd-plate: #0e0820;margin:1.4rem 0 1.8rem;padding:1rem;border:2px solid #2a2f52;border-radius:14px;background:#08040f}.gc-pick{margin-bottom:.85rem}.gc-select{width:100%;font:700 .9rem/1 inherit;color:#eef2f8;background:var(--sd-plate);border:2px solid #2a2f52;border-radius:9px;padding:.65rem .7rem;min-height:44px}.gc-out{border-left:3px solid var(--gc, #7dffb0);border-inline-start:3px solid var(--gc, #7dffb0);padding-left:.9rem;padding-inline-start:.9rem}.gc-name{font:800 1.1rem/1.2 inherit;letter-spacing:.06em;color:var(--gc, #7dffb0);margin-bottom:.5rem}.gc-row{display:flex;flex-wrap:wrap;gap:.2rem .8rem;padding:.28rem 0;border-top:1px solid rgba(255,255,255,.06)}.gc-row:first-of-type{border-top:0}.gc-k{flex:0 0 8.5rem;font:700 .72rem/1.5 inherit;letter-spacing:.06em;color:#7f8ab0}.gc-v{flex:1 1 12rem;font-size:.86rem;color:#dfe5f5}@media(max-width:560px){.hd-playfield{height:540px;padding-bottom:4rem}.hd-key{border-radius:14px}.hd-key kbd{display:none!important}.hd-key svg{margin-top:0}.bg-grid{grid-template-columns:2.6rem 1fr}.gc-k{flex-basis:100%}}@media(pointer:coarse){.hd-key kbd{display:none!important}.hd-key svg{margin-top:0}}.prose h2 .mi{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:30px;height:24px;margin-right:.55rem;margin-inline-end:.55rem;vertical-align:-2px;position:relative}.mi i,.mi b{display:block}.mi-jam{align-items:flex-end}.mi-jam i{width:4px;height:16px;border-radius:1.5px;background:#4fd1a0;transform-origin:bottom;animation:mi-eq .34s ease-in-out infinite alternate}.mi-jam i:nth-child(2){animation-duration:.41s;animation-delay:.09s}.mi-jam i:nth-child(3){animation-duration:.48s;animation-delay:.18s}@keyframes mi-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.mi-mix b{width:20px;height:20px;position:relative;animation:mi-spin 2.6s linear infinite}.mi-mix i{position:absolute;width:5px;height:5px;border-radius:50%;background:#b073ff}.mi-mix i:nth-child(1){top:0;left:7.5px}.mi-mix i:nth-child(2){bottom:1.5px;left:1px}.mi-mix i:nth-child(3){bottom:1.5px;right:1px}@keyframes mi-spin{to{transform:rotate(360deg)}}.mi-battle{gap:1px}.mi-battle i{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.mi-battle i:nth-child(1){border-left:8px solid #ff5a52;animation:mi-clash-l .42s ease-in-out infinite alternate}.mi-battle i:nth-child(2){border-right:8px solid #ff5a52;animation:mi-clash-r .42s ease-in-out infinite alternate}@keyframes mi-clash-l{0%{transform:translate(-3px)}to{transform:translate(2px)}}@keyframes mi-clash-r{0%{transform:translate(3px)}to{transform:translate(-2px)}}.mi-auto i{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #39c6e0;animation:mi-pulse .7s ease-in-out infinite alternate}@keyframes mi-pulse{0%{transform:scale(.8)}to{transform:scale(1.12)}}.mi-radio{align-items:flex-end;gap:2px}.mi-radio i{width:3.5px;border-radius:1px;background:#ffc24d;animation:mi-signal .52s ease-in-out infinite alternate}.mi-radio i:nth-child(1){height:5px}.mi-radio i:nth-child(2){height:10px;animation-duration:.6s;animation-delay:.13s}.mi-radio i:nth-child(3){height:15px;animation-duration:.68s;animation-delay:.26s}@keyframes mi-signal{0%{opacity:.4}to{opacity:1}}:root[data-fx=off] .mi i,:root[data-fx=off] .mi b{animation:none}@media(prefers-reduced-motion:reduce){.mi i,.mi b{animation:none}}header.site nav select.lang{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:.25rem .4rem;max-width:10.5rem;cursor:pointer}header.site nav select.lang:focus-visible{outline:2px solid var(--blue);outline-offset:2px}header.site nav select.lang option{color:#10131f;background:#fff}