:root{--bg:#14161c;--surface:#1c1f28;--surface-2:#252936;--surface-3:#2e3342;--border:#333949;--text:#e8eaf0;--text-dim:#99a0b3;--accent:#7c8cff;--accent-ink:#14161c;--danger:#ff6b6b;--success:#4ade80;--rarity-common:#b8b8b8;--rarity-rare:#4cc4f5;--rarity-epic:#5fd97f;--rarity-legendary:#f5d94c;--rarity-ultimate:#f56b6b;--rarity-mythic:#b06bf5;--branch-forge:#f5a34c;--branch-power:#f56b8f;--branch-skill:#6bcaf5;--icon-tile-bg:#eceae4;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--shadow-1:0 1px 2px #0000003d;--shadow-2:0 4px 12px #00000052;--shadow-3:0 12px 28px #0006;--focus-ring:0 0 0 3px #7c8cff73;--font:system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:24px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);margin:0;max-width:560px;padding:var(--sp-4);padding-bottom:var(--sp-6);-webkit-tap-highlight-color:transparent;margin-inline:auto}button,input,select,a{touch-action:manipulation}button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}input,select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-2);font:inherit}input[type=number]{width:100%}fieldset{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);margin:0 0 var(--sp-3) 0}legend{color:var(--text-dim);font-size:var(--fs-sm);padding:0 var(--sp-2)}a{color:var(--accent)}h1,h2,h3{margin:var(--sp-4) 0 var(--sp-2) 0}.ui-card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:var(--sp-3)}.ui-btn{justify-content:center;align-items:center;gap:var(--sp-1);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-4);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;font-weight:600;line-height:1.2;display:inline-flex}.ui-btn:disabled{opacity:.5;cursor:default}.ui-btn--sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);font-weight:500}.ui-btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ui-btn--default{background:var(--surface-2);color:var(--text);border-color:var(--border)}.ui-btn--ghost{color:var(--text-dim);background:0 0;border-color:#0000}.ui-btn--danger{color:var(--danger);border-color:var(--danger);background:0 0}.ui-badge{border-radius:var(--r-pill);padding:2px var(--sp-2);font-size:var(--fs-xs);background:var(--surface-3);color:var(--text-dim);align-items:center;font-weight:600;line-height:1.4;display:inline-flex}.ui-badge--accent{background:var(--accent);color:var(--accent-ink)}.ui-badge--success{color:var(--success);border:1px solid var(--success);background:0 0}.ui-badge--danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.ui-section-title{align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-2) 0;font-size:var(--fs-lg);font-weight:700;display:flex}.ui-game-icon{background:var(--icon-tile-bg);border-radius:var(--r-sm);border-style:solid;border-width:2px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.ui-game-icon--sm{width:32px;height:32px}.ui-game-icon--md{width:44px;height:44px}.ui-game-icon img{object-fit:cover;width:100%;height:100%;display:block}.ui-tabbar{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);margin:0 0 var(--sp-3) 0;display:flex;position:sticky;top:0}.ui-tabbar__btn{justify-content:center;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-1);font:inherit;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;font-weight:600;display:flex}.ui-tabbar__btn--active{color:var(--text);border-bottom-color:var(--accent)}.ui-empty-state{justify-content:center;align-items:center;gap:var(--sp-1);padding:var(--sp-5) var(--sp-3);color:var(--text-dim);font-size:var(--fs-sm);text-align:center;flex-direction:column;display:flex}.ui-account-link{padding:var(--sp-3);color:inherit;border-radius:var(--r-md);text-decoration:none;display:block}.ui-account-link:active{background:var(--surface-2)}.ui-account-settings-link{top:var(--sp-1);right:var(--sp-1);min-width:44px;min-height:44px;max-width:calc(var(--sp-6) * 2 + var(--sp-4));padding:0 var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-sm);text-align:center;white-space:normal;color:var(--text-dim);justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:flex;position:absolute}.ui-account-settings-link:active{background:var(--surface-2)}.ui-field{margin-bottom:var(--sp-3);display:block}.ui-field__label{color:var(--text-dim);font-size:var(--fs-sm);margin-bottom:var(--sp-1);display:block}.ui-field select,.ui-field input{width:100%;display:block}