@font-face{font-family:KardKada Baybayin;src:url(/fonts/NotoSansTagalog-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block;unicode-range:U+1700-171F}:root{font-family:var(--kk-font-ui);color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--kk-navy-950:#081725;--kk-navy-900:#0d2233;--kk-navy-800:#153348;--kk-teal-900:#076a70;--kk-teal-800:#087f83;--kk-teal-700:#0b9797;--kk-teal-600:#12aaa5;--kk-teal-500:#17beb6;--kk-cyan-500:#18c9d6;--kk-cyan-400:#35dce4;--kk-mango-600:#f5aa24;--kk-mango-500:#ffc43d;--kk-mango-400:#ffd66d;--kk-coral-600:#e84b52;--kk-coral-500:#f45b5f;--kk-coral-400:#ff7b77;--kk-purple-700:#6237be;--kk-purple-600:#754ad9;--kk-purple-500:#8a62e8;--kk-green-700:#24975a;--kk-green-600:#32b66b;--kk-green-500:#43ca7b;--kk-cream-100:#fff7df;--kk-cream-200:#f8edce;--kk-white:#fff;--kk-text-dark:#10293b;--kk-text-mid:#426073;--kk-text-light:#f7fbfc;--kk-text-muted:#a7bdc8;--kk-navy:#081725;--kk-navy-dark:#0d2233;--kk-teal-deep:#076a70;--kk-teal:#0b9797;--kk-teal-bright:#12aaa5;--kk-cyan:#18c9d6;--kk-mango:#ffc43d;--kk-coral:#f45b5f;--kk-purple:#754ad9;--kk-green:#32b66b;--kk-cream:#fff7df;--kk-mango-edge:#b96e20;--kk-teal-edge:#045158;--kk-purple-edge:#4d2e9c;--kk-coral-edge:#a83843;--kk-shadow-control:0 3px 0 #04111c, 0 6px 12px #06192342;--kk-shadow-card:0 3px 0 #071724, 0 7px 13px #06192352;--kk-shadow-panel:0 5px 0 #052f36, 0 10px 20px #06192342;--kk-shadow-card-raised:0 5px 0 #8f591e, 0 11px 18px #06192352;--kk-shadow-sm:0 2px 0 #04111c, 0 4px 8px #06192336;--kk-shadow-md:0 4px 0 #052f36, 0 8px 16px #06192342;--kk-shadow-lg:0 6px 0 #04111c, 0 14px 26px #0619234a;--kk-shadow-selected:0 5px 0 #8f591e, 0 11px 18px #06192352, 0 0 0 3px #ffc43d52;--kk-highlight-top:inset 0 1px 0 #ffffffa8;--kk-motion-control:.16s cubic-bezier(.2, .8, .2, 1);--kk-motion-card:.24s cubic-bezier(.2, .8, .2, 1);--kk-motion-play:.34s cubic-bezier(.18, .82, .2, 1);--kk-theme-table-surface:var(--kk-teal-900);--kk-theme-table-edge:var(--kk-navy-950);--kk-theme-table-accent:var(--kk-cream-100);--kk-theme-card-back:var(--kk-navy-900);--kk-theme-player-plate:var(--kk-navy-900);--kk-theme-kada-effect:var(--kk-mango-500);--kk-theme-victory-effect:var(--kk-mango-400);--kk-theme-power-effect:var(--kk-purple-600);--kk-radius-control:10px;--kk-radius-card:14px;--kk-radius-panel:20px;--kk-radius-stage:28px;--kk-space-1:4px;--kk-space-2:8px;--kk-space-3:12px;--kk-space-4:16px;--kk-space-5:24px;--kk-space-6:32px;--kk-font-display:"Poppins", "Nunito Sans", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--kk-font-ui:"Inter", "Poppins", "Nunito Sans", "Trebuchet MS", system-ui, sans-serif;background:#08051d}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}h1,h2,h3,h4,strong,.popup-kicker{font-family:var(--kk-font-display)}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default;opacity:.45}:where(button,input,select,a):focus-visible{outline-offset:3px;outline:3px solid #7cf3ef}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-screen{width:100vw;height:100dvh;min-height:320px;padding:max(14px, var(--safe-top)) max(16px, var(--safe-right)) max(14px, var(--safe-bottom)) max(16px, var(--safe-left));color:#fff;background:radial-gradient(circle at 75% 12%,#ff6f5c42,#0000 31%),radial-gradient(circle at 14% 84%,#17c4c642,#0000 34%),linear-gradient(145deg,#10102e,#21134a 52%,#0b1f38);place-items:center;display:grid;position:relative;overflow:auto}.account-banig{opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 15px,#fff 16px 17px,#0000 18px 30px),repeating-linear-gradient(-45deg,#0000 0 15px,#16c4c7 16px 17px,#0000 18px 30px);position:fixed;inset:-25%;transform:rotate(-7deg)}.account-panel{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#15133ef2,#0e1739f2);border:1px solid #ffffff24;border-radius:28px 10px;width:min(400px,92vw);padding:clamp(20px,4vw,34px);position:relative;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1e}.account-brand>div{justify-content:center;align-items:center;gap:2px;display:flex}.account-brand>div span{color:#15132c;background:#f4c853;border-radius:10px 3px;place-items:center;width:34px;height:44px;font:1000 22px/1 Arial Black,sans-serif;display:grid;transform:rotate(-7deg);box-shadow:0 4px #a45927}.account-brand>div span:last-child{color:#fff;background:#ff6b5b;transform:rotate(7deg)}.account-brand>div i{background:#18c4c5;border-radius:2px;width:7px;height:7px;transform:rotate(45deg)}.account-brand h1{letter-spacing:-.07em;margin:10px 0 3px;font:1000 clamp(30px,6vw,46px)/1 Trebuchet MS,system-ui,sans-serif}.account-brand p{color:#9dafc8;letter-spacing:.06em;margin:0 0 22px;font-size:9px}.google-account,.email-account,.guest-account,.account-primary{border-radius:14px 5px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;font-weight:900;display:flex}.google-account{color:#1c2840;background:#fff;border:0}.google-account span{color:#4285f4;border:1px solid #d9e0ea;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:1000;display:grid}.email-account{color:#fff;background:#16c4c71d;border:1px solid #65e7dc66}.email-account svg{color:#65e7dc;width:18px}.guest-account{color:#dce8f6;background:#ffffff0a;border:1px solid #fff2;margin-top:12px}.guest-account svg{color:#f4c853;width:18px}.account-divider{color:#7589a8;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0;font-size:8px;display:grid}.account-divider i{background:#ffffff18;height:1px}.account-switch{color:#9aabc3;margin:17px 0 4px;font-size:10px}.account-switch button,.account-back,.reroll-name{color:#70ece2;background:0 0;border:0;font-weight:900}.account-form{text-align:left;gap:10px;display:grid}.account-form h2{text-align:center;margin:0 0 6px}.account-form label,.username-field{gap:5px;display:grid}.account-form label span,.username-field span{color:#92a4c0;letter-spacing:.16em;font-size:7px;font-weight:950}.account-form input,.username-field input{color:#fff;background:#050b21b8;border:1px solid #ffffff24;border-radius:12px 4px;outline:0;width:100%;height:44px;padding:0 12px;font-weight:800}.account-primary{color:#18172d;background:linear-gradient(135deg,#ffe07a,#f2b94b);border:0;box-shadow:0 5px #9d5927}.account-back{min-height:34px}.account-error{color:#ffd5cf;background:#ff645521;border:1px solid #ff7c6d55;border-radius:9px 3px;margin:12px 0 0;padding:8px;font-size:9px}.account-trust{color:#7489a8;justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:7px;display:flex}.account-trust svg{color:#70d47b;width:12px}.account-confirm{justify-items:center;gap:8px;display:grid}.account-confirm>svg,.username-panel>svg{color:#65e7dc;width:40px}.account-confirm h2,.username-panel h1{margin:8px 0 0}.account-confirm>p,.username-panel p{color:#a0b0c7;margin:0;font-size:10px;line-height:1.5}.account-confirm>small{color:#7489a8;font-size:8px;line-height:1.45}.account-confirm button{color:#fff;background:#ffffff0d;border:1px solid #fff2;border-radius:10px 4px;width:100%;min-height:44px;font-weight:900}.account-confirm .account-resend{color:#172039;background:linear-gradient(135deg,#ffe07a,#f2b94b);border:0;margin-top:4px}.account-confirm .account-resend:disabled{color:#8794a9;background:#ffffff08;border:1px solid #ffffff14}.account-confirm .account-confirm-back{color:#70ece2;background:0 0;border:0}.account-confirm .account-confirm-feedback{color:#c5d5e8;background:#16c4c714;border:1px solid #65e7dc35;border-radius:9px 3px;width:100%;margin:0;padding:7px 9px;font-size:8px}.account-confirm .account-confirm-feedback.error{color:#ffd5cf;background:#ff645521;border-color:#ff7c6d55}.account-kicker{color:#f4c853;letter-spacing:.16em;margin-top:8px;font-size:7px;font-weight:950;display:block}.username-field{text-align:left;margin:16px 0 6px}.username-field input{text-align:center}.reroll-name{min-height:34px;margin-bottom:8px}.username-panel>small{color:#7285a2;margin-top:12px;font-size:7px;display:block}.guest-confirm{justify-items:center;gap:12px;display:grid}.guest-confirm>svg{color:#f4c853;width:44px;height:44px}.guest-confirm h2{color:#ffe07a;margin:0;font-size:20px}.guest-confirm p{color:#aebed3;margin:0 0 4px;font-size:10px;line-height:1.55}.guest-confirm .account-primary,.guest-confirm .account-back{width:100%;min-height:44px}.account-splash .account-brand p{margin-bottom:12px}.account-splash>p{color:#91a5c2;letter-spacing:.13em;font-size:8px;font-weight:900}.account-loader{border:3px solid #ffffff1c;border-top-color:#65e7dc;border-radius:50%;width:20px;height:20px;margin:16px auto;animation:.8s linear infinite account-spin;display:block}@keyframes account-spin{to{transform:rotate(360deg)}}.account-screen{isolation:isolate;color:#14345c;background:radial-gradient(circle at 82% 12%,#fff7bf 0 5%,#ffd250 13%,#ff9a6455 25%,#0000 37%),radial-gradient(at 13% 102%,#9ff3d3 0 14%,#3bd5b36b 37%,#0000 56%),linear-gradient(145deg,#168fd4 0%,#35c7dc 48%,#9be5d5 78%,#ffe5a0 132%)}.account-screen:before,.account-screen:after{content:"";z-index:-1;pointer-events:none;position:fixed}.account-screen:before{opacity:.68;background:radial-gradient(at 35% 12%,#d8ff9e 0 9%,#72d97b 30%,#129587 62%,#08779e 84%);border-radius:50% 50% 0 0;width:min(80vw,960px);height:min(58vh,480px);bottom:-34vh;right:-8vw;transform:rotate(-7deg)}.account-screen:after{aspect-ratio:.68;background:linear-gradient(145deg,#fff5a6dd,#ffc745dd);border:2px solid #ffffffa8;border-radius:17px 5px;width:min(15vw,150px);top:13%;left:8%;transform:rotate(-17deg);box-shadow:0 18px 38px #08789a4f,inset 0 2px #fff}.account-banig{z-index:-1;opacity:.34;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(45deg,#0000 0 15px,#ffffffb8 16px 18px,#0000 19px 30px),repeating-linear-gradient(-45deg,#0000 0 15px,#ffe078c4 16px 18px,#0000 19px 30px)}.account-panel{z-index:1;color:#14345c;-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:radial-gradient(circle at 86% 8%,#fff9cfb8,#0000 27%),linear-gradient(145deg,#fffffff0,#dcfaffeb 64%,#b9f1e0e8);border:2px solid #ffffffc7;box-shadow:0 25px 70px #086a9561,0 8px #1875a07a,inset 0 2px #fff}.account-panel:before{content:"";pointer-events:none;border:1px solid #1686ae35;border-radius:20px 5px;position:absolute;inset:9px}.account-panel>*{z-index:1;position:relative}.account-brand h1{color:#133c6a;text-shadow:0 2px #fff,0 8px 20px #1581a544}.account-brand p{color:#326486}.google-account{color:#153960;background:linear-gradient(145deg,#fff,#e7f8ff);border:1px solid #fff;box-shadow:0 4px #78b9d2,0 8px 18px #147e9a2b}.google-account span{background:#fff;box-shadow:inset 0 1px #fff}.email-account{color:#123b59;background:linear-gradient(135deg,#b8fff0,#55dcc8 52%,#26bdd4);border:1px solid #2daec380;box-shadow:0 4px #1682a1,0 8px 18px #1596a22d}.email-account svg{color:#12425d}.guest-account{color:#17466b;background:#ffffffb8;border:1px solid #6ebbd483;box-shadow:0 4px #83b8ca}.guest-account svg{color:#e99a36}.account-divider{color:#4e7690}.account-divider i{background:#2d93af42}.account-switch{color:#42708a}.account-switch button,.account-back,.reroll-name,.account-confirm .account-confirm-back{color:#087f9c}.account-form h2,.account-confirm h2,.username-panel h1,.guest-confirm h2{color:#143b65}.account-form label span,.username-field span{color:#2b6d87}.account-form input,.username-field input{color:#13395f;background:#ffffffd9;border-color:#50abc36b;box-shadow:inset 0 1px #fff}.account-form input:focus,.username-field input:focus{border-color:#11a9b3;box-shadow:0 0 0 3px #21c7d825}.account-primary,.account-confirm .account-resend{color:#17304f;background:linear-gradient(135deg,#fff2a4,#ffd34d 55%,#ffad58);box-shadow:0 5px #c87837,0 9px 18px #ef9f3c34}.account-trust{color:#39708b}.account-trust svg{color:#159c75}.account-confirm>svg,.username-panel>svg{color:#1196a8}.account-confirm>p,.username-panel p,.guest-confirm p{color:#416f89}.account-confirm>small,.username-panel>small{color:#61859a}.account-confirm button:not(.account-resend):not(.account-confirm-back){color:#1b4d70;background:#ffffffa8;border-color:#6eb7ce78}.account-confirm .account-confirm-feedback{color:#205c76;background:#d9faf7b0;border-color:#39b9c84d}.account-confirm .account-confirm-feedback.error,.account-error{color:#a23838;background:#ffe2d9cf;border-color:#f1786759}.account-kicker{color:#b76b25}.guest-confirm>svg{color:#eb9f38}.account-splash>p{color:#356f8c}.account-loader{border-color:#149fb0 #1b86a735 #1b86a735}@media (height<=480px) and (orientation:landscape){.account-screen{padding:max(10px, var(--safe-top)) max(14px, var(--safe-right)) max(10px, var(--safe-bottom)) max(14px, var(--safe-left));overflow:hidden}.account-screen:after{display:none}.account-panel{width:min(560px,90vw);max-height:calc(100dvh - max(20px, var(--safe-top)) - max(20px, var(--safe-bottom)));-webkit-backdrop-filter:blur(8px)saturate(1.08);backdrop-filter:blur(8px)saturate(1.08);padding:10px 20px;overflow-y:auto}.account-brand{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:10px;display:grid}.account-brand>div span{width:25px;height:33px;font-size:16px}.account-brand h1{margin:0;font-size:30px}.account-brand p{grid-column:1/-1;margin:1px 0 7px}.google-account,.email-account,.guest-account,.account-primary{min-height:40px}.account-divider{margin:6px 0}.account-switch{margin:8px 0 2px}.guest-account{min-height:40px;margin-top:6px}.account-form{grid-template-columns:1fr 1fr}.account-form h2,.account-form .account-primary,.account-form .account-back{grid-column:1/-1}.account-form input{height:39px}.account-trust{margin-top:6px}.username-panel{width:min(520px,90vw)}.username-panel p{margin:4px 0}.username-field{margin:7px 0 3px}.guest-confirm{gap:7px}.guest-confirm>svg{width:32px;height:32px}.guest-confirm h2{font-size:17px}}.runtime-screen{min-height:100dvh;padding:max(24px, var(--safe-top)) max(24px, var(--safe-right)) max(24px, var(--safe-bottom)) max(24px, var(--safe-left));color:var(--kk-text-light);background:radial-gradient(at top,#076a70 0,#0d2233 65%);place-items:center;display:grid}.runtime-panel{width:min(100%,440px);box-shadow:var(--kk-shadow-panel);text-align:center;background:#081725ed;border:1px solid #ffc43d8a;border-radius:20px;padding:clamp(20px,4vw,36px)}.runtime-mark{background:var(--kk-mango);width:56px;height:56px;box-shadow:0 4px 0 var(--kk-mango-edge);color:var(--kk-text-dark);border-radius:12px;place-items:center;font-size:25px;font-weight:900;display:inline-grid}.runtime-panel h1{margin:22px 0 12px;font-size:clamp(22px,4vw,28px)}.runtime-panel p{color:#d1e2e8;margin:0 0 24px;line-height:1.5}.runtime-panel a{color:var(--kk-cyan);margin-top:20px;display:block}.runtime-panel button,.runtime-update button{border:1px solid var(--kk-cream);background:var(--kk-mango);min-height:44px;box-shadow:0 3px 0 var(--kk-mango-edge);color:var(--kk-text-dark);font:inherit;cursor:pointer;border-radius:10px;padding:10px 18px;font-weight:800}.runtime-panel button:focus-visible,.runtime-update button:focus-visible,.runtime-panel a:focus-visible{outline:3px solid var(--kk-cyan);outline-offset:4px}.runtime-update{z-index:1200;inset-inline:max(12px, var(--safe-left)) max(12px, var(--safe-right));bottom:max(12px, var(--safe-bottom));width:fit-content;max-width:calc(100% - 24px);color:var(--kk-text-light);box-shadow:var(--kk-shadow-panel);background:#081725f5;border:1px solid #ffc43d99;border-radius:14px;align-items:center;gap:12px;margin-inline:auto;padding:12px 16px;display:flex;position:fixed}.runtime-update p{margin:0;font-size:14px;line-height:1.4}.runtime-update button{flex-shrink:0}.runtime-update .runtime-update-later{color:var(--kk-text-light);box-shadow:none;background:0 0;border-color:#81bcc480}@media (width<=540px){.runtime-update{flex-wrap:wrap;gap:8px}.runtime-update p{flex-basis:100%}}