:root{--primary-blue: #3b82f6;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a}body{background-color:var(--slate-900);color:var(--slate-800);font-family:"Noto Sans JP",sans-serif}.container{width:min(1100px,100%);margin:0 auto;padding:24px 24px 80px}.pageHero{margin:32px 0 40px;padding:72px 24px 64px;text-align:center;border-radius:20px;overflow:hidden;background:linear-gradient(to bottom, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.82) 100%),url("/assets/images/story/overWorld_dark.webp") center/cover no-repeat}.pageHeroLead{margin:16px auto 20px;max-width:640px;color:var(--slate-400);font-size:14px;line-height:1.8;font-weight:normal}.deckCodeSearchForm{width:min(560px,100%);margin:24px auto 0;padding:16px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(15,23,42,.78);box-shadow:0 14px 34px rgba(15,23,42,.28);text-align:left}.deckCodeSearchLabel{display:inline-block;margin-bottom:8px;color:var(--slate-300);font-size:13px;font-weight:bold}.deckCodeSearchRow{display:flex;gap:10px}.deckCodeSearchInput{min-width:0;flex:1;height:46px;padding:0 14px;border:1px solid var(--slate-600);border-radius:12px;background:#fff;color:var(--slate-900);font-size:16px;letter-spacing:.06em}.deckCodeSearchBtn{height:46px;padding:0 18px;border:1px solid var(--primary-blue);border-radius:12px;background:var(--primary-blue);color:#fff;font-size:14px;font-weight:bold;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.deckCodeSearchBtn:hover{border-color:#2563eb;background:#2563eb}.listStatus{margin-bottom:24px;text-align:center;color:var(--slate-400);font-size:14px;font-weight:normal}.listStatus.isError{color:#f87171}.deckGrid{display:flex;flex-direction:column;gap:14px}.deckCard{display:flex;flex-direction:row;align-items:stretch;border:1px solid var(--slate-700);border-radius:16px;background:var(--slate-800);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.deckCard:hover{transform:translateY(-2px);border-color:var(--primary-blue);box-shadow:0 8px 24px rgba(59,130,246,.18)}.deckCard::after{content:"›";display:flex;align-items:center;padding:0 24px;color:var(--slate-600);font-size:32px;line-height:1;flex-shrink:0;transition:color .15s}.deckCard:hover::after{color:var(--primary-blue)}.deckCardThumb{width:260px;min-width:260px;height:174px;object-fit:cover;background:var(--slate-700);display:block;flex-shrink:0}.deckCardBody{display:flex;flex-direction:column;justify-content:center;gap:10px;flex:1;padding:20px 28px;min-width:0}.deckCardMeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.deckCardDate{color:var(--slate-400);font-size:12px;font-weight:normal}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:bold}.pill.hasExplanation{background:rgba(34,197,94,.12);color:#4ade80}.pill.noExplanation{background:rgba(148,163,184,.1);color:var(--slate-400)}.deckCardTitle{font-size:18px;font-weight:bold;color:#fff;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.deckCardCode{font-size:12px;color:var(--slate-500);font-weight:normal;font-family:monospace}.emptyState{grid-column:1/-1;padding:64px 24px;text-align:center;color:var(--slate-500);font-weight:normal}.emptyState p{margin-top:8px;font-size:14px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:40px}.pageButton,.pageArrow{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--slate-700);border-radius:999px;background:var(--slate-800);color:var(--slate-300);font-size:14px;font-weight:bold;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pageButton:hover:not(.isCurrent):not(:disabled),.pageArrow:hover:not(.isCurrent):not(:disabled){border-color:var(--primary-blue);color:var(--primary-blue)}.pageButton.isCurrent,.pageArrow.isCurrent{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;cursor:default}.pageButton:disabled,.pageArrow:disabled{cursor:not-allowed;opacity:.3}.pageArrow{font-size:20px;line-height:1}.pageEllipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:40px;color:var(--slate-600);font-size:14px;font-weight:bold}@media(max-width: 640px){.container{padding:0 16px 60px}.deckCard{flex-direction:column}.deckCard::after{display:none}.deckCardThumb{width:100%;min-width:unset;height:auto;aspect-ratio:16/9}.deckCardBody{padding:14px 16px}.deckCardTitle{font-size:15px}.deckCodeSearchRow{flex-direction:column}.deckCodeSearchBtn{width:100%}}