:root{--color-arena-gold:#f59e0b;--color-arena-gold-light:#fcd34d;--color-arena-gold-dark:#b45309;--color-royal-blue:#2563eb;--color-royal-blue-light:#60a5fa;--color-royal-blue-dark:#1d4ed8;--color-victory-emerald:#10b981;--color-victory-emerald-light:#6ee7b7;--color-combat-red:#ef4444;--color-combat-red-light:#fca5a5;--color-neutral-bg:#f8fafc;--color-surface-card:#fff;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-dark-amber:#78350f;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0f;--shadow-lg:0 10px 15px -3px #0f172a1a, 0 4px 6px -4px #0f172a0f;--shadow-xl:0 20px 25px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f;--shadow-glow-gold:0 0 20px #f59e0b4d;--shadow-glow-blue:0 0 20px #2563eb4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--touch-min:44px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--font-family:"Lexend", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-slate-800);background-color:var(--color-neutral-bg);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-royal-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-royal-blue-dark)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);font-size:var(--text-base)}:focus-visible{outline:3px solid var(--color-royal-blue-light);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-royal-blue);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-slate-100)}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}.dt-button{font-family:var(--font-family);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.dt-button--sm{min-height:var(--touch-min);font-size:var(--text-sm);padding:8px 16px}.dt-button--md{min-height:48px;font-size:var(--text-base);padding:12px 24px}.dt-button--lg{min-height:56px;font-size:var(--text-lg);padding:14px 32px}.dt-button--primary{background-color:var(--color-royal-blue);color:#fff}.dt-button--primary:hover:not(:disabled){background-color:var(--color-royal-blue-dark);box-shadow:var(--shadow-glow-blue)}.dt-button--secondary{color:var(--color-royal-blue);border-color:var(--color-royal-blue);background-color:#0000}.dt-button--secondary:hover:not(:disabled){background-color:#2563eb14}.dt-button--danger{background-color:var(--color-combat-red);color:#fff}.dt-button--danger:hover:not(:disabled){background-color:#dc2626}.dt-button--ghost{color:var(--color-slate-600);background-color:#0000}.dt-button--ghost:hover:not(:disabled){background-color:var(--color-slate-100);color:var(--color-slate-800)}.dt-button--gold{background-color:var(--color-arena-gold);color:var(--color-dark-amber)}.dt-button--gold:hover:not(:disabled){background-color:var(--color-arena-gold-dark);color:#fff;box-shadow:var(--shadow-glow-gold)}.dt-button:disabled{opacity:.5;cursor:not-allowed}.dt-button--full{width:100%}.dt-button--loading{cursor:wait}.dt-button__spinner{justify-content:center;align-items:center;display:flex;position:absolute}.dt-button__spinner svg{width:20px;height:20px;animation:.8s linear infinite dt-spin}.dt-button__content--hidden{visibility:hidden}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.dt-input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-slate-700);line-height:var(--leading-tight)}.dt-input-container{align-items:center;display:flex;position:relative}.dt-input{width:100%;min-height:var(--touch-min);font-size:var(--text-base);font-family:var(--font-family);color:var(--color-slate-800);background-color:var(--color-surface-card);border:2px solid var(--color-slate-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 16px}.dt-input::placeholder{color:var(--color-slate-400)}.dt-input:hover:not(:disabled){border-color:var(--color-slate-300)}.dt-input:focus{border-color:var(--color-royal-blue);outline:none;box-shadow:0 0 0 3px #2563eb26}.dt-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-slate-100)}.dt-input-container .dt-input{padding-right:48px}.dt-input-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-slate-400);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.dt-input-toggle:hover{color:var(--color-slate-600);background-color:var(--color-slate-100)}.dt-input-wrapper--error .dt-input{border-color:var(--color-combat-red)}.dt-input-wrapper--error .dt-input:focus{box-shadow:0 0 0 3px #ef444426}.dt-input-error{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-combat-red)}.dt-input-hint{font-size:var(--text-xs);color:var(--color-slate-500)}.dt-card{background-color:var(--color-surface-card);border-radius:var(--radius-xl);border:1px solid var(--color-slate-200);overflow:hidden}.dt-card--elevated{box-shadow:var(--shadow-lg);border:none}.dt-card--interactive{box-shadow:var(--shadow-md);cursor:pointer;transition:box-shadow var(--transition-base);border:none}.dt-card--pad-none{padding:0}.dt-card--pad-sm{padding:16px}.dt-card--pad-md{padding:24px}.dt-card--pad-lg{padding:32px}.dt-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dt-modal-panel{background-color:var(--color-surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto}.dt-modal-panel--sm{max-width:380px}.dt-modal-panel--md{max-width:480px}.dt-modal-panel--lg{max-width:640px}.dt-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.dt-modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-slate-800)}.dt-modal-close{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-slate-400);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.dt-modal-close:hover{color:var(--color-slate-700);background-color:var(--color-slate-100)}.dt-modal-body{padding:20px 24px 24px}.auth-page{background:linear-gradient(135deg, var(--color-neutral-bg) 0%, #eff6ff 50%, var(--color-neutral-bg) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{width:100%;max-width:440px}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.auth-logo{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-royal-blue), var(--color-royal-blue-dark));color:#fff;width:72px;height:72px;box-shadow:var(--shadow-glow-blue);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-slate-800);line-height:var(--leading-tight)}.auth-subtitle{font-size:var(--text-base);color:var(--color-slate-500)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-error{border-radius:var(--radius-md);border:1px solid var(--color-combat-red-light);color:var(--color-combat-red);font-size:var(--text-sm);font-weight:var(--font-medium);background-color:#fef2f2;padding:12px 16px}.auth-consent{font-size:var(--text-sm);color:var(--color-slate-600);cursor:pointer;line-height:var(--leading-normal);align-items:flex-start;gap:8px;display:flex}.auth-consent input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-royal-blue);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-consent svg{color:var(--color-victory-emerald);flex-shrink:0;margin-top:1px}.auth-consent a{color:var(--color-royal-blue);text-decoration:underline}.auth-footer{border-top:1px solid var(--color-slate-200);text-align:center;font-size:var(--text-sm);color:var(--color-slate-500);margin-top:20px;padding-top:16px}.auth-footer a{font-weight:var(--font-semibold);color:var(--color-royal-blue)}@media (width<=480px){.auth-page{align-items:flex-start;padding:48px 16px 16px}.auth-logo{width:60px;height:60px}.auth-title{font-size:var(--text-xl)}}.create-profile-form{flex-direction:column;gap:20px;display:flex}.create-profile-field{flex-direction:column;gap:8px;display:flex}.create-profile-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-slate-700)}.grade-selector{gap:8px;display:flex}.grade-chip{min-height:var(--touch-min);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-family);color:var(--color-slate-600);background-color:var(--color-slate-100);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;flex:1;padding:10px 16px}.grade-chip:hover{background-color:var(--color-slate-200)}.grade-chip--active{color:var(--color-royal-blue);border-color:var(--color-royal-blue);background-color:#eff6ff}.mascot-selector{gap:10px;display:flex}.mascot-chip{min-height:var(--touch-min);background-color:var(--color-slate-100);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 8px;display:flex}.mascot-chip:hover{background-color:var(--color-slate-200)}.mascot-chip--active{border-color:var(--color-royal-blue);background-color:#eff6ff}.mascot-chip__emoji{font-size:28px;line-height:1}.mascot-chip__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-slate-600);font-family:var(--font-family);text-align:center}.mascot-chip--active .mascot-chip__label{color:var(--color-royal-blue)}.parent-gate{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.parent-gate__icon{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-arena-gold-light), var(--color-arena-gold));width:72px;height:72px;color:var(--color-dark-amber);box-shadow:var(--shadow-glow-gold);justify-content:center;align-items:center;display:flex}.parent-gate__desc{font-size:var(--text-sm);color:var(--color-slate-600);max-width:260px;line-height:var(--leading-relaxed)}.parent-gate__pins{justify-content:center;gap:12px;display:flex}.parent-gate__pin-input{text-align:center;width:56px;height:64px;font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-family);color:var(--color-slate-800);background-color:var(--color-slate-100);border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);caret-color:var(--color-royal-blue)}.parent-gate__pin-input:focus{border-color:var(--color-royal-blue);background-color:var(--color-surface-card);outline:none;box-shadow:0 0 0 3px #2563eb26}.parent-gate__error{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-combat-red)}.profile-selector-page{background:linear-gradient(160deg,#0f172a 0%,#1e293b 40%,#1e3a5f 100%);flex-direction:column;min-height:100vh;display:flex}.profile-selector-topbar{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.profile-selector-email{font-size:var(--text-sm);color:var(--color-slate-400)}.profile-selector-actions{gap:4px;display:flex}.profile-selector-actions .dt-button--ghost{color:var(--color-slate-300)}.profile-selector-actions .dt-button--ghost:hover{color:#fff;background-color:#ffffff1a}.profile-selector-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:24px;display:flex}.profile-selector-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;text-align:center;line-height:var(--leading-tight)}.profile-selector-subtitle{font-size:var(--text-lg);color:var(--color-slate-400);text-align:center;margin-top:8px}.profile-grid{flex-wrap:wrap;justify-content:center;gap:24px;max-width:640px;display:flex}.profile-card{border-radius:var(--radius-xl);cursor:pointer;min-width:150px;transition:border-color var(--transition-fast), background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:2px solid #ffffff14;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.profile-card:hover{background:#ffffff1a;border-color:#fff3}.profile-card--selecting{opacity:.7;pointer-events:none}.profile-card__avatar{border-radius:var(--radius-xl);width:88px;height:88px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.profile-card__emoji{font-size:40px;line-height:1}.profile-card__avatar--add{border:2px dashed var(--color-slate-500);box-shadow:none;color:var(--color-slate-400);background:#ffffff1a}.profile-card--add:hover .profile-card__avatar--add{border-color:var(--color-royal-blue-light);color:var(--color-royal-blue-light);background:#2563eb1a}.profile-card__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff}.profile-card__grade{font-size:var(--text-xs);color:var(--color-slate-400);margin-top:-8px}.profile-card__stats{align-items:center;gap:8px;display:flex}.profile-card__cp{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-arena-gold)}.profile-card__streak{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-combat-red);align-items:center;gap:2px;display:flex}@media (width<=480px){.profile-selector-title{font-size:var(--text-2xl)}.profile-grid{gap:16px}.profile-card{min-width:130px;padding:20px 16px}.profile-card__avatar{width:72px;height:72px}.profile-card__emoji{font-size:32px}}