.app{max-width:700px;margin:0 auto;padding:16px}.app__title{text-align:center;color:#d64541;font-size:1.8rem}.card-number-form{flex-wrap:nowrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.card-number-form input,.card-number-form select{border:2px solid #ffb703;border-radius:999px;padding:8px 12px;font-size:1rem}.card-number-form select{flex:auto;min-width:0}.card-number-form input{flex-shrink:0;width:4.5em}.card-number-form button{color:#fff;cursor:pointer;background-color:#219ebc;border:none;border-radius:999px;padding:8px 20px;font-weight:700}.card-number-form button:disabled{cursor:not-allowed;background-color:#a9c9d4}.battle-arena__banner{color:#101a30;text-align:center;background:linear-gradient(#ffd966,#ffb703);border-radius:999px;width:fit-content;margin:0 auto 12px;padding:8px 24px;font-size:1.25rem;font-weight:700;animation:.35s ease-out battle-banner-pop;box-shadow:0 2px 8px #0003}.battle-stage{background:linear-gradient(#1c2a4a,#101a30);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding:20px 8px;display:flex}.battle-stage--loading,.battle-stage--error{text-align:center;flex-direction:column;padding:32px 16px}.battle-arena__loading,.battle-arena__error{color:#fff8ec;margin:0;font-size:1.05rem}.battle-stage--error button{color:#101a30;cursor:pointer;background-color:#ffb703;border:none;border-radius:999px;margin-top:14px;padding:8px 20px;font-weight:700}.battle-stage__vs{color:#ffb703;letter-spacing:.05em;flex-shrink:0;font-size:1.1rem;font-weight:700}.card-preview{background:#fff8ec;border:3px solid #ffb703;border-radius:14px;flex-direction:column;align-items:center;width:170px;padding:10px;transition:filter .3s,opacity .3s;display:flex;box-shadow:0 4px 10px #00000040}.card-preview--fainted{filter:grayscale(.85);opacity:.6}.card-preview__image{aspect-ratio:245/337;object-fit:contain;width:136px}.card-preview__name{color:#2c2420;text-align:center;margin:6px 0 8px;font-size:.85rem;font-weight:700}.hp-gauge{width:100%}.hp-gauge__label{color:#6b5f52;justify-content:space-between;margin-bottom:2px;font-size:.7rem;display:flex}.hp-gauge__track{background:#e4dcca;border-radius:999px;width:100%;height:8px;overflow:hidden}.hp-gauge__fill{background:#4caf6d;border-radius:999px;height:100%;transition:width .8s ease-in-out}.hp-gauge__fill--critical{background:#d64541}.battle-arena__log{color:#2c2420;background:#fff8ec;border:2px solid #2c2420;border-radius:12px;max-width:500px;max-height:260px;margin:0 auto;padding:12px 16px;list-style:none;overflow-y:auto}.battle-arena__log li{border-bottom:1px dashed #d8cbb3;padding:6px 0;line-height:1.5}.battle-arena__log li:last-child{border-bottom:none}.battle-arena__log-line{margin:0}.battle-arena__log-line+.battle-arena__log-line{margin-top:4px}.battle-arena__next-button{color:#fff;cursor:pointer;background-color:#219ebc;border:none;border-radius:999px;margin:12px auto 0;padding:8px 24px;font-weight:700;display:block}@keyframes battle-banner-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=420px){.battle-stage{gap:8px;padding:16px 4px}.card-preview{width:140px;padding:8px}.card-preview__image{width:108px}}@media (prefers-reduced-motion:reduce){.hp-gauge__fill{transition:none}.battle-arena__banner{animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#eef6ff;margin:0}