@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/playfair-display-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/playfair-display-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/source-sans-3-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/source-sans-3-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/source-sans-3-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/source-sans-3-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* === tokens === */
:root{
  --vp-ink:#111112;
  --vp-paper:#ffffff;
  --vp-tint:#f7f7f5;
  --vp-tint-2:#fbfbfa;
  --vp-line:#e4e4e0;
  --vp-fill:#f0f0ed;
  --vp-muted:#5c5c60;
  --vp-accent:#3F3DBE;

  --vp-serif:'Playfair Display','Iowan Old Style',Georgia,'Times New Roman',serif;
  --vp-sans:'Source Sans 3','Helvetica Neue',Helvetica,Arial,sans-serif;

  --vp-t-cap:0.75rem;
  --vp-t-body:1rem;
  --vp-t-sub:1.25rem;
  --vp-t-h3:clamp(1.375rem,1.05rem + 1.2vw,1.75rem);
  --vp-t-h2:clamp(1.75rem,1.2rem + 2.2vw,2.1875rem);
  --vp-t-h1:clamp(2.125rem,1.1rem + 4.4vw,3.5rem);

  --vp-s-8:8px;
  --vp-s-16:16px;
  --vp-s-24:24px;
  --vp-s-32:32px;
  --vp-s-40:40px;
  --vp-s-48:48px;

  --vp-shell:1200px;
  --vp-gutter:clamp(20px,5vw,40px);
  --vp-header-h:72px;
}

/* === reset === */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--vp-paper);
  color:var(--vp-ink);
  font-family:var(--vp-sans);
  font-size:var(--vp-t-body);
  line-height:1.55;
  letter-spacing:-0.01em;
  font-variant-numeric:lining-nums;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,dl,dd,figure,blockquote{margin:0}
ul{margin:0;padding:0;list-style:none}
table{border-collapse:collapse}
:focus-visible{outline:2px solid var(--vp-accent);outline-offset:3px}

.vp-shell{width:100%;max-width:var(--vp-shell);margin-inline:auto;padding-inline:var(--vp-gutter)}
.vp-skip{position:absolute;left:-9999px;top:0;z-index:60;background:var(--vp-ink);color:var(--vp-paper);padding:14px 20px;font-weight:600}
.vp-skip:focus{left:0}
.vp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* === shared button geometry: thin frame + accent serif underline + cut corner === */
.vp-btn{
  position:relative;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:12px 24px;
  font-family:var(--vp-sans);font-size:0.9375rem;font-weight:600;line-height:1.2;
  letter-spacing:0.02em;text-decoration:none;color:var(--vp-ink);
  background:none;border:0;cursor:pointer;
  transition:color .18s ease,transform .12s ease;
}
.vp-btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:var(--vp-paper);
  border:1px solid var(--vp-ink);
  border-bottom-width:3px;border-bottom-color:var(--vp-accent);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:background-color .18s ease,border-color .18s ease;
}
.vp-btn:hover{color:var(--vp-paper)}
.vp-btn:hover::before{background:var(--vp-ink);border-color:var(--vp-ink);border-bottom-color:var(--vp-accent)}
.vp-btn:active{transform:translateY(1px)}
.vp-btn--solid{color:var(--vp-paper)}
.vp-btn--solid::before{background:var(--vp-ink);border-color:var(--vp-ink)}
.vp-btn--solid:hover{color:var(--vp-paper)}
.vp-btn--solid:hover::before{background:var(--vp-accent);border-color:var(--vp-accent);border-bottom-color:var(--vp-ink)}
.vp-btn--sm{min-height:44px;padding:10px 18px;font-size:0.875rem}
.vp-btn__ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}

.vp-tag{
  position:relative;isolation:isolate;display:inline-block;
  padding:5px 11px;font-size:var(--vp-t-cap);font-weight:600;
  letter-spacing:0.04em;text-transform:uppercase;color:var(--vp-ink);
}
.vp-tag::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--vp-fill);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
}
.vp-tag--accent{color:var(--vp-paper)}
.vp-tag--accent::before{background:var(--vp-accent)}

/* === marker === */
.vp-mark{width:11px;height:11px;flex:none;fill:var(--vp-accent)}
.vp-eyebrow{
  display:flex;align-items:center;gap:10px;
  font-size:var(--vp-t-cap);font-weight:600;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--vp-muted);
}

