/* AYE & LELUNE's engraved identity and small in-deck cinema. */
.brand-premiere{gap:16px;flex-shrink:0;padding:9px 0}
.brand-crest{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 2px 5px #0005)}
.brand-lockup{display:flex;flex-direction:column;align-items:center;color:var(--cream)}
.brand-wordmark{font:600 32px/1.1 Georgia,'Times New Roman',serif;white-space:nowrap}
.brand-wordmark i{font-weight:400;color:var(--gold);padding:0 4px}
.brand-flourish{display:flex;gap:9px;align-items:center;justify-content:center;width:100%;color:var(--gold);font-size:8px;line-height:1;margin:8px 0 6px}
.brand-flourish>span{height:1px;width:28%;background:linear-gradient(90deg,transparent,#c4a56c99)}
.brand-flourish>span:last-child{transform:rotate(180deg)}
.brand-lockup small{font:10px/1.6 var(--sans);color:var(--gold);letter-spacing:1px}
.site-header:has(.brand-premiere){min-height:122px;gap:26px}
.brand-premiere:hover .brand-wordmark{color:var(--gold-light)}
.deck-screen{height:265px;display:grid;place-items:center;position:relative;margin:2px -13px 0}
.deck-screen .turntable-stage{width:100%;height:100%;margin:0}
.deck-video-frame{width:100%;height:100%;min-width:0;min-height:0;position:relative;display:block;background:#07120d;border:1px solid #c3a66866;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 5px #010805,0 8px 18px #0005}
#deck-video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#07120d}
.deck-preview-bar{margin-top:12px;text-align:center}
.preview-toggle{width:100%;min-height:44px;border:1px solid #c4a56c77;border-radius:3px;background:linear-gradient(125deg,#b1934e22,#d5b66f0c);color:var(--gold-light);display:flex;align-items:center;justify-content:center;gap:13px;padding:10px 14px;font-size:12px;transition:background .2s,border-color .2s}
.preview-toggle:hover{border-color:var(--gold);background:#b1934e30}
.preview-symbol{font-size:18px;line-height:1}
.preview-toggle[aria-expanded=true] .preview-symbol{font-size:0}
.preview-toggle[aria-expanded=true] .preview-symbol::before{content:'◉';font-size:16px}
#deck-preview-status{font-size:9px;line-height:1.6;color:var(--muted);min-height:15px;margin-top:5px}
.deck-preview-bar:has(.preview-toggle[hidden]){display:none}
.world-deck .deck-hint{margin-top:8px}
.featured-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.portal-card{display:flex;align-items:center;gap:16px;border:1px solid #83724965;border-radius:4px;padding:23px 18px;background:linear-gradient(120deg,#e2ddc9,#f3edda);box-shadow:inset 0 0 0 5px #f9f4e42e;position:relative;transition:box-shadow .2s,border-color .2s}
.portal-card::before,.portal-card::after{content:'✦';position:absolute;color:#9d8449;font-size:9px;left:9px;top:7px}
.portal-card::after{left:auto;top:auto;right:9px;bottom:7px}
.portal-card:hover{border-color:#94783a;box-shadow:inset 0 0 0 5px #faf4dc55,0 8px 20px #273b1d15}
.portal-card>div:last-child{min-width:0}
.portal-card h3{font:23px/1.4 var(--serif);color:#283c2c;margin:6px 0}
.portal-card p{font-size:12px;line-height:1.85;color:#68715b;max-width:330px}
.portal-badge{font-size:9px;color:#8b7138}
.portal-emblem{width:80px;height:94px;display:grid;place-items:center;flex:none;border:1px solid #9d844955;border-radius:40px 40px 3px 3px;background:#f5edd4;color:#8b7138}
.portal-emblem svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.itch-portal{background:linear-gradient(120deg,#e9dfd4,#f5ecdf)}
.itch-emblem{color:#985f50;background:#f3e4d6;border-color:#a7765c55;display:flex;flex-direction:column;justify-content:center}
.itch-emblem>span{font:bold 23px/1.2 Georgia,serif}
.itch-emblem>span>span{font-size:13px}
.itch-emblem i{font-style:normal;font-size:15px;margin-top:5px;color:#a08b53}
.premiere-footer-brand{font-size:24px;white-space:nowrap}
.premiere-footer-brand i{color:var(--gold);font-weight:normal}
@media(min-width:1400px){.deck-screen{height:270px}}
@media(max-width:1100px){.brand-wordmark{font-size:27px}.brand-crest{width:64px;height:64px}.brand-premiere{gap:11px}.site-header:has(.brand-premiere){gap:20px}.brand-lockup small{font-size:8px}.site-header .language-control{padding-left:16px}.deck-screen{height:245px}.portal-card{gap:17px;padding:22px 20px}.portal-emblem{width:65px;height:82px}.portal-emblem svg{width:54px}.portal-card h3{font-size:21px}}
@media(min-width:801px) and (max-width:1100px){.featured-portals{grid-template-columns:1fr 1fr}.youtube-portal{grid-column:1/-1}}
@media(max-width:800px){.site-header:has(.brand-premiere){padding-top:10px;padding-bottom:8px;gap:8px 15px}.brand-wordmark{font-size:28px}.brand-crest{width:64px;height:64px}.brand-lockup small{font-size:9px}.brand-flourish{margin:6px 0 4px}.deck-screen{height:255px}.featured-portals{grid-template-columns:1fr;gap:15px;margin-top:27px}.portal-card{gap:24px;padding:22px 25px}.portal-card p{max-width:none}.portal-emblem{width:75px;height:85px}}
@media(max-width:520px){.site-header:has(.brand-premiere){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;min-height:108px}.site-header .brand-premiere{margin:0;gap:7px;min-width:0;justify-content:flex-start}.brand-crest{width:43px;height:54px;flex:none}.brand-wordmark{font-size:21px}.brand-wordmark i{padding:0 1px}.brand-lockup small{font-size:7px;letter-spacing:0}.brand-flourish{font-size:6px;gap:5px;margin:5px 0 4px}.site-header nav{grid-column:1/-1;order:3}.site-header .language-control{border-left:0;padding-left:0;gap:3px;max-width:100px;justify-self:end}.language-control select{font-size:10px;padding-right:16px;max-width:87px}.language-control>span{font-size:11px}.deck-screen{height:225px;margin-inline:-12px}.preview-toggle{font-size:11px;padding:9px;gap:10px}#deck-preview-status{font-size:8px}.portal-card{padding:20px 17px;gap:15px}.portal-emblem{width:59px;height:76px}.portal-emblem svg{width:50px}.portal-card h3{font-size:20px}.portal-card p{font-size:11px}.portal-badge{font-size:8px}.premiere-footer-brand{font-size:24px}}
@media(max-width:380px){.brand-wordmark{font-size:18px}.brand-crest{width:37px;height:48px}.brand-premiere{gap:5px}.brand-lockup small{font-size:6.5px}.site-header .language-control{max-width:91px}}
@media(prefers-reduced-motion:reduce){.preview-toggle,.portal-card{transition:none}}
