.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;padding:12px 16px;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}.topbar .badges{display:flex;align-items:center;gap:6px;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}.content{flex:1;padding:16px 16px 88px}.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}.stat .value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}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-idle{background:#74c7a01f;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;margin-bottom:8px}.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)}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.unit-tile{position:relative;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.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;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)}.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}.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,1fr);gap:8px}.dex-tile{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border-radius:11px;padding:8px 5px 7px;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%;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}.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)}.connect-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 12px;margin:8px 0;border-radius:12px;background:var(--panel-2);border:1px dashed var(--accent2);font-size:12px}.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}.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{font-size:10px;color:var(--accent);background:#e7a93f1f;padding:1px 6px;border-radius:999px}.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}.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:8px;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-new{color:var(--accent);font-weight:700;font-size:13px}.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}