/* === headings === */
.vp-h1{font-family:var(--vp-serif);font-weight:700;font-size:var(--vp-t-h1);line-height:1.06;letter-spacing:-0.025em}
.vp-h2{font-family:var(--vp-serif);font-weight:700;font-size:var(--vp-t-h2);line-height:1.15;letter-spacing:-0.02em}
.vp-h3{font-family:var(--vp-serif);font-weight:700;font-size:var(--vp-t-h3);line-height:1.18;letter-spacing:-0.02em}
.vp-lead{font-size:var(--vp-t-sub);line-height:1.45;color:var(--vp-muted);max-width:46ch}
.vp-note{color:var(--vp-muted)}

/* === header === */
.vp-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,0.94);backdrop-filter:blur(10px)}
.vp-top__in{display:flex;align-items:center;justify-content:space-between;gap:var(--vp-s-16);min-height:var(--vp-header-h)}
.vp-logo{font-family:var(--vp-serif);font-weight:700;font-size:1.375rem;letter-spacing:-0.03em;text-decoration:none;padding:10px 0;display:inline-block}
.vp-logo span{color:var(--vp-accent)}
.vp-nav{display:flex;align-items:center;gap:4px}
.vp-nav a{
  position:relative;display:inline-flex;align-items:center;min-height:48px;
  padding:8px 12px;font-size:0.9375rem;font-weight:600;color:var(--vp-muted);text-decoration:none;
  transition:color .16s ease;
}
.vp-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:2px;background:var(--vp-accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.vp-nav a:hover{color:var(--vp-ink)}
.vp-nav a:hover::after{transform:scaleX(1)}
.vp-top__cta{margin-left:var(--vp-s-8)}
.vp-burger{
  position:relative;isolation:isolate;display:none;
  width:48px;height:48px;align-items:center;justify-content:center;
  background:none;border:0;cursor:pointer;color:var(--vp-ink);
}
.vp-burger::before{
  content:"";position:absolute;inset:0;z-index:-1;background:var(--vp-paper);
  border:1px solid var(--vp-ink);border-bottom-width:3px;border-bottom-color:var(--vp-accent);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.vp-burger svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none}
.vp-burger__x{display:none}
.vp-burger[aria-expanded="true"] .vp-burger__x{display:block}
.vp-burger[aria-expanded="true"] .vp-burger__b{display:none}

.vp-drawer{display:none}
@media (max-width:900px){
  .vp-nav,.vp-top__cta{display:none}
  .vp-burger{display:inline-flex}
  .vp-drawer{display:block;background:var(--vp-paper);padding:0 var(--vp-gutter) var(--vp-s-24)}
  .vp-drawer[hidden]{display:none}
  .vp-drawer ul{display:flex;flex-direction:column}
  .vp-drawer a{display:flex;align-items:center;min-height:52px;font-size:1.0625rem;font-weight:600;text-decoration:none;color:var(--vp-ink)}
  .vp-drawer .vp-btn{margin-top:var(--vp-s-16);width:100%}
}

/* === sections === */
.vp-hero{padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,96px)}
.vp-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(28px,5vw,64px);align-items:end}
.vp-hero__h1{margin:var(--vp-s-24) 0 var(--vp-s-24)}
.vp-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:var(--vp-s-32)}
.vp-ledger{display:grid;gap:var(--vp-s-16)}
.vp-ledger>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--vp-s-16)}
.vp-ledger dt{font-size:0.9375rem;color:var(--vp-muted)}
.vp-ledger dd{font-family:var(--vp-serif);font-weight:700;font-size:1.5rem;letter-spacing:-0.02em;font-variant-numeric:tabular-nums lining-nums}
.vp-strip{margin-top:clamp(36px,5vw,60px)}
.vp-strip__cap{font-size:var(--vp-t-cap);letter-spacing:0.14em;text-transform:uppercase;color:var(--vp-muted);margin-bottom:var(--vp-s-16)}
.vp-strip__row{display:flex;flex-wrap:wrap;gap:clamp(14px,2.6vw,30px);align-items:center}
.vp-strip__row img{width:52px;height:52px;border-radius:10px;filter:grayscale(1) contrast(0.92);opacity:.62;transition:filter .2s ease,opacity .2s ease}
.vp-strip__row img:hover{filter:none;opacity:1}
@media (max-width:820px){.vp-hero__grid{grid-template-columns:1fr;align-items:start}}

.vp-cat{padding:clamp(48px,6vw,88px) 0}
.vp-head{max-width:62ch;margin-bottom:clamp(32px,4vw,56px)}
.vp-head .vp-h2{margin:var(--vp-s-16) 0 var(--vp-s-16)}

