:root {color-scheme:dark; --background:#111327;--background2:#232345;--pane:rgba(31,35,66,.87);--pane-border:rgba(255,255,255,.12);--text:#fcf8ff;--muted:#aaaac8;--accent:#ffcc7e;--accent2:#a879fc;--glow:#d18bff;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{min-height:100%;background:var(--background)}body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(ellipse 95% 40% at 50% 0%,var(--background2),transparent 85%),var(--background);transition:background .6s;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.37;cursor:default}b,strong{font-weight:900}.hidden{display:none!important}
body.theme-0{--background:#111327;--background2:#34305d;--accent:#ffd38b;--accent2:#b48cff;--glow:#b48cff}body.theme-1{--background:#092128;--background2:#07566a;--accent:#69fbd8;--accent2:#71aaff;--glow:#63d7ea}body.theme-2{--background:#2d152b;--background2:#703550;--accent:#ffc18f;--accent2:#ff83c9;--glow:#ff94bb}body.theme-3{--background:#141d35;--background2:#324d92;--accent:#c5e3ff;--accent2:#91b7ff;--glow:#9dbbff}body.theme-4{--background:#1d1731;--background2:#3c3167;--accent:#ffde7c;--accent2:#dc9aff;--glow:#c9a1ff}body.theme-5{--background:#19271c;--background2:#45674a;--accent:#c1ef88;--accent2:#8bda9f;--glow:#a1e6a1}body.theme-6{--background:#281827;--background2:#813b5f;--accent:#ffd1ed;--accent2:#ff9f7d;--glow:#fe9eb9}body.theme-7{--background:#132b39;--background2:#266276;--accent:#a7f5ff;--accent2:#62dbd0;--glow:#61ddd6}
.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden}.atmosphere i{position:absolute;width:3px;height:3px;border-radius:100%;background:white;opacity:.3;animation:drift 10s infinite ease-in-out}.atmosphere i:nth-child(1){top:13%;left:11%}.atmosphere i:nth-child(2){top:36%;right:17%;animation-delay:-3s}.atmosphere i:nth-child(3){top:68%;left:4%;animation-delay:-6s}.atmosphere i:nth-child(4){top:76%;right:7%;animation-delay:-8s}.atmosphere i:nth-child(5){top:29%;left:80%;animation-delay:-2s}@keyframes drift{50%{transform:translateY(-28px) scale(1.5);opacity:.7}}
.app{position:relative;max-width:510px;min-height:100dvh;margin:0 auto;padding:0 19px calc(12px + var(--safe-bottom));display:flex;flex-direction:column}.topbar{height:70px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{border:0;background:transparent;display:inline-flex;align-items:center;gap:10px;font-weight:1000;font-size:19px;letter-spacing:-.9px;padding:8px 0}.brand>span:last-child>span{color:var(--accent)}.logo-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-15deg)}.logo-mark b{width:9px;height:9px;border-radius:3px;background:#ffd177}.logo-mark b:nth-child(2){background:#e882ca}.logo-mark b:nth-child(3){background:#70dbeb}.logo-mark b:nth-child(4){background:#a48cff}.top-actions{display:flex;gap:8px;align-items:center}.coin-pill{height:35px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid var(--pane-border);border-radius:99px;padding:0 12px;font-size:13px;font-variant-numeric:tabular-nums}.coin-icon{color:#ffd16d;font-size:19px}.icon-btn{width:35px;height:35px;border-radius:12px;border:1px solid var(--pane-border);background:rgba(255,255,255,.09);font-size:19px}.icon-btn.muted{opacity:.45}main{flex:1}.screen{animation:screen-enter .3s ease both}@keyframes screen-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-footer{text-align:center;font-size:9px;letter-spacing:1.7px;font-weight:800;color:#8d8fae;opacity:.7;padding:16px 0 0}.site-footer span{color:var(--accent);padding:0 6px}
.home-screen{padding:4px 0 10px;text-align:center}.home-orb{height:166px;position:relative;display:flex;align-items:center;justify-content:center;margin:7px auto 11px}.home-orb:before{content:"";position:absolute;width:160px;height:160px;border-radius:100%;background:radial-gradient(circle,rgba(186,141,255,.31),transparent 65%);filter:blur(10px)}.home-orb-ring{position:absolute;width:151px;height:151px;border:1px dashed rgba(255,255,255,.23);border-radius:50%;animation:orbit 22s linear infinite}.home-orb-ring:before,.home-orb-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ffdf9f;box-shadow:0 0 13px #f9cb68;top:11px;left:27px}.home-orb-ring:after{top:auto;left:auto;bottom:10px;right:27px;background:#a9c1ff;box-shadow:0 0 14px #88baff}@keyframes orbit{to{transform:rotate(360deg)}}.mini-board{display:grid;grid-template-columns:repeat(2,67px);gap:8px;transform:rotate(-11deg);animation:orb-float 4s ease-in-out infinite}.mini-board span{width:67px;height:67px;border-radius:17px;box-shadow:inset 0 3px 2px rgba(255,255,255,.25),inset 0 -8px 10px rgba(0,0,0,.2),0 9px 23px #03031855;font-size:36px;display:grid;place-items:center;color:#fff}.gold{background:linear-gradient(145deg,#ffdf8c,#ed993a)}.pink{background:linear-gradient(145deg,#ffafcf,#ed5e95)}.cyan{background:linear-gradient(145deg,#b1f8fa,#2cabbc)}.violet{background:linear-gradient(145deg,#d1b0ff,#8964e4)}@keyframes orb-float{50%{transform:translateY(-7px) rotate(-7deg)}}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--accent)}.pulsing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#89ecbe;margin-right:7px;box-shadow:0 0 10px #8effc0}.home-screen h1{margin:11px 0 7px;font-size:clamp(37px,10vw,53px);letter-spacing:-2.4px;line-height:.98;font-weight:1000}.home-screen h1 em{font-style:normal;color:var(--accent)}.hero-sub{font-size:13px;line-height:1.7;color:#c9c3dd;max-width:355px;margin:12px auto 18px}.home-stats{display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.055);border:1px solid var(--pane-border);border-radius:18px;padding:14px 7px;margin-bottom:15px}.home-stats div{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.home-stats strong{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.home-stats small{color:#aba8c9;font-size:8px;letter-spacing:1px;font-weight:800}.stat-sep{height:25px;width:1px;background:rgba(255,255,255,.13)}.home-cta{display:grid;gap:10px}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 15px;border:0;border-radius:17px;font-size:12px;font-weight:1000;letter-spacing:.7px;transition:transform .12s}.btn:active,.tool-btn:active,.gem-cell:active{transform:scale(.97)}.btn-xl{height:57px}.btn-primary{background:linear-gradient(120deg,#ffdc9b,#ffad69);color:#30213a;box-shadow:0 8px 25px #ffb36728}.btn-secondary{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);color:#f6ecff}.btn-glyph{font-size:23px}.btn .arrow{position:absolute;right:17px;font-size:20px}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.link-card{border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.055);min-height:70px;display:flex;align-items:center;text-align:left;gap:9px;padding:11px}.link-icon{font-size:26px}.link-card span:nth-child(2){display:flex;flex-direction:column;gap:4px}.link-card b{font-size:12px;white-space:nowrap}.link-card small{color:#a6a7c5;font-size:9px}.link-card .arrow{margin-left:auto;color:#af9bce}.home-foot{font-size:10px;color:#aaa4c3;margin-top:20px}
.game-screen{padding-top:5px}.level-bar{display:flex;align-items:center;gap:10px;margin-bottom:13px}.back-control{border:1px solid var(--pane-border);width:40px;height:42px;border-radius:13px;background:rgba(255,255,255,.065);font-size:32px;line-height:1;display:grid;place-items:center;padding:0 0 4px}.level-identity{flex:1;min-width:0}.level-overline{font-size:9px;color:var(--accent);letter-spacing:1px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-identity h2{font-size:25px;margin:3px 0 0;line-height:1;letter-spacing:-.6px}.moves-card{min-width:86px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.075);padding:6px 10px}.moves-card span{font-size:8px;font-weight:900;letter-spacing:.8px;color:#aaa9c8;display:block}.moves-card strong{font-size:25px;color:var(--accent);line-height:1.1}.moves-card.danger strong{color:#ff8c9b;animation:pulse-text .8s infinite alternate}@keyframes pulse-text{to{opacity:.5}}.mission-panel{border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(15,15,35,.45);padding:12px 15px 13px;box-shadow:0 8px 30px #0002}.mission-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.2px;font-weight:900;color:#e7e3ff}.mission-dot{width:7px;height:7px;display:inline-block;background:#8ee8ad;border-radius:50%;margin-right:6px;box-shadow:0 0 7px #8ee8ad}.gravity-label{color:#aeabcc}.objectives{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;min-height:36px}.objective-chip{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:900;background:rgba(255,255,255,.085);padding:6px 10px;border-radius:12px;line-height:1.2}.objective-chip.completed{color:#81f6b3;background:#265b4240}.objective-symbol{font-size:17px;line-height:1}.objective-done{color:#8af1bc}.score-line{margin-top:13px;display:flex;justify-content:space-between;gap:4px;color:#c5bfda;font-size:9px;letter-spacing:1px;font-weight:900}.score-line b{font-size:14px;color:#fff;margin-left:5px}.score-line span:last-child{color:var(--accent);text-align:right}.energy-track{height:5px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.095);margin-top:9px}.energy-track>div{width:0%;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .35s ease}
.board-section{margin-top:12px;display:flex;flex-direction:column;align-items:center}.board-shell{position:relative;width:100%;max-width:430px;aspect-ratio:1;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(0,0,0,.10));border:1px solid rgba(255,255,255,.21);border-radius:23px;padding:8px;box-shadow:0 14px 50px #0006,inset 0 1px 0 #fff2;touch-action:manipulation;user-select:none;-webkit-user-select:none}.board-sheen{position:absolute;inset:3px;border-radius:20px;pointer-events:none;background:linear-gradient(150deg,#ffffff11,transparent 40%)}.board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:5px;position:relative}.gem-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.085);background:#0b0c2288;border-radius:10px;padding:3px;display:grid;place-items:center;overflow:hidden;touch-action:manipulation;transition:background .15s,filter .12s}.gem-cell.is-hint{background:rgba(255,221,144,.32);box-shadow:inset 0 0 0 2px #ffdd8e}.gem-cell .fog{position:absolute;inset:0;border:2px dashed rgba(213,234,255,.6);background:radial-gradient(ellipse,rgba(200,240,255,.24),rgba(187,220,255,.05));border-radius:9px;pointer-events:none;z-index:2}.gem-cell .fog:after{content:"❄";position:absolute;right:1px;top:1px;color:#def8ff;font-size:11px;text-shadow:0 0 6px #8bc9f9}.gem{width:100%;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 2px 2px #fff4,inset 0 -5px 5px #14102744,0 2px 5px #04051570;background:linear-gradient(145deg,var(--gem-hi),var(--gem-lo));color:white;text-shadow:0 2px 3px #0005;transition:filter .1s}.gem:before{content:"";position:absolute;top:7%;left:10%;width:70%;height:25%;background:linear-gradient(#ffffff55,transparent);border-radius:50%;transform:rotate(-22deg)}.gem-symbol{z-index:1;font-size:clamp(19px,5.8vw,33px);font-weight:900;line-height:1;filter:drop-shadow(0 2px 2px #0004)}.gem.has-power:after{content:"✳";position:absolute;right:1px;bottom:0;color:white;font-size:17px;text-shadow:0 0 10px #fff;z-index:2}.gem-cell.clearing .gem{animation:clear-gem .3s ease-out forwards}.gem-cell.new-tile .gem{animation:drop-in .33s cubic-bezier(.15,.9,.4,1.1) both}@keyframes clear-gem{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.2);filter:brightness(2)}100%{transform:scale(.08) rotate(32deg);opacity:0}}@keyframes drop-in{from{transform:translateY(-22px) scale(.75);opacity:.25}to{transform:translateY(0) scale(1);opacity:1}}.board-fx{position:absolute;inset:8px;pointer-events:none;overflow:hidden;border-radius:15px}.twist-overlay{position:absolute;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;transform-origin:50% 50%;animation:quadturn .24s cubic-bezier(.15,.8,.25,1) forwards;z-index:5;pointer-events:none}.twist-overlay.ccw{animation-name:quadturnback}.twist-overlay .gem{border-radius:10px}.twist-overlay .gem-symbol{font-size:clamp(19px,5.8vw,33px)}@keyframes quadturn{to{transform:rotate(90deg)}}@keyframes quadturnback{to{transform:rotate(-90deg)}}.board-fx .spark{position:absolute;width:7px;height:7px;border-radius:2px;pointer-events:none;animation:spark-blast .7s ease-out forwards;box-shadow:0 0 8px currentColor}@keyframes spark-blast{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(150deg) scale(.3)}}.hint-outline{pointer-events:none;position:absolute;border:3px solid #ffe7a4;border-radius:17px;box-shadow:0 0 18px #ffe89bcc,inset 0 0 15px #fff4;animation:hint-shine .9s infinite alternate;z-index:10}@keyframes hint-shine{to{opacity:.35}}.twist-hint{font-size:11px;letter-spacing:.1px;color:#bcb8d4;margin-top:12px;text-align:center;min-height:19px}.guide-finger{font-size:17px;color:var(--accent);vertical-align:middle;margin-right:4px}.tool-heading{margin-top:17px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1.3px;color:#c8c5dd}.tool-heading span:last-child{color:var(--accent);font-size:8px}.tool-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tool-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.085);border-radius:14px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:5px 2px;transition:transform .1s}.tool-icon{font-size:24px;color:var(--accent);line-height:1}.tool-btn b{font-size:11px;white-space:nowrap}.tool-btn small{color:#b4afc7;font-size:9px;white-space:nowrap}.tool-nova{border-color:#faaf7b67;background:linear-gradient(140deg,#ffb9671b,#9454f015)}.tool-nova .tool-icon{color:#ffcb78}.game-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font-size:10px;color:#a9a7c7;font-weight:900;letter-spacing:.6px}.text-btn{border:0;background:transparent;padding:5px 2px;font-size:11px;color:var(--accent);font-weight:800}
.vault-screen{padding:12px 0}.page-title{display:flex;gap:12px;align-items:center;margin-bottom:15px}.page-title h2{margin:5px 0 0;font-size:28px;line-height:1}.vault-sub{color:#c5c0d7;font-size:13px;line-height:1.6}.vault-progress{border-radius:19px;padding:17px;background:#ffffff0d;border:1px solid #ffffff22;margin:15px 0}.vault-progress>span{font-size:10px;letter-spacing:1px;color:var(--accent);font-weight:900}.vault-progress strong{display:block;font-size:28px;margin:5px 0}.vault-progress small{color:#c4c0d8;display:block;margin-top:8px}.prize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:20px}.prize-card{border-radius:17px;border:1px solid #ffffff22;background:#ffffff0b;padding:15px 12px;text-align:center}.prize-card.locked{opacity:.56}.prize-icon{font-size:36px;display:block;margin-bottom:9px;filter:drop-shadow(0 5px 10px #0006)}.prize-card h3{margin:0 0 4px;font-size:13px}.prize-card p{color:#bcb7d2;font-size:10px;margin:0 0 8px}.prize-card b{font-size:11px;color:var(--accent)}.prize-card.earned{border-color:#ffd68c88;background:linear-gradient(145deg,#ffd77916,#9b71f014)}
.modal-layer{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(15px + var(--safe-bottom))}.modal-backdrop{position:absolute;inset:0;background:#080a1bcd;backdrop-filter:blur(7px)}.modal-card{position:relative;z-index:1;width:min(100%,440px);border:1px solid #ffffff31;border-radius:25px;background:linear-gradient(160deg,#343454,#1d203c);padding:24px 20px 20px;box-shadow:0 19px 70px #000b;max-height:88dvh;overflow-y:auto;animation:pop-modal .25s cubic-bezier(.2,1,.3,1)}@keyframes pop-modal{from{transform:translateY(45px);opacity:.4}to{transform:translateY(0);opacity:1}}.modal-illustration{text-align:center;font-size:49px;line-height:1.2;margin:5px 0 15px;filter:drop-shadow(0 9px 11px #0005)}.modal-eyebrow{text-align:center;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:2px}.modal-card h2{font-size:26px;letter-spacing:-.8px;text-align:center;margin:9px 0}.modal-desc{font-size:13px;line-height:1.6;color:#d3cfe6;text-align:center;margin:0 0 18px}.modal-buttons{display:grid;gap:9px;margin-top:15px}.modal-stat{display:flex;justify-content:space-between;font-size:12px;padding:11px 1px;border-bottom:1px solid #ffffff1b}.modal-stat strong{color:var(--accent);font-size:14px}.tutorial-step{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid #ffffff1c}.tutorial-step>span{font-size:24px;width:36px;text-align:center}.tutorial-step b{font-size:12px}.tutorial-step p{font-size:11px;color:#c8c4dc;line-height:1.5;margin:4px 0 0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 1px;border-bottom:1px solid #ffffff22;font-size:13px}.small-switch{background:#ffffff18;border:1px solid #ffffff25;border-radius:99px;padding:8px 13px;font-size:11px;font-weight:800}.danger-btn{color:#ffb9c0;border:1px solid #ff9caa4e;border-radius:13px;padding:12px;background:#a32d4726;width:100%;margin-top:16px}.toast{position:fixed;z-index:80;left:50%;top:calc(77px + env(safe-area-inset-top,0px));transform:translate(-50%,-30px);opacity:0;pointer-events:none;border:1px solid #ffffff45;background:#272a49f5;border-radius:99px;padding:11px 16px;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:900;box-shadow:0 7px 30px #0008;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti-layer{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-25px;width:9px;height:12px;border-radius:2px;background:var(--piece-color);animation:confetti-drop var(--duration) ease-in forwards;left:var(--x)}@keyframes confetti-drop{to{transform:translate(var(--sway),110vh) rotate(700deg);opacity:0}}
@media(min-width:700px){.app{padding-left:24px;padding-right:24px}.home-orb{height:178px}}@media(max-width:370px){.app{padding-left:13px;padding-right:13px}.brand{font-size:17px}.board-shell{padding:6px}.board-grid{gap:4px}.gem-cell{padding:2px}.tool-btn{min-height:72px}.tool-btn b{font-size:10px}.tool-btn small{font-size:8px}.home-screen h1{font-size:42px}.home-orb{height:138px}.mini-board{grid-template-columns:repeat(2,54px)}.mini-board span{width:54px;height:54px;font-size:29px}}
@media(max-height:720px){.topbar{height:59px}.game-screen{padding-top:0}.mission-panel{padding:9px 12px}.board-section{margin-top:8px}.twist-hint{margin-top:7px}.tool-heading{margin-top:8px}.tool-btn{min-height:68px}.game-foot{margin-top:6px}.home-orb{height:126px}.mini-board{grid-template-columns:repeat(2,54px)}.mini-board span{width:54px;height:54px;font-size:29px}.home-screen h1{font-size:40px}.home-stats{padding:10px 5px}.site-footer{padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.home-restart{margin:12px auto 0;display:block;color:#d4b6fd;font-size:11px}.home-restart.hidden{display:none!important}