.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,transform .4s;display:flex;position:relative;box-shadow:0 4px 10px #00000040}.card-preview--fainted{filter:grayscale(.85);opacity:.6;transform:rotate(-6deg)translateY(4px)}.card-preview--hit{animation:.6s card-hit-shake}.card-preview--hit:after{content:"";pointer-events:none;background:#d6454159;border-radius:11px;animation:.6s card-hit-flash;position:absolute;inset:0}.card-preview__damage{z-index:2;color:#d64541;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;pointer-events:none;font-size:1.35rem;font-weight:700;animation:1.4s ease-out forwards card-damage-float;position:absolute;top:6px;left:50%}.card-preview__damage--weakness{color:#e8830a;font-size:1.6rem}.card-preview__image{aspect-ratio:245/337;object-fit:contain;width:136px}.card-preview__name{color:#2c2420;text-align:center;margin:6px 0 4px;font-size:.85rem;font-weight:700}.card-preview__types{flex-wrap:wrap;justify-content:center;gap:3px;margin-bottom:4px;display:flex}.type-badge{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0000008c;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-block}.card-preview__modifiers{flex-direction:column;align-items:center;gap:1px;margin-bottom:4px;display:flex}.card-preview__modifier-line{margin:0;font-size:.65rem;font-weight:700}.card-preview__modifier-line--weakness{color:#d64541}.card-preview__modifier-line--resistance{color:#4a90c4}.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:0 auto 12px;padding:8px 24px;font-weight:700;display:block}@keyframes battle-banner-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes card-hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes card-hit-flash{0%{opacity:1}to{opacity:0}}@keyframes card-damage-float{0%{opacity:0;transform:translate(-50%,6px)scale(.8)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.1)}to{opacity:0;transform:translate(-50%,-32px)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}.card-preview{transition:none}.card-preview--hit{animation:none}.card-preview--hit:after{animation:none;display:none}.card-preview__damage{opacity:1;animation:none;top:6px}}: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}