.bgp-wrap--game{--gp-night:#120F24;--gp-deck:#1B1733;--gp-raise:#241F42;--gp-line:#332C5C;--gp-line2:#3A3270;--gp-ink:#F2EFFF;--gp-mist:#C9C3E6;--gp-violet:#6E4BFF;--gp-violet-soft:#B6A6FF;--gp-gold:#F2B544;--gp-ok:#5EE6A0;--gp-warn:#F2B544;--gp-bad:#FF8A7A;--gp-r:14px;--gp-fade:linear-gradient(180deg,rgba(18,15,36,0) 0%,rgba(18,15,36,.25) 45%,rgba(18,15,36,.85) 100%);--gp-border:linear-gradient(140deg,rgba(182,166,255,.55),rgba(110,75,255,.18) 40%,rgba(242,181,68,.35))}html body .bgp-wrap--game .bgp .sec{scroll-margin-top:90px}html body .bgp-wrap--game .bgp .sec *,html body .bgp-wrap--game .bgp .facts *{box-sizing:border-box}html body .bgp-wrap--game .bgp .feat .fcard,html body .bgp-wrap--game .bgp .modes>div,html body .bgp-wrap--game .bgp .panel,html body .bgp-wrap--game .bgp .sec--plan .link{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--gp-r);border:1px solid transparent;background:linear-gradient(var(--gp-deck),var(--gp-deck)) padding-box,var(--gp-border) border-box;box-shadow:0 10px 28px #00000047;transition:transform .2s ease,box-shadow .2s ease}html body .bgp-wrap--game .bgp .feat .fcard:hover,html body .bgp-wrap--game .bgp .modes>div:hover,html body .bgp-wrap--game .bgp .sec--plan .link:hover,html body .bgp-wrap--game .bgp .sec--plan .link:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 1px #f2b54480,0 16px 36px #00000073,0 0 30px #6e4bff47}html body .bgp-wrap--game{--gp-pat:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 11px);--gp-dots:radial-gradient(rgba(182,166,255,.22) 1px,transparent 1.5px) 0 0/14px 14px;--gp-h1:#3B2A9E;--gp-h2:#241F42}html body .bgp-wrap--game .gp-art{position:relative;display:block;overflow:hidden;height:76px;margin:-18px -18px 14px;background:radial-gradient(120px 90px at 88% 10%,rgba(242,181,68,.26),transparent 70%),var(--gp-pat),linear-gradient(120deg,var(--gp-h1) 0%,var(--gp-h2) 58%,#1B1733 100%);background-color:var(--gp-raise)}html body .bgp-wrap--game .gp-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gp-violet),var(--gp-gold))}html body .bgp-wrap--game .gp-art--modes{margin:-20px -20px 14px}html body .bgp-wrap--game .gp-tone-1{--gp-h1:#5B2A8A;--gp-h2:#2A1F5C}html body .bgp-wrap--game .gp-tone-2{--gp-h1:#1F4F8B;--gp-h2:#2A2160}html body .bgp-wrap--game .gp-tone-3{--gp-h1:#6B3A2A;--gp-h2:#2A1F5C}html body .bgp-wrap--game .gp-wm{position:absolute;right:-6px;top:50%;width:92px;height:92px;transform:translateY(-50%) rotate(-8deg);color:#fff;opacity:.09;pointer-events:none}html body .bgp-wrap--game .gp-wm svg{width:100%;height:100%}html body .bgp-wrap--game .gp-badge{position:absolute;left:14px;bottom:12px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#120f24c7;border:1px solid rgba(242,181,68,.55);color:var(--gp-gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html body .bgp-wrap--game .gp-art .gp-badge{top:50%;bottom:auto;transform:translateY(-50%);left:16px}html body .bgp-wrap--game .gp-badge svg{width:22px;height:22px}html body .bgp-wrap--game .gp-label{position:absolute;left:66px;top:50%;transform:translateY(-50%);z-index:1;font:800 .72rem/1.2 var(--bg-text,Figtree,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#f2efffb8}html body .bgp-wrap--game .bgp .feat{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}html body .bgp-wrap--game .bgp .feat .fcard.gp-card{border-top-width:1px;padding:18px}html body .bgp-wrap--game .bgp .feat .fcard h3{font-size:1.05rem;margin:0 0 6px}html body .bgp-wrap--game .bgp .feat .fcard p{color:var(--gp-mist)}html body .bgp-wrap--game .gp-strip{margin:0}html.js-gp body .bgp-wrap--game .bgp .facts{gap:10px;margin:0 0 40px;padding:14px;border-radius:18px;border:1px solid transparent;background:linear-gradient(140deg,#231c4f,#1b1733) padding-box,var(--gp-border) border-box}html.js-gp body .bgp-wrap--game .bgp .facts:has(+.trust){margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}html.js-gp body .bgp-wrap--game .bgp .fact{position:relative;min-height:64px;padding:12px 12px 12px 58px;border-radius:12px;background:#120f248c;border:1px solid rgba(182,166,255,.16)}html body .bgp-wrap--game .fact .gp-ico{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6e4bff59,#6e4bff1f);color:var(--gp-gold)}html body .bgp-wrap--game .gp-ico svg{width:20px;height:20px}html.js-gp body .bgp-wrap--game .bgp .facts+.trust{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0 0 40px;padding:10px 14px 14px;border-radius:0 0 18px 18px;border:1px solid transparent;border-top:1px dashed rgba(182,166,255,.22);background:linear-gradient(180deg,#1e1842,#1b1733) padding-box,var(--gp-border) border-box}html.js-gp body .bgp-wrap--game .bgp .facts+.trust li{background:transparent;border:0;padding:8px 6px;font-size:.95rem;color:var(--gp-mist);align-items:center}html.js-gp body .bgp-wrap--game .bgp .facts+.trust svg{width:20px;height:20px}html body .bgp-wrap--game .sec--how .gp-tabs{display:flex;gap:6px;margin:0 0 18px;padding:5px;border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;background:var(--gp-deck);border:1px solid var(--gp-line)}html body .bgp-wrap--game .sec--how .gp-tabs::-webkit-scrollbar{display:none}html body .bgp-wrap--game .gp-tab{flex:none;min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--gp-mist);font:700 .95rem/1.2 var(--bg-text,Figtree,system-ui,sans-serif);cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}html body .bgp-wrap--game .gp-tab:hover{color:var(--gp-ink)}html body .bgp-wrap--game .gp-tab[aria-selected=true]{background:var(--gp-violet);color:#fff;box-shadow:0 4px 14px #6e4bff73}html body .bgp-wrap--game .gp-tab:focus-visible{outline:3px solid var(--gp-gold);outline-offset:2px}html body .bgp-wrap--game .sec--how .gp-panel{margin:0 0 18px}html body .bgp-wrap--game .sec--how .gp-panel:focus-visible{outline:2px solid var(--gp-violet-soft);outline-offset:6px;border-radius:8px}html body .bgp-wrap--game .sec--how .gp-panel>.kick{display:none}html body .bgp-wrap--game .sec--how .gp-panel>h2{font-size:clamp(1.25rem,2.4vw,1.6rem)}html.js-gp body .bgp-wrap--game .sec--how .gp-panel:not(.is-on){display:none}html body .bgp-wrap--game .sec--basics .panel{background:var(--gp-dots) padding-box,linear-gradient(160deg,#231C4F,var(--gp-deck) 60%) padding-box,var(--gp-border) border-box}html body .bgp-wrap--game .sec--basics .panel h3{color:var(--gp-gold);font-size:1rem;letter-spacing:.01em}html body .bgp-wrap--game .sec--basics .panel p{color:var(--gp-ink)}html.js-gp body .bgp-wrap--game .gp-dup{display:none}html body .bgp-wrap--game .sec--steps ol.timeline{border-left-color:#b6a6ff4d}html body .bgp-wrap--game .sec--steps ol.timeline li strong{color:var(--gp-ink)}html body .bgp-wrap--game .bgp .modes{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}html body .bgp-wrap--game .bgp .modes>div{padding:20px}html body .bgp-wrap--game .gp-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:4px 0 12px}html body .bgp-wrap--game .gp-risk__s{display:flex;flex-direction:column;gap:5px}html body .bgp-wrap--game .gp-risk__s i{display:block;height:6px;border-radius:999px;background:#b6a6ff2e}html body .bgp-wrap--game .gp-risk__s em{font:600 .75rem/1.2 var(--bg-text,Figtree,system-ui,sans-serif);font-style:normal;color:#9f98c4}html body .bgp-wrap--game .gp-risk--0 .is-fill i{background:var(--gp-ok)}html body .bgp-wrap--game .gp-risk--1 .is-fill i{background:var(--gp-warn)}html body .bgp-wrap--game .gp-risk--2 .is-fill i{background:var(--gp-bad)}html body .bgp-wrap--game .gp-risk__s.is-on em{color:var(--gp-ink);font-weight:800}html body .bgp-wrap--game .gp-timing{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#6e4bff1f;border:1px solid rgba(182,166,255,.28);max-width:82ch}html body .bgp-wrap--game .gp-chip{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 10px;border-radius:999px;background:var(--gp-gold);color:var(--gp-night);font:800 .8rem/1.2 var(--bg-text,Figtree,system-ui,sans-serif)}html body .bgp-wrap--game .gp-chip svg{width:15px;height:15px}html body .bgp-wrap--game .gp-timing p{flex:1 1 280px;margin:0;font-size:.95rem;color:var(--gp-mist)}html.js-gp body .bgp-wrap--game .gp-gone{display:none}html body .bgp-wrap--game .gp-banner{position:relative;height:clamp(84px,10vw,104px);margin:0 0 16px;border-radius:18px;overflow:hidden;background:radial-gradient(260px 140px at 92% 0%,rgba(242,181,68,.24),transparent 70%),var(--gp-pat),linear-gradient(115deg,var(--gp-h1) 0%,var(--gp-h2) 55%,#1B1733 100%);background-color:var(--gp-raise);border:1px solid var(--gp-line2)}html body .bgp-wrap--game .gp-banner .gp-wm{width:140px;height:140px;right:18px}html body .bgp-wrap--game .gp-banner .gp-label{left:80px}html body .bgp-wrap--game .gp-banner.gp-banner--img{height:clamp(120px,18vw,190px)}html body .bgp-wrap--game .gp-banner--img .gp-wm,html body .bgp-wrap--game .gp-banner--img .gp-label{display:none}html body .bgp-wrap--game.has-art-why .gp-banner--why{background:var(--gp-fade),var(--art-why) center 35%/cover no-repeat}html body .bgp-wrap--game.has-art-modes .gp-banner--modes{background:var(--gp-fade),var(--art-modes) center 35%/cover no-repeat}html body .bgp-wrap--game.has-art-basics .gp-banner--basics{background:var(--gp-fade),var(--art-basics) center 35%/cover no-repeat}html body .bgp-wrap--game.has-art-safe .gp-banner--safe{background:linear-gradient(90deg,#120f2433,#120f241a 50%,#120f2499),var(--gp-fade),var(--art-safe) center 35%/cover no-repeat}html body .bgp-wrap--game.has-art-plan .gp-banner--plan{background:var(--gp-fade),var(--art-plan) center 35%/cover no-repeat}html body .bgp-wrap--game .gp-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gp-violet),var(--gp-gold))}html body .bgp-wrap--game .gp-banner .gp-badge{left:18px;bottom:auto;top:50%;transform:translateY(-50%);width:48px;height:48px}html body .bgp-wrap--game .gp-banner--img .gp-badge{top:auto;bottom:18px;transform:none}html body .bgp-wrap--game .gp-banner .gp-badge svg{width:26px;height:26px}html body .bgp-wrap--game .gp-toggle,html body .bgp-wrap--game .gp-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:14px 0 0;padding:10px 16px;border-radius:12px;cursor:pointer;border:1px solid var(--gp-line2);background:var(--gp-deck);color:var(--gp-ink);font:700 .95rem/1.2 var(--bg-text,Figtree,system-ui,sans-serif)}html body .bgp-wrap--game .gp-toggle:hover,html body .bgp-wrap--game .gp-more:hover{border-color:var(--gp-violet-soft)}html body .bgp-wrap--game .gp-toggle svg,html body .bgp-wrap--game .gp-more svg{width:18px;height:18px;color:var(--gp-gold);transition:transform .2s}html body .bgp-wrap--game .gp-toggle[aria-expanded=true] svg,html body .bgp-wrap--game .gp-more[aria-expanded=true] svg{transform:rotate(180deg)}html.js-gp body .bgp-wrap--game .gp-collapse:not(.is-open){display:none}html body .bgp-wrap--game .sec--safe .panels{margin-top:14px!important}html body .bgp-wrap--game .bgp .sec--plan .link{display:flex;flex-direction:column;justify-content:center;min-height:84px;padding:14px 16px 14px 62px;background:radial-gradient(140px 80px at 100% 0%,rgba(110,75,255,.22),transparent 70%) padding-box,linear-gradient(90deg,#1E1842,var(--gp-deck)) padding-box,var(--gp-border) border-box}html body .bgp-wrap--game .sec--plan .link .gp-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#6e4bff4d;color:var(--gp-gold)}html body .bgp-wrap--game .sec--plan .link small{color:var(--gp-mist)}html.js-gp body .bgp-wrap--game .sec--plan .links:not(.is-open) .gp-extra{display:none}@media(max-width:639px){html body .bgp-wrap--game .bgp .feat,html body .bgp-wrap--game .bgp .modes,html body .bgp-wrap--game .bgp .panels{grid-template-columns:1fr}html body .bgp-wrap--game .gp-art{height:64px}html.js-gp body .bgp-wrap--game .bgp .fact:last-child:nth-child(odd){grid-column:1/-1}html body .bgp-wrap--game .gp-banner .gp-wm{width:110px;height:110px;right:6px}html.js-gp body .bgp-wrap--game .bgp .facts{grid-template-columns:1fr 1fr;padding:10px;gap:8px}html.js-gp body .bgp-wrap--game .bgp .fact{padding:10px 10px 10px 50px;min-height:56px}html.js-gp body .bgp-wrap--game .bgp .fact span{font-size:.75rem}html.js-gp body .bgp-wrap--game .bgp .fact b{font-size:.92rem}html body .bgp-wrap--game .fact .gp-ico{left:10px;top:10px;width:30px;height:30px}html.js-gp body .bgp-wrap--game .bgp .facts+.trust{grid-template-columns:1fr;padding:6px 10px 10px}html body .bgp-wrap--game .sec--how .gp-tabs{width:auto;border-radius:14px}html body .bgp-wrap--game .gp-tab{padding:10px 14px}html body .bgp-wrap--game .bgp .sec--plan .link{min-height:72px}}@media(prefers-reduced-motion:reduce){html body .bgp-wrap--game *{transition:none!important}html body .bgp-wrap--game .bgp .feat .fcard:hover,html body .bgp-wrap--game .bgp .modes>div:hover,html body .bgp-wrap--game .bgp .sec--plan .link:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/bg-gamepage.css.map */
