:root{--bg:#121212;--surface:#1a1a1a;--line:#374151;--muted:#9ca3af;--text:#f9fafb;--gold:#eab308;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'PingFang SC',sans-serif}
html,body{margin:0;min-height:100%;background:#121212}button,[role=button],a{touch-action:manipulation;cursor:pointer}button:focus-visible,[role=button]:focus-visible{outline:2px solid #eab308;outline-offset:3px}button:disabled{cursor:not-allowed}.native-card-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:16px 0}.parity-card{max-width:100%;outline:none}.parity-card .texture-panel-layer{pointer-events:none}.stack>.absolute:not(:last-child){pointer-events:none}.stack>.absolute:last-child{pointer-events:auto}.rank-C{color:#9ca3af}.rank-UC{color:#d1d5db}.rank-R{color:#4ade80}.rank-SR{color:#60a5fa}.rank-SSR{color:#f87171}.rank-UR{color:#facc15}.rank-LR{color:#c084fc}.legacy{color:#f9fafb}.legacy .detail-layout{grid-template-columns:240px 1fr}.legacy .choose-card.selected .parity-card{outline:2px solid #facc15;outline-offset:3px}.legacy .detail-layout .parity-card{pointer-events:none}.legacy .card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center}.legacy .card-grid>*{width:240px}#toast{position:fixed;right:16px;top:80px;max-width:350px;padding:20px 24px;background:#2563eb;color:white;box-shadow:0 0 20px #60a5fa55;border:1px solid #60a5fa;border-radius:8px;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:300}#toast.show{opacity:1;transform:translateY(0)}.native-result .god-rays{pointer-events:none}.legacy .modal-head{background:#1a1a1a}.legacy .modal-body{background:#1a1a1a}dialog.legacy{background:#1a1a1a;border-color:#374151}footer button{font:inherit}#collection-grid .parity-card{margin:auto}
@media(max-width:640px){.native-result .god-rays{max-width:100vw}.native-result .max-w-\[420px\]{max-width:calc(100vw - 32px)}.native-result .w-\[352px\]{max-width:calc(100vw - 80px)}.legacy .detail-layout{grid-template-columns:1fr}.legacy .detail-layout .parity-card{margin:auto}.native-card-grid{gap:16px}#toast{left:16px;right:16px;top:auto;bottom:24px;max-width:none}.legacy .page-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}
/* The original animated star edges extend fractionally past the viewport. */
#app{overflow-x:clip}
#gacha-pack-container img{transform:scale(1.026,1.006);transform-origin:center top}
.stack>[data-result-index]{pointer-events:none}.stack>[data-result-index].active{pointer-events:auto}
@media(max-width:640px){.collection-summary{min-height:40px}}
dialog.rule-native{width:min(512px,calc(100% - 32px));padding:24px;border:1px solid #374151;border-radius:12px;background:#1a1a1a}dialog.rule-native .modal-head{position:static;padding:0 0 8px;background:transparent;border-bottom:1px solid #374151;margin-bottom:16px}dialog.rule-native .modal-head h2{font-family:ui-serif,Georgia,serif;font-size:24px;font-weight:700;letter-spacing:0}dialog.rule-native .modal-head button{position:absolute;right:16px;top:16px;border:0;color:#9ca3af;font-size:22px}dialog.rule-native .modal-body{padding:0;background:transparent}dialog.rule-native .modal-body p{font-family:inherit;font-size:14px;line-height:20px;color:#d1d5db}dialog.rule-native h3{font-family:inherit;letter-spacing:0}
.knowledge-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}.knowledge-filters label{display:flex;gap:8px;align-items:center;font-size:13px;color:#cbd5e1}.knowledge-filters select{background:#1f2937;color:#f9fafb;border:1px solid #4b5563;border-radius:6px;padding:7px 10px}.knowledge-tabs{display:flex;gap:4px}.knowledge-tabs button{padding:8px 14px;border:1px solid #4b5563;border-radius:6px;font-size:13px}.knowledge-tabs [aria-pressed=true]{background:#a16207;border-color:#eab308}.knowledge-detail{margin-top:24px;text-align:left}.knowledge-detail h3{font-size:16px;margin:20px 0 8px;color:#fde68a;letter-spacing:0;font-family:inherit}.knowledge-detail p,.knowledge-detail blockquote{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.knowledge-detail blockquote{border-left:2px solid #d4a74c;margin:12px 0;padding:4px 14px;color:#f1f5f9;background:#ffffff05}.knowledge-path,.knowledge-detail small{font-size:12px;line-height:1.7;color:#94a3b8}.knowledge-detail details{margin-top:16px;border-top:1px solid #374151;padding-top:12px}.knowledge-detail summary{cursor:pointer;color:#e2c47c;font-size:14px}.knowledge-detail a{color:#93c5fd;text-decoration:underline}.knowledge-work{font-weight:700}.knowledge-detail+.detail-meta{margin-top:18px}
#modal.legacy{width:min(960px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #374151;border-radius:12px;box-shadow:0 30px 100px #000b}
#modal.legacy::backdrop{background:#000b;backdrop-filter:blur(6px)}
#modal.legacy .modal-head{position:sticky;top:0;z-index:8}
#modal .knowledge-detail p,#modal .knowledge-detail blockquote{font-size:15px;line-height:1.8}
#modal .knowledge-detail small{font-size:12px;line-height:1.8}
#modal .detail-text{font-size:15px;line-height:1.8}
.card-example{font-size:9px;margin-top:5px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#d1d5db}
@media(max-width:640px){#modal.knowledge-modal .detail-layout>div:first-child{display:none}#modal .modal-body{padding:18px}#modal .knowledge-detail{margin-top:16px}}