.passport-promo{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center;padding-block:68px;border-bottom:1px solid #26324a}
.passport-promo h2{font-size:42px;line-height:1.08;margin-top:18px;letter-spacing:-.035em}
.passport-promo-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin-top:21px;max-width:460px;color:#a9b4cd}
.passport-promo .hero-actions{margin-top:26px;gap:10px}
.passport-feature-list{display:flex;gap:19px;margin-top:24px;flex-wrap:wrap;color:#8193b0;font-size:10px}
.passport-feature-list span:first-child{color:#a997df}
.passport-promo-preview{display:block;line-height:0;position:relative;transform:rotate(2deg);border-radius:13px;box-shadow:0 30px 55px #0008;outline:1px solid #8c77c52b;transition:transform .25s}
.passport-promo-preview:hover{transform:rotate(0deg) translateY(-4px)}
.passport-promo-preview img{width:100%;border-radius:13px;aspect-ratio:1039/744;object-fit:contain;background:#101827}
.output-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:31px;max-width:650px}
.output-option{text-align:left;background:#101827;border:1px solid #34415d;border-radius:8px;padding:17px 20px;color:#b1bed6}
.output-option strong{font-size:14px;display:block;color:#dce6fa;font-weight:600}
.output-option strong b{font-size:8px;letter-spacing:.06em;background:#66d9ed1a;color:#8ee0f1;border-radius:3px;padding:3px 5px;margin-left:7px}
.output-option>span{display:block;font-size:11px;color:#8193b0;margin-top:5px}
.output-option.selected{border-color:#9b7bff;background:#27203c;box-shadow:0 0 0 1px #9b7bff22}
.output-option.selected strong{color:#d8ccff}
.is-passport .editor-layout{grid-template-columns:.92fr 1.08fr;gap:32px}
.is-passport .decklist-only{display:none!important}
.is-passport .preview-stage{padding:26px 0 18px}
.is-passport #deck-preview{max-width:none;border-radius:10px}
.is-passport .preview-pagination{display:none}
.is-passport .preview-panel{padding:20px;top:24px}
.passport-tile{grid-column:span 2}
.passport-tile .tile-art{aspect-ratio:1.397;padding:12px}
.passport-tile .tile-art img{width:100%;height:100%;filter:drop-shadow(0 9px 10px #0004)}
.passport-detail{max-width:980px;margin:0 auto}
.passport-detail-card{border:1px solid #34415d;border-radius:15px;background:#101827;padding:23px;box-shadow:0 20px 50px #0005}
.passport-detail-preview{line-height:0;border-radius:12px;overflow:hidden}
.passport-detail-preview svg{width:100%;height:auto;display:block}
.passport-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px;justify-content:center}
.passport-detail-credit{font-size:11px;text-align:center;color:#8193b0;margin-top:18px;line-height:1.8}
.passport-detail-credit a{color:#aa96e9;text-decoration:underline;text-underline-offset:3px}
.passport-loading{position:absolute;inset:auto 8px 8px;background:#101827e8;border:1px solid #3b4c6b;border-radius:6px;font-size:10px;color:#a9b4cd;padding:7px 10px;line-height:1.5;text-align:center}
#deck-preview{position:relative}
.identity-settings{margin-top:25px;padding-top:23px;border-top:1px solid #26324a}
.identity-settings label{font-size:12px}
.identity-settings .commander-help{margin-top:10px;font-size:11px;line-height:1.7;color:#9aadd0}
#legend-picker{margin-top:18px}
.is-passport .identity-settings{padding:17px;background:#141c30;border:1px solid #34415d;border-radius:8px}
.is-passport.manual-theme #style-options{display:grid!important}
.is-passport.manual-theme #card-finish-label{display:block!important}
.is-passport.manual-theme.riftbound-theme .game-asset-control{display:block!important}
.cyberpunk-game-mark{font-style:normal;color:#f2ef27;font-size:28px;line-height:1}
.game-list small{color:#8d9bb6;font-size:9px;margin-left:2px}
.game-list .cyberpunk-game-logo{height:25px;width:93px;object-fit:contain}
.demo-note{font-size:12px;line-height:1.75;color:#a9b4cd;border-left:2px solid #66d9ed;padding-left:14px;margin:-5px 0 25px;max-width:900px}
.demo-note a{color:#a994ef;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.detail-card svg{height:auto}
@media(max-width:760px){.desktop-nav{display:none}.menu-button{display:block}.site-header{height:74px}.mobile-nav{top:73px}}
.riftbound-showcase{padding-block:69px 9px}
.riftbound-showcase .section-intro h2{font-size:39px}
.riftbound-showcase .section-intro>p:last-child{max-width:650px}
.riftbound-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}
.riftbound-showcase-grid article{padding:22px 22px 18px;border:1px solid #29374f;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#25314a55,#101827)}
.riftbound-showcase-grid article img{width:100%;border-radius:9px;box-shadow:0 12px 24px #0006;transition:transform .2s}
.riftbound-showcase-grid article:hover img{transform:translateY(-5px)}
.showcase-deck-caption{padding-top:18px}.showcase-deck-caption h3{font-size:18px;line-height:1.4}.showcase-deck-caption p{font-size:11px;color:#91a4c4;margin-top:6px;text-transform:capitalize}
#magic-featured-picker{margin-top:18px}
.featured-card-input{display:flex;gap:8px;align-items:center}.featured-card-input input{min-width:0}.featured-card-input button{white-space:nowrap;font-size:12px;padding-inline:13px}
@media(max-width:800px){.riftbound-showcase-grid{gap:16px}.riftbound-showcase-grid article{padding:15px}.riftbound-showcase .section-intro h2{font-size:34px}.showcase-deck-caption h3{font-size:15px}}
@media(max-width:600px){.riftbound-showcase{padding-top:48px}.riftbound-showcase-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;margin-right:-20px;padding-right:20px}.riftbound-showcase-grid article{flex:0 0 78%;scroll-snap-align:start}.riftbound-showcase .section-intro h2{font-size:31px}.showcase-deck-caption h3{font-size:18px}}
@media(max-width:1100px){.desktop-nav{gap:23px}.passport-promo{gap:30px}.passport-promo h2{font-size:36px}.is-passport .editor-layout{gap:24px;grid-template-columns:1fr 1fr}.is-passport .preview-panel{padding:15px}.passport-feature-list{gap:12px}}
@media(max-width:800px){.passport-promo{grid-template-columns:1fr;gap:35px;padding-block:52px}.passport-promo-copy{max-width:570px}.passport-promo-preview{max-width:620px;margin:auto;width:100%}.passport-promo h2{font-size:34px}.passport-tile{grid-column:span 2}.is-passport .editor-layout{display:flex;flex-direction:column}.is-passport .editor-form{width:100%}.is-passport .preview-panel{position:static;width:100%;padding:20px;order:-1}.is-passport .preview-heading{flex-direction:row;align-items:center}.is-passport .preview-stage{max-width:620px;margin:auto}.passport-detail-card{padding:17px}}
@media(max-width:600px){.passport-promo h2{font-size:31px}.passport-promo{padding-block:43px;gap:30px}.passport-promo-copy>p:not(.eyebrow){font-size:14px}.passport-feature-list{font-size:9px;gap:15px}.output-choice{gap:9px;margin-top:26px}.output-option{padding:13px 12px}.output-option strong{font-size:12px}.output-option>span{font-size:10px}.output-option strong b{font-size:7px;display:inline-block;margin-left:2px}.passport-detail-card{padding:10px;border-radius:10px}.passport-detail-actions .button{font-size:11px;padding:12px 14px}.is-passport .preview-panel{padding:13px}.is-passport .preview-stage{padding-top:20px}.passport-detail-credit{font-size:10px}}