@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@500;600;700;800&display=swap";:root{color:#f2f0ff;font-family:Outfit,system-ui,sans-serif;font-synthesis:none;background:#141238;--cabinet: #141238;--panel: #24205a;--rim: #544b97;--muted: #bbb9e9;--yellow: #ffe86b}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--cabinet)}#game,#game canvas{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;display:block}#game{background:radial-gradient(ellipse at 50% 44%,#302b65,#10102e 72%)}#game:after{content:"";position:absolute;z-index:2;top:8px;right:8px;bottom:8px;left:8px;border:6px solid;border-color:#7168b5 #302859 #151335 #4c4386;border-radius:12px;box-shadow:inset 0 0 0 1px #9189cc44,inset 0 0 65px #07071d88,0 0 0 8px #141238;pointer-events:none}#game canvas{outline:none;touch-action:none}.brand,.hud,.toast{position:fixed;z-index:5;-webkit-user-select:none;user-select:none}.brand{top:26px;left:28px;display:flex;align-items:center;gap:12px}.brand>div>span{font:800 25px Outfit,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--yellow);text-shadow:0 2px #9b682c,0 5px 12px #06061a}.brand small{display:block;margin-top:6px;color:var(--muted);font:11px DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#141238;background:linear-gradient(#fff2a0,#ffe86b);font:800 24px Outfit,sans-serif;border:3px outset #ffe86b;border-radius:5px;box-shadow:0 4px #9b682c,0 8px 16px #06061a66}.hud{color:#f2f0ff;border:2px solid;border-color:#7971c5 #2e275f #1c174b #524589;background:linear-gradient(145deg,#322c70,#1a174a);box-shadow:inset 0 1px #c5c1ff33,0 5px #090921,0 12px 28px #06061a66;border-radius:8px}.status-rail{position:fixed;z-index:5;top:28px;right:28px;width:156px;display:grid;gap:16px}.stats{position:relative;width:100%;text-align:center;cursor:pointer}.stats div{padding:14px;border-bottom:1px solid #ffffff0d}.stats div:last-child{border-bottom:0}.stats span,.next>span,.eyebrow{display:block;color:var(--muted);font:500 11px DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase}.stats strong{display:block;margin-top:8px;padding:5px 4px;color:var(--yellow);font:500 22px DM Mono,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:#0d0b2b;border-radius:4px;box-shadow:inset 0 2px 4px #06061aaa,0 1px #9189cc33;text-shadow:0 0 12px #ffe86b22}.stats div:first-child strong{font-size:30px;color:#fff2a0}.next{position:relative;width:100%;padding:16px 12px;text-align:center}.next-grid{display:grid;grid-template-columns:repeat(4,24px);gap:2px;min-height:88px;margin:12px auto 0;padding:8px;width:max-content;background:#0d0b2b;border-radius:5px;box-shadow:inset 0 2px 5px #06061aaa,0 1px #9189cc33}.next-grid i{width:24px;height:24px}.next-grid i.filled,.title-piece i{position:relative;border:1px solid #0b082c;background:conic-gradient(from -45deg,color-mix(in srgb,var(--piece-color),white 38%),color-mix(in srgb,var(--piece-color),white 38%) 90deg,color-mix(in srgb,var(--piece-color),black 20%) 90deg,color-mix(in srgb,var(--piece-color),black 20%) 180deg,color-mix(in srgb,var(--piece-color),black 35%) 180deg,color-mix(in srgb,var(--piece-color),black 35%) 270deg,color-mix(in srgb,var(--piece-color),white 12%) 270deg);box-shadow:2px 3px 2px #06061a80}.next-grid i.filled:after,.title-piece i:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;background:linear-gradient(#ffffff10,#0000000a),var(--piece-color)}.title-piece{--piece-color: #b84bea;display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(2,26px);gap:2px;width:max-content;margin:0 auto 18px;filter:drop-shadow(0 4px 8px #06061a)}.title-piece i:first-child{grid-column:2}.title-piece i:nth-child(2){grid-column:1}.controls{bottom:28px;left:28px;padding:14px}.controls .eyebrow{margin-bottom:10px}.controls div{display:grid;grid-template-columns:30px 52px 74px;gap:4px;align-items:center;min-height:28px}kbd{min-width:22px;width:max-content;padding:3px 5px;color:#f2f0ff;font:11px DM Mono,monospace;text-align:center;border:1px solid #8d82cf;border-bottom:3px solid #1c174b;border-radius:4px;background:linear-gradient(#453d84,#292351);box-shadow:0 2px 2px #06061a66}.controls small{color:var(--muted);font-size:11px}.rotation-cue{position:fixed;z-index:6;left:50%;top:50%;width:72px;height:72px;display:grid;place-items:center;color:var(--yellow);font-size:54px;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6);transition:opacity .1s ease,transform .18s ease}.rotation-cue.visible{opacity:.9;transform:translate(-50%,-50%) scale(1)}.rotation-cue.rejected{color:#ff6181}.toast{left:50%;top:26px;max-width:calc(100vw - 32px);padding:10px 16px;color:var(--yellow);font:12px DM Mono,monospace;text-align:center;border:2px solid var(--rim);border-radius:3px;background:var(--panel);box-shadow:4px 4px #080820;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:.18s ease}.toast.visible{opacity:1;transform:translate(-50%)}.clear-flash #game canvas{animation:clear-pop .42s ease-out}@keyframes clear-pop{0%,to{filter:brightness(1)}18%{filter:brightness(1.4)}}.overlay{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top,0px)) 0 max(20px,env(safe-area-inset-bottom,0px));background:#080820bb;transition:opacity .18s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay-card{width:min(420px,calc(100vw - 40px));max-height:100%;overflow-y:auto;padding:26px;text-align:center;border:3px solid;border-color:#7971c5 #2e275f #1c174b #524589;border-radius:12px;background:linear-gradient(145deg,#24205a,#141238);box-shadow:inset 0 1px #c5c1ff33,0 8px #090921,0 25px 60px #06061aaa}.overlay-card .eyebrow{color:var(--muted)}.overlay-card h1{margin:10px 0 12px;color:var(--yellow);font:800 clamp(28px,8vw,40px) Outfit,sans-serif;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px #7c5127,0 6px 12px #06061a}.overlay-card p{margin:0 auto 22px;color:var(--muted);font-size:14px;line-height:1.5}.overlay-card .best-score-display{margin:18px 0;color:var(--yellow);font:12px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.overlay-card .best-score-display strong{font-size:16px}.how-to-play{margin:18px 0;padding:12px;text-align:left;border:1px solid var(--rim);border-radius:5px;background:#17143d}.how-to-play>summary{color:var(--yellow);cursor:pointer;font-size:13px}.how-to-play[open]>summary{margin-bottom:16px}.swipe-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.swipe-guide section{padding:12px 10px;background:var(--panel);border:1px solid var(--rim);border-radius:3px}.swipe-guide h2{margin:0 0 4px;color:#42d8eb;font-size:16px}.swipe-guide section:last-child h2{color:#d86ef4}.swipe-guide p{margin:0 0 12px;font-size:12px}.swipe-guide div{margin-top:10px;font-size:12px}.swipe-guide strong{display:block;margin-top:3px;font-size:12px}.tap-guide{margin:16px 0;padding:0;list-style:none;text-align:left;font-size:13px;line-height:1.7}.keyboard-guide{margin-bottom:20px;text-align:left;font-size:13px}.keyboard-guide summary{cursor:pointer;color:var(--yellow)}.keyboard-guide p{margin:10px 0 0;font-size:12px}#restart{min-height:44px;width:100%;padding:12px 18px;color:#141238;font:700 14px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border:3px solid;border-color:#fff2b0 #c19d37 #c19d37 #fff2b0;border-radius:3px;background:var(--yellow);box-shadow:4px 4px #080820;cursor:pointer}#restart:hover{background:#fff2a0}#restart:active{transform:translate(2px,2px);box-shadow:2px 2px #080820}#restart:focus-visible,summary:focus-visible{outline:3px solid #42d8eb;outline-offset:4px}@media (max-width: 700px),(max-height: 620px){.brand{display:none}.status-rail{display:contents}.stats{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));left:calc(18px + env(safe-area-inset-left,0px));right:auto;width:auto;display:grid;grid-template-columns:repeat(2,auto)}.stats div{min-width:62px;padding:8px 10px;border-bottom:0}.stats div:first-child{border-right:1px solid var(--rim)}.stats strong,.stats div:first-child strong{font-size:18px;margin-top:4px;padding:3px}.stats div:nth-child(n+3){grid-column:1 / -1;border-top:1px solid var(--rim)}.stats div:nth-child(n+3) span,.stats div:nth-child(n+3) strong{display:inline}.stats div:nth-child(n+3) strong{margin-left:8px;font-size:14px;background:none;box-shadow:none;padding:0}.next{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));width:auto;padding:10px 12px}.next-grid{grid-template-columns:repeat(4,14px);min-height:52px;margin-top:8px;padding:4px;gap:2px}.next-grid i{width:14px;height:14px}.controls{display:none}.toast{top:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}