.deckmate-entry {
  color: #253c4c;
  font-family: inherit;
  text-align: left;
}
.deckmate-entry-hero { display: flex; align-items: center; gap: 14px; }
.deckmate-entry-hero-art { flex: 0 0 104px; height: 118px; border-radius: 28px; background: #edf6f5; }
.deckmate-entry-copy { min-width: 0; }
.deckmate-entry-title { color: #526976; font-size: 13px; font-weight: 600; }
.deckmate-entry-name { margin: 3px 0 6px; font-size: 23px; font-weight: 700; line-height: 1.2; }
.deckmate-entry-hint { color: #526976; font-size: 13px; line-height: 1.45; }
.deckmate-entry-choices { display: flex; gap: 8px; margin-top: 14px; justify-content: center; }
.deckmate-entry-option { position: relative; display: flex; justify-content: center; flex: 1 1 0; min-width: 0; max-width: 68px; height: 70px; border: 2px solid transparent; border-radius: 16px; background: #f2f5f7; cursor: pointer; touch-action: manipulation; transition: background .15s, border-color .15s; }
.deckmate-entry-option:hover { background: #e5efed; }
.deckmate-entry-option:focus-visible, .deckmate-entry-close:focus-visible { outline: 3px solid #146bca; outline-offset: 3px; }
.deckmate-entry-option.is-selected { background: #e4f4ed; border-color: #258461; }
.deckmate-entry-option[aria-disabled="true"] { cursor: wait; opacity: .65; }
.deckmate-entry-option-art { width: 58px; height: 66px; pointer-events: none; }
.deckmate-entry-check { position: absolute; right: -4px; bottom: -4px; font-size: 12px; line-height: 18px; width: 18px; text-align: center; color: white; border-radius: 50%; background: #258461; }
.deckmate-entry-check:empty { display: none; }
.deckmate-entry-status { color: #426655; font-size: 12px; line-height: 1.4; margin-top: 10px; }
.deckmate-entry-status:empty { display: none; }
.deckmate-entry-panel { position: fixed; bottom: 76px; left: 18px; width: 348px; max-width: calc(100vw - 36px); padding: 18px; border: 1px solid #dbe7e5; border-radius: 22px; background: #fff; box-shadow: 0 8px 30px rgba(31, 57, 71, .18); z-index: 1040; }
.deckmate-entry-panel .deckmate-entry-hero-art { flex-basis: 80px; height: 96px; border-radius: 22px; }
.deckmate-entry-panel .deckmate-entry-copy { padding-right: 14px; }
.deckmate-entry-panel .deckmate-entry-name { font-size: 21px; }
.deckmate-entry-close { position: absolute; right: 9px; top: 6px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #526976; font-size: 24px; cursor: pointer; border-radius: 50%; }
.deckmate-entry-close:hover { background: #f0f4f5; }
.sweet-alert.deckmate-entry-swal { box-sizing: border-box; padding: 24px; width: 420px; max-width: calc(100vw - 24px); margin-left: -210px; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
.sweet-alert.deckmate-entry-swal h2 { margin: 0 0 16px; font-size: 25px; }
.sweet-alert.deckmate-entry-swal > p { display: none; }
.sweet-alert.deckmate-entry-swal .deckmate-entry { margin-bottom: 18px; }
.sweet-alert.deckmate-entry-swal input[type="text"] { box-sizing: border-box; margin: 0 0 8px; height: 48px; border: 1px solid #b9cbd0; border-radius: 12px; color: #253c4c; background: #fff; font-size: 17px; }
.sweet-alert.deckmate-entry-swal input[type="text"]:focus { border-color: #258461; box-shadow: 0 0 0 3px rgba(37,132,97,.14); }
.sweet-alert.deckmate-entry-swal button { min-height: 44px; border-radius: 10px; margin-top: 10px; }
.deckmate-entry-skeleton { height: 118px; background: #edf6f5; border-radius: 20px; }
@media (max-width: 479px) {
  .sweet-alert.deckmate-entry-swal { left: 12px; right: 12px; margin-left: 0; width: auto; padding: 20px; }
  .deckmate-entry-hero { gap: 12px; }
  .deckmate-entry-hero-art { flex-basis: 90px; height: 108px; }
  .deckmate-entry-name { font-size: 21px; }
  .deckmate-entry-choices { gap: 6px; }
}
@media (max-height: 500px) {
  .sweet-alert.deckmate-entry-swal { top: 12px !important; margin-top: 0 !important; padding: 16px 24px; }
  .sweet-alert.deckmate-entry-swal h2 { font-size: 21px; margin-bottom: 8px; }
  .sweet-alert.deckmate-entry-swal .deckmate-entry-hero-art { flex-basis: 64px; height: 68px; }
  .sweet-alert.deckmate-entry-swal .deckmate-entry-choices { margin-top: 8px; }
  .sweet-alert.deckmate-entry-swal .deckmate-entry { margin-bottom: 10px; }
  .sweet-alert.deckmate-entry-swal input[type="text"] { height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .deckmate-entry-option { transition: none; }
}