@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=JetBrains+Mono:wght@500;700&family=Nunito:wght@600;700;800;900&display=swap");:root{--adventure-gold:#f5a623;--forest-green:#2e7d32;--deep-purple:#6a0dad;--sky-blue:#1e90ff;--warm-white:#fff8f0;--dark-slate:#1a1a2e;--kids-bg:#0d1b2a}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--kids-bg);color:var(--warm-white);font-family:Nunito,system-ui,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.portal-shell{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(245,166,35,.2),transparent 28rem),radial-gradient(circle at 80% 20%,rgba(106,13,173,.28),transparent 30rem),linear-gradient(135deg,#0d1b2a,#111f35 48%,#1a0a2e);padding:24px}.portal-heading{font-family:Fredoka One,system-ui,sans-serif;letter-spacing:0}.glass-panel{background:rgba(255,248,240,.08);border:1px solid rgba(255,248,240,.18);box-shadow:0 18px 50px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.primary-button{border:0;border-radius:8px;background:linear-gradient(135deg,var(--adventure-gold),#ffcf5f);color:#201300;cursor:pointer;font-weight:900;padding:14px 18px;transition:transform .16s ease,filter .16s ease}.primary-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.7;transform:none}.secondary-button{border:1px solid rgba(255,248,240,.28);border-radius:8px;background:rgba(255,248,240,.1);color:var(--warm-white);cursor:pointer;font-weight:900;padding:12px 16px}.primary-button,.secondary-button,.secondary-link{min-height:44px}.field{display:grid;grid-gap:8px;gap:8px;color:rgba(255,248,240,.8);font-size:.95rem;font-weight:800}.field input{width:100%;min-height:48px;border:2px solid rgba(255,248,240,.18);border-radius:8px;background:rgba(13,27,42,.75);color:var(--warm-white);outline:none;padding:14px 16px}.field input:focus{border-color:var(--sky-blue);box-shadow:0 0 0 4px rgba(30,144,255,.18)}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sky-blue);outline-offset:3px;box-shadow:0 0 0 6px rgba(30,144,255,.2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes key-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 rgba(245,166,35,.2),0 0 24px rgba(106,13,173,.45)}50%{box-shadow:0 0 28px rgba(245,166,35,.6),0 0 42px rgba(106,13,173,.7)}}@keyframes epic-glow{0%,to{box-shadow:0 0 0 rgba(106,13,173,.2)}50%{box-shadow:0 0 24px rgba(106,13,173,.8)}}@keyframes toast-slide{0%{opacity:0;transform:translateX(130%)}to{opacity:1;transform:translateX(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(105vh) rotate(2turn)}}@media (max-width:720px){.portal-shell{padding:16px}}.kid-avatar{--avatar-class-color:var(--adventure-gold);--avatar-skin:#f5c7a8;--avatar-hair:#4b2b1d;--avatar-scale:1;display:grid;place-items:center;margin:0;width:100%}.kid-avatar-girl{--avatar-hair:#5b2f6f}.avatar-stage{position:relative;width:calc(220px * var(--avatar-scale));height:calc(270px * var(--avatar-scale));border:4px solid var(--avatar-class-color);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--avatar-class-color) 42%,transparent),transparent 5.4rem),linear-gradient(180deg,rgba(255,248,240,.16),rgba(13,27,42,.9));box-shadow:0 0 42px color-mix(in srgb,var(--avatar-class-color) 42%,transparent)}.avatar-shadow{position:absolute;left:50%;bottom:20px;width:118px;height:24px;border-radius:999px;background:rgba(0,0,0,.28);transform:translateX(-50%)}.avatar-cape-base{position:absolute;z-index:1;left:58px;top:96px;width:104px;height:132px;border-radius:46px 46px 18px 18px;background:color-mix(in srgb,var(--avatar-class-color) 54%,#1a1a2e 46%);opacity:.42}.avatar-body{position:absolute;z-index:4;inset:0}.avatar-neck{position:absolute;left:96px;top:92px;width:28px;height:24px;background:var(--avatar-skin)}.avatar-torso{position:absolute;left:68px;top:112px;width:84px;height:92px;border:3px solid rgba(255,248,240,.55);border-radius:32px 32px 20px 20px;background:linear-gradient(180deg,var(--avatar-class-color),color-mix(in srgb,var(--avatar-class-color) 50%,#0d1b2a))}.avatar-arm,.avatar-leg{position:absolute;border:3px solid rgba(255,248,240,.28);background:var(--avatar-skin)}.avatar-arm{top:122px;width:24px;height:78px;border-radius:999px}.avatar-arm-left{left:44px;transform:rotate(15deg)}.avatar-arm-right{right:44px;transform:rotate(-15deg)}.avatar-leg{top:198px;width:28px;height:48px;border-radius:0 0 999px 999px;background:color-mix(in srgb,var(--avatar-class-color) 55%,#1a1a2e)}.avatar-leg-left{left:78px}.avatar-leg-right{right:78px}.avatar-head{position:absolute;z-index:90;left:70px;top:34px;width:80px;height:74px;border:3px solid rgba(255,248,240,.34);border-radius:46% 46% 42% 42%;background:var(--avatar-skin)}.avatar-hair{position:absolute;left:-4px;top:-12px;width:88px;height:44px;border-radius:34px 34px 14px 14px;background:var(--avatar-hair)}.kid-avatar-girl .avatar-hair{height:66px;border-radius:36px 36px 28px 28px}.avatar-face{position:absolute;left:12px;top:20px;width:56px;height:42px;border-radius:45%;background:var(--avatar-skin)}.avatar-eye{position:absolute;z-index:2;top:34px;width:8px;height:8px;border-radius:50%;background:#1a1a2e}.avatar-eye-left{left:26px}.avatar-eye-right{right:26px}.avatar-smile{position:absolute;z-index:2;left:31px;top:50px;width:18px;height:9px;border-bottom:3px solid #8e4b3a;border-radius:0 0 999px 999px}.avatar-item-layer{position:absolute;z-index:20;display:grid;place-items:center;border:2px solid rgba(255,248,240,.46);border-radius:8px;background:rgba(13,27,42,.66);color:white;font-family:Fredoka One,system-ui,sans-serif;font-size:.86rem;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.22)}.avatar-item-layer img{position:relative;z-index:2;max-width:92%;max-height:92%;object-fit:contain}.avatar-item-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--adventure-gold)}.avatar-item-layer img+.avatar-item-fallback{opacity:0}.avatar-item-head{left:70px;top:18px;width:80px;height:38px;border-color:rgba(245,166,35,.72);border-radius:34px 34px 12px 12px}.avatar-item-chest{left:60px;top:104px;width:100px;height:112px;border-color:rgba(245,166,35,.5);background:color-mix(in srgb,var(--avatar-class-color) 28%,rgba(13,27,42,.74))}.avatar-item-back{left:50px;top:96px;width:120px;height:138px;border-color:rgba(106,13,173,.78);border-radius:50px 50px 20px 20px;background:rgba(106,13,173,.36)}.avatar-item-shoulders{left:42px;top:104px;width:136px;height:34px;border-radius:999px}.avatar-item-waist{left:66px;top:166px;width:88px;height:28px}.avatar-item-hands{left:40px;top:176px;width:140px;height:30px;border-radius:999px}.avatar-item-feet{left:68px;top:222px;width:84px;height:34px;border-radius:999px}.avatar-item-accessory{right:42px;top:118px;width:42px;height:42px;border-color:rgba(30,144,255,.66);border-radius:50%}.avatar-item-offhand{left:28px;top:136px;width:48px;height:66px;border-color:rgba(30,144,255,.66);border-radius:18px}.avatar-item-weapon{right:22px;top:112px;width:34px;height:118px;border-color:rgba(245,166,35,.78);transform:rotate(-18deg)}.avatar-item-layer.rarity-common{border-color:rgba(255,248,240,.46)}.avatar-item-layer.rarity-uncommon{border-color:var(--forest-green)}.avatar-item-layer.rarity-rare{border-color:var(--sky-blue)}.avatar-item-layer.rarity-epic,.avatar-item-layer.rarity-legendary{border-color:var(--deep-purple);animation:epic-glow 2s infinite}.kid-avatar-mini{--avatar-scale:0.27;width:64px;min-width:64px}.kid-avatar-mini .avatar-stage{border-width:2px;box-shadow:none}@media (max-width:560px){.kid-avatar-large .avatar-stage{width:min(100%,220px)}}.app-error-screen{display:grid;place-items:center}.app-error-panel{display:grid;justify-items:center;grid-gap:14px;gap:14px;width:min(100%,520px);border-radius:8px;padding:30px;text-align:center}.app-error-panel h1{margin:0;font-size:clamp(2.2rem,8vw,3.8rem)}.app-error-panel p{margin:0;color:rgba(255,248,240,.78);font-weight:900;line-height:1.5}.app-error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.secondary-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,248,240,.28);border-radius:8px;background:rgba(255,248,240,.1);color:var(--warm-white);font-weight:900;padding:12px 16px}.app-error-icon{display:inline-grid;place-items:center;width:64px;height:64px;border:3px solid rgba(245,166,35,.72);border-radius:999px;background:rgba(245,166,35,.16);color:var(--adventure-gold);font-family:Fredoka One,system-ui,sans-serif;font-size:2rem}@media (max-width:520px){.app-error-actions,.app-error-actions .primary-button,.app-error-actions .secondary-button,.app-error-actions .secondary-link{width:100%}}