.slot-text{display:inline-flex;white-space:pre}.char-slot{position:relative;display:inline-flex;flex:none;justify-content:center;overflow:hidden;overflow-x:visible;overflow-y:clip;line-height:1.3;vertical-align:bottom}.char-slot.is-resizing{overflow-x:clip}.char-sizer{visibility:hidden;white-space:pre}.char-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:pre;will-change:transform}:root{--bg: #13201a;--bg2: #0f1a15;--panel: #1f2c25;--panel-2: #283a31;--ink: #f3f1e6;--muted: #93a89a;--accent: #e7a93f;--accent-ink: #2a1d07;--accent2: #74c7a0;--danger: #e07a5f;--line: #314237;--radius: 14px;--shadow: 0 6px 18px rgba(0, 0, 0, .32);--font-display: "Kiwi Maru", "Zen Maru Gothic", serif;--font-body: "Zen Maru Gothic", system-ui, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}a{color:var(--accent2);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}body{margin:0;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#20312a 0%,transparent 55%),radial-gradient(80% 60% at 100% 100%,#16271f 0%,transparent 60%),var(--bg);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:.01em}.app{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));background:linear-gradient(180deg,#14201af2,#14201a99);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar h1{font-size:19px;margin:0;display:flex;align-items:center;gap:6px;min-width:0}.topbar .badges{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--muted)}.topbar .badges span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}.topbar .badges span:empty{display:none}.topbar .badges a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;font-size:17px;line-height:1;border-radius:10px;-webkit-tap-highlight-color:rgba(116,199,160,.2)}.topbar .badges a:active{background:#74c7a029}.content{flex:1;padding:16px 16px 88px}.resource-icon{display:inline-block;flex:0 0 auto;object-fit:contain;image-rendering:pixelated;vertical-align:-.18em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.resource-icon-xs{width:14px;height:14px}.resource-icon-sm{width:18px;height:18px}.resource-icon-md{width:24px;height:24px}.resource-chip{display:inline-flex;align-items:center;gap:3px;min-width:0;white-space:nowrap;vertical-align:middle}.canvas-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0c1611;box-shadow:var(--shadow),inset 0 0 0 1px #ffffff08}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.stat{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:9px 8px;text-align:center}.stat .label{font-size:10px;color:var(--muted);letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:3px;min-height:16px}.stat .value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.buddy-board{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px;padding:11px;border:1px solid rgba(116,199,160,.34);border-radius:12px;background:linear-gradient(135deg,#74c7a01f,#e7a93f14),var(--panel);box-shadow:var(--shadow)}.buddy-board-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.buddy-board-head span{color:var(--accent2);font-weight:800}.buddy-board-head strong{color:var(--ink);font-size:11.5px;text-align:right}.buddy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buddy-panel{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#00000021;padding:8px}.buddy-panel.candidates{grid-column:1 / -1}.buddy-kicker{display:block;color:var(--muted);font-size:10px;font-weight:800;line-height:1.2;margin-bottom:3px}.buddy-panel strong{display:block;font-size:13px;line-height:1.3}.buddy-panel small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.buddy-walk-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:5px;font-size:11px;color:var(--accent2)}.buddy-walk-line b,.buddy-walk-line em{font-style:normal;border-radius:999px;padding:1px 6px;background:#74c7a024;color:var(--accent2)}.buddy-walk-line em{color:var(--muted);background:#ffffff0f}.buddy-progress{overflow:hidden;height:6px;margin-top:6px;border-radius:999px;background:#ffffff14}.buddy-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent))}.candidate-chip-row{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 8px}.candidate-chip-row span{border:1px solid rgba(231,169,63,.34);border-radius:999px;background:#e7a93f1a;color:var(--ink);font-size:11px;font-weight:700;padding:3px 7px}.buddy-panel a button{width:100%;min-height:34px;padding:7px 10px;font-size:12px}button{font-family:var(--font-body);font-size:14px;cursor:pointer;border:none;border-radius:11px;padding:10px 16px;background:linear-gradient(180deg,#f0b94e,var(--accent));color:var(--accent-ink);font-weight:700;box-shadow:0 3px #b3791f,0 5px 12px #00000047;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}button:hover{filter:brightness(1.05)}button:active{transform:translateY(2px);box-shadow:0 1px #b3791f,0 2px 6px #00000047}button.secondary{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);box-shadow:0 2px #0d1611,0 4px 10px #00000038}button.secondary:active{box-shadow:0 1px #0d1611}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(.3)}.tabbar{display:flex;border-top:1px solid var(--line);position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;background:linear-gradient(180deg,#19261feb,#0f1a15fa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;color:var(--muted);font-size:11px;font-weight:700;position:relative}.tabbar a .tab-ico{font-size:19px;line-height:1;filter:grayscale(.5) opacity(.7);transition:transform .12s ease,filter .12s ease}.tabbar a.active{color:var(--accent2)}.tabbar a.active .tab-ico{filter:none;transform:translateY(-1px) scale(1.12)}.tabbar a.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--accent2)}.card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:15px;margin-bottom:12px;box-shadow:var(--shadow)}.card h3{font-size:16px}.replay-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.replay-subtitle{color:var(--muted);font-size:12px;line-height:1.6;margin:-2px 0 10px}.replay-idle{background:#74c7a01f;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;margin-bottom:8px}.recap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.recap-cell{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 7px;min-width:0}.recap-cell span{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.recap-cell>span{display:flex;align-items:center;gap:3px}.recap-cell strong{display:block;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.recap-cell.highlight{border-color:#74c7a073;background:#74c7a01f}.replay-crossnote{background:#74c7a01f;border:1px dashed rgba(116,199,160,.45);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.6;margin-bottom:10px}.replay-bar{height:8px;background:var(--bg2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.replay-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:999px;transition:width .4s ease}.replay-counters{display:flex;gap:14px;font-size:13px;margin:8px 0;font-variant-numeric:tabular-nums}.replay-counters .gold{color:var(--accent);font-weight:700}.replay-log{font-size:13px;line-height:1.7}.replay-row{display:flex;align-items:center;gap:7px;padding:2px 0;animation:pop-in .32s ease}.replay-row .ev-ico{width:1.4em;text-align:center}.replay-row .ev-km{color:var(--muted);font-size:11px;min-width:3em}.replay-row .ev-detail{flex:1}.replay-row .gold{color:var(--accent);font-weight:700}.replay-row .loss{color:var(--danger)}.event-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;margin-bottom:7px}.event-card-list{display:flex;flex-direction:column;gap:8px}.event-card{display:flex;align-items:stretch;gap:9px;padding:9px 10px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--accent2);animation:pop-in .32s ease}.event-card-icon{display:grid;place-items:center;width:28px;min-width:28px;font-size:18px}.event-card-main{flex:1;min-width:0}.event-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.event-card-labels{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.event-card-kind{font-size:12px;font-weight:700}.event-focus-chip{padding:1px 6px;border-radius:999px;background:#e7a93f24;border:1px solid rgba(231,169,63,.34);color:var(--accent);font-size:10px;font-weight:700}.event-card-km{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.event-card-detail{font-size:12.5px;line-height:1.5}.event-card-rewards{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:11px}.event-card-rewards span{background:#ffffff0d;border:1px solid var(--line);border-radius:999px;padding:1px 7px}.event-card-rewards .gold{color:var(--accent)}.event-card-rewards .loss{color:var(--danger)}.event-item-drop{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:5px;font-size:11px}.event-item-drop span,.event-item-drop small{color:var(--muted)}.event-item-drop strong{color:var(--accent2)}.event-item-drop small{padding:1px 6px;border-radius:999px;background:#74c7a01f;border:1px solid rgba(116,199,160,.3);font-size:10px;font-weight:700}.event-card.event-chest{border-left-color:var(--accent)}.event-card.event-enemy{border-left-color:#d67575}.event-card.event-gather{border-left-color:var(--accent2)}.event-card.event-camp,.event-card.event-crosstrack{border-left-color:#8fd0ff}.event-card.event-nothing{opacity:.72}.event-card.unrevealed{border-left-color:var(--muted);color:var(--muted)}.event-choice-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:7px 9px;border-radius:8px;background:#e7a93f1a;border:1px solid rgba(231,169,63,.24);font-size:11.5px;line-height:1.45}.event-choice-summary span{color:var(--muted);text-align:right}.replay-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.unit-tile{position:relative;isolation:isolate;min-width:0;background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:13px;padding:10px 8px 9px;text-align:center;font-size:12px;border:2px solid transparent;cursor:pointer;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease}.unit-tile:hover{transform:translateY(-2px)}.unit-tile .uname{font-family:var(--font-display);font-size:12px}.unit-tile.selected{border-color:var(--accent2);box-shadow:0 0 0 3px #74c7a038,var(--shadow)}.unit-tile.training{border-color:var(--accent);box-shadow:0 0 0 3px #e7a93f33,var(--shadow)}.unit-tile.base{border-color:var(--accent);box-shadow:0 0 0 3px #e7a93f40,var(--shadow)}.unit-tile.mat{border-color:var(--accent2);box-shadow:0 0 0 3px #74c7a038,var(--shadow)}.tile-badge{position:absolute;top:6px;right:6px;z-index:2;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;color:var(--accent-ink);background:var(--accent2);box-shadow:0 2px 5px #0000004d}.tile-badge.gold{background:var(--accent)}.unit-detail-button{position:absolute;top:6px;left:6px;z-index:3;display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border-radius:999px;background:#0f1a15d1;border:1px solid rgba(116,199,160,.45);color:var(--accent2);box-shadow:0 2px 6px #00000047;font-family:var(--font-display);font-size:13px;line-height:1}.unit-detail-button:hover{filter:brightness(1.18)}.unit-detail-button:active{transform:translateY(1px);box-shadow:0 1px 3px #0000004d}.unit-detail-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:#050a08c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.unit-detail-modal{width:min(420px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(116,199,160,.34);border-radius:14px;background:linear-gradient(180deg,#283a31fa,#0f1a15fa);box-shadow:0 16px 42px #0000007a;padding:14px}.unit-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.unit-detail-head h3{margin:1px 0 2px;font-size:22px}.unit-detail-kicker,.unit-detail-subtitle{margin:0;color:var(--muted);font-size:11px}.unit-detail-close{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);box-shadow:none;font-size:20px}.unit-detail-hero{display:flex;gap:14px;align-items:center;padding:12px;border-radius:12px;background:#74c7a01a;border:1px solid rgba(116,199,160,.24)}.unit-detail-portrait{display:grid;place-items:center;width:130px;min-width:130px;aspect-ratio:1 / 1;overflow:hidden}.unit-detail-portrait .idle-stack{width:118px;margin:0}.unit-detail-main{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;line-height:1.45}.unit-detail-main strong{color:var(--accent2)}.unit-detail-main p{margin:0;font-weight:800}.unit-detail-main small{color:var(--muted);line-height:1.5}.unit-detail-chip-row{display:flex;flex-wrap:wrap;gap:5px}.unit-detail-chip-row span{border:1px solid rgba(231,169,63,.35);border-radius:999px;background:#e7a93f1f;color:var(--accent);font-size:10px;font-weight:800;padding:2px 7px;white-space:nowrap}.unit-detail-section{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.unit-detail-section span{color:var(--muted)}.unit-detail-section strong{text-align:right}.unit-detail-level{display:block}.unit-detail-level>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.unit-detail-level small{display:block;margin-top:4px;color:var(--muted);font-size:10px;text-align:right}.unit-detail-progress{height:7px;margin-top:7px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:var(--bg2)}.unit-detail-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent))}.unit-detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.unit-detail-stats div{min-width:0;padding:8px 5px;border-radius:10px;background:var(--panel);border:1px solid var(--line);text-align:center}.unit-detail-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.unit-detail-stats strong{display:block;font-size:13px;font-variant-numeric:tabular-nums}.unit-detail-stats small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.merge-slots{display:flex;align-items:center;gap:8px}.merge-slot{width:72px;background:var(--bg2);border:2px dashed #3a4a40;border-radius:12px;padding:4px}.merge-slot.filled{border-style:solid;border-color:var(--accent2)}.merge-empty{height:45px;display:grid;place-items:center;font-size:11px;color:var(--muted)}.merge-result{font-size:13px}.merge-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.merge-preview div{min-width:0;padding:7px 6px;border-radius:10px;background:#74c7a01a;border:1px solid rgba(116,199,160,.24);text-align:center}.merge-preview span{display:block;color:var(--muted);font-size:10px}.merge-preview strong{display:block;margin-top:2px;overflow:hidden;color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.alk-thumb{width:96px;height:60px;overflow:hidden;margin:0 auto 4px}.alk-thumb img{width:768px;height:auto;display:block;image-rendering:pixelated}.alk-stack{position:relative;width:84%;aspect-ratio:128 / 80;overflow:hidden;margin:0 auto 6px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.alk-stack img{position:absolute;top:0;left:0;width:800%;height:auto;image-rendering:pixelated}.idle-stack{position:relative;width:78%;aspect-ratio:1 / 1;overflow:hidden;margin:2px auto 6px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.idle-stack img{position:absolute;top:0;left:0;width:600%;height:auto;image-rendering:pixelated;animation:idle-cycle .9s steps(6) infinite;animation-delay:var(--idle-delay, 0s)}@keyframes idle-cycle{0%{left:0}to{left:-600%}}@media(prefers-reduced-motion:reduce){.idle-stack img{animation:none}}.rank-row{display:flex;align-items:center;justify-content:space-between;padding:10px 6px;border-bottom:1px solid var(--line);font-size:14px}.rank-row:last-child{border-bottom:none}.rank-row .me{color:var(--accent2);font-weight:700}.rank-no{display:inline-block;min-width:1.6em;color:var(--accent);font-family:var(--font-display)}.muted{color:var(--muted)}.avatar-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-presets .preset{background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:12px;padding:6px;border:2px solid transparent;cursor:pointer;transition:transform .1s ease,border-color .12s ease}.avatar-presets .preset:hover{transform:translateY(-2px)}.avatar-presets .preset.selected{border-color:var(--accent2);box-shadow:0 0 0 3px #74c7a038}.av-frame{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:9px}.av-frame img{width:800%;height:auto;display:block;image-rendering:pixelated}input{font-family:var(--font-body);background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 11px}input:focus{outline:none;border-color:var(--accent2)}.hint{font-size:12px;color:var(--muted);line-height:1.7}.dex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.dex-tile{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:11px;padding:8px 5px 7px;min-width:0;overflow:hidden;text-align:center;border:1.5px solid transparent;transition:transform .1s ease,border-color .12s ease}.dex-tile:hover{transform:translateY(-2px);border-color:var(--accent2)}.dex-tile.locked{opacity:.78;background:var(--panel)}.dex-icon{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;aspect-ratio:1 / 1;margin-bottom:4px}.dex-icon>img{max-width:84%;max-height:84%;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.dex-icon.mon .idle-stack{width:96%;margin:0 auto}.dex-q{font-family:var(--font-display);font-size:26px;color:var(--muted);opacity:.55}.dex-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-tile.locked .dex-name{color:var(--muted);letter-spacing:1px}.dex-stars{display:block;font-size:9px;color:var(--accent);line-height:1.2}.item-meta-row{display:flex;justify-content:center;gap:4px;margin-top:2px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden}.item-meta-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}.item-use{margin-top:2px;font-size:9px;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{display:inline-block;margin-top:3px;padding:1px 6px;border-radius:999px;background:#74c7a024;border:1px solid rgba(116,199,160,.35);color:var(--accent2);font-size:9px;font-weight:800}.item-qty.empty{background:#ffffff0a;border-color:var(--line);color:var(--muted)}.hist-row{display:flex;align-items:center;gap:8px;width:100%;padding:12px;background:transparent;border:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.hist-row:hover{background:var(--panel-2)}.hist-day{font-family:var(--font-display);font-size:13px;white-space:nowrap}.hist-meta{display:flex;flex-wrap:wrap;gap:8px;flex:1;font-size:11px;color:var(--muted)}.hist-meta .accent{color:var(--accent);font-weight:700}.hist-caret{font-size:10px;color:var(--muted)}.trail-social-card,.follow-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin:8px 0 12px;border-radius:12px;background:#74c7a01f;border:1px solid rgba(116,199,160,.35);font-size:12.5px}.trail-social-card>div:first-child{min-width:180px;flex:1}.social-chip-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.social-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);padding:3px 8px;font-size:11px}.social-chip.strong{color:var(--accent2);border-color:#74c7a073;font-weight:700}.next-action a{display:inline-flex;text-decoration:none}.next-action button{white-space:nowrap}.follow-notice{border-color:#e7a93f73;background:#e7a93f1f;line-height:1.6}.ranking-empty-note{background:#74c7a01a;border:1px dashed rgba(116,199,160,.35);border-radius:10px;font-size:12.5px;line-height:1.6;margin-bottom:8px;padding:10px}.route-card{display:flex;flex-direction:column;gap:10px;padding:12px;margin:8px 0 12px;border-radius:12px;background:linear-gradient(135deg,#2646539e,#263a2dd1);border:1px solid rgba(116,199,160,.28);box-shadow:var(--shadow)}.operation-card{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px;padding:12px;border:1px solid rgba(231,169,63,.34);border-radius:12px;background:linear-gradient(135deg,#e7a93f1f,#74c7a01a),var(--panel);box-shadow:var(--shadow)}.operation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.operation-head>div{min-width:0}.operation-kicker{display:block;margin-bottom:3px;color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:0}.operation-head h3{margin:0;font-size:18px;line-height:1.25}.operation-head p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.operation-stage{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(231,169,63,.45);border-radius:999px;background:#e7a93f21;color:var(--accent);font-size:11px;font-weight:800;padding:4px 8px;white-space:nowrap}.operation-progress{overflow:hidden;height:8px;border-radius:999px;background:#ffffff14}.operation-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2))}.operation-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.operation-goals span{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0000001f;color:var(--muted);font-size:11px;line-height:1.35;padding:6px 7px}.operation-goals strong{color:var(--ink);font-weight:800}.operation-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.operation-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:36px;padding:6px 8px;font-size:11.5px;line-height:1.2;white-space:normal;box-shadow:none}.unit-train-button{position:absolute;top:34px;left:6px;z-index:3;display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border-radius:999px;background:#e7a93f2e;border:1px solid rgba(231,169,63,.5);color:var(--accent);font-size:11px;box-shadow:none}.unit-unlock-line{margin-top:5px;border-radius:7px;background:#ffffff0f;color:var(--muted);font-size:10px;line-height:1.2;padding:3px 4px}.unit-unlock-line.ready{color:var(--accent2);background:#74c7a01f}.operation-tabs button small{color:#ffffff9e;font-size:9.5px;line-height:1}.operation-tabs button.selected{border:1px solid rgba(231,169,63,.62)}.operation-plan-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;border:1px solid rgba(231,169,63,.28);border-radius:10px;background:#e7a93f17;padding:8px 9px}.operation-plan-line strong{color:var(--accent);font-size:12px;line-height:1.3}.operation-plan-line span{color:var(--ink);font-size:12px;font-weight:800;line-height:1.3}.operation-plan-line small{grid-column:2;color:var(--muted);font-size:11px;line-height:1.35}.operation-next{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.8fr) auto;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.operation-next strong{display:block;font-size:12.5px}.operation-next span,.operation-next small{display:block;color:var(--muted);font-size:11.5px;line-height:1.45}.operation-next button{min-height:36px;padding:7px 10px;font-size:11.5px;white-space:normal}.operation-plan{border:1px solid rgba(116,199,160,.28);border-radius:10px;background:#74c7a017;padding:7px 8px}.operation-plan span{color:var(--ink);font-weight:800}.operation-plan.locked{border-color:#e7a93f47;background:#e7a93f17}.route-card.compact{gap:8px;padding:10px 12px}.route-card-head,.route-plan-head,.route-party{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-card-head>div{min-width:0}.route-pill,.specialty-chip,.route-result-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(231,169,63,.42);border-radius:999px;background:#e7a93f24;color:var(--accent);font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.route-party{justify-content:flex-start;flex-wrap:wrap}.specialty-chip{border-color:#74c7a061;background:#74c7a01f;color:var(--accent2)}.route-plan-head{font-size:12px;color:var(--muted)}.route-plan-head strong{color:var(--ink)}.route-lock-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;color:var(--muted);font-size:12px}.route-lock-summary strong{color:var(--ink)}.route-lock-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(116,199,160,.4);border-radius:999px;background:#74c7a01f;color:var(--accent2);font-size:11px;font-weight:800;padding:3px 8px;white-space:nowrap}.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.route-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:58px;padding:8px;text-align:left;box-shadow:none}.route-option strong{color:inherit;font-size:12px;line-height:1.25}.route-option span{font-size:10px;line-height:1.25;opacity:.8}.route-option small{display:block;color:#ffffffa8;font-size:9.5px;line-height:1.2}.route-option.selected{border:1px solid rgba(231,169,63,.65)}.route-option.fit-best{background:linear-gradient(180deg,#e7a93f38,#263a2db8)}.route-option.fit-good{border-color:#74c7a07a}.next-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:8px 0 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:12.5px}.next-action>div:first-child{flex:1;min-width:180px}.recruit-progress{flex:0 0 34%;min-width:130px}.daily-recruit{margin:10px 0;padding:9px;border:1px solid rgba(116,199,160,.28);border-radius:10px;background:#74c7a014}.daily-recruit-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px}.daily-recruit-head strong{color:var(--accent2)}.daily-recruit-head span{color:var(--muted);font-size:11px}.daily-recruit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.daily-recruit-option{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:120px;padding:7px 5px;text-align:center;box-shadow:none}.daily-recruit-option .idle-stack{transform:scale(.86);margin:-4px 0 -8px}.daily-recruit-option span{color:var(--ink);font-size:11px;line-height:1.2}.daily-recruit-option small{color:var(--muted);font-size:9.5px;line-height:1.2}.next-action{border-color:#e7a93f59;background:#e7a93f1a}.next-recruit-ready{border-color:#74c7a073;background:#74c7a021}.route-result-chip{width:fit-content;margin:8px 0 0}.event-decision{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding:7px 8px;border-radius:8px;background:#74c7a01c;border:1px solid rgba(116,199,160,.28);font-size:11.5px;line-height:1.45}.event-decision.fail{background:#e7a93f1a;border-color:#e7a93f47}.event-intel-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.event-intel{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(116,199,160,.28);border-radius:999px;background:#74c7a01a;color:var(--accent2);font-size:10px;font-weight:800;line-height:1.2;padding:3px 7px}.event-intel.operation{border-color:#e7a93f5c;background:#e7a93f1f;color:var(--accent)}.event-intel.choice{border-color:#ffffff38;color:var(--ink)}.event-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.event-choice-row button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;padding:6px 7px;font-size:11px;line-height:1.15;white-space:normal;box-shadow:none}.event-choice-row button small{display:block;color:#ffffffb8;font-size:9.5px;line-height:1.15}.cheer-card{position:relative;overflow:hidden}.cheer-card.complete{border-color:#74c7a073}.cheer-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.cheer-pips{display:flex;gap:5px}.cheer-pips span{width:14px;height:14px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);box-shadow:inset 0 1px 2px #00000059}.cheer-pips span.filled{background:linear-gradient(180deg,#f0b94e,var(--accent));border-color:var(--accent);box-shadow:0 0 10px #e7a93f61}.cheer-celebration{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border-radius:10px;background:#74c7a024;border:1px solid rgba(116,199,160,.38);font-size:12.5px;line-height:1.5}.cheer-celebration strong{color:var(--accent2)}.cheer-celebration.burst{animation:cheer-pop .55s ease}@keyframes cheer-pop{0%{transform:scale(.97);filter:brightness(1.15)}70%{transform:scale(1.02)}to{transform:scale(1);filter:brightness(1)}}.raid-banner{margin:8px 0;padding:10px 12px;border-radius:12px;font-size:13px;color:#fff;background:linear-gradient(100deg,#6d3b3b,#8a4b2f);border:1px solid var(--accent);box-shadow:var(--shadow)}.raid-canvas-wrap{margin:8px 0 6px;border-radius:12px;overflow:hidden;border:1px solid #5a3a3a}.raid-canvas{display:block;width:100%;image-rendering:pixelated}.raid-canvas-hp{height:5px;background:#2a1a1a}.raid-canvas-hpfill{height:100%;background:linear-gradient(90deg,#ff6b6b,#e7a93f);transition:width .4s ease}.raid-hpbar{position:relative;height:22px;border-radius:999px;background:#2a1a1a;overflow:hidden;margin-top:8px;border:1px solid #5a3a3a}.raid-hpfill{height:100%;background:linear-gradient(90deg,#ff6b6b,#e7a93f);transition:width .4s ease}.raid-hptext{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.raid-attack{font-size:16px;padding:10px 20px}.spec{font-size:10px;color:var(--accent2);font-weight:700;margin-top:1px}.unit-personality{margin-top:2px;font-size:10px;font-weight:800;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-route{min-height:1.3em;font-size:9px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-personality{margin-top:1px;font-size:9px;color:var(--muted)}.mission-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mission-claim-all{font-size:12px;padding:6px 10px}.mission-list{display:flex;flex-direction:column;gap:8px}.mission{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--panel-2);border-left:3px solid var(--line)}.mission.done{border-left-color:var(--accent)}.mission.claimed{opacity:.55;border-left-color:var(--accent2)}.mission-main{flex:1;min-width:0}.mission-title{font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mission-reward-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.mission-reward{font-size:10px;color:var(--accent);background:#e7a93f1f;padding:1px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:3px}.mission-reward.gold{color:var(--accent)}.mission-bar{margin:5px 0 2px;height:6px}.mission-prog{font-size:10px;color:var(--muted)}.mission-badge{font-size:11px;color:var(--muted);white-space:nowrap}.mission-badge.done{color:var(--accent2)}.mission-pip{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;vertical-align:middle}@media(max-width:520px){.route-card-head,.operation-head,.operation-next,.route-plan-head,.route-lock-summary,.next-action,.mission-head,.trail-social-card,.event-choice-summary,.follow-notice{align-items:stretch;flex-direction:column}.event-choice-summary span{text-align:left}.route-options,.event-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}.route-option{min-height:54px}.operation-next{grid-template-columns:1fr;gap:8px}.operation-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.operation-tabs button{min-height:34px;padding:6px 4px;font-size:11px}.operation-plan-line{grid-template-columns:1fr}.operation-plan-line small{grid-column:1}.operation-card{gap:9px;padding:11px}.buddy-grid{grid-template-columns:1fr}.buddy-panel.candidates{grid-column:auto}.recruit-progress{flex:1;width:100%}.daily-recruit-list{grid-template-columns:1fr}.daily-recruit-option{min-height:78px;flex-direction:row;justify-content:flex-start;text-align:left}.daily-recruit-option .idle-stack{flex:0 0 auto;margin:-10px -8px -14px -10px;transform:scale(.76)}.recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-chip-row{justify-content:flex-start}.mission-claim-all{width:100%}.unit-detail-modal{max-height:calc(100vh - 32px)}.unit-detail-hero{align-items:stretch;flex-direction:column}.unit-detail-portrait{width:100%;min-width:0;aspect-ratio:2 / 1}.unit-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.topbar{align-items:flex-start;flex-wrap:wrap;padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.topbar h1{flex:1 1 100%;line-height:1.15}.topbar .badges{flex:1 1 100%;flex-wrap:wrap;gap:5px}.topbar .badges span{padding:3px 7px}}@media(max-width:360px){.topbar{padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 10px calc(12px + env(safe-area-inset-left))}.topbar h1{font-size:18px}.topbar .badges{gap:5px}.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi-cell{background:var(--panel-2);border-radius:10px;padding:8px 6px;text-align:center}.kpi-val{font-family:var(--font-display);font-size:18px;color:var(--accent)}.kpi-label{font-size:10px;color:var(--muted);margin-top:2px}.ptr{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);box-shadow:var(--shadow);font-size:12px;pointer-events:none}.ptr-ico{display:inline-block;font-size:15px}.connect-status .cs-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cs-step{display:flex;gap:9px;align-items:flex-start;padding:8px 9px;border-radius:10px;background:var(--panel-2);border-left:3px solid var(--line)}.cs-step.done{border-left-color:var(--accent2)}.cs-step.active{border-left-color:var(--accent)}.cs-step.locked{opacity:.6}.cs-mark{font-size:15px;line-height:1.5}.cs-body{display:flex;flex-direction:column;gap:1px;min-width:0}.cs-title{font-family:var(--font-display);font-size:13px}.cs-unlock{font-size:11px;color:var(--muted)}.cs-status{font-size:11px;font-weight:700;margin-top:2px}.cs-status.done{color:var(--accent2)}.cs-status.active{color:var(--accent)}.cs-status.todo,.cs-status.locked{color:var(--muted)}.cs-next{font-size:11px;color:var(--accent);margin-top:1px}.gacha{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#14281ce0,#080e0cf7);--aura: #cfe8d0;--aura2: #74c7a0}.gacha.esc.rare{--aura: #b9e2ff;--aura2: #3a86ff}.gacha.esc.legendary{--aura: #ffe7a3;--aura2: #e7a93f}.gacha-bokeh{position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,rgba(116,199,160,.22),transparent 42%),radial-gradient(circle at 80% 72%,rgba(231,169,63,.16),transparent 42%);animation:gacha-bokeh 6s ease-in-out infinite alternate}@keyframes gacha-bokeh{to{transform:scale(1.15) rotate(4deg)}}.gacha-stage{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:240px}.gacha-aura{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--aura) 0%,var(--aura2) 45%,transparent 70%);filter:blur(6px);animation:gacha-pulse .5s ease-in-out infinite alternate}@keyframes gacha-pulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.15);opacity:.95}}.gacha-flask{position:relative;font-size:84px;filter:drop-shadow(0 0 14px var(--aura2));animation:gacha-shake .14s linear infinite}.gacha.legendary .gacha-flask{animation-duration:.08s}@keyframes gacha-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-5deg)}50%{transform:translate(2px,-1px) rotate(4deg)}75%{transform:translate(-1px,2px) rotate(-3deg)}to{transform:translate(1px,-2px) rotate(2deg)}}.gacha-flash{position:absolute;inset:-100vmax;background:radial-gradient(circle,#fff 0%,var(--aura) 28%,transparent 60%);animation:gacha-flash .48s ease-out forwards}@keyframes gacha-flash{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.5)}}.gacha-rays{position:absolute;width:340px;height:340px;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,var(--aura) 0deg 5deg,transparent 5deg 14deg)}.gacha.phase-burst .gacha-rays{animation:gacha-rays .5s ease-out forwards}.gacha-rays.still{opacity:.16;animation:gacha-spin 16s linear infinite}@keyframes gacha-rays{0%{opacity:.55;transform:scale(.4) rotate(0)}to{opacity:0;transform:scale(1.3) rotate(40deg)}}@keyframes gacha-spin{to{transform:rotate(360deg)}}.gacha-reveal{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px;animation:gacha-fade .3s ease-out}@keyframes gacha-fade{0%{opacity:0}to{opacity:1}}.gacha-mon{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;animation:gacha-pop .5s cubic-bezier(.2,1.4,.4,1)}.gacha-mon .idle-stack{width:86%}@keyframes gacha-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.gacha-spark{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--aura);box-shadow:0 0 8px var(--aura2);opacity:0;animation:gacha-spark .7s ease-out var(--delay) forwards}@keyframes gacha-spark{0%{opacity:1;transform:rotate(var(--ang)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--ang)) translateY(-120px) scale(.3)}}.gacha-badge{font-family:var(--font-display);font-weight:700;letter-spacing:1px;padding:3px 12px;border-radius:999px;font-size:13px}.gacha-badge.common{color:var(--accent-ink);background:var(--accent2)}.gacha-badge.rare{color:#04243f;background:#8fd0ff;box-shadow:0 0 14px #3a86ff99}.gacha-badge.legendary{color:#3a2a05;background:linear-gradient(90deg,#ffe08a,#e7a93f,#ffe08a);box-shadow:0 0 18px #e7a93fcc;animation:gacha-glow 1.2s ease-in-out infinite alternate}@keyframes gacha-glow{to{box-shadow:0 0 28px #e7a93f}}.gacha-name{font-family:var(--font-display);font-size:24px}.gacha-personality{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:min(280px,82vw);text-align:center;font-size:12px;line-height:1.35;color:var(--muted)}.gacha-personality strong{font-size:14px;color:var(--accent2)}.gacha-personality small{font-size:11px;font-weight:700;color:var(--accent)}.gacha-new{color:var(--accent);font-weight:700;font-size:13px}.gacha-plan-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;width:min(320px,86vw);padding:10px 12px;border:1px solid rgba(42,157,143,.28);background:#2a9d8f14;border-radius:8px;text-align:left}.gacha-plan-cta strong,.gacha-plan-cta span{min-width:0}.gacha-plan-cta span{color:var(--muted);font-size:12px}.gacha-plan-cta a{grid-row:1 / span 2;grid-column:2}.gacha-actions{display:flex;gap:10px;margin-top:8px}@media(prefers-reduced-motion:reduce){.gacha-bokeh,.gacha-aura,.gacha-flask,.gacha-rays,.gacha-spark,.gacha-mon,.gacha-badge.legendary{animation:none!important}}.admin-user{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.admin-user:last-child{border-bottom:none}.admin-user-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:4px;font-size:12px}.admin-user-meta span{white-space:nowrap}