*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:0}.preview{background:var(--navy);color:white;text-align:center;font-size:var(--text-xs);padding:7px 16px}.preview span{opacity:.78;margin-right:12px}header{background:white;border-bottom:1px solid var(--line)}.wrap{max-width:var(--content);margin:auto;padding:0 28px}.topbar{display:flex;align-items:center;gap:24px;min-height:98px}.logo{width:157px;height:auto;display:block}.search{display:flex;flex:1;max-width:390px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);overflow:hidden}.search input{border:0;background:transparent;min-width:0;flex:1;padding:11px 15px;font-size:var(--text-sm)}.search button{border:0;background:transparent;padding:0 14px;color:var(--muted)}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:14px;font-size:var(--text-sm)}.nav{display:flex;gap:32px;align-items:center;min-height:54px;border-top:1px solid var(--line);font-size:var(--text-sm)}.nav a{padding:12px 0;white-space:nowrap}.nav a.active{color:var(--brand);box-shadow:inset 0 -2px var(--brand)}.nav .end{margin-inline-start:auto;color:var(--muted)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--brand);color:white;padding:12px 22px;font-size:var(--text-sm);font-weight:700;min-height:46px;transition:background .15s,transform .15s}.btn:hover{background:var(--navy);color:white}.btn.secondary{background:white;border-color:var(--line);color:var(--navy)}.btn.ghost{background:transparent;color:var(--brand);padding-inline:0}.btn.full{width:100%}.btn.small{padding:8px 14px;min-height:40px}.cart-icon{border:1px solid var(--line);padding:9px 14px;border-radius:10px}.count{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--brand);width:24px;height:24px;border-radius:6px;font-size:var(--text-xs)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:62px 0 54px}.eyebrow{font-size:var(--text-sm);color:var(--brand);display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--brand);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:var(--text-h1);line-height:1.6;margin:16px 0 20px;font-weight:700}h2{font-size:var(--text-h2);line-height:1.6;margin-bottom:16px}h3{font-size:var(--text-lg);line-height:1.8;margin-bottom:10px}.hero p{font-size:var(--text-base);max-width:460px;color:var(--muted);margin-bottom:26px}.hero em{font-style:normal;color:var(--brand)}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.service-board{background:linear-gradient(145deg,var(--brand),var(--navy));color:white;padding:32px;border-radius:24px;position:relative;overflow:hidden}.board-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--hero-muted)}.board-head img{width:52px;height:52px;object-fit:contain}.board-title{font-size:var(--text-panel);margin:18px 0 22px;font-weight:700}.board-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #ffffff28}.board-row small{display:block;font-size:var(--text-xs);color:var(--hero-muted)}.board-row .arrow{margin-inline-start:auto;color:white}.tile{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:12px;font-family:var(--font-latin);font-size:var(--text-lg);font-weight:bold;background:#ffffff18;color:white}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;border-block:1px solid var(--line);gap:20px}.fact{display:flex;align-items:center;gap:14px}.fact-icon{color:var(--brand);font-size:var(--text-h3)}.fact b{font-size:var(--text-sm)}.fact p{margin:2px 0 0;font-size:var(--text-xs);color:var(--muted)}.section{padding:48px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.section-head h2{margin:0;font-size:var(--text-section)}.muted{color:var(--muted)}.small-text{font-size:var(--text-sm)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.chip{border:1px solid var(--line);padding:8px 18px;border-radius:40px;background:white;font-size:var(--text-sm);color:var(--muted)}.chip.active{background:var(--navy);border-color:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:box-shadow .18s,transform .18s}.card:hover{box-shadow:var(--shadow)}.product-art{height:118px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:24px;margin-bottom:20px;background:var(--soft);color:var(--navy);overflow:hidden}.product-art strong{font:700 17px var(--font-latin);letter-spacing:2px}.product-art .symbol{font:700 49px var(--font-latin);opacity:.65}.steam{background:var(--steam-bg);color:var(--steam-fg)}.playstation{background:var(--playstation-bg);color:var(--playstation-fg)}.xbox{background:var(--xbox-bg);color:var(--xbox-fg)}.spotify{background:var(--spotify-bg);color:var(--spotify-fg)}.telegram{background:var(--telegram-bg);color:var(--telegram-fg)}.youtube{background:var(--youtube-bg);color:var(--youtube-fg)}.card h3{font-size:var(--text-price);margin-bottom:6px}.card p{font-size:var(--text-sm);color:var(--muted);margin-bottom:18px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;gap:8px}.price{font-size:var(--text-price);font-weight:700}.price small{font-size:var(--text-xs);font-weight:400;color:var(--muted)}.card-bottom .arrow{font-size:var(--text-panel);color:var(--brand)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{padding:24px 0;border-top:2px solid var(--line)}.step-number{font:700 14px var(--font);color:var(--brand);margin-bottom:12px;display:block}.step p{color:var(--muted);font-size:var(--text-sm)}.support-banner{background:var(--soft);padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:24px}.support-banner p{margin:0;color:var(--muted);font-size:var(--text-sm)}details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;font-size:var(--text-card-mobile)}details p{font-size:var(--text-sm);color:var(--muted);margin:14px 0 0;max-width:850px}footer{background:white;border-top:1px solid var(--line);margin-top:40px;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer-grid p{font-size:var(--text-sm);max-width:360px;color:var(--muted);margin-top:16px}.footer-grid a{display:block;font-size:var(--text-sm);margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:26px;padding-top:18px;font-size:var(--text-xs);color:var(--muted)}.page{padding:30px 0 40px;min-height:55vh}.crumb{font-size:var(--text-xs);color:var(--muted);margin-bottom:20px}.crumb a{color:var(--brand)}.page-title{font-size:var(--text-h2);margin:12px 0}.page-lead{color:var(--muted);margin-bottom:30px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:28px;align-items:start}.panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white}.panel h2{font-size:var(--text-panel)}.panel h3{font-size:var(--text-price)}.sticky{position:sticky;top:24px}.large-art{height:220px}.badge{display:inline-flex;border-radius:6px;padding:3px 10px;font-size:var(--text-xs);color:var(--info);background:var(--info-bg)}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.badge.error{color:var(--error);background:var(--error-bg)}label{display:block;font-size:var(--text-sm);font-weight:700;margin-bottom:8px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:white;color:var(--ink);min-height:48px}textarea{min-height:120px;resize:vertical}input::placeholder{color:var(--muted);opacity:.85}.field{margin-bottom:20px}.field small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{padding:14px 18px;background:var(--info-bg);color:var(--info);border-radius:10px;font-size:var(--text-sm);margin-bottom:20px;border-inline-start:3px solid var(--info)}.notice.error{background:var(--error-bg);color:var(--error);border-color:var(--error)}.notice.success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.notice.warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.detail-list{margin:20px 0;padding:0;list-style:none}.detail-list li,.total-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.total-row:last-of-type{border:0;font-weight:700}.total-row span:first-child{color:var(--muted)}.stack{display:grid;gap:16px}.cart-row{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.cart-row:first-child{padding-top:0}.cart-row .tile{flex-shrink:0;background:var(--soft);color:var(--brand)}.cart-info{flex:1}.cart-info h3{margin:0;font-size:var(--text-base)}.cart-info p{font-size:var(--text-xs);color:var(--muted);margin:4px 0}.remove{background:none;color:var(--error);border:0;padding:8px;font-size:var(--text-xs)}.qty{display:flex;align-items:center;gap:12px}.qty button{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:white}.empty{text-align:center;padding:60px 24px}.empty-symbol{font-size:44px;color:var(--brand);margin-bottom:16px}.auth{max-width:480px;margin:30px auto}.auth h1{font-size:var(--text-page-mobile)}.auth .notice{font-size:var(--text-xs)}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:var(--text-sm)}.check input{width:18px;height:18px;margin-top:5px;accent-color:var(--brand)}.inline-link{color:var(--brand);text-decoration:underline;text-underline-offset:4px}.account-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.account-nav a,.account-nav button{display:block;width:100%;text-align:right;padding:12px;border:0;background:transparent;border-radius:8px;font-size:var(--text-sm)}.account-nav a.active{background:var(--soft);color:var(--brand)}.account-nav{padding:16px}.order-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:16px}.order-row p{margin:3px 0;font-size:var(--text-xs);color:var(--muted)}.timeline{list-style:none;padding:0}.timeline li{padding:0 26px 24px 0;border-right:2px solid var(--line);position:relative;font-size:var(--text-sm)}.timeline li:before{content:'';position:absolute;right:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--brand)}.timeline small{display:block;color:var(--muted)}.prose{max-width:800px}.prose h2{font-size:var(--text-panel);margin-top:30px}.prose p,.prose li{color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.swatch i{display:block;height:65px}.swatch span{display:block;padding:10px;font-size:var(--text-xs);direction:ltr;text-align:left}.progress{display:flex;gap:20px;color:var(--muted);font-size:var(--text-xs);margin-bottom:26px}.progress b{color:var(--brand)}#toast{position:fixed;bottom:24px;left:24px;max-width:min(440px,calc(100% - 48px));background:var(--navy);color:white;border-radius:12px;padding:16px 24px;box-shadow:var(--shadow);z-index:10;display:none}#toast.show{display:block}.menu-toggle{display:none}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.support-address{direction:ltr;display:inline-block}.table-scroll{overflow-x:auto}.legal-draft{font-size:var(--text-xs);color:var(--warning)}@media(max-width:900px){.topbar{gap:16px}.logo{width:132px}.search{max-width:290px}.hero{gap:28px;padding-top:38px}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:var(--text-tablet)}.service-board{padding:24px}.nav{gap:22px}.header-actions{gap:8px}.split{grid-template-columns:1.2fr 1fr}.account-layout{grid-template-columns:180px 1fr}}@media(max-width:700px){.wrap{padding:0 20px}.preview{font-size:var(--text-tiny)}.preview span{display:none}.topbar{flex-wrap:wrap;min-height:76px;padding-block:16px;gap:14px}.logo{width:123px}.header-actions{font-size:var(--text-xs)}.header-actions .btn{padding:9px 12px;min-height:40px}.search{order:3;max-width:none;flex-basis:100%}.nav{overflow:auto;gap:23px;min-height:48px;font-size:var(--text-xs)}.nav .end{display:none}.hero{grid-template-columns:1fr;padding:32px 0;gap:28px}.hero h1{font-size:var(--text-h2);margin:12px 0}.hero p{font-size:var(--text-sm);margin-bottom:20px}.service-board{padding:22px}.board-title{font-size:var(--text-lg);margin:10px 0}.board-row{padding:11px 0}.facts{gap:16px;grid-template-columns:1fr}.fact p{margin:0}.fact{gap:12px}.fact-icon{width:28px}.section{padding:32px 0}.section-head h2{font-size:var(--text-section-mobile)}.section-head .btn{font-size:var(--text-xs)}.grid{gap:14px}.card{padding:14px}.product-art{height:92px;padding:14px;margin-bottom:14px}.product-art strong{font-size:var(--text-tiny);letter-spacing:1px}.product-art .symbol{font-size:30px}.card h3{font-size:var(--text-card-mobile)}.card p{font-size:var(--text-xs)}.card-bottom{align-items:flex-start}.price{font-size:var(--text-card-mobile)}.price small{display:block}.steps{grid-template-columns:1fr;gap:0}.step{padding:18px 0}.step p{margin:0}.support-banner{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.split,.account-layout{grid-template-columns:1fr}.sticky{position:static}.panel{padding:20px}.page-title{font-size:var(--text-page-mobile)}.page-lead{font-size:var(--text-sm)}.two{grid-template-columns:1fr}.account-nav{display:flex;overflow:auto}.account-nav a,.account-nav button{width:auto;white-space:nowrap}.order-row{flex-wrap:wrap}.guide-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.cart-row{flex-wrap:wrap}.large-art{height:170px}.progress{gap:12px}.auth{margin:12px auto}.section-head{gap:8px}.tabs{gap:7px}.chip{padding:7px 13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#main:focus{outline:none}.search input:not([type=checkbox]){border:0;background:transparent;border-radius:0;min-height:46px}.panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}

