:root{--bg: #16161e;--panel: #1f2233;--panel2: #2a2e45;--border: #43466b;--text: #e8e8f0;--dim: #9aa0c3;--gold: #ffc94d;--accent: #7c6cf0;--green: #6fdd8b;--red: #ff6b6b;--blue: #4fc3f7;--page-max: 940px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Courier New,ui-monospace,monospace;font-weight:700;image-rendering:pixelated}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;font-weight:700;cursor:pointer}.pixel-panel{background:var(--panel);border:3px solid var(--border);box-shadow:0 3px #000a,inset 0 2px #ffffff12;border-radius:2px}.pixel-btn{background:var(--panel2);color:var(--text);border:3px solid var(--border);box-shadow:0 3px #000a;padding:10px 16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;border-radius:2px}.pixel-btn:hover:not(:disabled){filter:brightness(1.2)}.pixel-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #000a}.pixel-btn:disabled{opacity:.45;cursor:not-allowed}.pixel-btn.primary{background:var(--accent);border-color:#a99df8}.pixel-btn.danger{background:#8c2f39;border-color:#c95260}.pixel-btn.gold{background:#8a6d1a;border-color:var(--gold);color:#ffe9ad}.screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px}.screen>.pixel-panel,.screen>.row{width:100%;max-width:var(--page-max)}.page-block{width:100%;max-width:var(--page-max)}.screen-title{font-size:22px;letter-spacing:3px;margin:10px 0 16px;text-transform:uppercase}.auth-wrap{margin:auto;width:340px;padding:28px;display:flex;flex-direction:column;gap:12px}.auth-logo{text-align:center;font-size:30px;letter-spacing:4px;margin-bottom:8px}.auth-logo span{color:var(--gold)}.auth-wrap input{background:#12131c;color:var(--text);border:3px solid var(--border);padding:10px;font-family:inherit;font-weight:700;font-size:14px;outline:none}.auth-wrap input:focus{border-color:var(--accent)}.auth-tabs{display:flex;gap:8px}.auth-tabs .pixel-btn{flex:1}.auth-tabs .pixel-btn.active{background:var(--accent)}.error-text{color:var(--red);font-size:12px;min-height:16px}.ok-text{color:var(--green);font-size:12px}.topbar{width:100%;max-width:var(--page-max);display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:14px;flex-wrap:wrap}.topbar .who{display:flex;flex-direction:column}.topbar .who .name{font-size:15px}.topbar .who .sub{font-size:11px;color:var(--dim)}.topbar .spacer{flex:1}.currency{display:flex;align-items:center;gap:6px;font-size:14px}.currency .coin{color:var(--gold)}.coin{color:var(--gold)}.gem{color:#7fd7ff}.battle-hud{width:min(480px,94vw);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim)}.hud-track{flex:1;height:8px;background:#10111a;border:2px solid var(--border)}.hud-track>div{height:100%;background:var(--gold);transition:width .1s linear}.hud-danger{color:var(--red)}.hud-track.danger>div{background:var(--red)}.chip{display:flex;align-items:center;gap:8px;font-size:13px;background:#12131c;border:2px solid var(--border);padding:6px 10px}.stamina-chip{min-width:190px}.stamina-chip .dim-part{color:var(--dim)}.stamina-chip .regen{font-size:10px;color:var(--dim);white-space:nowrap}.stamina-bar{height:10px;background:#10111a;border:2px solid var(--border);flex:1;min-width:40px}.stamina-bar>div{height:100%;background:var(--green);transition:width .3s}.stamina-label{font-size:11px;color:var(--dim);display:flex;justify-content:space-between}.lobby-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;width:100%;max-width:var(--page-max);align-items:start}@media (max-width: 760px){.lobby-layout{grid-template-columns:1fr}}.char-card{padding:18px;display:flex;flex-direction:column;gap:12px}.char-head{display:flex;gap:14px;align-items:center}.char-portrait{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#12131c;border:3px solid var(--border)}.char-portrait img{width:56px;height:56px;image-rendering:pixelated}.char-name{font-size:18px;letter-spacing:1px}.player-code{font-size:10px;color:var(--dim);letter-spacing:1px;margin-top:1px;font-variant-numeric:tabular-nums}.char-sub{font-size:12px;color:var(--dim);margin-top:3px}.char-sub .dot{opacity:.5;margin:0 4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-cell{display:flex;justify-content:space-between;align-items:baseline;background:#12131c;border:2px solid var(--border);padding:7px 10px}.stat-key{font-size:11px;letter-spacing:1px}.stat-val{font-size:16px}.char-equip-line{display:flex;align-items:center;gap:8px;font-size:13px}.lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 500px){.lobby-grid{grid-template-columns:1fr}}.lobby-tile{position:relative;padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel);border:3px solid var(--border);box-shadow:0 4px #000a;color:var(--text);cursor:pointer}.lobby-tile:hover{border-color:var(--accent);filter:brightness(1.15)}.lobby-tile .ico{font-size:30px;line-height:1}.tile-label{font-size:15px;text-transform:uppercase;letter-spacing:2px}.lobby-tile .hint{font-size:11px;color:var(--dim);text-align:center}.tile-badge{position:absolute;top:8px;right:8px;font-size:10px;color:var(--gold);border:2px solid var(--border);background:#12131c;padding:2px 6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:100%;max-width:var(--page-max)}.equip-card{padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;cursor:pointer;height:100%;justify-content:flex-start}.equip-card img{width:64px;height:64px;image-rendering:pixelated}.sprite-slot{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1}.equip-card .nm{font-size:13px;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.equip-card .card-desc{flex:1 1 auto}.equip-card .card-actions{margin-top:auto;min-height:16px;line-height:16px;display:flex;align-items:center;justify-content:center;gap:8px}.equip-card .rarity-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border:2px solid}.equip-card.equipped-mark:after{content:"EQUIPPED";position:absolute;top:6px;right:6px;font-size:9px;background:var(--green);color:#08320f;padding:2px 5px;border-radius:2px}.stat-row{display:flex;justify-content:space-between;font-size:12px;width:100%}.stat-row .k{color:var(--dim)}.stat-cap-bar{height:8px;background:#10111a;border:2px solid var(--border);width:100%}.stat-cap-bar>div{height:100%;background:var(--blue)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(520px,94vw);max-height:90vh;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.modal .row{flex-wrap:wrap;row-gap:8px}.modal .pixel-btn{flex:0 0 auto}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:2px solid var(--border);padding-top:10px;margin-top:4px}.battle-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.battle-names{display:flex;justify-content:space-between;width:min(480px,94vw);font-size:14px}canvas.arena{width:min(480px,94vw);height:min(480px,94vw);border:4px solid #000;background:#f7f2e7;image-rendering:auto}.passive-bars{display:flex;justify-content:space-between;gap:20px;width:min(480px,94vw)}.pbar{flex:1;display:flex;flex-direction:column;gap:3px}.pbar .pname{font-size:11px;padding:3px 6px;border:2px solid var(--border);background:var(--panel);display:flex;justify-content:space-between;gap:6px}.pbar .pname>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar .pkind{color:var(--dim);font-size:9px;white-space:nowrap;align-self:center}.pbar .ptrack{height:10px;background:#10111a;border:2px solid var(--border)}.pbar .ptrack>div{height:100%;transition:width .1s linear}.pbar .ptrack.always>div{opacity:.55}.pbar .ptrack.empty{opacity:.3}.pips{display:flex;gap:4px;height:10px}.pip{flex:1;border:2px solid;display:block}.section-row{display:flex;align-items:center;gap:8px}.tier-tabs{width:100%;max-width:var(--page-max);margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tier-tab{flex:1 1 0;min-width:128px;padding:10px 8px;font-size:13px;white-space:nowrap}.tier-cost{flex:0 0 auto;margin-left:auto}.tier-note{width:100%;max-width:var(--page-max);padding:12px 14px;margin-bottom:10px;color:var(--dim);font-size:12px;line-height:1.6;background:#12131c}.event-card{width:100%;max-width:var(--page-max);padding:14px;margin-bottom:10px;display:flex;flex-direction:column;gap:12px}.event-head{display:flex;gap:12px;align-items:flex-start}.event-icon{font-size:24px;width:44px;height:44px;flex:0 0 44px;background:#12131c;border:2px solid var(--border);display:flex;align-items:center;justify-content:center}.event-name{font-size:14px;margin-bottom:2px}.event-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.event-step{background:#12131c;border:2px solid var(--border);padding:8px 10px;display:flex;flex-direction:column;gap:6px}.event-step.done{opacity:.55;border-color:var(--green)}.event-step.current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.event-step-day{font-size:11px;color:var(--dim)}.coming-soon{opacity:.7;border-style:dashed}.reward-tables{width:100%;max-width:var(--page-max);display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 700px){.reward-tables{grid-template-columns:1fr}}.reward-line{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid var(--border);flex-wrap:wrap}.reward-line:first-of-type{border-top:none}.reward-mine{background:#2c2f52}.reward-preview{width:100%;max-width:var(--page-max);padding:12px 14px;margin-bottom:10px}.reward-preview-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:6px}.reward-preview-rows{display:flex;flex-direction:column}.gacha-rates{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.rate-chips{display:flex;gap:6px;flex-wrap:wrap}.rate-chip{display:inline-flex;align-items:baseline;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:1px;border:2px solid;padding:3px 8px;background:#12131c}.rate-chip b{font-size:12px;letter-spacing:0}.rate-note{font-size:9px;opacity:.75;letter-spacing:0}.pity-stack{display:flex;flex-direction:column;gap:4px}.pity-meter{display:flex;align-items:center;gap:8px;font-size:11px}.pity-track{position:relative;width:110px;height:8px;background:#10111a;border:2px solid var(--border)}.pity-track>div{height:100%;background:var(--gold);transition:width .3s}.pity-track.mythic>div{background:#ff2d55}.pity-soft{position:absolute;top:-2px;bottom:-2px;width:2px;background:#ffffff88}.inbox-row{padding:12px;display:flex;align-items:center;gap:12px}.inbox-row.claimed{opacity:.55}.inbox-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#12131c;border:2px solid var(--border)}.inbox-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.inbox-title{font-size:14px}.tile-alert{border-color:var(--gold)}.badge-alert{background:var(--gold);color:#2b1d00;border-color:#fff2c4}.my-rank-bar{width:100%;max-width:var(--page-max);padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}.stat-legend{padding:10px;background:#12131c;display:flex;flex-direction:column;gap:6px}.stat-legend-row{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:baseline}.stat-legend-row .stat-key{font-size:10px}.stat-legend-row .muted{font-size:11px;line-height:1.45}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000b;gap:14px;z-index:10}.result-overlay .big{font-size:40px;letter-spacing:6px}.result-overlay .win{color:var(--gold);text-shadow:0 0 18px #ffc94d88}.result-overlay .lose{color:var(--red)}.result-overlay .detail{font-size:14px;color:var(--dim)}table.pixel-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.table-scroll{width:100%;max-width:var(--page-max);overflow-x:auto}.pixel-table th,.pixel-table td{border:2px solid var(--border);padding:8px 10px;text-align:left}.pixel-table th{background:var(--panel2);text-transform:uppercase;font-size:11px;letter-spacing:1px}.pixel-table tr.me{background:#2c2f52;outline:2px solid var(--accent)}.gacha-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;width:100%}@keyframes cardIn{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.gacha-card{animation:cardIn .35s cubic-bezier(.2,1.6,.4,1) both}.rates-box{font-size:11px;color:var(--dim);display:flex;gap:14px;flex-wrap:wrap}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.back-row{width:100%;max-width:var(--page-max);display:flex;align-items:center;gap:12px;margin-bottom:10px}.muted{color:var(--dim);font-size:12px}.section-label{width:100%;max-width:var(--page-max);color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:2px;margin:14px 0 6px}.floor-row{display:flex;align-items:center;gap:12px;padding:12px;width:100%;max-width:var(--page-max)}.floor-row .fnum{font-size:22px;width:52px;text-align:center;color:var(--gold)}.floor-row .finfo{flex:1;display:flex;flex-direction:column;gap:3px}.floor-row .fname{font-size:15px}.floor-row .fdesc{font-size:11px;color:var(--dim)}.floor-row.locked{opacity:.45}.badge{font-size:9px;padding:2px 6px;border:2px solid;text-transform:uppercase}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.grade-badge{width:26px;height:26px;image-rendering:pixelated;vertical-align:middle;margin-right:5px}.char-grade-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:13px}.warn-mark{color:#ffb3b3}.hint-btn{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:#12131c;color:var(--dim);font-family:inherit;font-weight:700;font-size:12px;line-height:1;padding:0}.hint-btn:hover{border-color:var(--accent);color:var(--text)}.consumable-belt{display:flex;gap:6px;flex-wrap:wrap}.consumable-chip{font-size:12px;background:#12131c;border:2px solid var(--border);padding:4px 8px;display:inline-flex;align-items:center;gap:4px}.arena-panel{padding:18px;width:100%;max-width:620px;display:flex;flex-direction:column;gap:14px}.vs-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.vs-mark{font-size:22px;align-self:center;color:var(--dim)}.vs-card{background:#12131c;border:2px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0}.vs-card.vs-mine{border-color:var(--accent)}.vs-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-meta{display:flex;align-items:center;gap:5px;font-size:11px;flex-wrap:wrap}.vs-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;margin-top:2px}.vs-stat{display:flex;justify-content:space-between;font-size:11px}.tier-pill{font-size:10px;border:1px solid;padding:1px 5px;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}.grade-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px;background:#12131c;border:2px solid var(--border);padding:10px}.grade-preview-row{display:grid;grid-template-columns:46px 1fr 12px 1fr 34px;align-items:baseline;gap:4px;font-size:12px}.grade-preview-row .stat-key{font-size:10px}.chip-mini{display:inline-block;font-size:10px;background:#12131c;border:1px solid var(--border);padding:2px 6px;margin-right:4px}