.brand-mark{border:0}
.brand-mark img{display:block;width:100%;height:100%}
.hero{min-height:355px;margin-top:24px}
.hero-copy{padding:42px 0 36px 42px;align-self:center}
.hero h1{font:800 48px/1.15 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-2px;margin:0}
.hero h1 span{display:inline;margin-left:12px}
.hero-description{margin-top:15px;font-size:14px}
.hero-numbers{margin-top:28px}
.featured-card{width:200px}
.draw-actions{grid-template-columns:1fr 1.8fr}
.panel-heading h2{font-family:inherit;font-size:21px;font-weight:700;margin-top:0}
.draw-options{flex-wrap:wrap;font-size:11px;gap:10px}
.draw-options .text-button{padding:8px 0}
.draw-options #reset-pool{margin-left:auto}
.draw-options button:disabled{opacity:.4}
.passport{display:block}
.passport-header{margin-bottom:20px}
.passport-stats{margin-top:0}
.save-status:empty,.summon-stage p:empty{display:none}
.page-heading h1{font-family:inherit;font-weight:750}
.page-heading{padding-bottom:25px}
.pack-selector{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0 24px}
.pack-option{position:relative;display:flex;align-items:center;gap:12px;text-align:left;min-height:75px;padding:14px;background:#f5f6f1;border:1px solid #d9ded7;color:#344a52;border-radius:5px}
.pack-option:not(:disabled):hover{background:#eef2ef;border-color:#8eaaaa}
.pack-option.selected{border-color:#164d78;box-shadow:inset 0 0 0 1px #164d78;background:#edf5fa}
.pack-mark{display:grid;place-items:center;width:35px;height:40px;flex-shrink:0;font:750 22px Georgia,serif;color:#3e707e}
.pack-option-copy{display:grid;gap:6px;min-width:0}
.pack-option strong{font-size:13px;font-weight:650}
.pack-option small{font-size:9px;line-height:1.5;color:#75888b}
.pack-check{margin-left:auto;font-size:16px;flex-shrink:0;color:#869e9f}
.pack-world{grid-column:1/-1;min-height:112px;border:1px solid #284b8c;background:radial-gradient(ellipse at 80% 0,#4276ae77,transparent 65%),linear-gradient(120deg,#061633,#103775);color:#fff;padding:22px}
.pack-world:not(:disabled):hover,.pack-world.selected{background:radial-gradient(ellipse at 80% 0,#568ac48c,transparent 65%),linear-gradient(120deg,#071e45,#164784);border-color:#d6bb65;box-shadow:inset 0 0 0 1px #d6bb6555}
.pack-world strong{font-size:25px;letter-spacing:2px}
.pack-world small{font-size:11px;color:#a5c1dd}
.pack-world .pack-mark{font-size:48px;width:58px;height:58px;color:#f2d383}
.pack-world .pack-check{font-size:25px;color:#f2d383}
.selected-pack-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.selected-pack-heading h3{font-size:16px;margin:0}
.selected-pack-heading>span{font-size:10px;color:#84918d}
.rule-sources{padding:24px 0;color:#77807c;font-size:12px;line-height:1.9}
.rule-sources a{display:inline-block;border-bottom:1px solid #b7c4bd;margin:0 22px 8px 0}
.rule-sources p{margin:0 0 15px}
.reset-dialog{width:min(460px,calc(100vw - 32px));padding:30px;border:1px solid #d4dbd5;border-radius:8px;color:var(--ink);background:var(--paper);box-shadow:0 20px 90px #06152555}
.reset-dialog::backdrop{background:#071321aa;backdrop-filter:blur(5px)}
.reset-dialog h2{font-size:23px;margin:0 0 14px}
.reset-dialog p{font-size:13px;line-height:1.9;color:#72827d;margin:0}
.reset-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:25px}
.reset-actions button{min-height:42px;padding:9px 17px;border-radius:4px;font-size:12px}
.reset-actions #reset-export{margin-right:auto}
.reset-confirm{background:#973c3c;border:1px solid #973c3c;color:#fff}
.photo-credit{font-size:10px;line-height:1.7;color:#7c8b91;overflow-wrap:anywhere;margin-top:13px}
.photo-card .card-art,.featured-card .photo-card .card-art,.result-grid .photo-card .card-art,.browse-grid .photo-card .card-art,.detail-card .photo-card .card-art,.walkout-card .photo-card .card-art{inset:0;z-index:-1}
.campus-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.1);opacity:.95}
.photo-card:after{background:linear-gradient(180deg,#02091799 0%,#02091711 30%,#02091700 43%,#020917cc 70%,#020917fa 100%),linear-gradient(125deg,transparent 24%,color-mix(in srgb,var(--tier) 65%,transparent) 24.5%,#fff8 25%,transparent 26%,transparent 82%,var(--tier) 82.4%,transparent 83%);z-index:0}
.photo-card .orbit{opacity:.38;mix-blend-mode:screen;top:17%;z-index:2}
.photo-card .campus-illustration{opacity:0}
.photo-card .school-seal{top:30%;right:8%;opacity:.85;border-radius:2px}
.card-score,.featured-card .card-score{font-size:38px;letter-spacing:-2.6px;font-variant-numeric:tabular-nums}
.result-grid .compact .card-score{font-size:22px;letter-spacing:-1.6px}
.browse-grid .card-score{font-size:29px;letter-spacing:-2px}
.uni-card.tier-UR:before,.uni-card.tier-SSR:before{box-shadow:inset 0 0 12px color-mix(in srgb,var(--tier) 40%,transparent)}
.reveal-card{animation:card-flip-in .75s cubic-bezier(.2,.65,.2,1) both}
@keyframes card-flip-in{from{opacity:0;transform:perspective(850px) rotateY(80deg) translateY(30px) scale(.88);filter:brightness(2)}to{opacity:1;transform:perspective(850px) rotateY(0) translateY(0) scale(1);filter:brightness(1)}}
.pack-overlay{background:#01040c;perspective:1500px}
.pack-overlay .stadium-grid{animation:floor-rush 1.2s linear infinite;opacity:.7}
.pack-overlay .stadium-bowl{border-color:var(--tier);box-shadow:0 -5px 80px color-mix(in srgb,var(--tier) 25%,transparent)}
.pack-scene-photo{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;opacity:0;filter:blur(8px) brightness(.3) saturate(.75);transform:scale(1.15);transition:opacity 1.2s,transform 4s}
#pack-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.portal-rings{position:absolute;left:50%;top:48%;width:min(65vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.7;transition:opacity .7s,transform 1.2s;z-index:1}
.portal-rings i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);border-top:3px solid var(--tier);border-bottom:3px solid var(--tier);border-radius:50%;filter:drop-shadow(0 0 8px var(--tier));animation:portal-spin 5s linear infinite}
.portal-rings i:nth-child(2){inset:12%;border-style:dashed;animation-duration:8s;animation-direction:reverse;transform:rotateX(55deg)}
.portal-rings i:nth-child(3){inset:25%;animation-duration:3s;border-left-color:#fff8}
.pack-orb{background:radial-gradient(circle at 35% 25%,#fff,var(--tier) 20%,#081127 65%);border-color:var(--tier);box-shadow:0 0 15px var(--tier),0 0 90px color-mix(in srgb,var(--tier) 40%,transparent);animation:core-charge .9s ease-in-out infinite alternate;top:48%}
.pack-orb:after{content:"";position:absolute;inset:-15px;border:1px solid var(--tier);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--tier) 35%,transparent);animation:portal-spin 3s linear infinite}
.walkout-copy{top:16%;z-index:5}
.walkout-copy>p{letter-spacing:9px}
.walkout-copy>strong{font-family:inherit;font-style:italic;letter-spacing:4px}
.walkout-card{width:min(30vw,275px);top:51%;transform:translate(-50%,-42%) rotateY(105deg) rotateZ(-10deg) scale(.2);transition:transform 1.1s cubic-bezier(.15,.8,.2,1),opacity .5s;filter:drop-shadow(0 0 45px color-mix(in srgb,var(--tier) 50%,transparent))}
.walkout-card .card-score{font-size:46px;letter-spacing:-3px}
.walkout-card .card-body h3{font-size:24px}
.walkout-rating{position:absolute;left:calc(50% + 180px);top:42%;display:grid;gap:10px;z-index:5;opacity:0;transform:translateX(30px);transition:opacity .8s,transform .8s}
.walkout-rating strong{font:900 italic 65px/1 Georgia,serif;letter-spacing:-4px;color:#fff;text-shadow:0 0 25px var(--tier)}
.walkout-rating>span{font-size:20px;letter-spacing:3px;color:var(--tier)}
.phase-three .portal-rings{transform:translate(-50%,-50%) rotate(60deg) scale(.8)}
.phase-four .portal-rings,.phase-five .portal-rings{transform:translate(-50%,-50%) rotate(120deg) scale(1.4);opacity:.25}
.phase-four .pack-scene-photo,.phase-five .pack-scene-photo{opacity:.8;transform:scale(1)}
.phase-four .pack-orb,.phase-five .pack-orb{opacity:0;transform:translate(-50%,-50%) scale(8)}
.phase-four .walkout-copy,.phase-five .walkout-copy{transform:translateY(-6vh)}
.phase-four .walkout-card,.phase-five .walkout-card{opacity:1;transform:translate(-50%,-42%) rotateY(0) rotateZ(0) scale(1)}
.phase-five .walkout-copy>p{opacity:1;font-size:12px;letter-spacing:7px;transform:none}
.phase-five .walkout-copy>strong{opacity:1;font-size:22px;margin:8px 0;transform:none}
.phase-five .walkout-copy>h2{opacity:0}
.phase-five .walkout-rating{opacity:1;transform:none}
.phase-five .spotlight{opacity:.65}
.phase-five .stadium-sky{filter:saturate(1.5)}
.phase-five .walkout-card .uni-card:before{animation:foil-pass 1.4s ease-in-out both}
.premium-reveal.phase-four .walkout-card{animation:rare-impact 1.1s cubic-bezier(.14,.7,.3,1) both}
.premium-reveal.phase-three .stadium-sky{filter:brightness(.4)}
.premium-reveal.phase-four .flash{animation:stadium-flash .8s both}
.skip-pack{backdrop-filter:blur(8px);border-color:#a0bbd44d;min-height:44px;z-index:10}
@keyframes portal-spin{to{rotate:360deg}}
@keyframes core-charge{to{filter:brightness(1.4);scale:1.07;box-shadow:0 0 45px var(--tier),0 0 130px color-mix(in srgb,var(--tier) 45%,transparent)}}
@keyframes floor-rush{to{background-position:0 0,0 62px}}
@keyframes foil-pass{from{background:linear-gradient(120deg,transparent 10%,#fff6 20%,transparent 30%);background-position:-300px 0}to{background:linear-gradient(120deg,transparent 10%,#fff0 20%,transparent 30%);background-position:300px 0}}
@keyframes rare-impact{0%{opacity:0;transform:translate(-50%,-42%) rotateY(85deg) rotateZ(-8deg) scale(1.8);filter:brightness(2)}65%{opacity:1;transform:translate(-50%,-42%) rotateY(-8deg) rotateZ(1deg) scale(.97);filter:brightness(1.3)}100%{opacity:1;transform:translate(-50%,-42%) rotateY(0) rotateZ(0) scale(1);filter:brightness(1)}}
@media(max-width:900px){.hero{min-height:325px}.featured-card{width:180px}.hero h1{font-size:42px}.hero-copy{padding-left:30px}.hero-numbers>div{padding:0 18px}}
@media(max-width:600px){
 .hero{grid-template-columns:1fr 145px;min-height:235px;margin:18px 0}
 .hero-copy{padding:24px 0 24px 18px}.hero h1{font-size:30px;letter-spacing:-1px}.hero h1 span{margin-left:5px}.hero-description{font-size:10px;margin-top:12px}
 .hero-numbers{gap:10px;margin-top:19px;flex-wrap:wrap}.hero-numbers>div{padding:0;border:0;gap:5px}.hero-numbers strong{font-size:19px}.hero-numbers span{font-size:7px}
 .hero-visual{height:auto;margin:0;align-items:center}.featured-card{width:120px;transform:rotate(8deg)}.featured-card .card-score{font-size:25px}.featured-card .card-body h3{font-size:12px;min-height:15px}.featured-card .card-country{font-size:5px}.featured-card .card-ranking{font-size:5px}.featured-card .card-rarity{font-size:6px}.featured-card .card-bottom{font-size:4px}.featured-card .card-stars{font-size:7px}.globe-grid{width:220px;height:220px;top:auto}
 .draw-actions{grid-template-columns:1fr 1.7fr;gap:9px}.draw-actions button{padding:16px}.draw-actions button>span{font-size:17px}.draw-actions button>small{font-size:10px}.draw-options{font-size:10px;gap:7px}
 .pack-selector{gap:7px;margin:15px 0 20px}.pack-option{gap:6px;padding:11px 9px;min-height:79px}.pack-option strong{font-size:11px;line-height:1.4}.pack-option small{font-size:8px}.pack-mark{width:23px;font-size:17px}.pack-check{font-size:12px}.pack-world{min-height:96px;padding:18px;gap:15px}.pack-world strong{font-size:22px}.pack-world small{font-size:10px}.pack-world .pack-mark{width:42px;font-size:40px}.pack-world .pack-check{font-size:23px}
 .selected-pack-heading>span{font-size:9px}.selected-pack-heading h3{font-size:14px}.passport{display:block}.passport-stats{padding:16px 0}.passport-header{margin-bottom:16px}.passport-stats span{font-size:9px}
 .card-score,.result-grid .compact .card-score{font-size:28px;letter-spacing:-2px}.browse-grid .card-score{font-size:29px}.detail-card .card-score{font-size:29px}.result-grid .compact .card-body h3{font-size:14px}
 .walkout-card{width:min(61vw,260px);top:49%}.walkout-card .card-score{font-size:44px}.walkout-card .card-body h3{font-size:23px}.walkout-rating{left:50%;top:auto;bottom:12%;width:100%;text-align:center;gap:5px;transform:translate(-50%,15px)}.phase-five .walkout-rating{transform:translate(-50%,0)}.walkout-rating strong{font-size:38px;letter-spacing:-2px}.walkout-rating>span{font-size:14px}
 .walkout-copy{top:13%}.phase-four .walkout-copy,.phase-five .walkout-copy{transform:translateY(-3vh)}.phase-five .walkout-copy>strong{font-size:19px}.phase-four .walkout-card,.phase-five .walkout-card{transform:translate(-50%,-42%) rotateY(0) rotateZ(0) scale(1)}.portal-rings{width:95vw}.skip-pack{right:16px;bottom:18px}
 .rule-sources{font-size:11px}.reset-dialog{padding:25px 21px}.reset-actions{gap:7px}.reset-actions button{padding:9px 12px}
}
@media(max-height:650px){.walkout-card{width:min(29vw,31vh);top:49%}.walkout-copy{top:10%}.walkout-rating{bottom:8%;top:auto}.phase-four .walkout-copy,.phase-five .walkout-copy{transform:translateY(-3vh)}}
@media(prefers-reduced-motion:reduce){.pack-overlay *,.reveal-card{animation:none!important;transition:none!important}}