.vp-list{display:grid;gap:clamp(48px,6vw,88px)}
.vp-game{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:clamp(24px,4vw,56px);align-items:center}
.vp-game--flip .vp-game__media{grid-column:2;grid-row:1}
.vp-game--flip .vp-game__body{grid-column:1;grid-row:1}
.vp-media{--vp-ar:720/404}
.vp-media--tall{--vp-ar:3/4}
.vp-frame{aspect-ratio:var(--vp-ar);overflow:hidden;background:var(--vp-fill);margin:0}
.vp-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.vp-media--tall .vp-frame,.vp-media--tall .vp-thumbs{max-width:340px;margin-inline:auto}
.vp-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.vp-thumbs img{aspect-ratio:var(--vp-ar);width:100%;height:100%;object-fit:cover;object-position:50% 32%;background:var(--vp-fill)}
.vp-game__num{font-family:var(--vp-serif);font-weight:700;font-size:2.75rem;line-height:1;letter-spacing:-0.03em;color:#8a8a84;margin-bottom:var(--vp-s-8);font-variant-numeric:tabular-nums lining-nums}
.vp-game__head{display:flex;align-items:center;gap:var(--vp-s-16);margin-bottom:var(--vp-s-16)}
.vp-gicon{width:56px;height:56px;border-radius:12px;flex:none}
.vp-game__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:0.875rem;color:var(--vp-muted)}
.vp-rating{font-family:var(--vp-serif);font-weight:700;font-size:1.0625rem;color:var(--vp-ink);font-variant-numeric:tabular-nums lining-nums}
.vp-game__body p+p{margin-top:var(--vp-s-16)}
.vp-game__txt{color:var(--vp-muted)}
.vp-facts{display:grid;gap:8px;margin-top:var(--vp-s-16)}
.vp-facts li{display:flex;gap:10px;font-size:0.9375rem}
.vp-facts b{font-weight:600;flex:none}
.vp-facts span{color:var(--vp-muted)}
.vp-game__go{margin-top:var(--vp-s-24)}
@media (max-width:820px){
  .vp-game{grid-template-columns:1fr}
  .vp-game--flip .vp-game__media,.vp-game--flip .vp-game__body{grid-column:auto;grid-row:auto}
  .vp-media--tall .vp-frame,.vp-media--tall .vp-thumbs{max-width:none}
}

/* the single accent-outlined block type */

/* === comparison table === */
.vp-cmp{background:var(--vp-tint);padding:clamp(48px,5.5vw,80px) 0 clamp(44px,5vw,72px)}
.vp-tablewrap{width:100%;overflow-x:auto}
.vp-tablewrap:focus-visible{outline:2px solid var(--vp-accent);outline-offset:4px}
.vp-table{width:100%;min-width:880px;font-size:0.9375rem;text-align:left}
.vp-table caption{text-align:left;font-size:var(--vp-t-cap);letter-spacing:0.14em;text-transform:uppercase;color:var(--vp-muted);padding-bottom:var(--vp-s-16)}
.vp-table thead th{
  font-family:var(--vp-sans);font-weight:600;font-size:var(--vp-t-cap);letter-spacing:0.08em;
  text-transform:uppercase;color:var(--vp-muted);padding:0 14px 12px;
  border-bottom:1px solid var(--vp-line);white-space:nowrap;
}
.vp-table tbody th{font-family:var(--vp-serif);font-weight:700;font-size:1rem;letter-spacing:-0.01em;padding:14px;vertical-align:middle;min-width:190px}
.vp-table td{padding:14px;color:var(--vp-muted);vertical-align:middle;font-variant-numeric:tabular-nums lining-nums}
.vp-table tbody tr:nth-child(odd){background:var(--vp-tint-2)}
.vp-table .vp-num{color:var(--vp-ink);font-family:var(--vp-serif);font-weight:700}
.vp-yes{display:inline-flex;align-items:center;gap:8px;color:var(--vp-ink)}
.vp-yes svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--vp-accent);stroke-width:2}
.vp-no svg{stroke:var(--vp-muted)}
.vp-cmp__note{margin-top:var(--vp-s-24);max-width:72ch;color:var(--vp-muted);font-size:0.9375rem}

/* === faq === */
.vp-faq{padding:clamp(52px,6.5vw,96px) 0 clamp(44px,5vw,72px)}
.vp-faq__list{width:100%;margin-top:clamp(24px,3vw,40px)}
.vp-faq__item{width:100%;border-bottom:1px solid var(--vp-line)}
.vp-faq__q{
  display:flex;align-items:flex-start;justify-content:space-between;gap:var(--vp-s-16);
  width:100%;min-height:56px;padding:18px 0;cursor:pointer;list-style:none;
  font-family:var(--vp-serif);font-weight:700;font-size:1.0625rem;letter-spacing:-0.015em;line-height:1.3;
}
.vp-faq__q::-webkit-details-marker{display:none}
.vp-faq__q:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px}
.vp-faq__sign{position:relative;width:16px;height:16px;flex:none;margin-top:4px}
.vp-faq__sign::before,.vp-faq__sign::after{content:"";position:absolute;background:var(--vp-accent);transition:transform .2s ease,opacity .2s ease}
.vp-faq__sign::before{left:0;right:0;top:7px;height:2px}
.vp-faq__sign::after{top:0;bottom:0;left:7px;width:2px}
.vp-faq__item[open] .vp-faq__sign::after{transform:scaleY(0)}
.vp-faq__a{padding:0 0 22px;color:var(--vp-muted);max-width:78ch}
.vp-faq__a p+p{margin-top:12px}

