:root{--ink:#6f5ea6;--ink-soft:#9a8cc8;--cream:#fffaf6;--lilac:#e9e2ff;--pink:#ffd6ea;--mint:#d3f6e8;--sky:#d6ebff;--gold:#ffe7a1;--shadow:#6e5aaa38;--font:ui-rounded, "Arial Rounded MT Bold", "Nunito", "Varela Round", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#cfc8f2;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;inset:0}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}#ui>.hud,#ui>.pedia,#ui>.hint,#ui>.hintring,#ui>.flyer,#ui .passthru{pointer-events:none}#ui .passthru>*{pointer-events:auto}#boot{z-index:50;background:radial-gradient(circle at 50% 40%,#fff3fb,#d9d0fb 70%);place-items:center;transition:opacity .8s;display:grid;position:absolute;inset:0}#boot.gone{opacity:0;pointer-events:none}.bootorb{width:84px;height:84px;box-shadow:0 14px 40px var(--shadow);background:radial-gradient(circle at 35% 30%,#fff,#ffc3dd 40%,#b49cf0 100%);border-radius:50%;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.12)translateY(-6px)}}.orbbtn{--s:64px;width:var(--s);height:var(--s);cursor:pointer;color:var(--ink);box-shadow:0 8px 22px var(--shadow), inset 0 -6px 12px #967dd240, inset 0 4px 8px #ffffffe6;background:radial-gradient(circle at 34% 28%,#fff 0%,#fbf7ff 30%,#e7defc 75%,#d4c8f5 100%);border:none;border-radius:50%;place-items:center;padding:0;transition:transform .18s cubic-bezier(.3,1.6,.5,1),filter .2s,opacity .3s;display:grid}.orbbtn svg{width:58%;height:58%}.orbbtn:hover{transform:scale(1.07)translateY(-2px)}.orbbtn:active{transform:scale(.92)}.orbbtn.big{--s:118px}.orbbtn.mid{--s:84px}.orbbtn.small{--s:52px}.orbbtn.pink{color:#b0508a;background:radial-gradient(circle at 34% 28%,#fff 0%,#ffe9f4 32%,#ffc6e0 78%,#f5a9cf 100%)}.orbbtn.mint{color:#3f9a7a;background:radial-gradient(circle at 34% 28%,#fff 0%,#e6fbf2 32%,#b9efd8 78%,#93dcbf 100%)}.orbbtn.sky{color:#4a7dc0;background:radial-gradient(circle at 34% 28%,#fff 0%,#e8f4ff 32%,#bcdcff 78%,#9cc6f3 100%)}.orbbtn.gold{color:#b0802a;background:radial-gradient(circle at 34% 28%,#fff 0%,#fff6d6 32%,#ffe08f 78%,#f5c862 100%)}.orbbtn.rainbow{color:#fff;background:conic-gradient(#ffb3c7,#ffd59e,#fff3a0,#b8f0c8,#a8dcff,#c9b6ff,#ffb3e6,#ffb3c7);animation:9s linear infinite spin}.orbbtn.rainbow svg{filter:drop-shadow(0 2px 3px #5a469680);animation:9s linear infinite reverse spin}.orbbtn.off{opacity:.45;filter:grayscale(.6)}.orbbtn.wiggle{animation:.7s wiggle}@keyframes wiggle{20%{transform:scale(1.2)rotate(-10deg)}45%{transform:scale(1.12)rotate(8deg)}70%{transform:scale(1.05)rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}.badge{width:16px;height:16px;box-shadow:0 2px 6px var(--shadow);background:radial-gradient(circle at 35% 30%,#fff,#ff9ccb);border-radius:50%;animation:1.2s infinite breathe;position:absolute;top:4px;right:4px}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud .tl{left:max(14px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:absolute}.hud .tr{right:max(14px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));gap:10px;display:flex;position:absolute}.hud .tc{left:50%;top:max(8px, env(safe-area-inset-top));pointer-events:none;position:absolute;transform:translate(-50%)}.hud .bl{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex;position:absolute}.hud .br{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));align-items:flex-end;gap:10px;display:flex;position:absolute}.pill{box-shadow:0 6px 18px var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaffc7;border-radius:40px;align-items:center;gap:8px;min-width:96px;padding:6px 16px 6px 6px;font-size:26px;font-weight:900;display:flex}.pill .ico{border-radius:50%;width:40px;height:40px}.pill.bump{animation:.4s wiggle}.moon{width:92px;height:92px;filter:drop-shadow(0 6px 14px var(--shadow));position:relative}.moon svg{width:100%;height:100%}.moon .ico{border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moon .num{text-align:center;color:var(--ink);text-shadow:0 1px #fff;font-size:18px;font-weight:900;position:absolute;bottom:-6px;left:0;right:0}.tray{box-shadow:0 8px 26px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaff9e;border-radius:48px;gap:10px;padding:10px;display:flex}.tray .tb{--s:70px;position:relative}.tray .tb .art{pointer-events:none;border-radius:50%;width:72%;height:72%}.tray .tb .cost{box-shadow:0 2px 6px var(--shadow);pointer-events:none;background:#fff;border-radius:12px;align-items:center;gap:3px;padding:1px 7px 1px 2px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.tray .tb .cost i{border-radius:50%;width:14px;height:14px;display:block}.tray .tb .mult{color:#fff;text-shadow:0 0 2px #7a68a8,0 2px #7a68a8,0 -1px #7a68a8,1px 0 #7a68a8,-1px 0 #7a68a8;pointer-events:none;font-size:22px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.flyer{pointer-events:none;z-index:20;border-radius:50%;width:56px;height:56px;transition:transform .9s cubic-bezier(.5,-.3,.4,1),opacity .3s .8s;position:absolute}.hint{pointer-events:none;z-index:15;transform-origin:30% 10%;filter:drop-shadow(0 8px 10px #5a469659);width:74px;height:74px;position:absolute;top:0;left:0}.hint svg{width:100%;height:100%}.hintring{pointer-events:none;z-index:14;border:5px dotted #fffffff2;border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;animation:1.1s ease-in-out infinite pulse;position:absolute}@keyframes pulse{50%{opacity:.6;transform:scale(1.25)}}.screen{flex-direction:column;justify-content:flex-end;align-items:center;animation:.6s fadein;display:flex;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}}.title{background-position:top;background-size:cover}.title .row{align-items:center;gap:26px;margin-bottom:max(7vh,30px);display:flex}.title .corner{gap:12px;display:flex;position:absolute;top:16px;right:18px}.hold{position:relative}.hold .holdring{pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.hold.on{box-shadow:0 0 0 5px #fff, 0 8px 22px var(--shadow)}.map{background:radial-gradient(circle at 50% 45%,#fff6fb 0%,#ebe3ff 45%,#cfc6f3 100%);justify-content:center;overflow:hidden}.map .spiral{width:min(92vw,128.8vh);height:min(86vh,66.24vw);position:relative}.lvl{cursor:pointer;width:104px;height:104px;box-shadow:0 10px 26px var(--shadow), inset 0 -8px 16px #7864be40, 0 0 0 5px #ffffffe6;background-position:50%;background-size:cover;border-radius:50%;margin:-52px 0 0 -52px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);animation:4s ease-in-out infinite float;position:absolute}.lvl:hover{transform:scale(1.08)}.lvl.locked{filter:grayscale(.7)blur(1.2px)brightness(1.1);opacity:.55;cursor:default}.lvl.next{box-shadow:0 10px 26px var(--shadow), 0 0 0 7px #fff, 0 0 0 12px #ffd2ebcc}.lvl .stars{gap:2px;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.lvl .stars svg{color:#fff;filter:drop-shadow(0 2px 2px #6e5aaa66);width:24px;height:24px}.lvl .stars svg.got{color:#ffd65c}.lvl .news{gap:0;display:flex;position:absolute;top:-14px;right:-20px}.lvl .news i{width:34px;height:34px;box-shadow:0 3px 8px var(--shadow);background-color:#fff;border-radius:50%;margin-left:-10px;display:block}.lvl .lockico{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.lvl .lockico svg{filter:drop-shadow(0 2px 4px #5a469680);width:44px;height:44px}@keyframes float{50%{transform:translateY(-7px)}}.map .corner{gap:12px;display:flex;position:absolute;top:16px;left:18px}.map .corner.r{left:auto;right:18px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:radial-gradient(circle,#fff6fc8c,#c8bef0a6);place-items:center;animation:.4s fadein;display:grid;position:absolute;inset:0}.card{box-shadow:0 20px 60px var(--shadow);background:#fffcffd9;border-radius:60px;flex-direction:column;align-items:center;gap:22px;padding:30px 40px;display:flex}.card .row{align-items:center;gap:18px;display:flex}.bigstars{gap:10px;display:flex}.bigstars svg{color:#ece6fb;filter:drop-shadow(0 4px 6px #6e5aaa4d);width:76px;height:76px;animation:.5s cubic-bezier(.3,1.7,.5,1) forwards starpop;transform:scale(0)}.bigstars svg.got{color:#ffd65c}@keyframes starpop{to{transform:scale(1)}}.endorb{border-radius:50%;width:130px;height:130px;animation:1.8s infinite breathe}.pedia{pointer-events:none;z-index:25;position:absolute;inset:0}.pedia>*{pointer-events:auto}.pedia .panel{left:50%;bottom:max(10px, env(safe-area-inset-bottom));width:min(96vw,980px);box-shadow:0 14px 40px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffbffd1;border-radius:44px;padding:12px 16px 14px;position:absolute;transform:translate(-50%)}.pedia .tabs{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.pedia .tabs .orbbtn{--s:54px}.pedia .tabs .orbbtn.sel{box-shadow:0 0 0 5px #fff, 0 0 0 9px #d8c8ff, 0 8px 22px var(--shadow)}.pedia .tabs .orbbtn i{border-radius:50%;width:70%;height:70%;display:block}.pedia .grid{flex-wrap:wrap;justify-content:center;gap:10px;max-height:30vh;padding:4px;display:flex;overflow:auto}.pedia .ent{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:64px;height:64px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:relative}.pedia .ent:hover{transform:scale(1.1)}.pedia .ent.sel{box-shadow:0 0 0 4px #fff,0 0 0 8px #ffc9e4}.pedia .ent.locked{filter:blur(.4px);color:#fff;cursor:default;background:radial-gradient(circle at 40% 35%,#f4f1fb,#cfc8e4);place-items:center;display:grid}.pedia .ent.locked svg{opacity:.9;width:50%;height:50%}.pedia .ent .two{border-radius:50%;width:60%;height:60%;position:absolute}.pedia .top{right:max(14px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));gap:10px;display:flex;position:absolute}.pedia .count{left:max(14px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));position:absolute}.pedia .count .pill{font-size:22px}.pedia .count .pill small{opacity:.6;margin-left:4px;font-size:14px}.skip{z-index:40;opacity:.65;position:absolute;bottom:20px;right:20px}.fade{opacity:0;pointer-events:none;z-index:45;background:#fff;transition:opacity 1.2s;position:absolute;inset:0}.fade.on{opacity:1}@media (max-width:700px),(max-height:520px){.orbbtn{--s:52px}.orbbtn.big{--s:92px}.orbbtn.mid{--s:66px}.tray .tb{--s:56px}.pill{min-width:76px;font-size:20px}.pill .ico{width:30px;height:30px}.moon{width:70px;height:70px}.lvl{width:76px;height:76px;margin:-38px 0 0 -38px}.pedia .ent{width:52px;height:52px}}@media (orientation:portrait){.map .spiral{width:96vw;height:min(78vh,140vw)}.lvl{width:66px;height:66px;margin:-33px 0 0 -33px}.lvl .news i{width:26px;height:26px}.lvl .stars svg{width:18px;height:18px}}@media (max-width:560px){.hud .tc{left:max(14px, env(safe-area-inset-left));top:calc(max(12px, env(safe-area-inset-top)) + 54px);transform:none}.hud .bl{display:none}.tray{gap:6px;padding:7px}.tray .tb{--s:54px}.title .row{gap:14px}.pedia .tabs .orbbtn{--s:44px}}