.deckCodePage{padding-top:2rem;padding-bottom:4rem;padding-inline:2rem}@media screen and (max-width: 500px){.deckCodePage{padding-inline:1rem}}.deckCodeHero{margin-bottom:2rem}.deckCodeLead{margin-top:.75rem;color:var(--slate-500)}.deckCodeSearchForm{margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.deckCodeSearchLabel{display:inline-block;font-size:.82rem;color:#64748b;margin-bottom:.45rem}.deckCodeSearchRow{display:flex;gap:.6rem}.deckCodeSearchInput{min-width:0;flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .8rem;font-size:1rem}.deckCodeSearchBtn{border:0;border-radius:10px;padding:.65rem 1rem;background:#1d4ed8;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.deckCodeSearchBtn:hover{background:#1e40af}.deckCodeTopRow{margin-top:1.25rem;display:grid;grid-template-columns:1fr 170px;gap:1rem;align-items:stretch}.deckCodePanel{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.deckTotalCardBox{padding:1rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;justify-content:center}.metaLabel{margin:0;font-size:.8rem;color:#64748b;opacity:1;visibility:visible}.deckCodeValue{margin:.25rem 0 0;font-weight:700;font-size:1.1rem;letter-spacing:.03em;word-break:break-all;color:#0f172a;opacity:1;visibility:visible}.copyBtn{border:0;border-radius:999px;padding:.7rem 1rem;background:#111827;color:#fff;font-weight:700;cursor:pointer}.copyBtn:disabled{opacity:.5;cursor:not-allowed}.deckCodeActions{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.deckCodeAppInlineLink{font-size:.82rem;color:#1d4ed8;text-decoration:underline;text-underline-offset:.12em;line-height:1.4}.deckCodeAppInlineLink:hover{color:#1e40af}.deckCodeAppCtaSection{margin-top:1.5rem}.appCta{display:flex;align-items:flex-start;flex-direction:column;gap:.35rem;padding:1.1rem 1rem;border-radius:12px;text-decoration:none;color:#0f172a;border:1px solid #93c5fd;background:linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);font-weight:700;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.appCta:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(30,64,175,.16);border-color:#60a5fa}.appCta::after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#1d4ed8}.appCtaTitle{font-size:1rem;line-height:1.4;padding-right:1.2rem}.appCtaDesc{font-weight:500;font-size:.86rem;color:#1e40af;line-height:1.6;padding-right:1.2rem}.deckCodeError,.deckCodeNotice{padding:1rem;border-radius:12px;margin-bottom:1rem}.deckCodeError{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.deckCodeNotice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.deckCodeListSection h2{margin-bottom:1rem}.deckCodeExportSection{margin-top:1.5rem;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.deckCodeExportLead{margin:.5rem 0 0;color:#475569;font-size:.9rem;line-height:1.6}.deckImageGenerateBtn{margin-top:.9rem;border:0;border-radius:10px;padding:.72rem 1rem;background:#1d4ed8;color:#fff;font-weight:700;cursor:pointer}.deckImageGenerateBtn:disabled{opacity:.6;cursor:not-allowed}.deckImageCanvasList{margin-top:1rem;display:grid;gap:1rem}.deckExportItem{margin:0;padding:.7rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.deckExportItem figcaption{margin:0 0 .6rem;font-size:.85rem;font-weight:700;color:#334155}.deckExportActions{margin-top:.6rem}.deckExportActionLink{display:inline-flex;border-radius:8px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;line-height:1;padding:.55rem .8rem}.deckExportActionLink:hover{background:#1e40af;border-color:#1e40af}.deckExportActionLink.disabled,.deckExportActionLink.disabled:hover{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed}.deckExportCanvas{width:100%;height:auto;border-radius:8px;border:1px solid #cbd5e1;display:block;cursor:pointer;background:#fff}.deckExportCanvas:focus{outline:3px solid #93c5fd;outline-offset:2px}.deckImageEmpty{margin:0;color:#64748b;font-size:.9rem}.a4ExportSection{margin-top:1.5rem;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.a4ExportSection h2{margin:0 0 .5rem;color:#0f172a}.a4ExportBtns{display:flex;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}.deckCardList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem}@media screen and (max-width: 500px){.deckCardList{gap:.5rem}}.deckCardItem{margin:0}.deckCardButton{width:100%;display:flex;flex-direction:column;gap:.4rem;text-align:left;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:.45rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.deckCardButton:disabled{opacity:.65;cursor:not-allowed}.deckCardButton:not(:disabled):hover{border-color:#93c5fd;box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-1px)}.deckCardImageWrap{position:relative;width:100%}.deckCardImageWrap img{width:100%;height:auto;border-radius:7px;display:block}.deckCardImageFallback{width:100%;aspect-ratio:128/178;border-radius:8px;background:#e5e7eb;color:#64748b;display:grid;place-items:center;font-size:.75rem}.deckCardCount{position:absolute;left:.35rem;bottom:.35rem;background:rgba(17,24,39,.9);color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.deckCardText{min-width:0;width:100%}.deckCardName{margin:0;font-weight:700;line-height:1.25;font-size:.82rem;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deckCardAlias{margin-bottom:.2rem;color:#475569;font-size:.74rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deckCardId{margin:.5rem 0 0;color:#94a3b8;font-size:.75rem;word-break:break-all}body.deckCardModalOpen{overflow:hidden}.deckCardModalOverlay{position:fixed;inset:0;background:rgba(15,23,42,.7);display:grid;place-items:center;padding:1rem;z-index:2000}.deckCardModalOverlay[hidden]{display:none}.deckCardModal{width:min(960px,100%);max-height:min(88vh,920px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(15,23,42,.35);position:relative;padding:1rem}.deckCardModalClose{position:sticky;top:0;margin-left:auto;width:40px;height:40px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;font-size:1.5rem;cursor:pointer;display:grid;place-items:center;z-index:2}.deckCardModalHeader{display:grid;grid-template-columns:minmax(180px, 260px) 1fr;gap:1rem;align-items:start}.deckCardModalImageWrap img{width:100%;height:auto;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc}.deckCardModalAlias{margin:0;color:#64748b;font-size:.95rem}.deckCardModalTitle{margin:.35rem 0 0;font-size:1.5rem;line-height:1.3;color:#0f172a;opacity:1;visibility:visible}.deckCardModalSub,.deckCardModalAttr,.deckCardModalIds{margin:.6rem 0 0;line-height:1.5}.deckCardModalSub{color:#0f172a;font-weight:700}.deckCardModalAttr{color:#334155}.deckCardModalIds{color:#64748b;font-size:.85rem;word-break:break-all}.deckCardModalBody{margin-top:1rem;display:grid;gap:.75rem}.deckCardModalBlock{border:1px solid #e5e7eb;border-radius:12px;padding:.9rem;background:#fff}.deckCardModalBlock[hidden]{display:none !important}.deckCardModalBlock h3{margin:0;font-size:.85rem;color:#475569}.deckCardModalEffectName{margin:.45rem 0 0;font-weight:700;line-height:1.5;color:#0f172a;opacity:1;visibility:visible;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.deckCardModalEffectText{margin:.45rem 0 0;line-height:1.7;white-space:pre-wrap;color:#0f172a;opacity:1;visibility:visible}.effectMarkIcon{width:22px;height:22px;object-fit:contain;vertical-align:middle}.attackDefenseIcon{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-left:.2rem}.effectMarkText,.attackDefenseText{font-weight:700}@media(max-width: 768px){.deckCodeSearchRow{flex-direction:column}.deckCodePanel{align-items:flex-start;flex-direction:column}.deckCodeTopRow{grid-template-columns:1fr}.copyBtn{width:100%}.deckCodeActions{width:100%;align-items:stretch}.deckCardModal{padding:.75rem;border-radius:14px}.deckCardModalHeader{grid-template-columns:1fr}.deckCardModalImageWrap{max-width:220px}}@media(min-width: 1024px){.deckCardList{grid-template-columns:repeat(6, minmax(0, 1fr))}}