: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-log{font-size:13px;line-height:1.75}.replay-log .gold{color:var(--accent);font-weight:700}.replay-log .loss{color:var(--danger)}.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}