:root{color-scheme:dark;font-family:Arial,"Segoe UI",sans-serif;color:#f6f5ff;background:#101019;--muted:#a3a2b6;--purple:#9775ff;--line:#ffffff0e;--green:#d4ff62}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;transition:background .2s,transform .2s}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d4ff62;outline-offset:4px}button:active{transform:scale(.98)}.sidebar{width:216px;position:fixed;right:0;top:0;bottom:0;padding:30px 19px;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#14141e;z-index:2}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:23px;letter-spacing:-1px}.logo b{color:#a58aff}.brand-icon{background:#9874ff;color:#14141e;width:33px;height:33px;border-radius:11px;font-size:25px;line-height:29px;text-align:center;font-weight:900}.nav-label{color:#85839a;font-size:12px;margin:44px 12px 17px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;background:transparent;border-radius:10px;padding:13px 12px;font-size:14px;color:#aaa9bf;text-align:right;min-height:45px}nav button:hover{background:#232130}nav button.active{color:#d7c9ff;background:#9673ff1a;box-shadow:inset -3px 0 #a688ff}nav i{font-size:22px;width:22px;text-align:center;font-style:normal}nav hr{width:85%;border:0;height:1px;background:var(--line);margin:15px auto}.sidebar-bottom{margin-top:auto;padding:25px 12px 5px}.sidebar-bottom>span{display:block;font-size:35px;color:#a789ff;margin-bottom:12px}.sidebar-bottom strong{font-size:15px}.sidebar-bottom p{font-size:13px;color:#9290a8;line-height:1.7}.sidebar-bottom small{display:inline-block;font-size:11px;color:#aaa5be;border:1px solid #ffffff12;padding:6px 9px;border-radius:6px;margin-top:20px}.page{margin-right:216px}.topbar{height:81px;padding:0 38px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:13px;color:#9c97af}.breadcrumb span{margin:0 13px;color:#484457}.breadcrumb b{font-weight:400;color:#d8d3e7}.search{margin-right:auto;background:#1c1b28;display:flex;align-items:center;gap:12px;border:1px solid #ffffff09;border-radius:9px;padding:8px 13px;width:355px}.search>span{font-size:27px;line-height:1;color:#ad9ece}.search input{color:#e1daef;background:none;border:0;min-width:0;width:100%;font-size:13px;padding:4px;outline:0}.search:focus-within{border-color:#aa85ff}.search kbd{font-size:12px;color:#aaa1b6;border:1px solid #3f3a50;border-radius:4px;padding:2px 5px}.profile{background:#292333;color:#e0cfab;border:1px solid #514450;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:14px}main{max-width:1550px;margin:auto;padding:32px 38px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#9c97b0;margin-bottom:12px}h1{font-size:30px;line-height:1.3;letter-spacing:-.9px;margin:0;font-weight:800}h1 span{color:#bca1ff}.intro-note{font-size:12px;color:#a49db7;white-space:nowrap}.spotlights{display:grid;grid-template-columns:1.65fr 1fr;gap:17px;min-height:380px}.spotlight{position:relative;overflow:hidden;border-radius:15px;padding:0;text-align:right;isolation:isolate;display:block;border:1px solid #ffffff14;background:#24203f}.spotlight:hover{border-color:#af94ff80;transform:translateY(-3px)}.spotlight canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2;transition:transform .7s}.spotlight:hover canvas{transform:scale(1.035)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#160e39f5 0%,#170b34bd 32%,#0e071417 70%),linear-gradient(0deg,#150d30ad,transparent 30%)}.spotlight-badge{position:absolute;right:28px;top:24px;padding:7px 10px;border-radius:6px;background:#c6b3ff20;border:1px solid #d8caff30;font-size:11px;color:#ddd1ff}.hero-copy{padding:81px 28px 29px;max-width:56%}.hero-kicker{font-size:9px;letter-spacing:2px;color:#d1c2e4;margin-bottom:12px}.hero h2{font-family:Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:-2.5px;font-size:clamp(35px,4.3vw,70px);line-height:.96;margin:0;text-align:right}.hero h2 em{font-style:inherit;color:#d9ff7c}.hero p{font-size:14px;line-height:1.8;color:#c9bfdc;margin:17px 0}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#d4ff62;color:#192012;font-size:14px;font-weight:700;border-radius:8px;padding:12px 19px;min-height:44px;box-shadow:0 4px 30px #caff3518}.primary-cta:hover{background:#e4ff9b}.primary-cta>span{font-size:10px}.hero-tags{display:flex;gap:15px;color:#bdb0d4;font-size:10px;margin-top:17px}.edition{position:absolute;left:18px;bottom:19px;letter-spacing:1px;font-size:9px;color:#ddd1ff88;writing-mode:vertical-rl;transform:rotate(180deg)}.side-spotlights{display:grid;grid-template-rows:1fr 1fr;gap:17px}.mini-shade{position:absolute;inset:0;background:linear-gradient(270deg,#171330ed,transparent 95%);z-index:-1}.mini-copy{padding:22px;position:relative;max-width:68%}.mini-copy>span{font-size:11px;color:#cabfe2}.mini h2{font-size:clamp(24px,2.5vw,38px);font-weight:900;line-height:1;letter-spacing:-1.1px;text-align:right;margin:14px 0 11px}.mini small{color:#c7beda;font-size:12px}.circle-play{position:absolute;left:20px;bottom:23px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff19;border:1px solid #ffffff45;font-size:10px;backdrop-filter:blur(4px)}.library{margin-top:34px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title h2{font-size:21px;margin:0;border-right:4px solid #aa87ff;padding-right:11px}.section-title>span{font-size:12px;color:#9991ae}.chips{display:flex;gap:8px;margin:19px 0 22px}.chips button{font-size:13px;color:#b9b1ca;padding:9px 16px;border:1px solid #ffffff0c;background:#191824;border-radius:8px}.chips button:hover{background:#2a223d}.chips button.active{background:#9878ee;color:#fff;border-color:#a389ee}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 16px}.card{min-width:0}.card-art{position:relative;aspect-ratio:1.42;border-radius:12px;overflow:hidden;border:1px solid #ffffff10;background:#252137}.card-open{display:block;width:100%;height:100%;padding:0;background:none;text-align:right}.card-open canvas{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.card-open:hover canvas{transform:scale(1.07)}.card-caption{position:absolute;inset:auto 0 0;padding:30px 13px 13px;background:linear-gradient(transparent,#0d0a21dd);font-size:20px;font-style:italic;font-weight:900;line-height:1;letter-spacing:-.8px;pointer-events:none;text-align:left;white-space:pre-line}.heart{position:absolute;top:9px;left:9px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#0e0b207a;border:1px solid #ffffff25;font-size:19px;backdrop-filter:blur(8px)}.heart.saved{color:#ff9bc2}.card-tag{position:absolute;top:10px;right:10px;font-size:9px;background:#d6ff78;color:#1b2110;border-radius:4px;padding:4px 6px;font-weight:700;pointer-events:none}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:5px}.card-meta h3{font-size:14px;line-height:1.4;margin:0;font-weight:600}.card-meta p{font-size:11px;color:#aaa0bb;margin:4px 0 0}.card-meta>span{font-size:16px;color:#9386b2}footer{border-top:1px solid var(--line);margin-top:40px;padding:25px 0 5px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9990ac;font-size:11px}footer .logo{font-size:17px;gap:0;color:#b7b0c9}#empty{text-align:center;padding:40px;color:#aaa4be}#clear{padding:12px 18px;background:#9a79ef;border-radius:8px}dialog{background:#14121e;color:#f6f5ff;border:1px solid #65537f66;border-radius:18px;padding:20px;width:min(1040px,96vw);max-height:96dvh;overflow:auto;box-shadow:0 30px 140px #000a}dialog::backdrop{background:#06050cdb;backdrop-filter:blur(12px)}.game-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-header h2{margin:5px 0 0;font-size:23px;letter-spacing:-.6px}.game-header>div>span{font-size:12px;color:#b69bdc}.game-actions{display:flex;gap:7px}.game-actions button,.game-toolbar>button{background:#262131;border:1px solid #ffffff0c;border-radius:8px;min-width:36px;min-height:36px;font-size:19px}.game-actions button[aria-pressed=true]{color:var(--green)}.game-toolbar{display:flex;align-items:center;gap:19px;padding:16px 0 13px}.score-item{display:flex;gap:9px;align-items:center;white-space:nowrap}.score-item>span{color:#aea0be;font-size:12px}.score-item b{font-size:23px;font-variant-numeric:tabular-nums;color:#d6ff82}#best{font-size:18px;color:#d0b3f6}#status{margin-right:auto;font-size:12px;color:#c6bbd4;white-space:pre-wrap;line-height:1.5}#restart span{font-size:12px}#restart{padding:0 11px}#arena{direction:ltr;position:relative;background:#080a19;border-radius:12px;overflow:hidden;min-height:220px}#game{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;touch-action:none;outline:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#070818a8;backdrop-filter:blur(7px);direction:rtl;text-align:center;padding:20px}.overlay-inner{max-width:410px}.overlay-inner>span{font-size:10px;letter-spacing:3px;color:#d3bcff}.overlay-inner h3{font-size:34px;margin:15px 0 10px;letter-spacing:-1px}.overlay-inner p{font-size:15px;color:#cac1d6;line-height:1.8;margin:0 0 22px}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:13px}#instructions{font-size:12px;line-height:1.7;color:#b7adc4;margin:0;max-width:570px}#touch-controls{display:flex;direction:ltr;gap:6px;flex-shrink:0}#touch-controls button{border:1px solid #544762;background:#2b223b;border-radius:8px;min-width:42px;min-height:42px;font-size:19px;touch-action:none}#touch-controls #boost{font-size:11px;color:#d4ff62;padding:0 12px;border-color:#7d934066}#board{padding:22px;display:grid;gap:12px;margin:auto;min-height:330px}#board.memory{grid-template-columns:repeat(4,1fr);max-width:475px}#board.ttt{grid-template-columns:repeat(3,1fr);max-width:360px}#board button{aspect-ratio:1;border:1px solid #8867b34a;background:linear-gradient(145deg,#2d2242,#1c172c);color:#ab8cf2;font-size:32px;border-radius:12px;font-weight:700;transition:transform .2s,background .2s;box-shadow:0 4px 0 #090712}#board button.revealed{background:#7651c4;color:#f1dcff}#board button.matched{background:#263e3c;color:#a0ffe0;border-color:#509a80}#board button:disabled{cursor:default}#board button.winning{background:#654aa0;color:#f3ffb5}dialog:fullscreen{width:100%;height:100%;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center}dialog:fullscreen #arena{width:min(1200px,100%);align-self:center}dialog:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;overflow:auto}dialog:fullscreen #game{max-height:calc(100dvh - 130px)}[hidden]{display:none!important}
@media(min-width:1600px){.spotlights{min-height:450px}.hero-copy{padding-top:106px}}@media(max-width:1200px){.sidebar{width:184px;padding:25px 13px}.logo{font-size:20px;gap:7px}.page{margin-right:184px}main{padding:28px}.topbar{padding:0 28px}.breadcrumb{display:none}.spotlights{min-height:350px;grid-template-columns:1.45fr 1fr}.hero-copy{max-width:68%;padding-right:23px}.hero h2{font-size:43px}.mini-copy{padding:20px;max-width:85%}.mini h2{font-size:28px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-note{display:none}.game-bottom{flex-wrap:wrap}#touch-controls{margin:auto}}@media(max-width:850px){.sidebar{width:73px;padding:25px 10px;align-items:center}.sidebar .logo>span:last-child,.nav-label,.sidebar-bottom,nav button>span{display:none}.sidebar nav{margin-top:30px;width:100%}nav button{padding:12px;gap:0;justify-content:center}.page{margin-right:73px}.topbar{height:70px}.intro h1{font-size:27px}.spotlights{grid-template-columns:1fr;gap:12px}.hero{min-height:355px}.hero h2{font-size:60px}.hero-copy{max-width:55%}.side-spotlights{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:12px}.mini{min-height:155px}.mini-copy{max-width:90%;padding:18px}.mini h2{font-size:26px;margin:10px 0}.mini small{font-size:11px}.mini .circle-play{left:13px;bottom:16px;width:29px;height:29px}.grid{gap:22px 12px}footer>span:last-child{display:none}}@media(max-width:560px){.sidebar{position:static;width:auto;padding:17px 18px 0;align-items:stretch;border:0}.sidebar .logo>span:last-child{display:block}.sidebar .logo{font-size:22px}.sidebar nav{display:flex;margin-top:20px;gap:4px;overflow:auto;padding-bottom:12px}.sidebar nav button>span{display:block}nav button{font-size:12px;white-space:nowrap;gap:6px;padding:9px 11px;min-height:36px}nav i{font-size:16px;width:auto}nav button.active{box-shadow:none}nav hr{display:none}nav button[data-filter=favorites]>span{display:none}.page{margin:0}.topbar{padding:10px 18px;height:62px;gap:13px}.search{width:100%}main{padding:24px 18px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro h1{font-size:25px}.hero{min-height:342px}.hero-copy{padding:75px 23px 23px;max-width:70%}.hero h2{font-size:49px}.hero p{font-size:13px}.hero-tags{font-size:9px}.spotlight-badge{right:23px;top:20px}.mini{min-height:157px}.mini-copy{padding:16px}.mini h2{font-size:23px}.mini-copy>span,.mini small{font-size:10px}.mini .circle-play{display:none}.library{margin-top:27px}.section-title h2{font-size:20px}.chips{gap:6px;margin:16px 0 19px;overflow:auto}.chips button{padding:8px 11px;white-space:nowrap;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.card-art{aspect-ratio:1.25}.card-meta h3{font-size:13px}.card-meta p{font-size:10px}.card-caption{font-size:19px}.card-tag{font-size:8px}.heart{width:28px;height:28px}.game-header h2{font-size:18px}.game-header>div>span{font-size:10px}.game-actions{gap:5px}.game-actions button{min-width:32px;min-height:32px}.game-toolbar{gap:11px;flex-wrap:wrap}.score-item{gap:6px}.score-item>span{font-size:10px}.score-item b{font-size:20px}#status{order:5;width:100%;margin:0;text-align:center;font-size:11px}.game-toolbar>button{min-height:31px;min-width:31px}#pause{margin-right:auto}#restart span{display:none}dialog{padding:14px;border-radius:14px}#game{min-height:220px;object-fit:contain}.overlay-inner h3{font-size:27px}.overlay-inner p{font-size:13px;margin-bottom:15px}.overlay-inner>span{font-size:8px}.overlay-inner .primary-cta{font-size:13px;padding:10px 18px;min-height:40px}#board{padding:16px;gap:10px;min-height:260px}#board button{font-size:26px}#instructions{font-size:11px}footer{font-size:10px;flex-wrap:wrap;gap:12px}footer .logo{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:851px) and (max-width:1200px){.hero h2{font-size:40px}}@media(max-width:560px){.hero-copy{max-width:80%}.hero h2{font-size:clamp(30px,10vw,42px)}.mini-copy{max-width:100%}.mini h2{font-size:clamp(17px,5vw,23px)}}

#game-frame{display:block;width:100%;aspect-ratio:3/2;max-height:78dvh;border:0;border-radius:14px;background:#000;margin-top:12px}
#frame-dialog:fullscreen #game-frame{max-height:none;height:78dvh;aspect-ratio:auto}
@media (pointer:coarse),(max-width:700px){#game-frame{aspect-ratio:auto;height:min(72dvh,640px)}}
/* ---- multilingual shell, landing pages ---- */
[hidden]{display:none!important}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:#d4ff62;color:#111;padding:8px 14px;z-index:99}.skip:focus{top:8px}
nav a{display:flex;align-items:center;gap:13px;border-radius:10px;padding:13px 12px;font-size:14px;color:#aaa9bf;min-height:45px}nav a:hover{background:#232130}nav a.active{color:#d7c9ff;background:#9673ff1a}nav a i{font-size:22px;width:22px;text-align:center;font-style:normal}
.breadcrumb a{color:#9c97af}.breadcrumb a:hover{color:#fff}
.langs{position:relative;margin-inline-start:auto}.langs summary{list-style:none;cursor:pointer;background:#1c1b28;border:1px solid #ffffff12;border-radius:9px;padding:9px 13px;font-size:13px;color:#d8d3e7}.langs summary::-webkit-details-marker{display:none}
.langs div{position:absolute;inset-inline-end:0;top:44px;background:#1c1b28;border:1px solid #ffffff18;border-radius:12px;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:300px;max-height:70vh;overflow:auto;z-index:20;box-shadow:0 20px 50px #0009}.langs div a{padding:9px 12px;border-radius:8px;font-size:13px;color:#d8d3e7}.langs div a:hover,.langs div a[aria-current]{background:#9673ff26}
.search{margin-right:0;margin-inline-start:auto}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:12px 0}.pills a,.pills span{display:inline-block;background:#1c1b28;border:1px solid #ffffff10;border-radius:999px;padding:8px 14px;font-size:13px;color:#d8d3e7}.pills a:hover{border-color:#aa85ff}.pills small{color:#8e89a5;margin-inline-start:4px}.pills.big a{font-size:18px;padding:12px 20px}
.prose{max-width:860px;margin-top:40px}.prose h2,.gp h2{font-size:20px;margin:32px 0 10px}.gp h3{font-size:16px;margin:18px 0 6px}.gp p,.gp li,.prose p{line-height:1.8;color:#cfcbe0;font-size:15px}.lead{font-size:16px!important;color:#e6e2f5!important}
.gp{max-width:960px}.gp-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}.gp-cover{position:relative;display:block;padding:0;border-radius:15px;overflow:hidden;border:1px solid #ffffff14;background:#24203f;aspect-ratio:12/7}.gp-cover canvas{width:100%;height:100%;display:block}.gp-cover .primary-cta{position:absolute;inset-inline:auto;bottom:16px;inset-inline-start:16px}
.gp-head h1{margin:0}.gp-sub{color:#9c97af;margin:6px 0}.gp-free{color:#a49db7;font-size:13px}
.gp details{background:#171623;border:1px solid #ffffff0d;border-radius:10px;padding:12px 16px;margin:8px 0}.gp summary{cursor:pointer;font-weight:700}
a.card-open,a.spotlight{display:block}.card-open{position:relative}
.site-foot{display:flex;gap:20px;align-items:center;padding:30px 38px;color:#8e89a5;font-size:13px;border-top:1px solid var(--line);margin-inline-end:216px}
.root-main{max-width:640px;margin:12vh auto;padding:0 20px;text-align:center}.root-main .logo{justify-content:center;margin-bottom:24px}
@media(max-width:900px){.gp-hero{grid-template-columns:1fr}}
/* LTR mirror */
html[dir=ltr] .sidebar{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}html[dir=ltr] .page{margin-right:0;margin-left:216px}html[dir=ltr] nav button,html[dir=ltr] nav a{text-align:left}html[dir=ltr] nav button.active{box-shadow:inset 3px 0 #a688ff}html[dir=ltr] .site-foot{margin-inline-end:0;margin-left:216px}
@media(max-width:850px){nav a>span{display:none}nav a{justify-content:center;padding:12px;gap:0}html[dir=ltr] .sidebar{left:0}html[dir=ltr] .page{margin-left:73px}html[dir=ltr] .site-foot{margin-left:73px}.site-foot{margin-inline-end:73px}.langs div{width:240px}}
@media(max-width:560px){nav a>span{display:block}nav a{font-size:12px;white-space:nowrap;gap:6px;padding:9px 11px;min-height:36px;justify-content:flex-start}nav a i{font-size:16px;width:auto}nav a.active{box-shadow:none}nav hr{display:none}html[dir=ltr] .page,html[dir=ltr] .site-foot,.site-foot{margin:0}html[dir=ltr] .sidebar{border:0}.langs{margin-inline-start:auto}.search{width:100%;order:3}.gp-hero{grid-template-columns:1fr}}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0}
.credits{margin-top:32px;padding:18px 20px;background:#171623;border:1px solid #ffffff10;border-radius:12px}.credits h2{margin-top:0!important}.credits dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 12px}.credits dt{color:#8e89a5;font-size:13px}.credits dd{margin:0;color:#e1dcf0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.credits a{color:#d4ff62}
.report-btn{display:inline-block;border:1px solid #ff8a7a66;color:#ffb3a8!important;border-radius:999px;padding:9px 16px;font-size:13px}.report-btn:hover{background:#ff8a7a1a}

/* games play inline on their own landing page (no modal) */
.game-page dialog{position:static;inset:auto;margin:0 0 24px;width:100%;max-height:none;box-shadow:none;transform:none}
.game-page dialog:not([open]){display:none}
.game-page #close,.game-page #frame-close{display:none}
.game-page:has(#frame-dialog[open]) .gp-cover{display:none}
.gp{max-width:1080px}.gp-head{margin-bottom:14px}.gp-cover{margin-bottom:20px}
.game-page .game-header>div:first-child{display:none}.game-page .game-header{justify-content:flex-end}
#overlay-kicker{direction:ltr;unicode-bidi:isolate}html[dir=ltr] #overlay,html[dir=ltr] .overlay-inner{direction:ltr}

/* ---- design polish round ---- */
.mini{display:flex!important;align-items:flex-end;min-height:170px}
.mini-shade{background:linear-gradient(0deg,#0d0b1cf0 0%,#0d0b1c99 38%,#0d0b1c00 75%)!important}
.mini-copy{max-width:100%!important;width:100%;padding:16px 20px!important}
.mini h2{font-size:clamp(20px,2vw,28px)!important;margin:4px 0 6px!important;text-shadow:0 2px 14px #000}
.mini small{display:block;max-width:34em;color:#d6cfe8}
.gp-head{margin-bottom:10px}
.gp-head h1{font-size:clamp(28px,3.4vw,40px);line-height:1.15}
html[dir=rtl] .gp-sub{text-align:right}
.gp-sub{margin:2px 0 4px;font-size:14px}
.pills{margin:8px 0 14px}
.card{transition:transform .18s,border-color .18s,box-shadow .18s}
.card:hover{transform:translateY(-4px);border-color:#af94ff80;box-shadow:0 12px 30px #0008}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #d4ff62;outline-offset:2px;border-radius:8px}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.gp section{scroll-margin-top:90px}
.gp section h2{border-inline-start:4px solid var(--purple);padding-inline-start:10px}
.share{margin:14px 0}.share h2{font-size:16px!important;margin:0 0 10px!important;border:0!important;padding:0!important}
.share-row{display:flex;flex-wrap:wrap;gap:8px}
.share-btn{display:inline-flex;align-items:center;padding:9px 15px;border-radius:999px;background:#1c1b28;border:1px solid #ffffff18;color:#f6f5ff;font:600 13px Arial,sans-serif;text-decoration:none;cursor:pointer}
.share-btn:hover{border-color:#af94ff80;background:#26233a}
.site-foot{flex-wrap:wrap}.foot-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-inline-start:auto}.foot-links a{color:#a9a4c2;text-decoration:none}.foot-links a:hover{color:#fff;text-decoration:underline}
.chips{overflow-x:auto;scrollbar-width:none;max-width:100%}.chips::-webkit-scrollbar{display:none}.chips button{flex:none;white-space:nowrap}.page,main{min-width:0}html,body{overflow-x:hidden}
@media(pointer:coarse){.chips button,nav a,.foot-links a,.langs summary{min-height:44px;display:inline-flex;align-items:center}.foot-links{gap:4px 8px}}a,button,summary,[role=button]{cursor:pointer}
.pc-search{width:100%;max-width:520px;margin:14px 0 20px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:#191824;color:#fff;font-size:15px}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.pc-card{display:flex;flex-direction:column;gap:4px;padding:0 0 12px;border:1px solid var(--line);border-radius:12px;background:#171622;text-decoration:none;color:#fff;overflow:hidden}
.pc-card[hidden]{display:none}.pc-card img{width:100%;height:auto;aspect-ratio:230/108;object-fit:cover;background:#221f33}
.pc-card b,.pc-card span{padding:0 12px}.pc-card span{font-size:12px;color:#a3a2b6}.pc-card:hover{border-color:#a688ff}
.pc-head{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.pc-head img{max-width:100%;height:auto;border-radius:12px}.pc-head ul{list-style:none;padding:0;margin:0;color:#cfcbe0;line-height:2}
.pc-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pc-spec pre{white-space:pre-wrap;background:#171622;border:1px solid var(--line);padding:14px;border-radius:12px;font:13px/1.7 Arial,sans-serif;color:#cfcbe0}
.pc-check{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#171622}.pc-check label{display:block;margin:8px 0}.pc-check select,.pc-check input{padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:#101019;color:#fff}.pc-check button{padding:9px 20px;border-radius:10px;background:#9878ee;color:#fff}
.area-switch{display:flex;flex-direction:column;gap:6px;margin:14px 0 6px}.area-switch a{padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.3;color:#b9b1ca;background:#191824;border:1px solid var(--line);text-decoration:none}.area-switch a.on{background:#2a223d;color:#fff;border-color:#a688ff}
@media(max-width:850px){.area-switch a{font-size:0}.area-switch a::first-letter{font-size:18px}.area-switch a{padding:8px;text-align:center}}
.pc-plats{flex-wrap:wrap}.pc-plats a{padding:7px 13px;border:1px solid #ffffff0c;background:#191824;border-radius:8px;font-size:13px;color:#b9b1ca;text-decoration:none;white-space:nowrap}.pc-plats a.on{background:#9878ee;color:#fff}.pc-plats small{opacity:.6}
.pc-abc a{padding:6px 10px;min-width:34px;text-align:center}
.pc-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:14px 0}.pc-shots img{width:100%;height:auto;border-radius:10px}

.pc-toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 22px;padding:12px 14px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08;position:sticky;top:8px;z-index:5;backdrop-filter:blur(8px)}.pc-toc b{margin-inline-end:6px;color:var(--muted)}.pc-toc a{padding:6px 12px;border-radius:99px;background:#ffffff0d;color:inherit;text-decoration:none;font-size:14px}.pc-toc a:hover{background:#9775ff33}.pc-page section[id]{scroll-margin-top:90px}.pc-facts{width:100%;border-collapse:collapse}.pc-facts th,.pc-facts td{padding:9px 12px;border-bottom:1px solid #ffffff12;text-align:start;vertical-align:top}.pc-facts th{width:34%;color:var(--muted);font-weight:600}.pc-chars{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.pc-chars li{padding:12px 14px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06}.pc-chars em{display:block;color:var(--purple);font-style:normal;font-size:13px;margin:2px 0 6px}.pc-chars p{margin:0;font-size:14px}.pc-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc-pc>div{padding:12px 16px;border-radius:12px;background:#ffffff08}@media(max-width:700px){.pc-pc{grid-template-columns:1fr}.pc-toc{position:static}}

/* ===== Design pass v2: tokens, type scale, depth ===== */
:root{--bg:#0d0c16;--bg2:#12111d;--card:#181727;--card2:#1e1c30;--line2:#ffffff1a;--txt:#f4f2ff;--mut:#a9a6c2;--acc:#8f7bff;--acc2:#4dd8ff;--lime:#d4ff62;--r:16px;--shadow:0 10px 30px #0006,0 1px 0 #ffffff0d inset;--fs-body:15.5px;--fs-h1:clamp(28px,3.4vw,44px);--fs-h2:clamp(20px,2vw,26px);
font-family:system-ui,"Segoe UI Variable Text","Segoe UI","Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--txt);--muted:var(--mut);--purple:var(--acc);--green:var(--lime)}
body{background:radial-gradient(1100px 520px at 85% -8%,#5a3fd233,transparent 60%),radial-gradient(900px 480px at 5% 8%,#1fb6d81f,transparent 55%),var(--bg);background-attachment:fixed;font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:800}
h2{font-size:var(--fs-h2);font-weight:750}
h3{font-size:17px;font-weight:700}
p,li{text-wrap:pretty}
.prose p,.prose li{color:#dcd9ee}.prose .lead,.lead{font-size:clamp(17px,1.5vw,19.5px);color:#ece9ff;line-height:1.75}
.prose h2{margin-top:2.2em;padding-inline-start:12px;border-inline-start:3px solid var(--acc);border-image:linear-gradient(var(--acc),var(--acc2)) 1}
.sidebar{background:linear-gradient(180deg,#171526,#11101c);border-color:var(--line2)}
.logo b{background:linear-gradient(90deg,#b7a4ff,var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-icon{background:linear-gradient(135deg,#a48cff,#6f5cf2);box-shadow:0 6px 18px #6f5cf255}
nav button{transition:background .18s,color .18s,transform .18s}nav button:hover{color:#fff;background:#ffffff0f;transform:translateX(-2px)}nav button.active{background:linear-gradient(270deg,#8f7bff2e,transparent);color:#fff;box-shadow:inset -3px 0 var(--acc)}
.topbar{background:#0d0c16b3;backdrop-filter:blur(14px);position:sticky;top:0;z-index:4;border-color:var(--line2)}
.search{background:var(--card);border-color:var(--line2);transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px #8f7bff22}
.pc-card,.pc-toc,.pc-chars li,.pc-pc>div,.gp-cover,.card,article.card{border-radius:var(--r)}
.pc-card{background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow);transition:transform .2s,border-color .2s,box-shadow .2s}.pc-card:hover{transform:translateY(-4px);border-color:#8f7bff88;box-shadow:0 16px 36px #0008,0 0 0 1px #8f7bff44}
.pc-card b{font-size:15px;font-weight:700}
.primary-cta{background:linear-gradient(180deg,#e2ff85,var(--lime));color:#10130a;font-weight:800;border-radius:12px;box-shadow:0 8px 22px #d4ff6233,0 1px 0 #fff8 inset;transition:transform .18s,box-shadow .18s}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d4ff6255}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}
.pc-toc{background:#171526cc;border-color:var(--line2)}.pc-toc a{background:#ffffff0f;transition:background .18s,transform .18s}.pc-toc a:hover{background:#8f7bff40;transform:translateY(-1px)}
.pc-facts th{color:var(--mut)}.pc-chars li{background:var(--card);border-color:var(--line2);box-shadow:var(--shadow)}
section details,.prose details{border:1px solid var(--line2);border-radius:12px;background:var(--card);margin:8px 0;padding:0 14px;transition:border-color .2s}section details[open]{border-color:#8f7bff66}section details summary{cursor:pointer;padding:13px 0;font-weight:650;list-style-position:inside}section details p{margin:0 0 14px}
.site-foot{border-top:1px solid var(--line2);color:var(--mut)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Heebo (SIL OFL), self-hosted variable font */
@font-face{font-family:"Heebo";src:url(/fonts/heebo-var.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:"Heebo",system-ui,"Segoe UI",Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{font-family:"Heebo",system-ui,sans-serif}

.pc-embed{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line2);background:#000}.pc-embed iframe{display:block;width:100%;max-width:100%;border:0;aspect-ratio:16/10;height:auto}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:28px}.shots figure{margin:0}.shots img{width:100%;height:auto;aspect-ratio:16\/9;object-fit:cover;border-radius:10px;border:1px solid #ffffff10;display:block}.shots figcaption{color:#8e89a5;font-size:12px;margin-top:4px}