*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fdf8f3;width:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden auto}#root{width:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}html{color:#1a1625;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;font-weight:700;line-height:1.2}*{-webkit-tap-highlight-color:transparent}button,a,[role=button]{touch-action:manipulation;cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #7c5cbf}input,select,textarea{font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5ede5}::-webkit-scrollbar-thumb{background:#b8b5b2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a8784}@media screen and (orientation:portrait) and (height<=500px){body:after{content:"Please rotate your device";color:#fff;z-index:9999;background:#7c5cbf;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;display:flex;position:fixed;inset:0}}canvas{touch-action:none;image-rendering:auto;touch-action:manipulation;display:block}.nova-world canvas,.game-canvas canvas{max-width:100%;max-height:100%}:root{--phi:1.61803;--font-size-xs:13px;--font-size-sm:16px;--font-size-base:18px;--font-size-lg:21px;--font-size-xl:26px;--font-size-2xl:34px;--font-size-3xl:42px;--font-size-4xl:55px;--font-size-5xl:68px;--font-size-6xl:89px;--font-display:"Nunito", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Fira Code", "Consolas", monospace;--space-xs:5px;--space-sm:8px;--space-md:13px;--space-lg:21px;--space-xl:34px;--space-2xl:55px;--space-3xl:89px;--space-4xl:144px;--sukios-purple:#7c5cbf;--sukios-purple-light:#a67ff0;--sukios-purple-dark:#5a3a99;--sukios-teal:#2ec4b6;--sukios-teal-light:#5dddd6;--sukios-teal-dark:#1a8f86;--sukios-accent:#b48de0;--cream:#fdf8f3;--cream-dark:#f5ede5;--deep-space:#1a1625;--purple:#7c5cbf;--teal:#2ec4b6;--miko-primary:#e85a4f;--miko-secondary:#f47b6f;--miko-light:#f9a099;--miko-dark:#1a1225;--lira-primary:#27ae60;--lira-secondary:#3cc774;--lira-light:#6dd99a;--eli-primary:#2ec4b6;--eli-secondary:#4dd4c8;--eli-light:#7ee4db;--nova-primary:#f1c40f;--nova-secondary:#f4d03f;--nova-light:#f7dc6f;--nova-crown:#f4d03f;--nova-paint-red:#e74c3c;--nova-paint-blue:#3498db;--nova-paint-yellow:#f1c40f;--nova-paint-green:#27ae60;--nova-paint-purple:#9b59b6;--nova-paint-orange:#e67e22;--nova-paint-pink:#e91e63;--nova-paint-white:#fefefe;--nova-paint-black:#1a1625;--nova-body-light:#b48de0;--nova-body-mid:#8b5cc8;--nova-body-dark:#5a3a99;--ritmo-primary:#8e44ad;--ritmo-secondary:#9b59b6;--ritmo-light:#bb8fce;--neutral-100:#f7f5f3;--neutral-200:#e8e6e3;--neutral-300:#d0cecc;--neutral-400:#b8b5b2;--neutral-500:#8a8784;--neutral-600:#6b6b6b;--neutral-700:#4a4a4a;--neutral-800:#2d2d2d;--neutral-900:#1a1a1a;--success:#27ae60;--warning:#f39c12;--error:#e74c3c;--info:#3498db;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 3px 13px #0000001f;--shadow-lg:0 5px 21px #00000029;--shadow-xl:0 8px 34px #0003;--shadow-miko:0 5px 21px #e85a4f40;--shadow-lira:0 5px 21px #27ae6040;--shadow-eli:0 5px 21px #2ec4b640;--shadow-nova:0 5px 21px #f1c40f40;--shadow-ritmo:0 5px 21px #8e44ad40;--radius-sm:8px;--radius-md:13px;--radius-lg:21px;--radius-xl:34px;--radius-pill:100px;--radius-circle:50%;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-breathing:3s;--duration-speaking:.4s;--duration-celebrating:.5s;--ease-default:ease;--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-dropdown:100;--z-modal:200;--z-toast:300;--z-tooltip:400;--touch-target-min:44px;--touch-target-child:80px;--touch-target-large:100px}.gradient-brand{background:linear-gradient(135deg, var(--sukios-purple-dark) 0%, var(--sukios-purple) 60%, var(--sukios-teal) 100%)}.gradient-purple-teal{background:linear-gradient(135deg, var(--sukios-purple), var(--sukios-teal))}.gradient-nova-body{background:radial-gradient(circle at 30% 30%, var(--nova-body-light), var(--nova-body-mid) 50%, var(--nova-body-dark))}.gradient-miko{background:linear-gradient(90deg, var(--miko-primary), var(--miko-secondary))}.gradient-lira{background:linear-gradient(90deg, var(--lira-primary), var(--lira-secondary))}.gradient-eli{background:linear-gradient(90deg, var(--eli-primary), var(--eli-secondary))}.gradient-nova{background:linear-gradient(90deg, var(--nova-primary), var(--nova-secondary))}.gradient-ritmo{background:linear-gradient(90deg, var(--ritmo-primary), var(--ritmo-secondary))}.back-text{display:inline}@media (width<=480px){.back-text{display:none}}.character-select{box-sizing:border-box;background:#fdf8f3;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:34px;font-family:Nunito,sans-serif;display:flex;overflow:hidden auto}.character-select__header{text-align:center;margin-bottom:34px}.character-select__title{color:#7c5cbf;margin:0 0 8px;font-size:34px;font-weight:800}.character-select__subtitle{color:#8a8784;margin:0;font-size:18px;font-weight:500}.character-select__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:21px;width:100%;max-width:800px;padding:13px;display:grid}.character-select__footer{text-align:center;padding-top:34px}.character-select__footer-text{color:#b8b5b2;margin:0;font-size:16px}@media (width<=374px){.character-select{justify-content:flex-start;height:auto;min-height:auto;padding:16px 13px}.character-select__title{font-size:24px}.character-select__subtitle{font-size:13px}.character-select__header{margin-bottom:16px}.character-select__grid{grid-template-columns:repeat(2,1fr);gap:10px}.character-select__footer{padding-top:16px}}@media (width>=375px) and (width<=480px){.character-select{justify-content:flex-start;height:auto;min-height:auto;padding:20px 16px}.character-select__title{font-size:26px}.character-select__header{margin-bottom:20px}.character-select__grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-select__footer{padding-top:20px}}@media (height<=700px){.character-select{justify-content:flex-start;padding-top:16px;padding-bottom:16px}.character-select__header{margin-bottom:12px}.character-select__title{font-size:22px}.character-select__subtitle{font-size:13px}.character-card{min-height:60px!important;padding:10px!important}.character-card .character-circle{width:45px!important;height:45px!important;margin-bottom:6px!important}.character-card .character-emoji{font-size:20px!important}.character-card .character-name{font-size:14px!important}.character-card .subject-badge{padding:2px 6px!important;font-size:10px!important}.character-select__footer{padding-top:12px}}@media (width>=481px) and (width<=767px){.character-select{justify-content:flex-start;padding:24px}.character-select__grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:500px}}@media (orientation:landscape) and (height<=500px){.character-select{flex-flow:wrap;justify-content:center;align-items:flex-start;padding:13px 21px}.character-select__header{width:100%;margin-bottom:13px}.character-select__title{font-size:24px}.character-select__subtitle{font-size:14px}.character-select__grid{grid-template-columns:repeat(5,1fr);gap:13px;max-width:100%}.character-select__footer{width:100%;padding-top:13px}}@media (width>=768px) and (width<=1023px){.character-select__grid{grid-template-columns:repeat(3,1fr);gap:21px;max-width:600px}.character-select__title{font-size:42px}}@media (width>=1024px){.character-select{padding:55px}.character-select__grid{grid-template-columns:repeat(5,1fr);gap:21px;max-width:900px}.character-select__title{font-size:42px}.character-select__subtitle{font-size:21px}}.character-card{width:100%}.character-card .character-circle{width:70px;height:70px}.character-card .character-name{font-size:18px}.character-card .subject-badge{padding:4px 8px;font-size:12px}@media (width<=374px){.character-card{min-height:60px!important;padding:12px!important}.character-card .character-circle{width:50px!important;height:50px!important;margin-bottom:8px!important}.character-card .character-emoji{font-size:24px!important}.character-card .character-name{font-size:14px!important}.character-card .subject-badge{padding:3px 6px!important;font-size:10px!important}}@media (width>=375px) and (width<=480px){.character-card{min-height:70px!important;padding:14px!important}.character-card .character-circle{width:60px!important;height:60px!important;margin-bottom:10px!important}.character-card .character-emoji{font-size:28px!important}.character-card .character-name{font-size:16px!important}.character-card .subject-badge{padding:4px 8px!important;font-size:11px!important}}@media (hover:hover){.character-card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 8px 34px #00000026}}.sukios-app{background:#fdf8f3;flex-direction:column;width:100%;min-height:100dvh;display:flex}.splash-screen{z-index:1000;background:linear-gradient(135deg,#5a3a99 0%,#7c5cbf 60%,#2ec4b6 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-screen .logo{text-align:center;animation:.8s ease-out fadeInUp}.splash-screen .logo h1{color:#fff;letter-spacing:-1px;text-shadow:0 4px 20px #0003;margin:0;font-family:Nunito,sans-serif;font-size:68px;font-weight:800}.splash-screen .logo h1:after{content:" ★";color:#f1c40f}.splash-screen .logo p{color:#ffffffe6;margin-top:8px;font-family:Inter,sans-serif;font-size:18px}.loading-dots{gap:8px;margin-top:34px;display:flex}.loading-dots span{background:#fff;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite loadingDot}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=374px){.splash-screen .logo h1{font-size:42px}.splash-screen .logo p{font-size:14px}}@media (width>=375px) and (width<=767px){.splash-screen .logo h1{font-size:55px}.splash-screen .logo p{font-size:16px}}@media (width>=768px) and (width<=1023px){.splash-screen .logo h1{font-size:68px}}@media (width>=1024px){.splash-screen .logo h1{font-size:89px}.splash-screen .logo p{font-size:21px}}@media (orientation:landscape) and (height<=500px){.splash-screen .logo h1{font-size:42px}.splash-screen .logo p{margin-top:5px;font-size:14px}.loading-dots{margin-top:21px}.loading-dots span{width:8px;height:8px}}@supports (padding:env(safe-area-inset-top)){.sukios-app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (prefers-reduced-motion:reduce){.splash-screen .logo{animation:none}.loading-dots span{opacity:1;animation:none;transform:scale(1)}}