.field-error{display:block;color:var(--error);font-size:var(--text-sm);margin-top:8px}[aria-invalid="true"]{border-color:var(--error)!important}.wrap.page{padding-inline:28px}@media(max-width:700px){.wrap.page{padding-inline:20px}.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}}

.service-options{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:36px 0}.service-options>a{background:white;border:1px solid var(--line);padding:28px;border-radius:var(--radius);transition:border-color .2s}.service-options>a:first-child{background:var(--navy);color:white}.service-options>a:first-child .eyebrow{color:#9cbcff}.service-options h3{font-size:23px;margin:10px 0}.service-options p{font-size:14px;opacity:.85}.service-options b{display:block;margin-top:22px;color:var(--brand)}.service-options>a:first-child b{color:white}.quote-estimate{padding:22px;margin:22px 0;border-radius:12px;background:var(--soft)}.quote-estimate>*{display:block}.quote-estimate strong{font-size:26px;color:var(--brand)}.quote-estimate small{font-size:12px;color:var(--muted)}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rate-grid>div{display:flex;justify-content:space-between;gap:8px;padding:10px;background:var(--canvas);font-size:12px}.break-word{overflow-wrap:anywhere}.panel details form{margin-top:20px}.panel form button{margin-block:10px}.panel p{overflow-wrap:anywhere}@media(max-width:700px){.service-options{grid-template-columns:1fr}.service-options>a{padding:22px}.service-options h3{font-size:20px}.rate-grid{grid-template-columns:1fr}}
.steam-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.steam-paths .panel{display:flex;flex-direction:column;align-items:start}.steam-paths .btn{margin-top:auto}.steam-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.steam-region-grid a:hover{border-color:var(--blue);transform:translateY(-2px)}.steam-diagram{margin:24px 0;padding:24px;background:#0b234a;color:white;border-radius:16px}.steam-diagram>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.steam-diagram span{border:1px solid #7893ba;border-radius:8px;padding:12px}.steam-diagram figcaption{margin-top:16px;font-size:12px}fieldset:disabled{opacity:.65;border:1px solid #cbd5e1;border-radius:12px;padding:16px}@media(max-width:900px){.steam-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steam-paths{grid-template-columns:1fr}}@media(max-width:420px){.steam-region-grid{grid-template-columns:1fr}}
.field-help{display:inline-block;position:relative;vertical-align:middle;margin-inline-start:5px}.field-help button{border:1px solid #bac8dc;border-radius:50%;width:22px;height:22px;padding:0;background:#f0f5fc;color:#0b234a;font:700 13px var(--font);cursor:help}.field-help [role=tooltip]{display:none;position:absolute;z-index:20;inset-inline-end:0;bottom:calc(100% + 8px);width:min(250px,65vw);padding:12px;background:#0b234a;color:#fff;border-radius:10px;font-size:13px;font-weight:400;line-height:1.9;box-shadow:0 4px 16px #0b234a25}.field-help:hover [role=tooltip],.field-help:focus-within [role=tooltip]{display:block}
.field{position:relative}.field-help{position:static}.field-help [role=tooltip]{inset-inline:0;margin-inline:auto;bottom:calc(100% + 4px)}
bdi{unicode-bidi:isolate}input[type=url],input[type=email],#steamUsername,#steamPassword{direction:ltr;text-align:left}.break-word,.email-link{overflow-wrap:anywhere}.help-card .email-link{display:inline-block;color:var(--brand);font-size:var(--text-sm);margin-bottom:16px}.search-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-guides h3{margin:0 0 8px}.search-guides p{margin:0;color:var(--muted)}.hero-visual{position:relative;min-width:0;text-align:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,#0459ff15,transparent 70%);z-index:-1}.hero-visual img{display:block;width:100%;max-width:520px;height:auto;margin:auto;filter:drop-shadow(0 16px 14px #0b234a12)}.hero-caption{display:block;color:var(--muted);font-size:var(--text-sm);margin-top:8px}.visual-guide{margin:16px 0}.visual-guide li{margin:12px 0}.visual-guide bdi{display:inline-block;background:var(--canvas);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.grid>*{min-width:0}.field input,.field select,.field textarea{max-width:100%;min-width:0}h1,h2,h3,p{overflow-wrap:break-word}@media(max-width:700px){.search-guides{grid-template-columns:1fr}.hero-visual img{max-width:390px}.hero-caption{margin-top:0}.hero-visual{margin-top:-16px}}@media(max-width:360px){.wrap{padding-inline:16px}.header-actions{gap:6px}.header-actions .btn{padding-inline:9px}}

.service-help{min-width:0;background:var(--white);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}@media(max-width:700px){.service-help{padding:22px}}

.netflix{background:#17191f;color:#fff}.netflix .symbol{color:#e50914}.configuration{margin:20px 0}.configuration>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:10px 0}.configuration dt{color:var(--muted)}.configuration dd{margin:0;overflow-wrap:anywhere}.configuration dt,.configuration dd{min-width:0;flex:1}#subscription-fields select{max-width:100%}#subscription-guidance summary{cursor:pointer;font-weight:700}

/* Product campaign imagery: fixed aspect ratio prevents layout shifts. */
.product-media{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#0b234a;margin-bottom:18px;width:100%}.product-media img{display:block;width:100%;height:100%;object-fit:cover}.product-media-large{margin-bottom:24px}.card .product-media{border-radius:12px}.steam-region-grid .product-media{margin-bottom:16px}
/* Gameyar brand accents: image-led color on a quiet canvas. */
.brand-icon{display:block;width:76px;height:76px;object-fit:contain;flex-shrink:0}.brand-feature{width:180px;height:180px}.fact .brand-icon{width:70px;height:70px}.facts{gap:24px}.footer-signature{display:flex;align-items:center;gap:32px;padding:0 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.footer-signature h2{margin:8px 0}.footer-signature p{color:var(--muted);margin:0}.footer-signature .brand-feature{width:150px;height:150px}.announcement{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:4px 20px;background:#0b234a;color:white}.announcement img{object-fit:contain}.announcement a{color:#bfd4ff;white-space:nowrap;font-size:12px}.hero h1{max-width:650px;line-height:1.65}.support-banner>.brand-icon{width:112px;height:112px}.support-banner>div{flex:1}
body.auth-open{overflow:hidden}#auth-dialog{border:1px solid #d8e3f4;border-radius:26px;padding:0;width:min(880px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;background:white;color:var(--ink);box-shadow:0 30px 100px #0b234a45}#auth-dialog::backdrop{background:#0b234a80;backdrop-filter:blur(5px)}.auth-layout{display:grid;grid-template-columns:0.85fr 1.15fr;min-height:560px}.auth-brand{padding:66px 28px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#f1f6ff,#fff);border-inline-end:1px solid var(--line)}.auth-brand h2{font-size:24px;margin:18px 0 12px}.auth-brand p{font-size:14px;color:var(--muted)}.auth-brand>span{font-size:12px;color:var(--brand);margin-top:24px}.auth-brand .brand-feature{width:210px;height:210px}#auth-dialog .auth{margin:0;max-width:none;border:0;border-radius:0;padding:42px 30px 28px;min-width:0}#auth-dialog .auth h1{font-size:28px}#auth-dialog .auth .logo{width:135px}#auth-dialog .auth .actions{gap:12px}.auth-close{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--navy);font:24px var(--font)}.birthday-fields{border:0;padding:0;margin:0 0 20px;min-width:0}.birthday-fields legend{font-size:14px;font-weight:700;margin-bottom:10px}.birthday-row{display:grid;grid-template-columns:0.7fr 1.1fr 1fr;gap:10px}.birthday-row .field{margin:0}.birthday-row select{padding:10px 6px}.birthday-fields small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.birthday-row label{font-size:12px}
@media(max-width:700px){.announcement{gap:8px;padding:4px 12px}.announcement strong{font-size:11px}.announcement img{width:32px;height:32px}.announcement a{font-size:11px;margin-inline-start:auto}.footer-signature{gap:14px}.footer-signature .brand-feature{width:92px;height:92px}.footer-signature h2{font-size:21px}.footer-signature .eyebrow{font-size:11px}.footer-signature p{font-size:12px}.auth-layout{grid-template-columns:1fr;min-height:0}.auth-brand{display:none}#auth-dialog .auth{padding:46px 22px 24px}#auth-dialog{border-radius:20px}.support-banner>.brand-icon{width:90px;height:90px}}
#auth-dialog .auth-close{position:sticky;top:12px;inset-inline-end:auto;display:block;margin:12px 0 -46px 12px;margin-inline-start:auto;margin-inline-end:12px}

/* Account dashboard: shared brand assets, tokens and responsive spacing. */
.dashboard{padding-block:40px 56px}.dashboard-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 40px;background:var(--navy);color:var(--white);border-radius:var(--radius);overflow:hidden}.dashboard-welcome .eyebrow{color:#b7d0ff}.dashboard-welcome h1{font-size:var(--text-h2);margin:12px 0}.dashboard-welcome p{color:#dce7ff;margin:0 0 20px}.dashboard-email{display:inline-block;font-size:var(--text-sm);color:#dce7ff}.dashboard-gift{width:180px;height:180px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 16px 22px #0003)}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 18px}.dashboard-heading h2{margin:0;font-size:var(--text-h3)}.dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.dashboard-card:hover,.dashboard-card:focus-visible{border-color:var(--brand);box-shadow:var(--shadow)}.dashboard-card-art{width:88px;height:88px;object-fit:contain;margin-bottom:18px}.dashboard-card h2{font-size:var(--text-lg);margin:0 0 8px}.dashboard-card p{font-size:var(--text-sm);color:var(--muted);margin:0 0 24px}.dashboard-card>span{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--brand);font-size:var(--text-sm);font-weight:var(--bold)}.dashboard-followup{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px;padding:28px;background:var(--soft);border-radius:var(--radius)}.dashboard-followup h2{font-size:var(--text-lg);margin:0 0 6px}.dashboard-followup p{font-size:var(--text-sm);color:var(--muted);margin:0}.dashboard-followup>.btn{flex-shrink:0}.dashboard-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:18px;font-size:var(--text-sm);color:var(--muted)}@media(max-width:900px){.dashboard-cards{gap:14px}.dashboard-card{padding:20px}.dashboard-card h2{font-size:18px}.dashboard-welcome{padding:28px}.dashboard-gift{width:140px;height:140px}}@media(max-width:700px){.dashboard{padding-block:28px 40px}.dashboard-welcome{padding:24px;gap:8px}.dashboard-welcome h1{font-size:24px}.dashboard-welcome p{font-size:14px}.dashboard-gift{width:90px;height:110px}.dashboard-email{font-size:12px;overflow-wrap:anywhere}.dashboard-heading{align-items:flex-start;flex-direction:column;margin-top:28px;gap:8px}.dashboard-heading h2{font-size:21px}.dashboard-cards{grid-template-columns:1fr}.dashboard-card{position:relative;padding:24px 110px 24px 22px;min-height:155px}.dashboard-card-art{position:absolute;right:18px;top:24px;width:74px;height:74px}.dashboard-card p{margin-bottom:18px}.dashboard-followup{align-items:stretch;flex-direction:column;padding:24px;gap:24px;margin-top:28px}.dashboard-followup .btn{width:100%;font-size:14px}.dashboard-bottom{font-size:12px}}

/* Compact contacts live inside the existing brand column. */
.footer-social{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:20px}.footer-grid .footer-social a{display:flex;align-items:center;gap:9px;margin:0;font-size:12px;line-height:1.7}.footer-social a>span:last-child{display:block}.footer-social bdi,.footer-social small{display:block;color:var(--muted);font-size:11px}.social-cube{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:10px;color:white;background:linear-gradient(145deg,#71aaff,#0459ff 55%,#123365);box-shadow:inset 2px 2px 2px #ffffff80,inset -2px -3px 3px #00164160,2px 4px 0 #123365,3px 7px 8px #0b234a20;transform:perspective(160px) rotateY(-12deg) rotateX(8deg)}.social-cube svg{width:21px;height:21px;filter:drop-shadow(0 2px 1px #0004)}.instagram-cube{background:linear-gradient(145deg,#bb8cff,#8b37b7 35%,#dc3672 65%,#ffbd68);box-shadow:inset 2px 2px 2px #ffffff80,inset -2px -3px 3px #5c164f60,2px 4px 0 #772859,3px 7px 8px #0b234a20}.ticket-cube{background:linear-gradient(145deg,#668cbf,#173861 65%,#0b234a)}.footer-social a:hover,.footer-social a:focus-visible{color:var(--brand)}
/* Ticket workspace reuses brand typography, cards and product catalog. */
.ticket-page{max-width:980px;padding-block:36px 48px}.ticket-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.ticket-heading h1{margin-block:12px 20px}.ticket-art{width:96px;height:96px}.ticket-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 24px}.ticket-toolbar p{flex:1;color:var(--muted);margin:0}.ticket-toolbar .btn{font-size:14px}.ticket-empty{text-align:center;padding:36px}.ticket-empty p{color:var(--muted)}.ticket-list{padding-block:8px}.ticket-row{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.ticket-row:last-child{border:0}.ticket-row>div{flex:1;min-width:0}.ticket-row strong{display:block;overflow-wrap:anywhere}.ticket-row small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.ticket-row:hover strong{color:var(--brand)}.ticket-meta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.ticket-meta>span,.ticket-meta>a{border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:12px}.ticket-thread{display:grid;gap:16px;margin-bottom:24px}.ticket-message{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:white;margin-inline-end:36px}.ticket-message.staff{background:var(--soft);border-color:#bfd1ed;margin-inline:36px 0}.ticket-message header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.ticket-message time{font-size:12px;color:var(--muted)}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.ticket-product-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:12px;border:1px solid var(--line);background:var(--soft);border-radius:8px;color:var(--navy);text-align:right}.ticket-page [hidden]{display:none!important}#ticket-products{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);background:white}#ticket-products::backdrop{background:#0b234a80;backdrop-filter:blur(4px)}#ticket-products header{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:20px}#ticket-products h2{font-size:21px;margin:0}#ticket-products header button{border:1px solid var(--line);border-radius:50%;background:white;width:34px;height:34px;font-size:24px;flex-shrink:0}#ticket-products label{display:block;font-size:13px;margin-bottom:8px}#ticket-product-search{width:100%;margin-bottom:14px}.ticket-product-results{display:grid;gap:7px;max-height:52dvh;overflow:auto}.ticket-product-results button{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--navy);text-align:right}.ticket-product-results button:hover,.ticket-product-results button:focus-visible{background:var(--soft);border-color:var(--brand)}@media(max-width:700px){.footer-social{gap:14px 20px}.ticket-page{padding-block:24px 36px}.ticket-heading h1{font-size:25px}.ticket-art{width:72px;height:72px}.ticket-toolbar p{flex-basis:100%}.ticket-message,.ticket-message.staff{margin-inline:0;padding:18px}.ticket-row{gap:10px;align-items:flex-start;flex-wrap:wrap}.ticket-row>div{flex-basis:70%}#ticket-products{padding:18px}}
/* Shared editorial guide/support system: existing Gameyar tokens and alpha artwork. */
.guide-page{padding-block:40px 64px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.8fr);align-items:center;gap:48px;padding:24px 0 48px}.guide-hero h1{font-size:var(--text-h1);line-height:1.55;margin:14px 0 18px;max-width:720px}.guide-hero p{color:var(--muted);max-width:620px;font-size:var(--text-lg);margin-bottom:24px}.guide-art{display:block;width:160px;aspect-ratio:1;flex-shrink:0}.guide-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #0b234a12)}.guide-art-hero{width:min(100%,340px);justify-self:center;transform:rotate(-4deg)}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-step{position:relative;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:flex-start;flex-direction:column}.guide-step-art{width:96px;height:96px;object-fit:contain;margin-bottom:18px}.guide-step .step-number{position:absolute;left:26px;top:32px;font-size:var(--text-h2);color:var(--brand);opacity:.45}.guide-step h2,.support-options h2{font-size:var(--text-h3);margin:0 0 12px}.guide-step p{color:var(--muted);margin:0 0 24px}.guide-step .inline-link{margin-top:auto}.guide-links{margin-top:48px}.guide-links h2{font-size:var(--text-h3);margin-bottom:24px}.guide-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-links a{position:relative;padding:24px 24px 24px 48px;border-block-start:2px solid var(--line)}.guide-links a:hover{border-color:var(--brand)}.guide-links strong,.guide-links span{display:block}.guide-links span{font-size:var(--text-sm);color:var(--muted);margin-top:8px}.guide-links b{position:absolute;left:20px;top:30px;color:var(--brand)}.guide-nudge{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--soft);padding:28px 32px;border-radius:var(--radius);margin-top:40px}.guide-nudge h2{font-size:var(--text-lg);margin:0 0 6px}.guide-nudge p{margin:0;color:var(--muted)}.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.delivery-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);align-items:start}.delivery-card .brand-icon{width:100px;height:100px;object-fit:contain}.delivery-card h2{font-size:var(--text-lg);margin:8px 0 12px}.delivery-card p{margin:0 0 12px;color:var(--muted)}.delivery-card .delivery-type{font-size:var(--text-xs);color:var(--brand);font-weight:700}.delivery-intro{margin:0 0 32px;padding:20px 24px;border-inline-start:3px solid var(--brand);background:var(--soft);border-radius:var(--radius-sm)}.support-options{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.support-primary,.support-email{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:var(--white)}.support-primary>.brand-icon{float:left}.support-options p{color:var(--muted)}.support-primary small{display:block;margin-top:24px;color:var(--muted)}.support-email .guide-art{width:125px;margin-bottom:16px}.support-email .email-link{display:inline-block;margin-top:12px;font-size:var(--text-lg);overflow-wrap:anywhere}.guide-page a:focus-visible{outline:3px solid var(--brand);outline-offset:5px}
@media(max-width:900px){.guide-hero{gap:24px}.guide-hero h1{font-size:var(--text-h2)}.guide-steps{gap:16px}.guide-step{padding:22px}.delivery-card{grid-template-columns:70px minmax(0,1fr);padding:22px;gap:16px}.delivery-card .brand-icon{width:70px;height:70px}}
@media(max-width:700px){.guide-page{padding-block:24px 40px}.guide-hero{grid-template-columns:1fr;gap:8px;padding:0 0 32px}.guide-hero h1{font-size:var(--text-page-mobile)}.guide-hero p{font-size:var(--text-base)}.guide-art-hero{width:220px;grid-row:1}.guide-steps,.delivery-grid,.support-options,.guide-links>div{grid-template-columns:1fr;gap:20px}.guide-step{padding:24px}.guide-links{margin-top:32px}.guide-links>div{gap:4px}.guide-nudge{padding:24px;align-items:flex-start;flex-direction:column}.support-primary,.support-email{padding:24px}.delivery-card{grid-template-columns:64px minmax(0,1fr);gap:14px}.delivery-card .brand-icon{width:64px;height:64px}.support-primary>.brand-icon{width:72px;height:72px}.guide-nudge .actions{flex-wrap:wrap}}
.guide-page .guide-hero{background:transparent;border:0;position:relative;margin-bottom:24px}

/* Shared, visible buying guidance; same copy is rendered by PHP and JS. */
.seo-copy{padding-top:28px;padding-bottom:48px;max-width:1100px}.seo-copy h2{font-size:clamp(18px,2vw,23px);margin:28px 0 12px}.seo-copy p{line-height:2;max-width:80ch;color:var(--muted)}.seo-related{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.seo-related a{font-size:14px;text-underline-offset:5px}
