:root{--ink: #1d1a2e;--ink2: #4f5670;--card: #fffaf0;--cream: #fff3df;--pink: #ff6f9c;--pinkD: #d94477;--yellow: #ffd23f;--yellowD: #e0a100;--green: #4cd07a;--greenD: #2a9d55;--blue: #4db8ff;--blueD: #2a85cc;--purple: #8a6cf6;--purpleD: #5e43c9;--grey: #c7bfd3;--greyD: #9a90a8;--bg1: #7cc8ff;--bg2: #e3f5ff;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);font-family:Chakra Petch,Trebuchet MS,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:linear-gradient(180deg,var(--bg1),var(--bg2));-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 20px 20px,rgba(255,255,255,.7) 2.5px,transparent 3px),radial-gradient(circle at 60px 50px,rgba(255,255,255,.5) 2px,transparent 2.5px);background-size:80px 80px}button{font:inherit;color:inherit}.ic{width:1.4em;height:1.4em;display:inline-block;vertical-align:middle;flex:none}#app{position:fixed;inset:0;display:flex;flex-direction:column}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(10px + var(--safe-t)) 12px calc(10px + var(--safe-b))}.hidden{display:none!important}.btn{--c: var(--yellow);--d: var(--yellowD);border:3px solid var(--ink);border-radius:18px;background:var(--c);box-shadow:0 5px 0 var(--d),0 6px 0 3px #1d1a2e40;padding:8px 16px;min-height:48px;font-weight:800;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s,box-shadow .08s;position:relative}.btn:active,.btn.pressed{transform:translateY(4px);box-shadow:0 1px 0 var(--d),0 2px 0 3px #1d1a2e40}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn[disabled]{filter:grayscale(.7);opacity:.65;cursor:not-allowed}.btn.green{--c: var(--green);--d: var(--greenD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.pink{--c: var(--pink);--d: var(--pinkD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.blue{--c: var(--blue);--d: var(--blueD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.purple{--c: var(--purple);--d: var(--purpleD);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.white{--c: #fff;--d: #d9cfe3}.btn.small{min-height:44px;font-size:16px;padding:6px 12px;border-radius:14px}.btn.round{width:52px;height:52px;min-height:0;padding:0;border-radius:16px}.btn .badge{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;border-radius:11px;background:var(--pink);color:#fff;border:2px solid var(--ink);font-size:13px;line-height:18px;padding:0 5px}.dot{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ff3d6e;border:2px solid #fff;box-shadow:0 0 0 2px var(--ink);animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;z-index:2}.pill{display:inline-flex;align-items:center;gap:6px;background:#ffffffd9;border:3px solid var(--ink);border-radius:999px;padding:2px 12px 2px 4px;font-weight:800;font-size:16px;min-height:40px;box-shadow:0 3px #1d1a2e40}.pill .ic{width:28px;height:28px}.lvchip{display:flex;align-items:center;gap:6px;background:#ffffffd9;border:3px solid var(--ink);border-radius:16px;padding:2px 10px 2px 2px;min-height:44px;cursor:pointer;box-shadow:0 3px #1d1a2e40}.lvchip canvas{border-radius:12px;background:#ffe6c7}.lvchip .lvnum{font-weight:800;font-size:15px;line-height:1}.xpbar{width:70px;height:10px;border-radius:6px;background:#eadff2;border:2px solid var(--ink);overflow:hidden;margin-top:3px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#8a6cf6,#ff6f9c)}.spacer{flex:1}.acct{font-size:13px;font-weight:800;background:#1d1a2ed1;color:#fff;border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct b{width:8px;height:8px;border-radius:50%;background:#9aa;flex:none}.acct.on b{background:#5df29a}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.logo{font-weight:800;font-size:clamp(38px,10vw,72px);line-height:.9;margin:0;letter-spacing:.5px;text-align:center;color:#fff;-webkit-text-stroke:0;paint-order:stroke fill;text-shadow:0 4px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),-3px -3px 0 var(--ink),0 9px 0 rgba(29,26,46,.25)}.logo .t1{color:#ff8c1a}.logo .t2{color:#ffd23f}.logo .t3{color:#8fe0ff}.tagline{font-weight:800;font-size:18px;color:var(--ink2);margin:2px 0 0}.hero{width:min(420px,92vw);height:clamp(110px,22vh,190px)}.playbig{font-size:30px;min-height:68px;padding:8px 40px;border-radius:24px}.playbig .ic{width:34px;height:34px}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(560px,100%)}.mode{border:3px solid var(--ink);border-radius:18px;background:var(--card);box-shadow:0 5px #1d1a2e4d;padding:8px 6px;text-align:center;cursor:pointer;position:relative;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mode:active{transform:translateY(3px);box-shadow:0 2px #1d1a2e4d}.mode .ic{width:40px;height:40px}.mode b{font-size:16px;line-height:1.05}.mode small{font-size:12px;color:var(--ink2);line-height:1.1;font-weight:600}.mode.locked{background:#ece6f2}.mode.locked>.ic{filter:grayscale(1) opacity(.6)}.mode .lockic{position:absolute;top:-10px;right:-8px;width:30px;height:30px}.mode.m-league{background:linear-gradient(180deg,#fff3d1,#ffd98a)}.mode.m-garage{background:linear-gradient(180deg,#e7ffd9,#b8eea0)}.mode.m-daily{background:linear-gradient(180deg,#fff0f6,#ffd2e3)}.mode.m-gaunt{background:linear-gradient(180deg,#ffe6d6,#ffc09a)}.navgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(560px,100%);margin-top:4px}.navbtn{border:3px solid var(--ink);border-radius:16px;background:#fff;box-shadow:0 4px #1d1a2e4d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;cursor:pointer;min-height:64px;position:relative;font-weight:800;font-size:12px;gap:1px}.navbtn .ic{width:30px;height:30px}.navbtn:active{transform:translateY(3px);box-shadow:0 1px #1d1a2e4d}.gate{background:#fff7d1;border:3px dashed var(--yellowD);border-radius:14px;padding:6px 12px;font-weight:700;font-size:14px;text-align:center;max-width:560px;display:flex;gap:8px;align-items:center}.footnote{font-size:12px;color:var(--ink2);text-align:center;font-weight:600}.hdr{display:flex;align-items:center;gap:10px}.hdr h2{margin:0;font-size:26px;font-weight:800;flex:1;line-height:1.1}.worlds{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 12px;scroll-snap-type:x mandatory;flex:none}.world{flex:none;width:150px;border:3px solid var(--ink);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px #1d1a2e4d;cursor:pointer;scroll-snap-align:start;position:relative;padding:0;text-align:left}.world.sel{outline:4px solid #fff;box-shadow:0 5px #1d1a2e4d,0 0 0 7px var(--pink)}.world canvas{display:block;width:100%;height:72px}.world .wn{padding:4px 8px 6px;font-weight:800;font-size:15px;line-height:1.1}.world .ws{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--ink2)}.world .ws .ic{width:16px;height:16px}.world.locked canvas{filter:grayscale(.85) brightness(.9)}.world .wl{position:absolute;inset:0 0 auto;height:72px;display:grid;place-items:center}.world .wl .ic{width:36px;height:36px}.levels-wrap{flex:1;overflow-y:auto;min-height:0}.wtitle{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;margin:2px 4px 8px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:520px;margin:0 auto;padding-bottom:12px}.lvl{aspect-ratio:1;border:3px solid var(--ink);border-radius:18px;background:linear-gradient(180deg,#fff,#ffe9c9);box-shadow:0 5px #1d1a2e4d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:22px;cursor:pointer;padding:0;position:relative}.lvl:active{transform:translateY(3px);box-shadow:0 2px #1d1a2e4d}.lvl .st{display:flex;gap:0;margin-top:-2px}.lvl .st .ic{width:16px;height:16px}.lvl.next{background:linear-gradient(180deg,#e2ffd2,#a8ec88);animation:bob 1.4s ease-in-out infinite}.lvl.locked{background:#e7e0ee;color:var(--greyD);cursor:not-allowed}.lvl.locked .ic{width:26px;height:26px}@keyframes bob{50%{transform:translateY(-4px)}}.wlocknote{text-align:center;font-weight:800;padding:20px;color:var(--ink2);display:flex;flex-direction:column;align-items:center;gap:6px}.wlocknote .ic{width:48px;height:48px}.ghdr{display:flex;align-items:center;gap:8px}.gtitle{flex:1;text-align:center;font-weight:800;font-size:20px;line-height:1}.gtitle small{display:block;font-size:13px;color:var(--ink2);font-weight:700;margin-top:2px}.gstats{display:flex;justify-content:center;gap:8px;margin:6px 0 2px;flex-wrap:wrap}.gstats .pill{min-height:36px;font-size:15px;padding:2px 12px}.gstats .pill .ic{width:22px;height:22px}.starrow{display:inline-flex}.starrow .ic{width:20px!important;height:20px!important}.stage{flex:1;position:relative;min-height:0}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.toast{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#1d1a2ee6;color:#fff;font-weight:800;padding:6px 14px;border-radius:999px;font-size:15px;pointer-events:none;animation:toast 1.6s forwards;white-space:nowrap;z-index:3}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.gctrl{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:4px}.gctrl .btn{min-width:52px}.dpad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,46px);gap:4px}.dpad .btn{min-height:0;padding:0;border-radius:12px;width:50px;height:46px;--c: #fff;--d: #d9cfe3}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.tutbar{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:8px 12px;font-weight:700;font-size:16px;text-align:center;box-shadow:0 4px #1d1a2e4d;margin:6px auto 0;max-width:560px;display:flex;gap:10px;align-items:center}.tutbar canvas{flex:none}.rushbar{display:flex;align-items:center;gap:8px;justify-content:center}.timer{height:16px;flex:1;max-width:360px;border:3px solid var(--ink);border-radius:10px;background:#fff;overflow:hidden}.timer i{display:block;height:100%;background:linear-gradient(90deg,#4cd07a,#ffd23f);transition:width .2s linear}.timer.low i{background:linear-gradient(90deg,#ff5c5c,#ff9f1c)}.keys{text-align:center;font-size:12px;color:var(--ink2);font-weight:600;margin-top:2px}.modal{position:fixed;inset:0;background:#2819378c;display:grid;place-items:center;z-index:50;padding:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b));animation:fade .15s}@keyframes fade{0%{opacity:0}}.panel{background:var(--card);border:4px solid var(--ink);border-radius:26px;box-shadow:0 8px #1d1a2e59;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;animation:pop .22s cubic-bezier(.3,1.6,.6,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.panel-h{display:flex;align-items:center;gap:10px;padding:12px 14px 6px}.panel-h h3{margin:0;font-size:24px;font-weight:800;flex:1;line-height:1.1}.panel-h .ic{width:34px;height:34px}.panel-b{padding:4px 16px 16px;overflow-y:auto}.panel-f{padding:0 16px 16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.note{font-size:14px;color:var(--ink2);font-weight:600;margin:4px 0 10px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calday{aspect-ratio:.82;border:3px solid var(--ink);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 1px 3px;font-weight:800;font-size:11px;position:relative;min-width:0}.calday .ic{width:60%;height:auto;max-width:30px}.calday canvas{width:60%!important;height:auto!important;max-width:34px}.calday small{font-size:10px;line-height:1;white-space:nowrap}.calday.done{background:#d9f7e3}.calday.done:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:#2a9d55;background:#d9f7e38c;border-radius:9px}.calday.today{background:#fff2b8;box-shadow:0 0 0 3px var(--pink);animation:bob 1.4s ease-in-out infinite}.calday.big{background:linear-gradient(180deg,#f1e6ff,#dcc8ff)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.card{border:3px solid var(--ink);border-radius:16px;background:#fff;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-weight:800;font-size:14px;box-shadow:0 4px #1d1a2e40}.card .btn{width:100%}.card.sel{background:#fff2b8}.card small{color:var(--ink2);font-weight:600;font-size:12px;line-height:1.1}.tabs{display:flex;gap:8px;margin-bottom:10px}.tabs .btn{flex:1}.tabs .btn.on{--c: var(--purple);--d: var(--purpleD);color:#fff}.ach{display:flex;gap:10px;align-items:center;border:3px solid var(--ink);border-radius:16px;padding:8px 10px;background:#fff;margin-bottom:8px}.ach .ic{width:44px;height:44px}.ach.off .ic{filter:grayscale(1) opacity(.5)}.ach div{flex:1;min-width:0}.ach b{display:block;font-size:16px}.ach small{color:var(--ink2);font-weight:600;font-size:13px;display:block;line-height:1.2}.prog{height:10px;border:2px solid var(--ink);border-radius:6px;background:#eee;overflow:hidden;margin-top:4px}.prog i{display:block;height:100%;background:var(--green)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:2px dashed #e6dcef;font-weight:800}.row:last-child{border-bottom:0}.row .ic{width:28px;height:28px}.row label{display:flex;align-items:center;gap:8px}input[type=range]{width:150px;accent-color:var(--purple);height:28px}.seg{display:inline-flex;border:3px solid var(--ink);border-radius:12px;overflow:hidden}.seg button{border:0;background:#fff;padding:6px 12px;min-height:40px;font-weight:800;cursor:pointer}.seg button.on{background:var(--purple);color:#fff}.winstars{display:flex;justify-content:center;gap:6px;margin:4px 0 6px}.winstars .ic{width:64px;height:64px;transform:scale(0);animation:starpop .45s cubic-bezier(.3,1.8,.6,1) forwards}.winstars .ic:nth-child(2){width:80px;height:80px;margin-top:-12px}@keyframes starpop{to{transform:scale(1)}}.rewards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0}.rewards .pill{animation:pop .3s .6s both}.center{text-align:center}.bigtxt{font-size:18px;font-weight:800}.tipart{display:flex;justify-content:center;gap:6px;margin-bottom:4px}.link{color:var(--purpleD);font-weight:800}@media (min-width: 760px){.navbtn{font-size:13px;min-height:72px}.navbtn .ic{width:34px;height:34px}}@media (max-height: 560px) and (orientation: landscape){.hero{display:none}.logo{font-size:40px}.tagline{display:none}.home-main{gap:6px}.mode{min-height:70px}.mode .ic{width:28px;height:28px}.navbtn{min-height:48px}.playbig{min-height:52px;font-size:24px}.game-landscape{flex-direction:row}.keys{display:none}}@media (max-width: 360px){.navbtn{font-size:10px}.navgrid{gap:5px}.mode b{font-size:14px}.mode small{display:none}.dpad{grid-template-columns:repeat(3,46px)}.dpad .btn{width:46px}}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}.winstars .ic{transform:none}}.topwrap{display:flex;flex-direction:column;gap:6px}.row2{min-height:40px;padding-right:190px}#cynnx-game-chip{top:calc(var(--safe-t) + 60px)!important;bottom:auto!important;right:12px!important;min-height:40px;padding:4px 14px 4px 58px!important;background:#fff url(./google-g-CrnnDPo0.svg) no-repeat 10px 50% / 18px 18px!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:999px!important;font:800 14px Chakra Petch,system-ui,sans-serif!important;box-shadow:0 3px #1d1a2e40;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cynnx-game-chip:before{content:"";position:absolute;left:32px;top:50%;width:18px;height:18px;margin-top:-9px;background:url(./phantom-icon-C1oTI19G.svg) no-repeat center / contain}body:not(.on-home) #cynnx-game-chip,body.modal-open #cynnx-game-chip{display:none}@media (max-width: 430px){.topbar{gap:5px}.pill{font-size:15px;padding:2px 9px 2px 3px;min-height:38px;gap:4px}.pill .ic{width:24px;height:24px}.xpbar{width:52px}.lvchip{padding-right:7px}.row2{padding-right:180px}}.calday>span:first-child{font-size:12px;line-height:1.1}@media (max-height: 560px) and (orientation: landscape){#s-game{padding-right:200px}#s-game .gctrl{position:absolute;right:10px;top:calc(10px + var(--safe-t));bottom:10px;width:180px;flex-direction:column;justify-content:center;gap:8px}#s-game .ghdr{margin-right:-190px}.tutbar{font-size:13px;padding:4px 8px;margin-top:4px}.tutbar canvas{display:none}.gstats{margin:2px 0}.gstats .pill{min-height:30px;font-size:13px}}body:before{background-image:radial-gradient(circle at 20px 20px,rgba(255,255,255,.55) 2.5px,transparent 3px),linear-gradient(transparent 39px,#ffffff2e 40px);background-size:80px 80px,80px 40px}.toast.global{position:fixed;top:calc(70px + var(--safe-t));z-index:70}.hero{height:clamp(120px,26vh,220px)}.world{width:168px}.world canvas{height:84px}.world .wl{height:84px}.world.sel{box-shadow:0 5px #1d1a2e4d,0 0 0 7px var(--lc, var(--pink))}.wtitle .ic{width:30px;height:30px}.fights{display:flex;flex-direction:column;gap:10px;max-width:560px;margin:0 auto;padding-bottom:14px}.fcard{display:flex;align-items:center;gap:10px;border:3px solid var(--ink);border-radius:18px;background:#fff;box-shadow:0 5px #1d1a2e4d;padding:6px 10px 6px 6px;cursor:pointer;text-align:left;min-height:84px}.fcard:active{transform:translateY(3px);box-shadow:0 2px #1d1a2e4d}.fcard canvas{border-radius:14px;border:2px solid var(--ink);flex:none}.fcard.boss{background:linear-gradient(90deg,#fff6d6,#ffe08a)}.fcard.next{box-shadow:0 5px #1d1a2e4d,0 0 0 4px var(--green);animation:bob 1.6s ease-in-out infinite}.fcard.locked{background:#e9e6ef;cursor:not-allowed}.fcard.locked canvas{filter:grayscale(1) brightness(.7)}.finfo{flex:1;min-width:0;display:flex;flex-direction:column}.finfo b{font-size:18px;line-height:1.1}.finfo small{color:var(--ink2);font-weight:700}.bosstag{background:var(--pink);color:#fff;border-radius:8px;padding:0 6px;font-size:12px;border:2px solid var(--ink);vertical-align:middle}.freward{display:flex;flex-direction:column;align-items:center;min-width:60px;font-size:11px;font-weight:800;color:var(--ink2)}.freward .ic{width:38px;height:38px}#s-garage{gap:6px}.garage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px}.g-left,.g-right{min-height:0;display:flex;flex-direction:column;gap:8px}.gshow{width:100%;flex:1;min-height:150px;background:radial-gradient(ellipse at 50% 60%,#ffffff8c,#fff0 70%);border-radius:20px}.slots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.slot{width:64px;height:74px;border:3px solid var(--ink);border-radius:14px;background:#fff;box-shadow:0 4px #1d1a2e4d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:2px;position:relative}.slot small{font-size:10px;font-weight:800;line-height:1;color:var(--ink2)}.slot.sel{background:#fff2b8;box-shadow:0 4px #1d1a2e4d,0 0 0 3px var(--pink)}.slot.empty{background:repeating-linear-gradient(45deg,#fff,#fff 6px,#f1eef7 6px 12px)}.slot .plus,.pcard .plus{font-size:28px;font-weight:800;color:var(--ink2);line-height:46px}.slot .lvb{position:absolute;top:-8px;right:-8px;background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:10px;min-width:22px;height:22px;font-size:12px;font-weight:800;line-height:18px}.stats{background:#ffffffd9;border:3px solid var(--ink);border-radius:16px;padding:6px 10px;display:grid;gap:3px}.stat{display:grid;grid-template-columns:96px 1fr 54px;align-items:center;gap:6px;font-weight:800;font-size:13px}.stat label{display:flex;align-items:center;gap:4px}.stat .ic{width:22px;height:22px}.stat span{text-align:right}.sbar{height:12px;border:2px solid var(--ink);border-radius:7px;background:#eee;overflow:hidden}.sbar i{display:block;height:100%;background:linear-gradient(90deg,#4cd07a,#ffd23f)}.stat.warn .sbar i{background:linear-gradient(90deg,#ff9f1c,#ff5c5c)}.drawer-h{font-weight:800;font-size:20px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.drawer-h small{font-size:12px;color:var(--ink2);font-weight:700}.parts{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;align-content:start;padding:2px 4px 8px 2px}.pcard{border:3px solid var(--ink);border-radius:16px;background:#fff;padding:6px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;box-shadow:0 4px #1d1a2e40;position:relative;font:inherit}.pcard.on{background:#fff2b8}.pcard.unowned{background:#eeebf3}.pcard.rm{cursor:pointer;justify-content:center;min-height:120px}.pcard b{font-size:15px;line-height:1.1}.pcard small{font-size:12px;color:var(--ink2);font-weight:600;line-height:1.15}.pcard .wt{position:absolute;top:4px;left:6px;display:flex;align-items:center;gap:1px;font-weight:800}.pcard .wt .ic{width:16px;height:16px}.lvtag{background:var(--blue);color:#fff;border-radius:8px;padding:0 5px;font-size:12px;border:2px solid var(--ink)}.prow{display:flex;gap:6px;width:100%;margin-top:4px}.prow .btn{flex:1;padding:4px 6px;font-size:14px}.prow .btn .ic{width:20px;height:20px}.gfoot{display:flex;justify-content:center;padding-top:4px}.gfoot .btn{min-width:220px;font-size:22px}.tut-glow{animation:glow 1s ease-in-out infinite!important;position:relative;z-index:2}@keyframes glow{50%{box-shadow:0 0 0 6px #ff4fd8,0 0 24px 8px #ff4fd899;transform:scale(1.06)}}.tutbar canvas{border-radius:12px;background:#dff3ff}.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px}.vsbot{display:flex;flex-direction:column;align-items:center;text-align:center}.vsbot canvas{border-radius:20px;border:3px solid var(--ink)}.vsbot.me canvas{background:linear-gradient(180deg,#ffe0bf,#ffb36b)}.vsbot.en canvas{background:linear-gradient(180deg,#d6efff,#8fd3ff)}.vsbot b{font-size:16px;line-height:1.1;margin-top:4px}.vsbot small{color:var(--ink2);font-weight:700}.vsmid{font-size:40px;font-weight:800;color:#ff5c5c;-webkit-text-stroke:2px var(--ink);transform:rotate(-8deg)}.vsparts{display:flex;justify-content:center;gap:4px;margin:6px 0;flex-wrap:wrap}.vsparts canvas{background:#fff;border:2px solid var(--ink);border-radius:10px}.vsarena{display:flex;gap:10px;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px;margin:6px 0}.vsarena canvas{width:96px;height:64px;border-radius:10px;flex:none}.vsarena small{display:block;color:var(--ink2);font-weight:600;font-size:13px;line-height:1.2}.tactics .row{border:0;padding:4px 2px;flex-wrap:wrap}.tdesc{color:var(--ink2);font-weight:700;font-size:13px;text-align:right;flex:1}.tseg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tbtn{border:3px solid var(--ink);border-radius:14px;background:#fff;min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 3px #1d1a2e4d;padding:2px 6px}.tbtn .ic{width:24px;height:24px}.tbtn.on{background:#ffd23f;box-shadow:0 3px #e0a100,0 0 0 3px #fff inset}.modline{display:flex;justify-content:center;align-items:center;gap:8px;background:#fff2b8;border:3px dashed var(--yellowD);border-radius:12px;padding:4px 10px;margin-top:4px}#s-battle{padding-left:8px;padding-right:8px}.bhdr{display:grid;grid-template-columns:52px 1fr auto 1fr;gap:8px;align-items:center}.hpbox{min-width:0}.hpbox b{display:block;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpbox.s1{text-align:right}.hp{height:22px;border:3px solid var(--ink);border-radius:12px;background:#3a3550;overflow:hidden;position:relative}.hp i{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(180deg,#7dff9f,#2fbf62);transition:width .15s}.hp i.low{background:linear-gradient(180deg,#ff9b9b,#e63946)}.hpbox.s1 .hp i{left:auto;right:0;background:linear-gradient(180deg,#8fe0ff,#2a85cc)}.hpbox.s1 .hp i.low{background:linear-gradient(180deg,#ff9b9b,#e63946)}.hp em{position:absolute;inset:0;text-align:center;font-style:normal;font-weight:800;color:#fff;font-size:13px;line-height:16px;text-shadow:0 1px 0 #000}.hp.big{height:26px;margin:8px auto;max-width:300px}.hp.big i{background:linear-gradient(180deg,#7dff9f,#2fbf62)}.btimer{background:#fff;border:3px solid var(--ink);border-radius:12px;min-width:52px;text-align:center;font-weight:800;font-size:22px;line-height:38px;box-shadow:0 3px #1d1a2e4d}#s-battle .stage{margin-top:4px}.countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(0);font-size:clamp(48px,12vw,96px);font-weight:800;color:#ffd23f;text-shadow:0 5px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink);pointer-events:none;white-space:nowrap}.countdown.show{transform:translate(-50%,-50%) scale(1);transition:transform .15s}.countdown.go{transform:translate(-50%,-50%) scale(1.2);color:#7dff9f;transition:transform .2s;animation:fade .7s reverse forwards}.bctrl{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding-top:6px;max-width:760px;width:100%;margin:0 auto}.bctrl .tbtn span{font-size:13px}.odbtn{position:relative;overflow:hidden;width:150px;height:64px;border:4px solid var(--ink);border-radius:20px;background:#5a4f7a;color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 5px #2d2640;touch-action:none}.odbtn i{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#ff4fd8,#ff9be9);transition:height .15s}.odbtn .ic,.odbtn span{position:relative;text-shadow:0 2px 0 rgba(0,0,0,.4)}.odbtn .ic{width:30px;height:30px}.odbtn.ready{animation:glow .9s ease-in-out infinite}.odbtn.active i{background:linear-gradient(0deg,#ffd23f,#fff2b8)}.spd{width:56px;flex-direction:column;gap:0}.spd small{font-size:13px;line-height:1}.spd .ic{width:26px;height:26px}body.in-battle .keys{margin-top:4px}.reason{margin:0}.newpart{display:flex;align-items:center;gap:10px;border:3px solid var(--ink);border-radius:16px;background:linear-gradient(90deg,#fff6d6,#ffe08a);padding:6px 10px;margin-top:8px;animation:pop .35s .8s both}.newpart canvas{background:#fff;border:2px solid var(--ink);border-radius:12px;flex:none}.newpart b{display:block;font-size:18px}.newpart small{display:block;color:var(--ink2);font-weight:700;font-size:12px;line-height:1.2}.cratebox{display:block;margin:10px auto;width:150px;height:150px;border:0;background:none;cursor:pointer;animation:shake 1s ease-in-out infinite}.cratebox .ic{width:150px;height:150px}.cratebox.open{animation:burst .45s forwards}@keyframes shake{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-8deg) scale(1.04)}80%{transform:rotate(8deg) scale(1.04)}90%{transform:rotate(-4deg)}}@keyframes burst{to{transform:scale(1.5);opacity:0}}.crateout{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;animation:pop .35s}.crateout canvas{background:radial-gradient(circle,#fff 40%,#ffe08a);border:3px solid var(--ink);border-radius:20px}.crateout b{font-size:22px}.crateout small{color:var(--ink2);font-weight:700;max-width:260px}.namepick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:6px}.namepick label{display:flex;align-items:center;gap:4px;font-weight:800}.namepick select{font:inherit;font-weight:800;border:3px solid var(--ink);border-radius:12px;padding:6px 8px;min-height:44px;background:#fff}.grid-cards.small{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.card canvas{border-radius:14px;background:#eaf6ff}@media (max-width: 760px){.garage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:6px}.gshow{min-height:110px;max-height:150px}.parts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stat{grid-template-columns:84px 1fr 48px;font-size:12px}.stats{padding:4px 8px}.g-left{gap:6px}}@media (max-width: 560px){.modes{grid-template-columns:repeat(2,1fr)}.mode{min-height:74px;flex-direction:row;justify-content:flex-start;text-align:left;gap:8px;padding:6px 10px}.mode b{display:block}.mode .ic{width:34px;height:34px}.mode>b,.mode>small{flex:none}.mode{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px}.mode>.ic{grid-row:1 / span 2}.bctrl{grid-template-columns:1fr auto}.bctrl .tseg{grid-column:1 / span 2;order:2}.odbtn{width:100%}.bctrl .tbtn{min-height:42px}.slot{width:56px;height:66px}.slot canvas{width:40px!important;height:40px!important}.vsbot canvas{width:92px!important;height:92px!important}.parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pcard small:not(.wt){font-size:11px}}@media (max-width: 360px){.stat{grid-template-columns:70px 1fr 44px}.hpbox b{font-size:12px}.btimer{min-width:42px;font-size:18px}}@media (max-height: 560px) and (orientation: landscape){#s-battle{padding-right:190px}#s-battle .bctrl{position:absolute;right:8px;top:calc(8px + var(--safe-t));bottom:8px;width:176px;display:flex;flex-direction:column;justify-content:center;gap:8px}#s-battle .bctrl .tseg{grid-template-columns:1fr;width:100%}#s-battle .bctrl .odbtn{width:100%}.garage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:none}.gshow{max-height:none;min-height:60px}.modes{grid-template-columns:repeat(4,1fr)}.mode small{display:none}}.panel-b{min-height:0}.panel{overflow:hidden}.home-main{justify-content:safe center;overflow-y:auto;padding-top:6px}@media (max-width: 360px){.playbig{font-size:22px;padding:6px 16px;min-height:58px}.tagline{display:none}.hero{height:16vh}.logo{font-size:34px}}@media (max-height: 700px) and (max-width: 560px){.hero{height:15vh}.tagline{display:none}}@media (max-height: 560px) and (orientation: landscape){.gfoot{position:absolute;top:calc(10px + var(--safe-t));right:130px;padding:0}.gfoot .btn{min-width:0;font-size:18px;min-height:48px}.garage .parts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 560px) and (orientation: portrait){.garage{overflow-y:auto;display:flex;flex-direction:column}.g-left{flex:none}.g-right{flex:none;min-height:320px}.parts{overflow:visible;flex:none}.gshow{flex:none;height:130px}}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:400;src:url(./orbitron-latin-400-normal-U6xZUhur.woff2) format("woff2"),url(./orbitron-latin-400-normal-DBk4Dmer.woff) format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(./orbitron-latin-900-normal-DrIi7unX.woff2) format("woff2"),url(./orbitron-latin-900-normal-BbJatbhp.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(./chakra-petch-latin-400-normal-SafcrIr2.woff2) format("woff2"),url(./chakra-petch-latin-400-normal-D7EtbySE.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(./chakra-petch-latin-ext-400-normal-C8u6EFkq.woff2) format("woff2"),url(./chakra-petch-latin-ext-400-normal-MNNNbyh_.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-ext-700-normal-DAkvJhej.woff2) format("woff2"),url(./chakra-petch-latin-ext-700-normal-BeviJPUl.woff) format("woff")}:root{--fd: "Orbitron", system-ui, sans-serif;--fb: "Chakra Petch", system-ui, sans-serif}:root{--ink: #05060c;--ink2: #8fa2c8;--card: #0f1424;--cy: #22f0ff;--mg: #ff2bd6;--yl: #fff04a;--chamf: polygon(12px 0, 100% 0, 100% calc(100% - 12px) , calc(100% - 12px) 100%, 0 100%, 0 12px)}html,body,button{font-family:var(--fb);color:#e6f0ff}body{background:radial-gradient(ellipse at 50% 120%,#2a0f4a,#05060c 60%)!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(34,240,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(34,240,255,.12) 1px,transparent 1px);background-size:40px 40px;-webkit-mask:linear-gradient(transparent,#000 60%);mask:linear-gradient(transparent,#000 60%)}.logo{font-family:var(--fd);font-weight:900;font-size:clamp(64px,16vw,150px);letter-spacing:.08em;text-shadow:none!important;-webkit-text-stroke:0!important}.logo .t1{background:linear-gradient(180deg,#fff 0%,var(--cy) 45%,var(--mg) 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 12px rgba(34,240,255,.7)) drop-shadow(0 0 30px rgba(255,43,214,.5));font-style:italic}.tagline{color:var(--cy);text-transform:uppercase;letter-spacing:.14em;font-size:15px}.btn{border:0!important;border-radius:0!important;clip-path:var(--chamf);box-shadow:none!important}.btn.green,.playbig{background:linear-gradient(90deg,var(--cy),var(--mg))!important;color:var(--ink)!important;text-shadow:none!important}.playbig{font-family:var(--fd);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.btn.white{background:#1b2238!important;color:var(--cy)!important}.mode,.navbtn{border:1px solid var(--cy)!important;border-radius:0!important;clip-path:var(--chamf);background:linear-gradient(160deg,#18213a,var(--card))!important;color:#e6f0ff!important;box-shadow:inset 0 0 18px #22f0ff26!important}.mode b,.navbtn span{font-family:var(--fd);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--cy)}.mode small{color:var(--ink2)!important}.mode.m-garage,.mode.m-gaunt{border-color:var(--mg)!important}.mode.m-garage b,.mode.m-gaunt b{color:var(--mg)}.pill,.lvchip,.acct{border:1px solid var(--cy)!important;border-radius:0!important;background:#0f1424e6!important;color:#e6f0ff!important;box-shadow:none!important}.gate{background:#fff04a1a!important;border:1px solid var(--yl)!important;border-radius:0!important;color:var(--yl)}.modal{background:#05060cbf!important}.panel{border:1px solid var(--cy)!important;border-radius:0!important;background:#0b1020!important;color:#e6f0ff;box-shadow:0 0 40px #22f0ff33!important}.panel-h h3{font-family:var(--fd);color:var(--cy);text-transform:uppercase;letter-spacing:.06em}.card,.grid-cards>*{background:#141b30!important;color:#e6f0ff!important;border-radius:0!important;border-color:#2a3a5c!important}:root{--ink2: #8fa2c8;--card: #0f1424;--cream: #121a2e;--panelbg: linear-gradient(160deg, #18213a, #0b1020);--glow-c: 0 0 0 1px var(--cy), 0 0 14px rgba(34,240,255,.35);--glow-m: 0 0 0 1px var(--mg), 0 0 14px rgba(255,43,214,.4);--chs: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px)}.world,.fcard,.slot,.stats,.pcard,.tbtn,.vsarena,.newpart,.modline,.tutbar,.btimer,.calday,.ach,.seg button,.timer,.namepick select{background:var(--panelbg)!important;color:#e6f0ff!important;border:1px solid #2a3a5c!important;border-radius:0!important;box-shadow:none!important;clip-path:var(--chs)}.fcard.boss{background:linear-gradient(90deg,#2a0f3a,#0b1020)!important;border-color:var(--mg)!important}.slot.sel,.pcard.on,.tbtn.on,.calday.today,.card.sel{background:linear-gradient(160deg,#0e3346,#0b1020)!important;border-color:var(--cy)!important;box-shadow:inset 0 0 18px #22f0ff59!important;color:#fff!important}.slot.empty{background:repeating-linear-gradient(45deg,#0f1424 0 6px,#141c32 6px 12px)!important}.pcard.unowned{background:#0a0e1a!important;opacity:.8}.slot small,.pcard small,.vsarena small,.newpart small,.tdesc,.vsbot small{color:var(--ink2)!important}.slot .plus,.pcard .plus{color:var(--cy)}.slot .lvb{background:var(--mg);border:0;border-radius:0;clip-path:var(--chs)}.sbar{border:1px solid #2a3a5c;border-radius:0;background:#05060c;height:10px;transform:skew(-20deg)}.sbar i{background:linear-gradient(90deg,var(--cy),#8cffd8);box-shadow:0 0 10px var(--cy)}.stat.warn .sbar i{background:linear-gradient(90deg,var(--yl),var(--mg));box-shadow:0 0 10px var(--mg)}.stat label,.stat span{color:#e6f0ff;font-family:var(--fd);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.pcard b,.fcard b,.vsbot b{font-family:var(--fd);letter-spacing:.03em;color:#fff}.vsbot canvas{border-radius:0!important;border:0!important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.vsbot.me canvas{background:radial-gradient(circle at 50% 70%,#ff8c1a73,#120a04 70%)!important}.vsbot.en canvas{background:radial-gradient(circle at 50% 70%,#3db8ff73,#04101a 70%)!important}.vsmid{font-family:var(--fd);font-style:italic;color:var(--mg);-webkit-text-stroke:0;text-shadow:0 0 12px var(--mg),0 0 30px var(--mg)}.vsparts canvas,.newpart canvas{background:#0b1020!important;border:1px solid var(--cy)!important;border-radius:0!important}.vsarena canvas{border-radius:0}.hpbox b{font-family:var(--fd);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#ff8c1a;text-shadow:0 0 8px rgba(255,140,26,.6)}.hpbox.s1 b{color:#3db8ff;text-shadow:0 0 8px rgba(61,184,255,.6)}.hp{border:1px solid #ff8c1a;border-radius:0;background:#05060c;transform:skew(-20deg);box-shadow:0 0 12px #ff8c1a59}.hpbox.s1 .hp{border-color:#3db8ff;transform:skew(20deg);box-shadow:0 0 12px #3db8ff59}.hp i{background:linear-gradient(180deg,#ffd07a,#ff8c1a)!important;box-shadow:0 0 12px #ff8c1a}.hpbox.s1 .hp i{background:linear-gradient(180deg,#a8e6ff,#3db8ff)!important;box-shadow:0 0 12px #3db8ff}.hp i.low,.hpbox.s1 .hp i.low{background:linear-gradient(180deg,#ff9bd8,var(--mg))!important;box-shadow:0 0 12px var(--mg);animation:blink .5s steps(2) infinite}.hp em{font-family:var(--fd);font-size:11px;transform:skew(20deg)}.hpbox.s1 .hp em{transform:skew(-20deg)}.btimer{font-family:var(--fd);color:var(--yl)!important;border-color:var(--yl)!important;text-shadow:0 0 10px rgba(255,240,74,.7)}.countdown{font-family:var(--fd);font-style:italic;color:var(--cy);text-shadow:0 0 18px var(--cy),0 0 40px var(--mg),3px 3px 0 #05060c}.countdown.go{color:var(--mg);text-shadow:0 0 18px var(--mg),0 0 40px var(--cy)}.odbtn{border:1px solid var(--mg);border-radius:0;clip-path:var(--chamf);background:#140a24;box-shadow:none;font-family:var(--fd);font-size:14px;letter-spacing:.06em}.odbtn i{background:linear-gradient(0deg,var(--mg),#ff9bea);box-shadow:0 0 20px var(--mg)}.odbtn.ready{box-shadow:inset 0 0 22px #ff2bd6b3}.stage canvas{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}#s-battle .stage{outline:1px solid rgba(34,240,255,.4);outline-offset:3px}.keys{color:var(--ink2)}.garage h2,.garage h3,.ghead b{font-family:var(--fd);color:var(--cy);text-transform:uppercase;letter-spacing:.05em}.tutbar{color:#e6f0ff!important;border-color:var(--cy)!important;box-shadow:0 0 18px #22f0ff40!important}.tutbar canvas{border-radius:0!important;background:#0e3346!important}.winstars .ic{filter:drop-shadow(0 0 10px rgba(255,240,74,.8))}.newpart b{color:var(--yl)}.slot{clip-path:none}.stat{grid-template-columns:112px 1fr 54px}.stat label{font-size:10px;letter-spacing:.02em;white-space:nowrap}.pcard.unowned canvas{filter:brightness(0) invert(.6) opacity(.45)!important}