:root{--bg: #1a1a2e;--panel: #16213e;--accent: #e94560;--text: #eaeaea;--muted: #a0a0b0;--ok: #4ecca3}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}.app{max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}.center{text-align:center;padding:48px 16px;color:var(--muted)}h1{font-size:1.5rem;margin:0 0 8px}.app-title{text-align:center;margin-bottom:4px}.app-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:16px}.app-header__title{margin:0;font-size:1.35rem;text-align:center}.app-header__spacer{width:40px}.app-header__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text);text-decoration:none;font-size:1.25rem;border-radius:8px}.app-header__back:hover{background:var(--panel)}.app-header__profile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;text-decoration:none}.app-header__profile:hover{background:var(--panel)}.app-header__profile img{display:block;object-fit:contain}.section-title{margin:0 0 10px;font-size:1.1rem}.leaderboard-section{margin-bottom:20px}.leaderboard-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.leaderboard-section__head .section-title{margin:0}.period-tabs{display:flex;gap:6px}.period-tab{padding:6px 12px;border:1px solid #333;border-radius:8px;background:var(--panel);color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer}.period-tab--active{color:var(--text);border-color:var(--accent);background:#e9456026}.leaderboard-card{margin-bottom:0;padding-top:8px;padding-bottom:8px}.leaderboard-card .leader-row:last-of-type{border-bottom:none}.leader-row--top{font-size:1.02rem}.leader-row__streak{font-size:.85rem}.leaderboard-expand{display:block;width:100%;margin-top:8px;padding:10px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:.9rem;cursor:pointer}.leaderboard-expand:hover{color:var(--text);background:#ffffff0a}.game-section{margin-top:4px}.game-section__chapter{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--muted)}.profile-nickname{margin:0 0 16px;font-size:1.25rem;font-weight:700}.profile-awards{margin-bottom:16px}.profile-awards__title{margin:0 0 8px;font-size:1rem}.profile-awards__empty{margin:0;font-size:.9rem;color:var(--muted)}.tagline{color:var(--muted);margin-bottom:24px}.card{background:var(--panel);border-radius:12px;padding:16px;margin-bottom:12px}.btn{display:inline-block;width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--muted);color:var(--text);margin-top:8px}.btn:disabled{opacity:.5;cursor:not-allowed}input{width:100%;padding:12px;margin-bottom:10px;border-radius:8px;border:1px solid #333;background:#0f0f1a;color:var(--text);font-size:1rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}.error{color:var(--accent);font-size:.9rem;margin-bottom:12px}.nav{display:flex;gap:8px;margin-bottom:16px}.nav a{flex:1;text-align:center;padding:10px;background:var(--panel);border-radius:8px;color:var(--text);text-decoration:none;font-size:.9rem}.quest-item{display:flex;align-items:center;gap:10px;min-width:0}.quest-item__sprite-slot{flex-shrink:0;width:100px;height:96px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.quest-item__body{flex:1;min-width:0}.quest-item__meta{font-size:.85rem;color:var(--muted)}.quest-item__action{flex-shrink:0;width:auto!important;padding:10px 14px!important;white-space:nowrap}.quest-emoji{font-size:2rem}.quest-done{opacity:.5}.monster-arena{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;margin:8px 0 12px;padding:20px 16px;border-radius:16px;background:radial-gradient(ellipse at center,#2a2a4a 0%,var(--panel) 70%);border:2px solid #333;overflow:hidden}.monster-arena--defeated{border-color:var(--ok);background:radial-gradient(ellipse at center,#1a3d32 0%,var(--panel) 70%)}@keyframes arena-hit{0%,to{border-color:#333;box-shadow:none}20%{border-color:#f35;box-shadow:inset 0 0 48px #ff284673}}.monster-arena--hit{animation:arena-hit .45s ease-out}.monster-sprite{display:flex;align-items:center;justify-content:center;transition:filter .15s}.monster-sprite--boss .monster-emoji{font-size:5.5rem}.monster-sheet{background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0}.monster-sheet--flash{filter:drop-shadow(0 0 12px #ff3355) brightness(1.15)}@keyframes monster-sheet-walk{0%{background-position:0 0}to{background-position:calc(-1 * var(--sheet-width)) 0}}.mode-tabs{display:flex;gap:8px;margin-bottom:16px}.mode-tab{flex:1;padding:12px;border:1px solid #333;border-radius:10px;background:var(--panel);color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer}.mode-tab--active{border-color:var(--accent);background:#e9456026}.mode-tab--locked{opacity:.45;cursor:not-allowed}.monster-arena--compact{min-height:140px;padding:12px}.monster-arena--compact .monster-sheet{transform:scale(1.15)}.monster-emoji{font-size:4.5rem;line-height:1;-webkit-user-select:none;user-select:none}@keyframes monster-hit{0%{filter:none;transform:scale(1) rotate(0)}12%{filter:drop-shadow(0 0 24px #ff3355) brightness(1.5) saturate(1.8);transform:scale(1.12) rotate(-4deg)}25%{filter:drop-shadow(0 0 32px #ff0022) brightness(1.8) hue-rotate(-20deg);transform:scale(1.08) rotate(3deg)}50%{filter:drop-shadow(0 0 12px #ff4466) brightness(1.2);transform:scale(.96) rotate(-1deg)}to{filter:none;transform:scale(1) rotate(0)}}.monster-sprite--hit{animation:monster-hit .4s ease-out}@keyframes damage-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-36px) scale(1.2)}}.damage-pop{position:absolute;top:20%;right:22%;font-size:1.75rem;font-weight:800;color:#f35;text-shadow:0 0 8px #ff0022;pointer-events:none;animation:damage-float .5s ease-out forwards}.monster-defeated-label{position:absolute;bottom:8px;font-size:.85rem;font-weight:700;color:var(--ok);letter-spacing:.05em;text-transform:uppercase}.hp-bar{height:12px;background:#333;border-radius:6px;overflow:hidden;margin:8px 0}.hp-fill{height:100%;background:var(--accent);transition:width .2s}.battle-camera{position:relative;width:100%;aspect-ratio:4 / 3;max-height:70dvh;margin:12px 0;border-radius:12px;overflow:hidden;background:#000}.battle-video-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.battle-canvas{display:block;width:100%;height:100%;object-fit:contain;background:#000}.battle-camera--hidden{display:none}.battle-camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:var(--muted);font-size:.95rem}.battle-camera-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:8px;background:#000000a6;color:var(--muted);font-size:.8rem;white-space:nowrap;pointer-events:none}.battle-video{width:100%;border-radius:12px;background:#000;transform:scaleX(-1)}.rep-display{display:flex;justify-content:center;margin:12px 0}.rep-count{font-size:2.5rem;font-weight:700;min-width:80px;text-align:center}.onboarding{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:12px}.leader-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #333}.leader-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row__link{flex:1;min-width:0;color:inherit;text-decoration:none}.leader-row__link:hover .leader-row__name{color:var(--accent)}.leader-row--me .leader-row__name{font-weight:700}.stats{display:flex;gap:12px;margin-bottom:16px}.stat{flex:1;background:var(--panel);border-radius:8px;padding:10px;text-align:center}.stat-val{font-size:1.25rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--muted)}