@charset "UTF-8";:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f0f0ff;background:#10132a;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(ellipse at 15% 20%,#29245065,transparent 55%),radial-gradient(ellipse at 85% 80%,#163a4d50,transparent 60%),#10132a}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible+.switch{outline:3px solid #93e9df;outline-offset:5px}button{transition:filter .16s,transform .16s}button:hover{filter:brightness(1.13)}button:active{transform:translateY(2px)}#viewport{position:fixed;inset:0;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#frame{position:absolute;width:480px;height:850px;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;overflow:hidden;background:radial-gradient(ellipse at 6% 0%,#49407842,transparent 56%),radial-gradient(ellipse at 100% 86%,#254b6850,transparent 52%),linear-gradient(155deg,#1d2042,#151b37 70%,#1b2941);border-radius:24px;box-shadow:0 30px 100px #03061760;user-select:none;-webkit-user-select:none;touch-action:none}#frame:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#9da8db .6px,transparent .8px);background-size:24px 24px;mask-image:linear-gradient(black,transparent 55%)}#game,#ui{position:absolute;inset:0}#game canvas{display:block;width:480px!important;height:850px!important;touch-action:none}#ui{pointer-events:none}#ui button,#ui input,#ui select,#ui label{pointer-events:auto}.topbar{position:absolute;top:28px;left:32px;right:32px;height:44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:21px;letter-spacing:2.2px;font-weight:400;color:#f1f0ff}.brand b{font-weight:800}.brand-button{padding:0;background:none}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;transform:rotate(-4deg)}.brand-mark i{background:#a08cfb;border-radius:2px;box-shadow:inset 0 1px 1px #fff6}.brand-mark i:last-child{background:#6bd5d3;transform:translate(2px,2px)}.icon{width:24px;height:24px;flex-shrink:0}.icon-button{width:44px;height:44px;border-radius:15px;background:#353b6255;display:flex;align-items:center;justify-content:center;color:#b9bfdb;border:1px solid #7f88bc20}.icon-button .icon{width:23px;height:23px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.2px;color:#a4accd;margin:0}.menu-copy{position:absolute;top:137px;width:100%;text-align:center}.menu-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#a99cdb}.menu-copy h1{font-size:39px;font-weight:800;margin:19px 0 12px;letter-spacing:-1.5px}.menu-copy>p:last-child{font-size:16px;color:#a6afcd;margin:0}.hero-art{position:absolute;left:40px;right:40px;top:263px;height:253px;perspective:600px}.hero-glow{position:absolute;inset:15px 30px;background:radial-gradient(ellipse,#8a66ef26,transparent 67%);filter:blur(15px)}.orbit{position:absolute;border:1px solid #9a92ce18;width:318px;height:160px;border-radius:50%;transform:rotate(-24deg);left:40px;top:32px}.orbit-two{transform:rotate(30deg);width:340px;left:20px;top:58px}.hero-piece{position:absolute;display:grid;gap:5px;transform-style:preserve-3d;filter:drop-shadow(0 18px 15px #080b2460);animation:float 5s ease-in-out infinite}.hero-piece i{display:block;width:57px;height:57px;border-radius:11px;box-shadow:inset 0 2px 1px #ffffff68,inset 0 -5px 1px #15143835,inset 3px 0 1px #ffffff13,0 3px #0c132844;background:linear-gradient(155deg,#b49bff,#8970e6 56%,#6854c7);position:relative}.hero-piece i:after{content:"";position:absolute;inset:10px 9px 13px;border-radius:5px;border:1px solid #ffffff15}.hero-purple{grid-template-columns:repeat(2,57px);left:127px;top:28px;transform:rotate(-12deg);z-index:2}.hero-cyan{grid-template-columns:repeat(2,48px);left:34px;top:100px;transform:rotate(10deg);animation-delay:-1s}.hero-cyan i{width:48px;height:48px;background:linear-gradient(155deg,#8ae6ef,#42bad4 56%,#268ba8)}.hero-cyan i:first-child{grid-column:2}.hero-gold{grid-template-columns:repeat(3,43px);left:232px;top:135px;transform:rotate(13deg);animation-delay:-2s}.hero-gold i{width:43px;height:43px;border-radius:8px;background:linear-gradient(155deg,#ffdd96,#eab053 56%,#c68b38)}.hero-gold i:first-child{grid-column:3}.hero-gold i:nth-child(2){grid-column:1}.spark{position:absolute;width:5px;height:5px;background:#98a3df;border-radius:50%;box-shadow:0 0 14px #bcb6ff}.spark-one{left:49px;top:34px}.spark-two{right:52px;top:55px;width:3px;height:3px}.spark-three{left:195px;bottom:8px;width:3px;height:3px;background:#6fdad1}.menu-bottom{position:absolute;top:535px;left:44px;right:44px;text-align:center}.best-pill{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:25px}.best-pill .icon{width:18px;height:18px;color:#e5ba70}.best-pill span{font-size:11px;letter-spacing:1.4px;color:#aeb4ce}.best-pill strong{font-size:20px;margin-left:4px;color:#f6d69d}.primary,.secondary{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;padding:0 24px;height:60px;border-radius:18px;font-size:19px;font-weight:700}.primary{background:linear-gradient(120deg,#a08af8,#8273e4);box-shadow:inset 0 1px #d3c3ff80,0 5px #5c4a9c,0 10px 25px #090f2c30;color:#fff}.primary{position:relative}.primary span{flex:1;text-align:center;padding:0 34px}.primary>.icon{position:absolute;top:50%;translate:0 -50%}.primary>.icon:first-child{left:22px}.primary>span+.icon{right:22px;width:22px;opacity:.8}.secondary{background:#ffffff08;border:1px solid #a5abd12b;color:#c7cbe1}.menu-secondary{height:64px;display:flex;justify-content:center;align-items:center;gap:20px}.text-button{background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:#b4bcd7;padding:10px 3px}.text-button .icon{width:17px;height:17px;color:#929fca}.quiet-line{font-size:13px;display:flex;align-items:center;justify-content:center;gap:13px;color:#7f8eaf;margin:7px 0 28px}.quiet-line span{width:23px;height:1px;background:#7d8ab536}.menu-stats{display:flex;align-items:center;justify-content:center;gap:31px}.menu-stats>div:not(.stat-divider){display:flex;flex-direction:column;gap:7px;min-width:100px}.menu-stats strong{font-size:21px;color:#c3cbe1}.menu-stats span{font-size:9px;letter-spacing:1.4px;color:#7485a7}.stat-divider{height:33px;width:1px;background:#91a1cf23}.menu-footer{position:absolute;bottom:19px;width:100%;text-align:center;letter-spacing:2.5px;font-size:9px;color:#647596}.menu-footer span{padding:0 10px;color:#8a87b2}.score-panel{position:absolute;top:96px;left:32px}.score-panel .eyebrow{letter-spacing:2px;font-size:11px;color:#a5afd0}.score-value{font-size:72px;line-height:1.12;font-weight:800;letter-spacing:-3px;color:#f4f3ff;font-variant-numeric:tabular-nums;text-shadow:0 3px 18px #16163750}.record-pill{position:absolute;right:32px;top:117px;display:grid;grid-template-columns:19px 1fr;column-gap:7px;row-gap:7px;text-align:right}.record-pill .icon{width:18px;height:18px;color:#ebc87c;grid-row:1/3;align-self:center}.record-pill span{font-size:9px;letter-spacing:1.1px;color:#9da8c8}.record-pill strong{font-size:25px;letter-spacing:.5px;color:#e9d7af;font-weight:700}.board-meta{position:absolute;left:34px;right:34px;top:197px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:#a2afd0}.board-meta>span{display:flex;align-items:center;gap:7px}.board-meta i{width:5px;height:5px;border-radius:50%;background:#80cfbf;box-shadow:0 0 8px #80cfbf40}.board-meta b{font-size:10px;margin-left:4px;font-weight:400;color:#667aa5}.board-meta strong{font-size:14px;color:#d1d8ee;margin-left:3px}.board-meta em{font-style:normal;color:#97e6d5;font-weight:700;font-size:12px;letter-spacing:1.5px}.tray-label{position:absolute;top:666px;left:28px;right:28px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:9px;letter-spacing:1.8px;color:#8f9fc1}.tray-label>span{height:1px;width:28px;background:#7e91c12a}.game-footer{position:absolute;top:814px;width:100%;text-align:center;font-size:12px;color:#7588ac}.tutorial-skip{position:absolute;top:92px;right:30px;background:none;font-size:12px;color:#adb7d1;padding:10px;pointer-events:auto}.storage-status{position:absolute;top:839px;width:100%;font-size:9px;text-align:center;color:#d9b488}.pause-screen{position:absolute;inset:0;background:#11172bf5;z-index:60;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.pause-screen h2{font-size:30px}.pause-screen p{color:#a2aec9}.pause-orbit{border:1px solid #b7a4ff55;padding:24px;border-radius:50%;color:#b7a4ff}.pause-orbit .icon{width:42px;height:42px}.modal-backdrop{position:absolute;inset:0;background:#090e26ba;backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:30px;pointer-events:auto}.modal{width:100%;padding:34px 29px 29px;border-radius:28px;background:radial-gradient(ellipse at top left,#42416d55,transparent 70%),#222a49;box-shadow:inset 0 1px #acb1e327,0 25px 80px #04071c70;text-align:center;border:1px solid #949dce25;animation:modal-in .18s ease-out}.modal h2{font-size:30px;letter-spacing:-.8px;margin:14px 0}.modal .eyebrow{font-size:10px;letter-spacing:1.8px}.modal-description{font-size:16px;color:#aeb8d4;line-height:1.65;margin:14px 0 30px}.modal>.primary{margin-top:22px;font-size:17px}.modal>.secondary{margin-top:18px;font-size:16px;height:52px}.modal-symbol{display:flex;align-items:center;justify-content:center;margin:0 auto 24px;width:73px;height:73px;border-radius:24px;background:#a48bfa19;color:#b39bff;border:1px solid #b39bff26}.modal-symbol .icon{width:35px;height:35px}.modal-symbol.mint{color:#80e3cd;background:#80e3cd12;border-color:#80e3cd30}.modal-symbol.gold{color:#f0ce8c;background:#f0ce8c12;border-color:#f0ce8c30}.modal-heading{display:flex;justify-content:space-between;align-items:center;text-align:left}.modal-heading h2{margin:9px 0 0;font-size:31px}.modal-heading>.icon-button{margin-top:-15px}.settings-list{margin:26px 0 29px}.setting-row{position:relative;display:flex;align-items:center;min-height:75px;gap:12px;text-align:left;border-bottom:1px solid #8394c31c;cursor:pointer}.setting-row:last-child{border:0}.setting-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#a8b6d7;background:#8691c012;border-radius:11px}.setting-icon .icon{width:20px;height:20px}.setting-title{font-size:16px;flex:1;color:#d7dded}.setting-title small{display:block;font-size:11px;color:#8394b7;max-width:188px;line-height:1.4;margin-top:6px}.setting-row input{position:absolute;right:0;width:48px;height:28px;opacity:0;cursor:pointer}.switch{display:block;width:46px;height:27px;border-radius:20px;background:#131b35;border:1px solid #68789f45;pointer-events:none;transition:background .2s}.switch:before{content:"";display:block;width:19px;height:19px;border-radius:50%;background:#7583a8;position:relative;left:3px;top:3px;transition:transform .2s,background .2s}.setting-row input:checked+.switch{background:#8e7ae9;border-color:#ae9aff}.setting-row input:checked+.switch:before{transform:translate(18px);background:#fff}.setting-row select{border:1px solid #7d8bb14a;background:#19223e;padding:9px 8px;border-radius:10px;font-size:14px;color:#c7d1eb;max-width:118px}.settings-actions{margin-top:20px;display:flex;gap:15px;justify-content:center}.settings-actions .text-button{font-size:13px}.support-link{display:flex;margin:14px auto 0;width:max-content;text-decoration:none}.results{display:flex;justify-content:space-around;background:#121b355c;border:1px solid #8092be1b;border-radius:18px;padding:23px 6px;gap:10px;margin-top:25px}.results>div{display:flex;flex-direction:column;gap:12px}.results span{font-size:9px;letter-spacing:1.2px;color:#9aa9cc}.results strong{font-size:33px;color:#f1eeff;letter-spacing:-1px}.results>div:last-child strong{color:#e3c99c}.result-details{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;color:#9aaaca;margin:22px 0}.result-details b{color:#d2dbea;font-size:15px;margin-left:8px}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#loader{position:absolute;inset:0;z-index:100;background:#191e3b;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s ease,transform .5s ease}#loader.loader-hide{opacity:0;transform:scale(1.03);pointer-events:none}#loader>*{animation:loader-in .7s cubic-bezier(.2,.7,.3,1) both}#loader>h1{animation-delay:.12s}#loader>p{animation-delay:.22s}#loader>.loading-track{animation-delay:.3s}#loader h1{font-size:24px;font-weight:400;letter-spacing:5px;margin-top:30px}#loader h1 b{font-weight:800}#loader p{color:#9aa6c8;font-size:15px}.loader-mark{display:grid;grid-template-columns:repeat(2,26px);gap:6px}#loader>.loader-mark{animation:loader-in .7s cubic-bezier(.2,.7,.3,1) both,loader-spin 2.4s ease-in-out .5s infinite}.loader-mark i{width:26px;height:26px;background:#a08aef;border-radius:6px;box-shadow:inset 0 2px #fff5}.loader-mark i:last-child{background:#69cfc7;animation:pulse 1s infinite}.loading-track{width:150px;height:3px;background:#6475a133;border-radius:3px;margin-top:22px;overflow:hidden}.loading-track span{display:block;width:100%;height:100%;border-radius:3px;background:linear-gradient(90deg,#a48def,#69cfc7);transform:scaleX(0);transform-origin:left;transition:transform .25s linear}@keyframes loader-spin{0%,15%{rotate:0deg}25%,40%{rotate:90deg}50%,65%{rotate:180deg}75%,90%{rotate:270deg}to{rotate:360deg}}@keyframes loader-in{0%{opacity:0;transform:translateY(10px)}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes pulse{50%{opacity:.4}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.reduced-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){#loader>.loader-mark{animation:loader-spin 2.4s ease-in-out infinite!important}#loader .loading-track span{transition:transform .25s linear!important}}@media(max-width:500px){#frame{border-radius:0;box-shadow:none}}.game-ui .topbar{top:24px}.score-panel{top:84px}.score-value{font-size:60px}.record-pill{top:105px}.record-pill strong{font-size:23px}.board-meta{top:169px}.tray-label{top:640px}.tutorial-skip{top:72px;font-size:11px;padding:8px}#game{contain:strict;isolation:isolate;transform:translateZ(0)}#frame{background:radial-gradient(ellipse at 8% 8%,#6d409d35,transparent 50%),radial-gradient(ellipse at 92% 78%,#087b8940,transparent 52%),linear-gradient(155deg,#151735,#101a34 65%,#172b42)}.icon-button{background:linear-gradient(145deg,#8c91db1c,#24345142);border-color:#a8b8ff36;box-shadow:inset 0 1px #dfeaff15,0 5px 16px #070c2429}.primary{background:linear-gradient(120deg,#a087ff,#7b75ed 60%,#6d95ed);border:1px solid #c3b5ff70;box-shadow:inset 0 2px #e4eaff66,0 4px #474685,0 0 24px #8c79ed22}.modal{background:radial-gradient(ellipse at top left,#8f69b729,transparent 65%),linear-gradient(135deg,#253355f5,#1b2545fa);border-color:#a7b5ff40;box-shadow:inset 0 1px #d6e7ff30,0 24px 80px #03071d90,0 0 35px #8064e719}.hero-piece i{border:1px solid #e9eaff77;box-shadow:inset 0 2px 1px #ffffffe0,inset 0 -5px 5px #11163450,0 0 18px #9478e72b,0 12px 18px #03082055}.hero-cyan i{box-shadow:inset 0 2px 1px #eaffffe0,inset 0 -5px 5px #09263755,0 0 20px #48d9e62a,0 12px 18px #03082055}.score-value{text-shadow:0 0 28px #b8aff521,0 3px 10px #080b28aa}.record-pill{transform-origin:center}.record-pill .icon{filter:drop-shadow(0 0 5px #ffd28b30)}.settings-list{margin-top:16px;margin-bottom:18px}.setting-row{min-height:65px}.settings-modal{padding-top:27px;padding-bottom:24px}button:disabled{opacity:.42;cursor:default;filter:none;transform:none;pointer-events:auto}.swap-button{position:absolute;left:100px;right:100px;top:804px;height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid #a1b5fa58;background:linear-gradient(125deg,#50618e60,#3c38685c);box-shadow:inset 0 1px #def7ff25,0 0 18px #7467c51c;font-size:13px;color:#d8e8ff;pointer-events:auto}.swap-button:before{content:"";position:absolute;inset:-5px 0}.swap-button .icon{width:17px;height:17px;color:#a5e6f4}.swap-button b{font-size:12px;color:#b9a9ff;margin-left:3px}.swap-choices{display:flex;gap:9px;justify-content:center;margin:14px 0 22px}.swap-choice{min-width:93px;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #7d97c63b;border-radius:16px;background:#0d17364f}.swap-choice.selected{border-color:#8ce8df;box-shadow:inset 0 0 16px #72dedb16,0 0 12px #72dedb14}.swap-choice>span:last-child{font-size:11px;color:#a0b3d5}.mini-piece{display:inline-grid;gap:2px;vertical-align:middle;align-self:center}.mini-piece i{background:linear-gradient(150deg,color-mix(in srgb,var(--piece-color),white 30%),var(--piece-color) 45%,color-mix(in srgb,var(--piece-color),#101b3c 35%));border-radius:3px;border:1px solid #e9ffff70;box-shadow:inset 0 1px 1px #ffffff80,0 0 7px color-mix(in srgb,var(--piece-color),transparent 70%)}.swap-proposal{display:flex;justify-content:center;align-items:center;gap:35px;min-height:95px;background:#0c17344d;border-radius:18px;border:1px solid #8097ca20;padding:14px}.swap-proposal>.icon{color:#aebfe7}.swap-fit{display:flex;justify-content:center;align-items:center;gap:7px;color:#9de6d3;font-size:13px;min-height:24px}.swap-fit .icon{width:16px;height:16px}.swap-message{font-size:13px;line-height:1.5;color:#d8c39f;min-height:21px}.swap-proposal~.primary{font-size:14px;line-height:1.3;padding:0 12px}.spent-piece{color:#7181a0}.low-effects .hero-piece{animation:none}.mini-piece i{background-color:var(--piece-color)}.ui-host{display:contents}.score-value{transform-origin:left center}.record-pill{isolation:isolate}.record-pill:before{content:"";position:absolute;inset:-25px;background:radial-gradient(ellipse,#ffd57855,transparent 68%);opacity:0;pointer-events:none;z-index:-1}.record-active:before{animation:record-glow .7s ease-out}@keyframes record-glow{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}