.avatar-grid05{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 20px}
.avatar-choice05{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#182332;border:1px solid #3b4b5e;border-radius:12px;color:#e5e8ef;font-family:inherit;font-size:11px}
.avatar-choice05 img{width:100%;aspect-ratio:1;object-fit:contain;background:radial-gradient(circle at 50% 20%,#334862,#141b28 75%);border-radius:8px}
.avatar-choice05.chosen{border-color:#f0c885;background:#2a2b3b;box-shadow:0 0 0 2px #aa824333}
.character-avatar.with-art05{padding:0;overflow:hidden}.character-avatar.with-art05 img{width:100%;height:100%;object-fit:cover}
.special05{margin:14px 0;background:linear-gradient(135deg,#30263f,#172033);border-color:#9874bb}.special05 strong{font-size:14px;color:#eddafc}.special05 p{font-size:12px;line-height:1.6}
.outpost05{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.outpost05>div{border:1px solid #334256;border-radius:12px;padding:16px;background:#17212f}.outpost05 h3{font-size:23px}.outpost05 p{color:#a9b9c9;font-size:12px;line-height:1.7}
.system05-wait{padding:15px;border:1px solid #aa7b45;background:#33281f;border-radius:12px;margin-top:15px}.system05-wait p{font-size:12px;line-height:1.6}
.attack05{position:absolute;inset:15% 22%;z-index:10;pointer-events:none;animation:flash05 .2s ease-out both}.attack05.slash{background:linear-gradient(160deg,transparent 44%,#fff7bd 48%,#ffeea8 50%,transparent 54%);filter:drop-shadow(0 0 17px #ffd48a)}
.attack05.arrow{background:linear-gradient(180deg,transparent 46%,#d9f4ff 47%,#fff 49%,#b0e4ff 51%,transparent 53%);transform:rotate(-5deg);filter:drop-shadow(0 0 12px #c2faff)}
.attack05.magic{background:radial-gradient(circle,#fff 0%,#c9a9ff 9%,#7e5cef44 23%,transparent 42%);animation:flash05 .3s ease-out both}
.attack05.shield{background:radial-gradient(ellipse,transparent 35%,#aadfff66 44%,#d3f0ff 49%,transparent 57%);animation:flash05 .22s ease-out both}
@keyframes flash05{0%{opacity:0;scale:.35}25%{opacity:1;scale:1}100%{opacity:0;scale:1.06}}
@media(max-width:700px){.avatar-grid05{grid-template-columns:repeat(2,minmax(0,1fr))}.outpost05{grid-template-columns:1fr}.avatar-choice05{font-size:13px}.combat-skill-card{gap:6px}.combat-skill-card p{font-size:11px}.attack05{inset:23% 10%}}
@media(prefers-reduced-motion:reduce){.attack05{animation:none;opacity:.6}}