/* Measurements from the supplied 448 × 960 recording; app viewport 448 × 795. */
:root{--bg:#1e1e28;--gold:#ffad0a;--pink:#ff0099;font-family:Arial,"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
body{font-size:14px}.site-shell{background:var(--bg)}
.portal-toolbar{position:sticky;top:0;z-index:30;background:var(--bg)}
.toolbar-inner,main{padding-left:12px;padding-right:6px}
.notice-bar{height:31px;background:#262544;color:#e6b539}.notice-track>span{height:31px;font-size:14px;padding-right:80px;gap:2px}.notice-track .emoji{width:16px;height:16px}.notice-toggle{position:absolute;right:0;top:0;opacity:0;width:26px;height:31px;background:#262544}.notice-bar:focus-within .notice-toggle,.notice-bar:hover .notice-toggle{opacity:1}
.category-tabs{gap:6px;margin:5px -2px 9px -5px}.category-tab{height:30px;font-size:14px;gap:4px;border-color:#70613b;color:#c8c5c0;box-shadow:inset 0 0 0 1px #e9d47d20}.category-tab .emoji{width:17px;height:17px}.category-tab.active{background:linear-gradient(110deg,#ff9600,#ffb300);border-color:#e5bd6b;box-shadow:0 0 8px #ffb22280,inset 0 0 0 1px #ffe5ab55}
.search-form{height:44px;gap:10px;padding-left:12px;border-color:#dedbd2}.search-form input::placeholder{font-size:14px;color:#858585}.search-form>.icon{width:23px;height:23px}.search-form button{height:34px;min-width:56px;font-size:14px;background:linear-gradient(100deg,#ff9700,#ffb200);box-shadow:0 0 5px #edb34260}
.site-status{height:34px;margin:10px 0 7px;gap:8px;font-size:14px;background:#14141a;border-color:#605126}.site-status strong{font-size:20px;letter-spacing:1px;font-weight:700;color:#f8bb30;text-shadow:0 0 4px #d9981e50}.site-status .emoji{width:23px;height:22px}.status-dot{width:7px;height:7px;margin-left:3px}
.section-heading{height:35px}.section-heading h2{font-size:16px;gap:6px;font-weight:600}.section-heading h2 i{height:25px;width:4px;margin-right:1px}.section-heading .emoji{width:19px;height:19px}.section-heading>span{font-size:12px}
.resource-grid{gap:12px 10px}.cover{aspect-ratio:208/147;border-radius:12px}.card-open h3{font-size:14px;line-height:23px;margin-top:3px;gap:2px;font-weight:400}.card-open h3 .emoji{height:16px;width:14px}.card-open h3>span{display:block}.reference-frame:after{display:none}.reference-frame .cover-photo{filter:none!important;transform:none!important}.card-watermelon{display:inline-block!important;vertical-align:-2px;margin-left:1px;width:14px!important;height:14px!important}
.bottom-nav{background:#20202bea;padding:6px 0 calc(5px + env(safe-area-inset-bottom));border-top:1px solid #ffffff08;backdrop-filter:blur(10px)}.bottom-nav button{font-size:11px;line-height:16px;min-height:42px;gap:0}.bottom-nav .emoji{width:24px;height:25px;object-fit:contain}.bottom-nav .active{color:#e5b14a}
.preview-notice{font-size:11px;line-height:1.7;text-align:center;color:#b4acbc;padding:12px 12px 2px;max-width:360px;margin:auto}.preview-notice a{color:#e6bb68;text-decoration:underline;text-underline-offset:3px}
.overlay{padding:13px;background:#000b;backdrop-filter:blur(3px)}
.claim-dialog{max-width:380px;border-radius:18px;padding:45px 18px 24px;box-shadow:0 7px 20px #0003;max-height:calc(var(--visual-height,100dvh) - 24px)}
.dialog-close{right:14px;top:14px;width:34px;height:34px}.dialog-close .icon{width:16px;height:16px;opacity:.25}
.claim-title{font-size:18px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0 0 17px}
.claim-primary{min-height:58px;border-radius:12px;box-shadow:0 5px 9px #fc079c45;background:#ff0099;padding:7px 10px}.claim-primary>span{font-size:20px;line-height:26px;font-weight:500}.claim-primary>small{font-size:12px;line-height:17px;color:#ffe5f3}
.access-form{height:45px;gap:11px;margin-top:12px}.access-form input{border:2px solid #e79b19;border-radius:11px;box-shadow:0 0 0 3px #ffe5b470;padding:0 12px}.access-form input::placeholder{font-size:14px;color:#b4b4b4}.access-form button{flex-basis:79px;border-radius:12px;font-size:16px;font-weight:500;background:linear-gradient(115deg,#607dff,#7d22ec);box-shadow:0 5px 10px #7155df44}.access-feedback{min-height:0;margin-top:0}.access-feedback:empty{display:none}.access-feedback.error{margin-top:6px;line-height:18px}
.general-gate{padding-bottom:21px}.general-gate .claim-title{margin-bottom:17px}.dialog-footnote{font-size:12px;color:#aaa;line-height:19px;border-top:1px solid #e7e7e7;margin-top:31px;padding-top:9px}.general-gate .access-feedback:empty{display:none}
.resource-summary{min-height:93px;margin-bottom:14px;border-radius:13px;background:#f7f6f9;padding:10px 15px;gap:14px}.summary-cover{height:67px;flex-basis:67px;border-radius:9px}.resource-summary h3{font-size:14px;font-weight:500;line-height:1.5}.resource-summary h3 .emoji{display:none}.resource-summary p{font-size:12px;color:#999;margin-top:4px}.with-resource{padding-bottom:44px}.with-resource .claim-title{margin-bottom:16px}
.layout-comics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.layout-comics .cover{aspect-ratio:3/4}.layout-comics .card-open h3{font-size:12px;line-height:17px}.layout-comics .card-open h3>span,.layout-games .card-open h3>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.layout-resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.layout-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.layout-resources .cover,.layout-games .cover{aspect-ratio:1;border-radius:10px}.layout-resources .card-open h3,.layout-games .card-open h3{font-size:11px;line-height:17px}.layout-resources .card-open h3>.emoji,.layout-games .card-open h3>.emoji{display:none}.layout-cta{font-size:10px;line-height:19px;text-align:center;color:white;border-radius:15px;margin-top:3px;background:#ffac0a;display:block}.layout-games .layout-cta{background:#00c7b1}.layout-resources .cover-open,.layout-resources .cover-meta,.layout-resources .cover-arrow,.layout-games .cover-open,.layout-games .cover-meta,.layout-games .cover-arrow{display:none}
@media(max-width:360px){.toolbar-inner,main{padding-left:10px;padding-right:6px}.category-tab{font-size:12px;gap:3px}.category-tab .emoji{width:15px;height:15px}.search-form input::placeholder{font-size:12px}.site-status{font-size:12px}.card-open h3{font-size:12px}.claim-dialog{padding-inline:16px}.access-form button{flex-basis:70px}}
@media(max-height:500px){.overlay{align-items:center;padding:12px 13px}.claim-dialog{max-height:calc(var(--visual-height,100dvh) - 24px)}.general-gate{padding-top:45px;padding-bottom:21px}.with-resource{padding-top:36px;padding-bottom:25px}.with-resource .resource-summary{min-height:78px}.with-resource .summary-cover{height:56px;flex-basis:56px}.dialog-footnote{margin-top:26px}}
@media(min-width:650px){.toolbar-inner,main{padding-inline:15px}.category-tabs{margin-inline:0}.category-tab{height:34px}.notice-track>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.notice-toggle{display:none}}
/* Pass 2: matched baseline and modal action positions in the normalized frame. */
.category-tabs{margin-top:4px}.section-heading{height:34px}.section-heading h2{font-weight:500}.resource-grid{row-gap:10.5px}
.claim-dialog{padding-top:46px}.claim-title{font-weight:500;line-height:25px}.general-gate .claim-title{margin-bottom:12px}
.access-form input:focus{border-color:#ff9700;box-shadow:0 0 0 3px #ffd89960}
.card-open h3>.emoji{object-fit:contain}.site-status>.emoji{width:25px;height:21px;object-fit:fill}
@media(max-height:500px){.general-gate{padding-top:46px}}
:root{font-family:Arial,"Noto Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
.card-open h3{font-size:13px}.claim-title{font-weight:500}.section-heading h2{font-weight:500}
/* Category gallery. */
.category-card .cover{background:#2a2a37;box-shadow:0 0 0 1px #ffffff0b}
.category-card .cover-photo{object-position:50% 42%}
.category-card .cover-tag{font-size:11px;line-height:18px;padding:0 8px;left:0;top:0;border-radius:0 0 7px 0;background:linear-gradient(100deg,#ff5e88,#ffad57);color:#fff}
.category-card .cover-open{width:28px;height:28px;border:1px solid #ffffff70;background:#14141a70;box-shadow:0 1px 5px #0003}
.category-card .cover-open .icon{width:14px;height:14px}
.category-card h3{font-size:13px;line-height:21px;margin-top:5px;min-height:21px}
.category-card h3>span{min-width:0}
.layout-comics .category-card h3{font-size:12px;line-height:18px;min-height:36px;margin-top:5px;align-items:flex-start}
.layout-comics .cover{aspect-ratio:134/147}
.layout-comics .cover-photo{object-position:50% 20%}
.layout-resources .category-card{padding:5px 5px 7px;border-radius:10px;background:#262632}
.layout-resources .category-card .cover{border-radius:8px;box-shadow:none}
.tool-cover .cover-photo{object-fit:contain;padding:12%;object-position:center}
.tool-cover:after{display:none}
.layout-resources .category-card h3{font-size:11px;line-height:17px;min-height:17px;justify-content:center;margin-top:5px}
.layout-resources .category-card .layout-cta{font-size:10px;line-height:21px;margin-top:4px}
.layout-games .category-card{background:#262632;border-radius:11px;padding-bottom:6px}
.layout-games .category-card h3{font-size:12px;line-height:18px;min-height:18px;margin:4px 5px 0}
.layout-games .category-card h3>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.layout-games .category-card .layout-cta{line-height:22px;margin:3px 6px 0}
.layout-games .cover{aspect-ratio:134/126}
.layout-games .cover-photo{object-position:50% 34%}
.category-card .card-open:active{opacity:.85}
/* Reference labels and play controls; online figures remain visibly marked demo. */
.site-status{position:relative}.site-status strong{font-variant-numeric:tabular-nums}.site-status [data-demo-online]{min-width:50px;text-align:center}.status-demo{position:absolute;right:10px;font-size:10px;color:#b9b1c1;letter-spacing:0}
.category-card .cover-open{width:40px;height:40px;background:#17171b55;border:1px solid #ffffff45;box-shadow:none}.category-card .cover-open .icon{width:18px;height:18px;transform:translateX(1px)}
/* The recorded thumbnails already contain their badges, play controls and text. */
.video-crop-card .cover-photo{object-fit:fill;object-position:center;padding:0;filter:none!important;transform:none!important}
.video-crop-card .cover:after{display:none}
.popular-card h3{min-height:23px;margin-top:3px}
.popular-card h3 .emoji{display:inline-block;vertical-align:-2px;margin-right:1px}
.anime-tabs{display:flex;justify-content:center;gap:16px;padding:7px 30px 10px;border-bottom:1px solid #ffffff0b;margin-inline:-12px -6px}
.anime-tabs button{flex:1;max-width:140px;border:0;border-radius:20px 9px 9px 20px;background:#555473;color:#fff;font:inherit;font-size:16px;line-height:40px;white-space:nowrap}
.anime-tabs button:last-child{border-radius:9px 20px 20px 9px}
.anime-tabs button.active{background:linear-gradient(100deg,#ff9700,#ffb200);box-shadow:0 0 16px #ff990080}
.layout-anime .category-card h3{line-height:18px;min-height:36px;margin-top:5px}
.layout-anime .category-card h3>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.layout-comics .category-card h3{min-height:0;font-size:13px;line-height:18px;margin-top:5px}
.layout-resources .category-card h3>span{white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}
.layout-resources{row-gap:14px}
.layout-resources .category-card h3{font-size:13px;line-height:18px;min-height:18px}
.layout-resources .category-card .layout-cta{font-size:11px}
.layout-games .category-card h3{font-size:13px}
.layout-games .category-card .layout-cta{font-size:11px}
.reference-pagination{gap:8px;flex-wrap:nowrap;padding-top:18px;padding-bottom:22px}
.reference-pagination button,.reference-pagination>span{width:32px;min-width:32px;height:32px;border-radius:50%;background:#2a2a3a;color:#c9c5d1;font-size:15px;padding:0}
.reference-pagination button.active{background:#ffa600;color:#fff}
.reference-pagination button:last-child{width:59px;border-radius:22px}
.reference-pagination>span{display:grid;place-items:center;font-size:15px}
.layout-resources .video-crop-card{padding:0 0 7px}
.layout-resources .video-crop-card .cover{aspect-ratio:98/90}
.layout-resources .video-crop-card .layout-cta{margin-left:9px;margin-right:9px}
@media(max-width:360px){.layout-resources{gap:10px 6px}.layout-resources .category-card{padding-inline:3px}.layout-comics .category-card h3,.layout-games .category-card h3{font-size:11px}.layout-resources .category-card h3{font-size:10px}}
/* Source-frame proportions and clipped source titles, without guessed suffixes. */
.video-crop-card .cover{aspect-ratio:275/194}
.layout-comics .video-crop-card .cover{aspect-ratio:178/194}
.layout-games .video-crop-card .cover{aspect-ratio:178/166}
.layout-resources .video-crop-card .cover{aspect-ratio:129/119}
.reference-wide{grid-column:1/-1}
.reference-wide .cover{aspect-ratio:565/194}
.category-card h3.reference-caption{display:block;min-height:0;margin:0;line-height:0;padding:0}
.reference-caption img{display:block;width:100%;height:auto}
.layout-resources .category-card:has(.reference-caption) .layout-cta{margin-top:0}
.layout-games .category-card:has(.reference-caption) .layout-cta{margin-top:0}
.layout-resources{column-gap:10px}
.layout-resources .video-crop-card .layout-cta{box-shadow:0 0 6px #ffad0a45}
.layout-games .video-crop-card .layout-cta{box-shadow:0 0 7px #00c7b142}