/* The World Online — three-screen MVP. Rewards remain in game.js. */
:root{--paper:#f3f6f8;--panel:#fff;--ink:#203d51;--muted:#607384;--line:#d9e3e9;--green:#286979;--light:#e9f4f4;--gold:#997331}
body{background:radial-gradient(ellipse at 12% 20%,#e6f6ef 0,transparent 45%),radial-gradient(ellipse at 93% 0,#e7edfc 0,transparent 50%),#f6f8fa;min-height:100vh}
h1,h2,h3{font-family:Georgia,'Songti TC',serif}.game-header{height:82px;background:#ffffffb8;max-width:none;padding-inline:max(32px,calc((100vw - 1248px)/2));backdrop-filter:blur(14px)}.brand>span{font:700 15px/1.1 Arial,sans-serif;letter-spacing:2px}.brand small{font:600 10px/1.3 Arial,sans-serif;letter-spacing:4px;color:#607384}.brand img{width:35px;height:35px}.game-header nav a{border-radius:12px 12px 0 0}.game-header nav a[aria-current]{background:#eaf3f680}.primary{border-radius:10px;background:linear-gradient(140deg,#337e8b,#255b70);box-shadow:0 3px 0 #173f5820}.secondary{border-radius:9px}.status-row{padding-block:19px}.status-row>div>span,.status-row>div>a{background:#ffffffad;border:1px solid var(--line);border-radius:20px;padding:6px 11px;text-decoration:none}.status-row>div{gap:8px}.pocket-title{margin:12px 0 23px}.pocket-title h1{font-size:clamp(28px,3vw,42px)}.daily-gift{display:flex;align-items:center;gap:16px;background:#ffffffbd;border:1px solid #cce4e4;border-radius:16px;padding:16px 22px;margin-bottom:24px;box-shadow:0 5px 20px #4a738208}.daily-icon{width:42px;height:42px;border-radius:12px;background:#e7f4ef;display:grid;place-items:center;font-size:29px;color:#477c68}.daily-gift strong{font-size:14px}.daily-gift p{font-size:11px;color:var(--muted);margin-top:5px}.daily-gift button{margin-left:auto;flex-shrink:0}.pocket-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.85fr);gap:26px;align-items:start}.pack-panel{background:radial-gradient(ellipse at 50% 45%,#fff 0,#eff5f8 55%,#fff 90%);border:1px solid #d3e0e7;border-radius:22px;padding:28px 36px 24px;box-shadow:0 16px 40px #37566809}.pack-heading p{font-size:12px;color:var(--muted);margin-top:8px}.pack-heading h2{font-size:29px}.pack-carousel{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:15px;align-items:center;min-height:340px;padding:22px 0 5px}.pack-choice{display:flex;flex-direction:column;align-items:center;min-width:0;perspective:700px}.pack-choice .pack-object.silver-pack{width:100%;height:auto;aspect-ratio:400/560;margin:5px 0 15px;max-width:210px;transform:rotate(-9deg) scale(.87);filter:saturate(.5);opacity:.78}.pack-choice:last-child .pack-object{transform:rotate(9deg) scale(.87)}.pack-choice.is-featured .pack-object{transform:rotate(-3deg);opacity:1;filter:none}.pack-choice .pack-object:hover:not(:disabled){transform:translateY(-8px) rotate(0);opacity:1}.pack-choice-name{text-align:center;font-size:10px;line-height:1.5;color:var(--muted)}.pack-choice.is-featured .pack-choice-name{color:var(--ink);font-weight:700}.pool-label{margin:20px auto 13px;width:min(100%,420px)}.open-pack-cta{width:min(100%,420px);align-self:center;font-size:15px;justify-content:space-between;padding-inline:25px}.pack-settings{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:15px;flex-wrap:wrap}.pack-settings details{max-width:100%;flex:1;text-align:right;margin:0}.pack-settings details[open]{flex-basis:100%;text-align:left}.pack-settings .motion-setting{margin:0;font-size:11px}.pocket-side{display:grid;gap:18px}.featured-discovery{border-radius:20px;background:#153d3e;padding:18px;color:#ffedb7;border:1px solid #c3aa68;box-shadow:0 9px 25px #163d3318}.feature-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10px}.feature-heading .eyebrow{color:#d6d6b9;font-size:9px;letter-spacing:1.4px}.featured-card{border:1px solid #b49d62;border-radius:12px;overflow:hidden;background:#183b3c;color:#ffedb7}.featured-card:hover{background:#244c47}.featured-card .card-image{padding:0;aspect-ratio:1.12}.featured-title{padding:13px 16px}.featured-title h2{font-size:24px}.featured-title p{font-size:10px;color:#d8d4bd;margin-top:4px}.battle-entry,.collection-entry{display:flex;align-items:center;gap:14px;padding:22px;border:1px solid #d9e3e9;border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 5px 20px #34596906}.battle-entry{background:linear-gradient(120deg,#263850,#37486a);color:#f1f7ff;border-color:#455f7e}.battle-entry-icon{font-size:29px;color:#a9d9eb}.battle-entry strong,.collection-entry strong{font-size:15px}.battle-entry small,.collection-entry small{display:block;font-size:11px;margin-top:7px;opacity:.8}.battle-entry>span:last-child,.collection-entry>span:last-child{margin-left:auto}.collection-entry>span:first-child{font-size:26px;color:#7f9fac}.first-steps{display:flex;gap:30px;justify-content:center;margin:30px 0;font-size:12px;color:var(--muted)}.recent-discoveries{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{font-size:26px}.section-heading a{font-size:12px}.card-image,.card-portrait,.cinema-front,.cinema-slot,.spec-card{position:relative}.card-rarity-corner{position:absolute;top:11px;left:11px;z-index:12;min-width:33px;min-height:27px;padding:5px 8px;display:inline-flex;gap:4px;justify-content:center;align-items:center;font:800 12px/1 Arial,sans-serif;letter-spacing:.5px;border:1px solid #bdb4a1;border-radius:6px;background:linear-gradient(145deg,#fffef4,#e8e1d1);color:#3e453f;box-shadow:0 2px 4px #0005,inset 0 0 0 2px #fff5;pointer-events:none;text-shadow:0 1px #fff7}.card-rarity-corner[data-rarity=uncommon]{background:linear-gradient(135deg,#c5ead9,#428773);color:#123c32;border-color:#2e7363}.card-rarity-corner[data-rarity=rare]{background:linear-gradient(135deg,#fcffff,#a4bfd4 45%,#e2f1fc 53%,#7e9dbb);color:#153958;border-color:#5b7f9d}.card-rarity-corner[data-rarity=super]{background:linear-gradient(145deg,#eadcff,#9063bc);color:#361c58;border-color:#6b4593}.card-rarity-corner[data-rarity=legendary]{background:linear-gradient(145deg,#fff3a9,#d9aa3e 42%,#ffeb93 51%,#bd842b);color:#50350b;border:2px ridge #e8c367;box-shadow:0 2px 5px #0008,inset 0 0 0 1px #fff0ba}.card-film-badge{position:absolute;right:11px;bottom:11px;z-index:12;padding:5px 8px;border:1px solid #e4c26c;border-radius:5px;background:#12312deb;color:#ffecb1;font:600 9px/1.2 Arial,sans-serif;pointer-events:none}.locked .card-image{opacity:1;filter:none}.locked .card-image>img{filter:saturate(.45);opacity:.7}.locked .card-image>video{filter:saturate(.45)}.discovery-badge{right:auto;max-width:calc(100% - 82px);font-size:7px;left:12px;z-index:10}.cinema-front>.card-rarity-corner{top:15px;left:15px;font-size:16px;padding:10px}.cinema-slot .card-rarity-corner{top:3px;left:3px;min-width:20px;min-height:16px;font-size:8px;padding:3px;border-radius:3px}.spec-card>.card-rarity-corner{top:15px;left:15px}.spec-card>.card-film-badge{bottom:18px;right:18px}.spec-card .spec-topline{padding-left:48px}.card-back strong{font-size:18px;letter-spacing:2px;text-align:center}.cinema-back strong{font-size:22px;letter-spacing:2px}
/* Collector's Binder: sleeve grid, paper surfaces and blue cloth accents. */
body[data-page=collection]{background:#e9edf1}body[data-page=collection] main>.page-title{background:linear-gradient(120deg,#304f6b,#456682);color:#fff3d7;padding:26px 30px;border:1px solid #253f56;border-radius:15px;box-shadow:inset 0 0 0 5px #ffffff08,0 10px 25px #203b5012}body[data-page=collection] .page-title p,body[data-page=collection] .page-title .eyebrow{color:#d1dee9}body[data-page=collection] .page-title .secondary{background:#fff5df;color:#344b5c}body[data-page=collection] #collection-results .collection-grid{padding:24px;background:linear-gradient(90deg,#d5d4c7 0,#eeecdf 2%,#f7f3e7 50%,#eeecdf 98%,#d5d4c7);border:1px solid #c7c9c0;border-radius:10px;box-shadow:inset 0 0 0 8px #ffffff60,0 8px 18px #233e5010}body[data-page=collection] .knowledge-card{border:5px solid #e1e5e560;outline:1px solid #abb6bf70;box-shadow:0 5px 9px #253a4c22;background:#fffdf7}.category-browser{background:#f7f9fb;border-color:#d5dfe6}.category-choice[aria-pressed=true]{box-shadow:inset 0 -3px #527d9b;background:#e2ecf3}.knowledge-card .card-copy{padding:11px}.knowledge-card h3{font-size:19px}.card-copy .card-classification .rarity-badge{font-size:9px}.card-copy .type-badge{font-size:9px}
/* Prism Arena: readable tactical board, clear intents, familiar actions. */
body[data-page=expedition]{--ink:#e9f3fd;--muted:#aabed1;--line:#3a5270;--panel:#1c2d45;--green:#68d7e0;background:radial-gradient(ellipse at top,#273e60,#101c30 75%);color:var(--ink)}body[data-page=expedition] .game-header{background:#17263be8}body[data-page=expedition] nav a{color:#adc1d4}body[data-page=expedition] nav a[aria-current]{background:#3a607b55;color:#94eced}body[data-page=expedition] .brand small{color:#b0c5db}body[data-page=expedition] .status-row>div>span,body[data-page=expedition] .status-row>div>a{background:#243750}body[data-page=expedition] .primary{background:linear-gradient(140deg,#8ae7e1,#6abccd);color:#142e40;border-color:#6abccd}body[data-page=expedition] .secondary{color:#e7f3ff;background:#283f5e;border-color:#4d6b89}body[data-page=expedition] .battle-board{background:linear-gradient(150deg,#132640e8,#244f6caa),url('/public/assets/expedition.png') center/cover;border:1px solid #4e7fa0;box-shadow:inset 0 0 70px #0a1a3290}.battle-controls{border-radius:15px}body[data-page=expedition] .battle-heading strong{color:#9ae8ee}body[data-page=expedition] .sentinel h2{color:#fff}body[data-page=expedition] .enemy-hp::-webkit-progress-value{background:#ee9c9c}body[data-page=expedition] .action-grid [data-move=attack]{background:linear-gradient(130deg,#d78993,#ad6582);border-color:#e7a4ae;color:#fff}body[data-page=expedition] .route-node.explored{background:#9bd9e4;border-color:#a2ebef;color:#163b52}body[data-page=expedition] .success{background:#163f42;color:#9fecd4!important}body[data-page=expedition] .feedback{background:#3e354c;color:#f2d0ce}body[data-page=expedition] .battle-log li{color:#b3c4d6}body[data-page=expedition] .battle-log li:last-child{color:#9ae5e1}body[data-page=expedition] .collection-skills{background:#1b2e47}body[data-page=expedition] .collection-skills button{background:#253c57;color:#d6e6f1}.quest-intro{border-radius:18px}.quest-art img{min-height:420px}.quest-brief{padding:30px}.battle-entry:hover{background:#314766}
/* Auric Vault only for the SSR inspection surface. */
dialog.vault-dialog{--ink:#f0e5c5;--muted:#bec9b5;--line:#6e7556;--panel:#123633;background:radial-gradient(ellipse at top left,#285246,#0d2928);border:2px ridge #c8ad61;color:var(--ink);box-shadow:0 0 0 5px #0b2925,0 0 0 6px #ac914a,0 25px 90px #0008}dialog.vault-dialog .detail-art{background:#0a2422;border-right:1px solid #897b4d}dialog.vault-dialog .card-portrait{border:6px ridge #c8ac62;border-radius:12px;box-shadow:0 0 0 3px #29483b,0 10px 35px #0005;overflow:hidden}dialog.vault-dialog .secondary{background:#24483e;color:#f3e2af;border-color:#998858}dialog.vault-dialog .detail-growth{background:#173d35;border-color:#796f47}dialog.vault-dialog .fact{color:#f1ead6}dialog.vault-dialog .locked-message{background:#24473c;color:#e5dfc6}.card-portrait .card-rarity-corner{font-size:15px;min-height:33px}footer{flex-wrap:wrap;padding-inline:20px}footer a{font-size:10px}
@media(max-width:1000px){.game-header{padding-inline:24px;gap:18px}.pocket-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.pack-panel{padding:24px}.pack-carousel{gap:5px;min-height:260px}.pack-choice .pack-object.silver-pack{max-width:175px}.featured-title h2{font-size:22px}.daily-gift{padding:15px}.collection-grid{gap:15px}.card-rarity-corner{top:9px;left:9px}}
@media(max-width:700px){.game-header{height:auto;padding:15px 18px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.game-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;height:49px;gap:4px}.game-header nav a{font-size:12px;padding:0 13px;flex:1;justify-content:center;white-space:nowrap}.game-header nav a>span{font-size:18px}.header-tools{gap:12px}.brand>span{font-size:13px}.brand small{font-size:9px}.status-row{padding-block:14px;gap:10px}.status-row .save-label{font-size:8px;letter-spacing:.5px}.status-row>div{gap:4px;font-size:10px}.status-row>div>span,.status-row>div>a{padding:5px 7px}.pocket-title{margin-top:8px}.pocket-title h1{font-size:29px;letter-spacing:-1px}.pocket-title p{font-size:12px}.daily-gift{gap:10px;flex-wrap:wrap}.daily-icon{width:32px;height:32px;font-size:23px}.daily-gift strong{font-size:12px}.daily-gift p{font-size:10px}.daily-gift button{width:100%;min-height:42px}.pocket-layout{grid-template-columns:1fr;gap:20px}.pack-panel{padding:24px 18px 18px}.pack-carousel{min-height:270px;gap:8px;grid-template-columns:1fr 1.65fr 1fr}.pack-choice .pack-object.silver-pack{margin-top:18px}.pack-choice-name{font-size:9px}.pool-label{font-size:10px;gap:8px}.pool-label select{max-width:68%;font-size:11px}.pack-heading h2{font-size:26px}.pocket-side{grid-template-columns:1fr 1fr;gap:12px}.featured-discovery{grid-row:span 2;padding:10px;border-radius:14px}.feature-heading{display:block}.feature-heading>span:last-child{display:none}.feature-heading .eyebrow{font-size:8px;letter-spacing:.6px}.featured-card .card-image{aspect-ratio:3/4}.featured-title{padding:10px}.featured-title h2{font-size:20px}.featured-title p{font-size:9px}.battle-entry,.collection-entry{padding:14px;gap:9px;flex-wrap:wrap;align-content:center}.battle-entry strong,.collection-entry strong{font-size:12px}.battle-entry small,.collection-entry small{font-size:10px;line-height:1.6}.battle-entry-icon{font-size:24px}.first-steps{gap:12px;font-size:10px;justify-content:space-between}.section-heading h2{font-size:23px}.section-heading a{font-size:10px}.card-rarity-corner{min-width:28px;min-height:24px;font-size:11px;padding:4px 6px}.card-film-badge{font-size:8px;right:9px;bottom:9px;padding:4px 5px}.knowledge-card .card-copy{padding:9px}.knowledge-card h3{font-size:18px}.knowledge-card .card-classification{gap:4px;flex-wrap:wrap}.card-copy .category-label{font-size:9px}body[data-page=collection] main>.page-title{padding:23px 20px}body[data-page=collection] #collection-results .collection-grid{padding:13px;gap:14px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid .knowledge-card{border-width:3px}.collection-grid .card-foot{flex-wrap:wrap;font-size:8px}.recent-discoveries .collection-grid .knowledge-card:last-child{display:none}.battle-board{min-height:510px}.quest-art img{min-height:250px;max-height:280px;width:100%}.quest-brief{padding:24px}.battle-controls{padding:20px}.reveal-bottom{align-items:stretch}.pack-next{flex-wrap:wrap}.pack-next>*{flex:1}.discovery-badge{max-width:calc(100% - 65px);font-size:6px;padding:4px;letter-spacing:0}.spec-card .spec-topline{padding-left:55px}footer{padding:22px 18px;gap:16px}}
@media(prefers-reduced-motion:reduce){.pack-choice .pack-object.silver-pack{transition:none}.knowledge-card{animation:none}}
/* Put the collection itself ahead of the longer reference controls. */
body[data-page=collection] .category-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;scroll-snap-type:x proximity}body[data-page=collection] .category-choice{flex:0 0 138px;min-height:64px;padding:12px;scroll-snap-align:start}body[data-page=collection] .category-choice>span{font-size:22px}body[data-page=collection] .category-choice strong{font-size:10px}body[data-page=collection] .category-browser{padding:15px 18px;margin-bottom:14px}body[data-page=collection] .category-heading{margin-bottom:8px}body[data-page=collection] main>.page-title{margin-bottom:18px;padding-block:22px}body[data-page=collection] main>.text-link{display:none}body[data-page=collection] .ssr-shelf{padding:12px 18px;margin-bottom:16px}body[data-page=collection] .album-disclosure{margin-block:10px}
.pack-carousel{overflow:hidden}.foil-seal{overflow:hidden}
body[data-page=collection] .type-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin-block:12px}body[data-page=collection] .type-filters button{flex-shrink:0;padding:9px 12px;font-size:11px;min-height:38px}body[data-page=collection] .category-choice[aria-pressed=true]{color:#fff;background:#345d78}body[data-page=collection] .ssr-shelf strong{font-size:18px}body[data-page=collection] .category-browser{margin-top:14px}
@media(max-width:700px){body[data-page=collection] .ssr-shelf p{display:none}body[data-page=collection] .ssr-shelf strong{font-size:16px}body[data-page=collection] .ssr-shelf{padding:10px 12px;gap:8px}body[data-page=collection] .ssr-shelf button{font-size:10px;padding:8px}.featured-card .card-image:has(.card-video){aspect-ratio:3/4}}
dialog.vault-dialog .close-dialog{background:#f6e8bd;color:#173b34;border:1px solid #cbb575}dialog.vault-dialog .ssr-description,dialog.vault-dialog .detail-category{color:#cad5bd}dialog.vault-dialog .source{color:#d7e7cb}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.skip:focus{background:#173e51;color:#fff}body[data-page=expedition] .secondary:hover:not(:disabled){background:#385574;color:#fff}body[data-page=expedition] .primary:hover:not(:disabled){background:#a0e9e5;color:#142e40}body[data-page=expedition] .avatar{color:#243e54}dialog.vault-dialog .secondary:hover:not(:disabled){background:#345c4c;color:#fff2c6}