:root{--bg:#E4ECEE;--surface:#F5F9F9;--surface2:#EAF1F2;--ink:#16283A;--sub:#566B7A;--line:#BFCFD3;--accent:#C8452B;--accent-ink:#fff;--scale:#2B6B5E;--egg:#EADFC2;--egg-spot:#CDBE96;--hp:#3C9A74;--mp:#3A78C2;--exp:#C9A24B;--bad:#C8452B;--gold:#A97A12;--serif:"Zen Antique","Hiragino Mincho ProN","Yu Mincho",serif;--sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#0E1A23;--surface:#16252F;--surface2:#1C2E3A;--ink:#E4EDEF;--sub:#9AB0BA;--line:#2A404C;--accent:#F0704F;--accent-ink:#1A0D08;--scale:#5FB59F;--egg:#D8CBA6;--egg-spot:#B3A57F;--hp:#5FB59F;--mp:#6FA6E8;--exp:#D9B65E;--bad:#F0704F;--gold:#E2BC5A;color-scheme:dark}}:root[data-theme=dark]{--bg:#0E1A23;--surface:#16252F;--surface2:#1C2E3A;--ink:#E4EDEF;--sub:#9AB0BA;--line:#2A404C;--accent:#F0704F;--accent-ink:#1A0D08;--scale:#5FB59F;--egg:#D8CBA6;--egg-spot:#B3A57F;--hp:#5FB59F;--mp:#6FA6E8;--exp:#D9B65E;--bad:#F0704F;--gold:#E2BC5A;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-tap-highlight-color:transparent}#root{max-width:520px;margin:0 auto;padding:0 max(14px,env(safe-area-inset-left)) calc(84px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))}header.top{padding:calc(12px + env(safe-area-inset-top)) 2px 8px;display:grid;gap:6px}.top-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}h1{font-family:var(--serif);font-weight:400;font-size:24px;margin:0;letter-spacing:.06em;white-space:nowrap}h2{font-family:var(--serif);font-weight:400;font-size:18px;margin:20px 0 8px;letter-spacing:.04em}h3{font-family:var(--serif);font-weight:400;font-size:20px;margin:4px 0}.res{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--sub);font-variant-numeric:tabular-nums}.res b{color:var(--ink);font-weight:700}.user{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub)}.user .bar{flex:1;margin:0}.sub{color:var(--sub);font-size:13px}.empty{color:var(--sub);font-size:14px;margin:6px 2px 12px}.card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--el,var(--line));border-radius:6px 16px 16px 6px;padding:10px 12px;margin-bottom:10px}.card .grow{flex:1;min-width:0}button.card{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.tag{display:inline-block;font-size:12px;padding:0 7px;border-radius:10px;background:var(--el,var(--line));color:#16120f;margin-right:6px;line-height:1.6;font-weight:700}.shiny{display:inline-block;font-size:11px;padding:0 6px;border-radius:10px;background:linear-gradient(90deg,#ffd3e8,#d8f0ff,#fff3b8);color:#3a2a3a;margin-left:4px;font-weight:700}.stats{font-size:13px;color:var(--sub);font-variant-numeric:tabular-nums}.bar{height:7px;background:var(--line);border-radius:4px;overflow:hidden;margin:5px 0 3px}.bar i{display:block;height:100%;background:var(--exp);border-radius:4px;transition:width .35s}.btn{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:999px;padding:9px 16px;background:var(--accent);color:var(--accent-ink);cursor:pointer;min-height:40px}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn.sm{padding:6px 12px;min-height:34px;font-size:13px}.btn.wide{width:100%}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible,nav button:focus-visible,button.card:focus-visible{outline:3px solid var(--scale);outline-offset:2px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}nav.tabs{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:10}nav.tabs .in{display:flex;width:100%;max-width:520px}nav.tabs button{flex:1;font:inherit;font-size:14px;font-weight:500;color:var(--sub);background:none;border:0;padding:13px 0 12px;border-top:3px solid transparent;cursor:pointer}nav.tabs button[aria-current=true]{color:var(--ink);font-weight:700;border-top-color:var(--accent)}.pic{flex:none;border-radius:14px;overflow:hidden;background:var(--surface2);display:grid;place-items:center;position:relative}.pic img{width:100%;height:100%;object-fit:cover;display:block}.pic.tinted img{filter:saturate(.2) brightness(.9)}.pic.tinted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--el);mix-blend-mode:color;opacity:.75}.pic svg{width:100%;height:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.zcard{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--el,var(--line));border-radius:16px 16px 6px 6px;padding:8px 10px 10px;text-align:center;display:grid;justify-items:center;gap:2px}.zcard .nm{font-weight:700;font-size:13px}.dots{letter-spacing:3px;color:var(--scale);font-size:13px}.unseen .pic{filter:brightness(0) opacity(.25)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:12px}.detail-head{display:flex;gap:14px;align-items:center}.radar{display:block;width:100%;max-width:340px;margin:0 auto}.radar text{font-size:11px;fill:var(--sub);font-family:var(--sans)}.radar .val{fill:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.trains{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.trains .btn{padding:6px 4px;font-size:13px}.skills-list{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface2)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(72px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:999px;font-size:14px;max-width:92%;text-align:center;z-index:40}.toast.err{background:var(--bad);color:#fff}.veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141c9e;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.dialog{background:var(--surface);border-radius:20px;padding:20px 22px 22px;text-align:center;max-width:360px;width:100%;animation:pop .35s;display:grid;gap:8px;justify-items:center}@keyframes pop{0%{transform:scale(.88);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.dialog{animation:none}.bar i{transition:none}}.egg{flex:none;width:44px;height:52px}input[type=text],input[type=email]{font:inherit;font-size:15px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface2);color:var(--ink);min-width:0;flex:1}.titles{display:flex;flex-wrap:wrap;gap:6px}.title{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--scale);color:#fff}.title.off{background:transparent;color:var(--sub);border:1px dashed var(--line)}.note{font-size:12px;color:var(--sub)}.bs{position:relative;border-radius:16px;overflow:hidden;background:#0d0807;aspect-ratio:4/5;margin:0 -4px}@media (min-width:520px){.bs{aspect-ratio:1/1}}.bs canvas{display:block;width:100%;height:100%;touch-action:manipulation}.bs-caption{position:absolute;left:50%;top:10px;transform:translate(-50%);max-width:calc(100% - 24px);background:#0a0605bf;color:#f3e7dc;border-radius:999px;padding:4px 14px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.bs-caption:empty{display:none}.bs-timer{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;gap:10px;pointer-events:none;color:#f3e7dc;text-shadow:0 1px 4px #000;font-size:13px}.bs-timer .bar{flex:1;height:8px;background:#00000080;margin:0}.bs-timer .bar i{background:#ff8a2a;transition:none}.bs-timer.low .bar i{background:#ff5d4a}.bs-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#b4a197;font-size:14px}.bs-pops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bs-pop{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:1.5rem;text-shadow:0 2px 6px #000;animation:bspop 1.1s forwards;white-space:nowrap}.bs-pop small{display:block;font-size:.7rem;text-align:center}@keyframes bspop{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-160%)}}.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.sk{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;display:grid;font:inherit;color:inherit;cursor:pointer}.sk b{font-size:14px}.sk small{color:var(--sub);font-size:11px}.sk[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.sk:disabled{opacity:.4;cursor:not-allowed}.tg[aria-pressed=true]{background:var(--exp);border-color:var(--exp);color:#1a1206}.blog{max-height:180px;overflow:auto;font-size:13px;display:grid;gap:1px}.blog p{margin:0}.blog .t{color:var(--accent);font-weight:700;margin-top:4px}.blog .ko{color:var(--bad)}.blog .good{color:var(--gold)}table.rank{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.rank td,table.rank th{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}