/* === footer === */
.vp-foot{background:var(--vp-ink);color:#e9e9e6;padding:clamp(48px,5.5vw,72px) 0 var(--vp-s-32)}
.vp-foot a{color:#e9e9e6}
.vp-foot__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.95fr) minmax(0,0.7fr);gap:clamp(28px,4vw,56px)}
.vp-contact h2{font-family:var(--vp-serif);font-weight:700;font-size:var(--vp-t-h3);letter-spacing:-0.02em;line-height:1.15;margin-bottom:var(--vp-s-16)}
.vp-contact p{color:#a9a9a4;max-width:44ch}
.vp-mail{
  display:inline-block;margin-top:var(--vp-s-16);font-family:var(--vp-serif);font-weight:700;
  font-size:clamp(1.125rem,0.9rem + 1vw,1.5rem);letter-spacing:-0.02em;color:#fff;
  text-decoration:none;padding:6px 0 4px;border-bottom:3px solid var(--vp-accent);
}
.vp-mail:hover{color:#c9c8f4}
.vp-foot__t{font-size:var(--vp-t-cap);letter-spacing:0.14em;text-transform:uppercase;color:#8d8d88;margin-bottom:14px}
.vp-foot__list li a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#cfcfc9;font-size:0.9375rem}
.vp-foot__list li a:hover{color:#fff}
.vp-foot__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--vp-s-16);margin-top:clamp(36px,4vw,56px);color:#8d8d88;font-size:0.875rem}
.vp-foot__logo{font-family:var(--vp-serif);font-weight:700;font-size:1.25rem;letter-spacing:-0.03em;color:#fff;text-decoration:none}
.vp-foot__logo span{color:#8f8ee4}
@media (max-width:820px){.vp-foot__grid{grid-template-columns:1fr}}

/* === cookie banner === */
.vp-cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:var(--vp-paper);border-top:1px solid var(--vp-line);
  padding:var(--vp-s-24) 0;
}
.vp-cookie[hidden]{display:none}
.vp-cookie__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--vp-s-24)}
.vp-cookie__tx{flex:1 1 420px;font-size:0.9375rem;color:var(--vp-muted)}
.vp-cookie__tx b{color:var(--vp-ink);font-weight:600}
.vp-cookie__ac{display:flex;flex-wrap:wrap;gap:12px}

/* === back to top === */
.vp-up{
  position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:45;
  width:52px;height:52px;padding:0;opacity:0;visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease,color .18s ease;
}
.vp-up.is-on{opacity:1;visibility:visible}
.vp-up svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}

/* === legal pages === */
.vp-doc{padding:clamp(40px,5vw,72px) 0 clamp(48px,6vw,88px)}
.vp-doc__h{max-width:60ch;margin-bottom:clamp(28px,3.5vw,44px)}
.vp-doc__h .vp-h1{margin:var(--vp-s-16) 0 12px}
.vp-doc__body{max-width:74ch}
.vp-doc__body h2{font-family:var(--vp-serif);font-weight:700;font-size:var(--vp-t-h3);letter-spacing:-0.02em;line-height:1.2;margin:clamp(28px,3.5vw,44px) 0 12px}
.vp-doc__body p{margin-bottom:12px;color:var(--vp-muted)}
.vp-doc__body ul{display:grid;gap:10px;margin:0 0 16px}
.vp-doc__body li{display:flex;gap:12px;color:var(--vp-muted)}
.vp-doc__body li::before{content:"";width:6px;height:6px;flex:none;margin-top:9px;background:var(--vp-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.vp-doc__back{margin-top:clamp(32px,4vw,48px)}
.vp-404{padding:clamp(56px,8vw,120px) 0;text-align:left}
.vp-404 .vp-h1{margin:var(--vp-s-16) 0}
.vp-404 p{max-width:52ch;color:var(--vp-muted)}
.vp-404__ac{display:flex;flex-wrap:wrap;gap:14px;margin-top:var(--vp-s-32)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;scroll-behavior:auto !important}
}