:root{--bg: #0b1514;--panel: #201b17;--panel2: #2a231d;--line: #3a3028;--text: #f1e9df;--muted: #a99c8d;--accent: #f0a13a;--teal: #5db4cc;--parch: #b8a482;--parch2: #a08d6c;--bar: #6c604b;--weapon: #e8a33d;--vitality: #6bbf59;--spirit: #b57be6;--core: #3fb56b;--exp: #8a7f73}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 Nunito,system-ui,sans-serif;font-weight:700;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}h1{font-size:1.25rem;margin:0 0 .6rem}h2{font-size:1.05rem;margin:0 0 .5rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}h2 small{font-weight:400;color:var(--muted);font-size:.8rem}h3{font-size:.95rem;margin:.8rem 0 .3rem}.page{width:100%;max-width:820px;margin:0 auto;padding:14px 16px 40px}.muted{color:var(--muted)}.small{font-size:.82rem;margin:.25rem 0}.grow{flex:1;text-align:left}.error{color:#ff8a80}.top{margin-bottom:.6rem}.hero-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:4px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-weight:600}.hero-btn img,.hero img{border-radius:8px;object-fit:cover}.insight{background:var(--panel);border-left:3px solid var(--accent);border-radius:8px;padding:8px 12px;margin:.6rem 0;font-size:.9rem}.insight p{margin:0 0 .3rem}.toggle{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--muted)}.toggle input{width:40px;height:40px;margin:0;flex:none}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:.6rem 0}.tagline{margin:.2rem 0}.validation{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:.6rem 0}.agree{display:flex;align-items:baseline;gap:10px}.agree strong{font-size:1.8rem;color:var(--core)}.bar{height:8px;background:var(--panel2);border-radius:4px;overflow:hidden;margin:4px 0}.bar i{display:block;height:100%;background:var(--core)}.shop{border-radius:8px;background:#000;border:2px solid var(--line);flex:none;object-fit:contain}.slot-weapon{border-color:var(--weapon)}.slot-vitality{border-color:var(--vitality)}.slot-spirit{border-color:var(--spirit)}.slot-text.slot-weapon{color:var(--weapon)}.slot-text.slot-vitality{color:var(--vitality)}.slot-text.slot-spirit{color:var(--spirit)}.slot-text{border:0;text-transform:capitalize}.meta{display:flex;flex-direction:column;min-width:0;flex:1}.name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub{color:var(--muted);font-size:.78rem}.cost{display:flex;flex-direction:column;align-items:flex-end;flex:none}.cost small{color:var(--muted);font-size:.72rem}.badge{flex:none;font-size:.68rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:999px}.badge.core{background:var(--core);color:#06210f}.badge.exp{background:var(--panel2);color:var(--exp);border:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.chip{background:var(--panel2);border-radius:999px;padding:4px 10px;font-size:.82rem}.chip small{color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;overflow-x:hidden;background:var(--bg);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:12px 16px 28px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-head h2{margin:0;font-size:1.15rem}.close{width:44px;height:44px;background:var(--panel);border:1px solid var(--line);border-radius:50%;flex:none}.card-top{display:flex;gap:14px;align-items:center;margin:.6rem 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0;flex:1}.facts div{min-width:0}.facts dt{color:var(--muted);font-size:.72rem;text-transform:uppercase}.facts dd{margin:0;font-weight:600}.stats{list-style:none;margin:.4rem 0;padding:0;background:var(--panel);border-radius:10px}.stats li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}.stats li:last-child{border:0}.stats b{color:var(--accent);text-align:right}.text-block p{margin:.2rem 0 .7rem;overflow-wrap:anywhere}.kind{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--accent)}.why{border-top:1px solid var(--line);margin-top:.8rem}.why p{margin:.3rem 0}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:.6rem}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:6px 2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:.78rem;text-align:center;overflow-wrap:anywhere}.hero.on{border-color:var(--accent);background:var(--panel2)}h1{font-weight:900;letter-spacing:.01em}.tabs{gap:8px}.tab{min-height:48px;padding:4px 10px;background:#3d8ea6;border:0;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#eaf7fb}.tab small{color:#d6f0f7;font-size:.7rem}.tab.on{background:#cfe6ec;color:#17424f}.tab.on small{color:#17424f}.tagline{background:var(--teal);color:#0d2a33;border-radius:10px 10px 0 0;margin:.6rem 0 0;padding:10px 14px;font-weight:800}.tagline+.muted{background:var(--teal);color:#174454;margin:0 0 .6rem;padding:0 14px 10px;border-radius:0 0 10px 10px}.panel{background:var(--parch);border-radius:4px;box-shadow:inset 0 0 0 2px var(--parch2),0 2px #0006;margin-top:.8rem;overflow:hidden}.bar-head{margin:0;padding:6px 12px;background:var(--bar);color:#f4ecdc;font-size:.95rem;font-weight:800}.bar-head small{color:#d5c9b1}.panel .items{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.panel .items li{min-width:0}.tile{--c: #8a7d63;position:relative;display:flex;flex-direction:column;align-items:center;width:84px;height:112px;padding:6px 3px 4px;border:0;border-radius:4px;background:linear-gradient(#ddd0b3,#c9ba98);color:#3a3223;box-shadow:0 2px 4px #0007;transition:transform .12s}.tile.slot-weapon{--c: #e8a33d;background:linear-gradient(#ecd6a8,#d7bd8b)}.tile.slot-vitality{--c: #6bbf59;background:linear-gradient(#d3e0b4,#b9cb95)}.tile.slot-spirit{--c: #b57be6;background:linear-gradient(#e0d0ec,#c7b3d8)}.tile:hover,.tile:focus-visible{transform:translateY(-2px);outline:2px solid #fff8}.tile img{width:60px;height:60px;object-fit:contain;border:0;background:none}.tile .tier{position:absolute;top:0;right:0;width:36px;height:36px;background:linear-gradient(to bottom left,var(--c) 50%,transparent 50%);color:#1a1408;font-size:.62rem;font-weight:900;text-align:right;padding:3px 4px 0 0;z-index:1}.tile-name{font-size:.72rem;line-height:1.05;font-weight:800;text-align:center;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile-cost{margin-top:auto;font-size:.66rem;color:#5e5440}.active-tag{position:absolute;top:46px;background:#000a;color:#fff;font-size:.55rem;padding:0 4px;border-radius:2px}.dot{position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%}.dot.core{background:#2f9e57;box-shadow:0 0 0 2px #fff8}.dot.exp{background:#0003}.ap{padding:10px;background:#1e3556}.ap .small{color:#9db4d3}.ap-grid{background:#121d36;border-radius:4px;overflow-x:auto}.ap-row{display:grid;grid-template-columns:44px repeat(16,minmax(30px,1fr));align-items:center;min-width:560px;min-height:40px}.ap-row:nth-child(odd){background:#141f38}.ap-row:nth-child(2n){background:#1b2c4c}.ap-icon{background:#fbeed6;width:40px;height:40px;display:grid;place-items:center;color:#000;font-size:.6rem}.ap-icon img{width:100%;height:100%;object-fit:contain}.ap-cell{display:grid;place-items:center}.pip{font-size:.75rem;background:#2a303e;color:#d3cdbf;padding:2px 6px;border-radius:6px;font-weight:800}.pip.unlock{background:#2a2447;color:#b98cf3}.phase:not(.panel){margin-top:1.1rem}@media (max-width: 480px){.tile{width:calc((100vw - 76px)/4);min-width:70px}}@media (prefers-reduced-motion: reduce){.tile{transition:none}}