body[data-view=portada]{background:radial-gradient(ellipse at 18% 8%,#17394f88,transparent 50%),radial-gradient(ellipse at 90% 40%,#4c2b4d44,transparent 46%),#08121c}
body[data-view=portada]>.topbar nav,body[data-view=portada]>.topbar .engine-badge{display:none}
.start-screen{max-width:1320px;margin:0 auto;padding:44px 36px 40px}.start-screen-intro{max-width:780px;margin:0 0 30px}.start-screen-intro .eyebrow{font-size:10px;letter-spacing:3px;color:#b4cce0}.start-screen-intro h1{font:700 clamp(42px,5vw,76px)/.98 Condensed,Impact,sans-serif;letter-spacing:-1px;margin:15px 0 20px;color:#f2f5f1}.start-screen-intro h1 em{font-style:normal;color:#a9c6d6}.start-screen-intro p{font-size:14px;line-height:1.8;color:#91adbf;max-width:590px}.start-screen-note{font-size:11px;line-height:1.8;color:#7895a9;margin:22px 0}
.start-screen .universe-selector{background:none;border:0;padding:0;margin:0}.start-screen .universe-selector>header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.start-screen .universe-selector>header .eyebrow{display:none}.start-screen .universe-selector h2{font:500 13px Command,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#8aa7bc;margin:0}
.start-screen .universe-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.start-screen .universe-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:335px;padding:22px 18px;overflow:hidden;border:1px solid #83afc14d;border-radius:10px;background:linear-gradient(145deg,#21465d,#0b1a29 70%);box-shadow:0 16px 35px #0005;transition:transform .2s,border-color .2s}
.start-screen .universe-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06101a 4%,#081522ee 28%,#0c1b2866 70%,#08111b11)}.start-screen .universe-card:hover,.start-screen .universe-card:focus-visible{transform:translateY(-5px);border-color:#a3d5f6;outline:0}.start-screen .universe-card[aria-pressed=true]{border-color:#729fb8;background:#183445}
.start-screen .universe-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.85;overflow:hidden}.start-screen .universe-art>.card-art{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.1);border-radius:0;filter:saturate(.85)}.start-screen .universe-copy{gap:10px}.start-screen .universe-copy>strong{font-size:31px;line-height:1.04;color:#eff6f8;max-width:210px;text-shadow:0 3px 10px #000}.start-screen .universe-copy>small{font-size:10px;color:#b0cadb;line-height:1.6}.start-screen .universe-copy .origin-badge{font-size:8px;background:#142a39dc}.start-screen .universe-origin{font-size:9px;color:#d7e2ea}.start-screen .universe-other{margin-top:25px;border-top:1px solid #7396af33;padding-top:10px}.start-screen .universe-other>.universe-options{grid-template-columns:repeat(4,minmax(0,1fr))}.start-screen .universe-other .universe-card{min-height:160px}.start-screen .universe-other .universe-copy>strong{font-size:24px}
.game-back-link{display:inline-flex;align-items:center;margin:22px 0 5px;color:#9fc5de;text-decoration:none;font-size:11px;letter-spacing:.4px}.game-back-link:hover{color:#e1f3ff}
.hp-home{padding-top:8px}.hp-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px 0 48px}.hp-intro .eyebrow{color:#c4ae71}.hp-intro h1{font:600 clamp(42px,5vw,72px)/1 Condensed,Impact,sans-serif;margin:12px 0 20px;color:#f1e6c6}.hp-intro h1 em{font-style:normal;color:#b8a377}.hp-intro p{color:#a9b5bd;font-size:13px;line-height:1.8;max-width:470px}.hp-intro .collection-status{display:inline-flex;margin:5px 0 10px;border-color:#a7905677;color:#d8c493}.hp-intro .primary{display:inline-flex;margin-top:12px;background:#b5a16c;color:#14202a;text-decoration:none;min-height:42px;align-items:center;padding:12px 18px;font-size:11px}
.hp-back-pair{display:flex;justify-content:center;align-items:center;gap:20px;perspective:900px}.hp-back-tile{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:210px;padding:0;border:0;background:none;color:#c1b28f;font-size:11px;text-transform:none}.hp-back-tile:first-child{transform:rotate(-5deg) translateY(-5px)}.hp-back-tile:last-child{transform:rotate(5deg) translateY(5px)}.hp-back-tile img{width:100%;height:auto;aspect-ratio:5/7;border-radius:8px;box-shadow:0 18px 38px #000a}.hp-back-tile:hover img{filter:brightness(1.14)}.hp-back-tile:focus-visible{outline:2px solid #c8b47e;outline-offset:8px;border-radius:7px}
.hp-sources{scroll-margin-top:20px;margin-bottom:28px}.hp-sources h2{font-size:28px}.hp-sources .source-gallery{margin:15px 0}.hp-sources .source-gallery-grid{max-height:none}.hp-sources .source-gallery-file{content-visibility:auto;contain-intrinsic-size:auto 250px}
#dialog.hogwarts-back-dialog{width:min(650px,calc(100vw - 24px))}.hogwarts-back-preview{display:flex;flex-direction:column;align-items:center;gap:15px}.hogwarts-back-preview h2{margin:0;font-size:27px}.hogwarts-back-preview>img{max-height:calc(100dvh - 230px);width:auto;max-width:100%;border-radius:7px;object-fit:contain}.hogwarts-back-preview>a{padding:12px 18px;font-size:11px;text-decoration:none}
@media(max-width:1000px){.start-screen .universe-options{grid-template-columns:repeat(2,minmax(0,1fr))}.start-screen .universe-card{min-height:290px}.start-screen .universe-other>.universe-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.start-screen{padding:28px 18px}.start-screen-intro{margin-bottom:24px}.start-screen-intro h1{font-size:47px;letter-spacing:-.5px}.start-screen-intro p{font-size:12px}.start-screen .universe-options{gap:12px}.start-screen .universe-card{min-height:250px;padding:16px 12px;border-radius:8px}.start-screen .universe-copy>strong{font-size:25px}.start-screen .universe-copy>small{font-size:9px}.start-screen .universe-other>.universe-options{grid-template-columns:repeat(2,minmax(0,1fr))}.start-screen .universe-other .universe-copy>strong{font-size:21px}.hp-intro{grid-template-columns:1fr;gap:30px;padding:28px 0}.hp-intro h1{font-size:51px}.hp-back-pair{gap:16px;padding:0 15px}.hp-back-tile{max-width:175px}.hp-sources h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.start-screen .universe-card{transition:none}.start-screen .universe-card:hover{transform:none}}