@font-face{font-family:Lilita One;src:url(../assets/fonts/lilita-one.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/nunito-700.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/nunito-800.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(../assets/fonts/nunito-900.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{font-family:Nunito,ui-rounded,system-ui,sans-serif;font-weight:800;color:#fff0ff;background:#192b56;font-synthesis:none;--ink:#302342;--well:#263963;--rim:#6991df;--cream:#fff2c6;--button:#ffdf70;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--hud-height:62px;--hud-gap:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;cursor:pointer;border:0;color:inherit;padding:0;touch-action:manipulation;transition:transform .12s,filter .12s,box-shadow .12s}button:focus-visible{outline:3px solid #ffe778;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}button:hover{filter:brightness(1.07)}button:active{transform:translateY(3px)}button svg{width:25px;height:25px}[hidden]{display:none!important}img{user-select:none;-webkit-user-drag:none;pointer-events:none}.game-shell{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#486ad4,#25499a 58%,#1a3580)}#safe-area{position:absolute;inset:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;visibility:hidden}.run-screen,#phaser-game,.menu-screen{position:absolute;inset:0;width:100%;height:100%}#phaser-game{outline:none;touch-action:none}#phaser-game canvas{display:block;width:100%!important;height:100%!important;margin:0!important;touch-action:none!important}.hud{position:absolute;top:calc(var(--safe-top) + var(--hud-gap));left:calc(var(--safe-left) + 18px);right:calc(var(--safe-right) + 18px);height:var(--hud-height);display:flex;align-items:flex-start;gap:13px;pointer-events:none}.score-stack{flex:1;min-width:0;display:flex;align-items:flex-start;flex-direction:column}.score-readout{font-family:Lilita One,sans-serif;font-size:min(var(--score-size,42px),var(--score-limit,42px));font-weight:400;color:#fff4c9;line-height:1;text-shadow:0 3px 0 #142447;transform-origin:left center}.best-readout{display:flex;align-items:center;gap:5px;color:#ffe187;font-size:12px;letter-spacing:.4px;margin-top:4px;text-shadow:0 1px 0 #15294d}.best-readout svg{width:12px;height:12px}.icon-button{display:grid;place-items:center;width:48px;height:47px;flex-shrink:0;border:2px solid #9cc5ef8a;border-radius:16px;background:#4c72aa;color:#edf5ff;box-shadow:0 4px #1b2e58,inset 0 2px #c1e7ff55}.icon-button:active{box-shadow:0 1px #1b2e58,inset 0 2px #c1e7ff55}#pause{pointer-events:auto;margin-top:4px}.next-piece{width:51px;height:62px;position:relative;display:flex;align-items:center;flex-direction:column;flex-shrink:0}.next-label{font-size:8px;letter-spacing:1.8px;color:#c7dbf7;line-height:10px}.next-piece img{width:56px;height:56px;margin-top:-4px;filter:drop-shadow(0 2px 0 #4622733f)}.menu-screen{z-index:3}.menu-settings{position:absolute;top:calc(var(--safe-top) + 16px);right:calc(var(--safe-right) + 18px)}.title-controls{pointer-events:none;position:absolute;left:calc(var(--safe-left) + (100% - var(--safe-left) - var(--safe-right))/2);top:calc(var(--safe-top) + (100% - var(--safe-top) - var(--safe-bottom))*.42);transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:22px}.logo{font-family:Lilita One,sans-serif;font-size:clamp(76px,min(27vw,20vh),160px);font-weight:400;white-space:nowrap;color:#ffe36b;letter-spacing:-4px;line-height:1;margin:0 0 13px;transform:rotate(-6deg);-webkit-text-stroke:3px #562984;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #532982) drop-shadow(0 5px 0 #f174b6) drop-shadow(0 6px 0 #4d268344)}.logo-letter{display:inline-block}.logo-letter:nth-child(2){transform:rotate(3deg) translateY(-5px);color:#ffe783}.logo-letter:nth-child(3){transform:rotate(5deg) translateY(1px)}.logo-letter:nth-child(4){transform:rotate(-3deg) translateY(-2px);color:#ffe783}.logo-letter:nth-child(5){transform:rotate(6deg) translateY(-4px)}.logo-dot{color:#ff8bc8;display:inline-block;transform:rotate(12deg) translate(2px,2px)}.big-button{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;gap:13px;width:230px;max-width:76vw;height:68px;flex-shrink:0;border:3px solid #985a3f;border-radius:23px;background:linear-gradient(#ffe78d,#ffd154);box-shadow:0 6px #c08336,0 10px #14234550,inset 0 3px #fff6c1;color:#69452e;text-shadow:0 2px 0 #fff0aa}.big-button b{font-family:Lilita One,sans-serif;font-size:32px;font-weight:400;letter-spacing:.5px}.big-button span{display:flex;align-items:center}.big-button svg{width:25px;height:25px;filter:drop-shadow(0 2px 0 #fff0aa)}.big-button:active{transform:translateY(5px);box-shadow:0 1px #c08336,0 4px #14234550,inset 0 3px #fff6c1}.menu-best{display:flex;align-items:center;gap:7px;color:#ffdf7b;margin-top:0}.menu-best svg{width:18px;height:18px}.menu-best strong{font-family:Lilita One,sans-serif;font-size:25px;font-weight:400;text-shadow:0 2px 0 #62358b}.first-hint{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:#f0dcff;pointer-events:none;filter:drop-shadow(0 3px 0 #754daa55)}.first-hint>svg{width:34px;height:34px;animation:hint 1.6s ease-in-out 2}.score-line{display:flex;align-items:center;gap:8px;max-width:100%}.combo-toast{position:relative;display:none;flex-shrink:0;padding:3px 6px 5px;border-radius:9px;background:#ffdf75;color:#5e3b39;font-family:Lilita One,sans-serif;font-size:22px;line-height:1;box-shadow:0 2px #14284d;overflow:hidden}.combo-toast.show{display:block;animation:combo-pop .2s ease-out}.combo-toast:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#e89150;transform-origin:left;animation:combo-life 1.6s linear forwards}.best-readout.record{animation:record-pop .5s ease-out 2;color:#fff6ba;filter:drop-shadow(0 0 6px #ffcf5d88)}.in-danger:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 35px #ff6b7028;pointer-events:none}.bump{animation:score-bump .22s ease-out}dialog{position:fixed;inset:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 14px);width:320px;border:0;background:transparent;overflow:visible;padding:0;margin:auto;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 28px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);color:#fff0ff}dialog::backdrop{background:#0b17338f;backdrop-filter:blur(2px)}dialog[open]{animation:modal-in .18s ease-out}.modal-card{width:100%;padding:24px;display:flex;align-items:center;flex-direction:column;background:#385b94;border:3px solid #8bb8e8;border-radius:29px;box-shadow:0 8px #172b51,0 14px 40px #07132e66,inset 0 3px #bcddff33}.modal-card h2{font-family:Lilita One,sans-serif;font-weight:400;font-size:25px;line-height:1.1;letter-spacing:1px;color:#fff1d1;text-shadow:0 3px 0 #213f71;margin:0 0 21px}.settings-options{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.settings-options .icon-button{width:48px;height:47px;position:relative}.setting[aria-checked=false]{color:#9bb3d7;background:#2d4b7b}.setting[aria-checked=false]:after{content:"";position:absolute;left:10px;top:21px;width:26px;height:3px;background:#ffafce;box-shadow:0 1px #203761;transform:rotate(-45deg);border-radius:2px}.setting[aria-checked=true]{background:#ffde73;color:#664730;border-color:#fff0b0;box-shadow:0 4px #b0823e,inset 0 2px #fff3ca70}.setting[aria-checked=true]:active{box-shadow:0 1px #b0823e}.modal-card .big-button{width:100%;height:62px;margin-bottom:3px}.modal-card .big-button b{font-size:27px;letter-spacing:.3px}.modal-card .big-button svg{width:23px;height:23px}.result-score{width:100%;text-align:center;margin:-7px 0 22px}.result-score strong{display:block;font-family:Lilita One,sans-serif;font-size:68px;line-height:1.1;font-weight:400;color:#ffeb96;text-shadow:0 4px 0 #1d3966}.result-score p{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;letter-spacing:1.4px;color:#ffeb96;margin:10px 0 0}.result-score p svg{width:16px;height:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes hint{0%,to{transform:translate(-12px) rotate(-12deg);opacity:.7}50%{transform:translate(12px) rotate(-12deg);opacity:1}}@keyframes combo-pop{0%{transform:scale(.7)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes combo-life{to{transform:scaleX(0)}}@keyframes record-pop{50%{transform:scale(1.12)}}@keyframes score-bump{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}.reduced-motion .combo-toast.show{opacity:1}@media(max-height:500px){:root{--hud-height:48px;--hud-gap:8px;--score-limit:34px}.hud{align-items:center;gap:11px}.best-readout{font-size:10px;line-height:12px;margin-top:2px}.next-piece{height:48px;width:44px}.next-piece img{width:44px;height:44px;margin-top:-3px}.next-label{font-size:7px;letter-spacing:1.5px}#pause{margin-top:0}.title-controls{gap:12px}.logo{margin-bottom:7px;font-size:74px}.title-controls .big-button{height:55px;width:200px}.title-controls .big-button b{font-size:28px}.menu-best strong{font-size:20px}.menu-best svg{width:15px;height:15px}.modal-card{padding:19px}.modal-card h2{font-size:23px;margin-bottom:16px}.settings-options{margin-bottom:18px}.modal-card .big-button{height:54px}.result-score{margin-bottom:15px}.result-score strong{font-size:53px!important}}@media(max-height:500px)and (min-width:600px){.score-stack{flex-direction:row;align-items:center;gap:12px}.best-readout{font-size:12px;margin-top:0}}@media(max-width:350px){.hud{left:calc(var(--safe-left) + 13px);right:calc(var(--safe-right) + 13px);gap:10px}.modal-card{padding:16px}.settings-options{gap:8px}.settings-options .icon-button{width:44px;height:44px}.modal-card .big-button b{font-size:25px}}@media(max-height:300px){.title-controls{gap:8px;top:calc(var(--safe-top) + (100% - var(--safe-top) - var(--safe-bottom))*.5)}.logo{font-size:54px;margin-bottom:2px}.menu-settings{top:auto;bottom:calc(var(--safe-bottom) + 16px)}.modal-card{padding:12px}.modal-card h2{font-size:21px;margin-bottom:12px}.settings-options{margin-bottom:14px}.result-score{margin-bottom:12px}.result-score strong{font-size:44px!important}.modal-card .big-button{height:48px}.menu-best strong{font-size:18px}}@media(max-width:280px){.modal-card{padding:8px}.settings-options{gap:4px}.best-readout{font-size:10px}.best-readout svg{width:10px;height:10px}.hud{gap:8px}}@media(max-height:500px)and (max-width:350px){.menu-settings{top:auto;bottom:calc(var(--safe-bottom) + 16px)}}.queue-in{animation:queue-in .22s ease-out}.hud{--hud-left:max(calc(var(--safe-left) + 13px),var(--arena-left,13px));left:var(--hud-left);right:auto;width:max(220px,var(--arena-width, calc(100% - 26px) ));max-width:calc(100% - var(--safe-left) - var(--safe-right) - 26px)}.anihub-embedded .hud{padding-left:max(0px,calc(var(--safe-left) + 94px - var(--hud-left)))}.account-button{pointer-events:auto;background:none;color:#d5e5ff;font-size:13px;padding:8px 12px;min-height:44px;border-radius:10px}.account-button:disabled{opacity:1;cursor:default}.run-status{font-size:12px;line-height:1.5;color:#d6e4ff;text-align:center;margin:-8px 0 18px}.run-status:empty{display:none}@keyframes queue-in{0%{opacity:.5;transform:translateY(-5px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.is-paused .combo-toast:after{animation-play-state:paused}