.bottom-nav[data-v-be76086e]{z-index:40;width:100%;max-width:var(--app-max);min-height:var(--nav-h);padding:.4rem .35rem calc(.4rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--stroke);background:#120828f0;justify-content:space-around;gap:.15rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__link[data-v-be76086e]{min-height:48px;color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .2rem;font-size:.68rem;font-weight:700;transition:color .2s,background .2s;display:flex}.bottom-nav__icon[data-v-be76086e]{opacity:.7;font-size:1.05rem;line-height:1}.bottom-nav__link.active[data-v-be76086e]{color:var(--gold);background:#ffcb471f}.bottom-nav__link.active .bottom-nav__icon[data-v-be76086e]{opacity:1;color:var(--gold)}.bottom-nav__link[data-v-be76086e]:hover{color:var(--text)}.app-shell--no-nav{padding-bottom:env(safe-area-inset-bottom,0px)}:root{--bg:#160c2e;--bg2:#241148;--panel:#2d1a5c;--panel-lite:#3a2472;--stroke:#4a2f8f;--gold:#ffcb47;--gold-deep:#e0921a;--hero:#5ce1e6;--hero-deep:#2ba8ce;--venom:#7cf03d;--venom-deep:#4a9e1f;--danger:#ff4d6d;--text:#f3ecff;--muted:#a892d8;--text-dim:#a892d8a6;--shadow:0 10px 28px #08021873;--font-display:"Fraunces", Georgia, "Trebuchet MS", serif;--font-body:"Source Sans 3", "Trebuchet MS", "Segoe UI", sans-serif;--radius:18px;--radius-sm:12px;--nav-h:68px;--header-h:62px;--app-max:430px;--ease:cubic-bezier(.22, 1, .36, 1);--accent:var(--gold);--accent-soft:#ffe08a;--accent-dim:#ffcb4729;--success:var(--venom-deep);--success-bright:var(--venom);--danger-soft:#ff4d6d33;--text-muted:var(--muted);--surface:var(--panel);--surface-strong:var(--panel-lite);--border:var(--stroke);--border-soft:#4a2f8f8c;--shadow-glow:0 0 28px #ffcb472e;--bg-deep:var(--bg);--bg-mid:var(--bg2);--bg-teal:#1a0f3a}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 90% 60% at 50% -5%, #5ce1e614, transparent 50%), radial-gradient(ellipse 70% 50% at 100% 30%, #ff4d6d14, transparent 45%), radial-gradient(ellipse 80% 55% at 0% 80%, #7cf03d0d, transparent 50%), linear-gradient(180deg, var(--bg) 0%, var(--bg2) 55%, #1a0a35 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.45}body:before{content:"";pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}#app{z-index:1;justify-content:center;min-height:100dvh;display:flex;position:relative}h1,h2,h3,.brand,.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}a{color:var(--gold);text-decoration:none}a:hover{color:var(--accent-soft)}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100%;max-width:var(--app-max);min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:linear-gradient(#2411488c 0%,#160c2eeb 40%,#160c2e 100%);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #4a2f8f59,0 20px 60px #00000059}.app-shell--auth{max-width:none;box-shadow:none;background:0 0;padding-bottom:0}.page{width:100%;max-width:var(--app-max);flex:1;margin:0 auto;padding:.85rem .9rem 1.25rem}.page--wide{max-width:var(--app-max)}.page--hero{max-width:none;padding:0}.panel{background:linear-gradient(160deg, var(--panel-lite), var(--panel));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{min-height:46px;transition:transform .12s var(--ease), background .2s, border-color .2s, opacity .2s, box-shadow .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.2rem;font-weight:700;display:inline-flex}.btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);color:#2a1600;box-shadow:0 4px 0 #9a5c0c, var(--shadow-glow);border-color:#c97a12}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){box-shadow:0 1px #9a5c0c}.btn-ghost{border-color:var(--stroke);color:var(--text);background:#3a2472a6}.btn-ghost:hover:not(:disabled){background:var(--panel-lite);border-color:var(--hero)}.btn-danger{background:var(--danger-soft);color:pink;border-color:#ff4d6d8c}.btn-block{width:100%}.btn-attack{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);color:#2a1600;letter-spacing:.02em;border:1px solid #c97a12;min-width:96px;font-weight:800;box-shadow:0 3px #9a5c0c}.btn-attack:active:not(:disabled){box-shadow:0 1px #9a5c0c}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:var(--muted);font-size:.875rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--stroke);border-radius:var(--radius-sm);min-height:48px;color:var(--text);background:#0c061c8c;outline:none;padding:.65rem .9rem;transition:border-color .2s}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--hero)}.field input::placeholder{color:var(--text-dim)}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.92rem}.alert-error{background:var(--danger-soft);color:pink;border:1px solid #ff4d6d73}.alert-success{color:#d4ffb0;background:#4a9e1f40;border:1px solid #7cf03d66}.alert-info{color:var(--hero);background:#5ce1e61f;border:1px solid #5ce1e659}.loading-line{color:var(--muted);justify-content:center;align-items:center;gap:.6rem;padding:2rem 1rem;display:flex}.spinner{border:2px solid var(--border-soft);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arena-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-1.5deg)}40%{transform:translate(7px)rotate(1.5deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes hit-pulse{0%{filter:brightness()}40%{filter:brightness(1.5)saturate(1.25)}to{filter:brightness()}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-dmg{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-42px)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fade-up{animation:fade-up .55s var(--ease) both}.section-title{margin:0 0 .3rem;font-size:1.25rem}.section-lead{color:var(--muted);margin:0 0 1rem;font-size:.92rem}.interactive-list{flex-direction:column;gap:.65rem;display:flex}.interactive-item{text-align:left;border:1px solid var(--stroke);border-radius:var(--radius);width:100%;color:inherit;box-shadow:var(--shadow);transition:border-color .2s, background .2s, transform .15s var(--ease);background:linear-gradient(155deg,#3a2472e6,#2d1a5cf2);padding:.9rem 1rem;display:block}.interactive-item:hover:not(:disabled){border-color:#5ce1e673}.interactive-item:active:not(:disabled){transform:scale(.99)}.badge{letter-spacing:.02em;color:var(--gold);background:#ffcb4726;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-success{color:var(--venom);background:#7cf03d2e}.badge-muted{color:var(--muted);background:#ffffff14}.badge-locked{color:var(--text-dim);background:#00000040}.top-bar{z-index:20;min-height:var(--header-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke);background:#160c2ee0;justify-content:space-between;align-items:center;gap:.65rem;padding:.55rem .85rem;display:flex;position:sticky;top:0}.top-bar__user{align-items:center;gap:.65rem;min-width:0;display:flex}.top-bar__avatar{color:#1a0a30;background:linear-gradient(145deg, var(--hero), var(--hero-deep));border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:grid;box-shadow:0 0 12px #5ce1e659}.top-bar__meta{min-width:0}.top-bar__name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;color:var(--text);margin:0;font-size:.98rem;font-weight:700;overflow:hidden}.top-bar__class{color:var(--muted);white-space:nowrap;margin:.05rem 0 0;font-size:.72rem;font-weight:600}.top-bar__stats{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.stat-gold{color:var(--gold);background:#ffcb471f;border:1px solid #ffcb4759;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .55rem;font-size:.82rem;font-weight:800;display:inline-flex}.stat-xp{color:var(--muted)}.top-bar__link{border:1px solid var(--stroke);min-height:34px;color:var(--muted);background:#3a247280;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.top-bar__link:hover{color:var(--text);border-color:var(--hero)}.top-bar__link--admin{color:var(--hero);border-color:#5ce1e666}.tabs{border:1px solid var(--stroke);background:#0c061c73;border-radius:999px;gap:.35rem;margin-bottom:1rem;padding:.25rem;display:flex;overflow-x:auto}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:999px;flex:1 0;padding:.55rem .75rem;font-size:.85rem;font-weight:700}.tabs button.active{color:#1a0a30;background:linear-gradient(180deg, var(--gold), var(--gold-deep));box-shadow:0 2px #9a5c0c}.form-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:1.35rem .5rem}.toast-host{left:50%;bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom,0px));z-index:60;width:min(calc(100% - 1.5rem), calc(var(--app-max) - 1.5rem));pointer-events:none;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--panel-lite), var(--panel));border:1px solid var(--stroke);box-shadow:var(--shadow);animation:toast-in .3s var(--ease);text-align:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.toast--success{color:#d8ffb8;border-color:#7cf03d73}.toast--error{color:pink;border-color:#ff4d6d80}@media (width>=768px){body{background-color:#0c061c}.page{padding:1rem 1rem 1.5rem}.section-title{font-size:1.4rem}}