/* ChessGameWorld: five compositions, one preserved multilingual catalogue. */
:root{--bg:#f5f0ff;--paper:#fff;--ink:#282043;--muted:#746b88;--line:#ded6ec;--accent:#7346d8;--soft:#e7dcff;--radius:20px;--rail:224px;font-family:Segoe UI,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}input,select,button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.game-grid:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.skip{position:fixed;top:-80px;left:calc(var(--rail) + 12px);padding:14px;background:var(--ink);color:var(--paper);z-index:100}.skip:focus{top:4px}
/* The navigation is always on the left, including small screens. */
.site-header{position:fixed;left:0;top:0;bottom:0;width:var(--rail);display:flex;flex-direction:column;align-items:stretch;padding:27px 18px 18px;border-right:1px solid var(--line);background:var(--paper);z-index:20;overflow:visible}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.8px;font-size:18px;line-height:1.12;direction:ltr}.brand-icon{display:grid;place-items:center;width:42px;height:46px;background:var(--accent);color:#fff;border-radius:13px;font-size:32px;flex-shrink:0}.brand-world{display:block;font-weight:500}.brand small{display:block;font-size:7px;letter-spacing:1.5px;font-weight:500;color:var(--muted);margin-top:8px}.sidebar-caption{display:block;font-size:11px;color:var(--muted);letter-spacing:1px;margin:27px 7px 15px}.main-nav{display:flex;flex-direction:column;gap:7px}.main-nav>a{display:flex;align-items:center;gap:13px;min-height:48px;border-radius:11px;padding:11px 12px;font-size:13px;font-weight:650}.nav-symbol{display:grid;place-items:center;width:22px;font-size:24px;flex-shrink:0}.nav-copy{min-width:0}.nav-end{margin-left:auto;font-size:11px;color:var(--muted)}.main-nav>a:hover{background:var(--soft)}.main-nav>a.active{color:var(--accent);background:var(--soft)}.rail-tools{margin-top:auto;padding-top:22px;display:grid;gap:7px}.rail-tools summary,.rail-privacy{padding:10px 12px;min-height:40px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;list-style:none}.rail-tools summary::-webkit-details-marker{display:none}.rail-tools summary:hover,.rail-privacy:hover{background:var(--soft)}.rail-tools summary>span:first-child,.rail-privacy>span:first-child{font-size:20px;margin-right:7px}.rail-privacy{text-align:left}.language-picker,.design-picker{position:relative}.language-menu,.design-menu{position:absolute;bottom:0;left:calc(100% + 16px);width:200px;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 50px #0003;z-index:30}.language-menu a,.design-menu a{display:block;padding:11px;border-radius:7px;font-size:12px}.language-menu a:hover,.design-menu a:hover,.language-menu a[aria-current=true],.design-menu a[aria-current=true]{background:var(--soft);color:var(--accent)}
.site-main{margin-left:var(--rail);width:calc(100% - var(--rail));min-height:100svh;padding:22px 32px 0;max-width:none}.hero{display:flex;align-items:center;gap:24px;margin:0 0 20px;min-height:82px}.hero>div:first-child{min-width:0;flex:1}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.hero h1{font-size:36px;font-weight:750;letter-spacing:-1.5px;line-height:1.1;margin:8px 0}.hero p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.hero-mark{display:none}.free-label{font-size:10px;white-space:nowrap;color:var(--muted);display:flex;gap:8px;align-items:center}.free-label i{width:6px;height:6px;background:var(--accent);border-radius:50%}.back-link{display:inline-block;font-size:11px;color:var(--muted);margin:0 0 14px}.game-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;scroll-margin-top:10px}.game-stage{min-width:0}#chesser-frame{display:block;width:100%;height:830px;border:0;background:var(--bg);border-radius:var(--radius)}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 4px}.chesser-signature{font-size:14px;font-weight:750;letter-spacing:-.6px}.chesser-signature>span{color:var(--accent)}.full-window{font-size:10px;color:var(--muted)}.full-window:hover{text-decoration:underline}.language-note{font-size:11px;line-height:1.6;color:var(--muted)}
.portal-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.portal-deck>a{display:flex;align-items:center;gap:16px;padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);min-width:0}.deck-symbol{font-size:38px;color:var(--accent);flex-shrink:0}.portal-deck small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.portal-deck strong{display:block;font-size:18px;line-height:1.2;margin:8px 0;font-weight:700}.portal-deck p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.deck-arrow{margin-left:auto;font-size:24px;color:var(--accent)}.portal-deck>a:hover{border-color:var(--accent)}
.advertisement{min-height:78px;display:grid;place-items:center;border-block:1px solid var(--line);margin:25px 0 32px;padding:13px 0;gap:12px;color:var(--muted)}.ad-label{font-size:8px;letter-spacing:2px;text-transform:uppercase}.advertisement button{padding:0;border:0;background:none;text-decoration:underline;font-size:10px;color:var(--muted)}#ad-container:empty{display:none}#ad-container:not(:empty){width:100%;min-height:100px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{font-size:26px;line-height:1.15;letter-spacing:-.8px;margin:8px 0;display:flex;align-items:center;gap:14px}.section-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.collection-count{font:600 12px Segoe UI,Arial,sans-serif;border:1px solid var(--line);border-radius:20px;padding:5px 10px;letter-spacing:0;color:var(--muted)}.collection-tools{display:flex;align-items:center;gap:10px}.search-label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.search-label>span{font-size:26px;color:var(--muted)}.search-label input{width:180px;min-width:0;border:0;background:transparent;color:var(--ink);padding:12px 0;font-size:12px}.catalog-arrows{display:none;gap:5px}.catalog-arrows button{width:38px;height:38px;border:1px solid var(--line);background:var(--paper);border-radius:50%}.game-collection{scroll-margin-top:24px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden;min-width:0}.game-card-image{display:grid;place-items:center;height:140px;padding:16px;background:var(--soft)}.game-card-image img{display:block;width:100%;max-width:250px;height:110px;object-fit:cover;border-radius:10px}.game-card>div{padding:18px}.game-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}.game-card-title>span{color:var(--accent)}.game-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 0}.game-card:hover{border-color:var(--accent)}#search-empty{padding:25px;border:1px dashed var(--line);color:var(--muted);font-size:13px}
.practice-rail{padding:23px;border-radius:18px;background:var(--paper);border:1px solid var(--line);align-self:start}.practice-rail h2{font-size:25px;line-height:1.15;margin:15px 0}.practice-rail>p{font-size:11px;color:var(--muted);line-height:1.8}.practice-rail>a{display:flex;align-items:flex-start;gap:12px;padding:22px 0;border-top:1px solid var(--line)}.practice-rail>a>span:last-child{margin-left:auto}.step-number{font:26px Georgia,serif;color:var(--accent)}.practice-rail strong{font-size:13px;display:block}.practice-rail small{font-size:10px;display:block;margin-top:8px;line-height:1.7;color:var(--muted)}.rail-tip{display:flex;align-items:center;gap:12px;background:var(--soft);padding:15px;font-size:11px;line-height:1.6;border-radius:10px}.rail-tip>span{font-size:28px;color:var(--accent)}
.original-copy{padding:12px 0 32px;max-width:1100px}.original-description{font-size:14px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.original-description a{color:var(--accent);text-decoration:underline}.original-link{display:inline-flex;border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:12px 16px;margin-top:18px;font-size:12px;font-weight:600}.legacy-stage{display:grid;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-height:660px}.legacy-placeholder{text-align:center;max-width:420px;margin:auto;padding:30px}.legacy-placeholder img{border-radius:8px}.legacy-placeholder h2{font-size:23px}.legacy-placeholder p{font-size:13px;color:var(--muted);line-height:1.8}.primary{border:0;border-radius:9px;background:var(--accent);color:var(--paper);font-size:13px;font-weight:600;padding:13px 20px}.legacy-stage iframe{width:100%;height:740px;border:0;background:#fff;border-radius:8px}.legacy-stage ruffle-player{width:100%;height:auto;aspect-ratio:3/2;max-height:750px;min-height:300px}.legacy-provider{display:block;margin:14px 8px;padding:12px 15px;background:var(--soft);color:var(--accent);border-radius:8px;text-align:center;font-weight:600;font-size:13px}
.external-links{border-top:1px solid var(--line);padding:28px 0;margin-top:32px}.external-links h2{font-size:15px;font-weight:600;margin:0 0 16px}.external-links>div{display:flex;flex-wrap:wrap;gap:8px}.external-links a{border:1px solid var(--line);padding:8px 12px;border-radius:7px;font-size:10px;background:var(--paper)}.external-links a:hover{text-decoration:underline}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:10px;color:var(--muted)}.site-footer>a{font-size:13px;font-weight:700;color:var(--ink)}.site-footer>div{display:flex;gap:15px;flex-wrap:wrap}.site-footer button{border:0;background:none;padding:0;font-size:10px}.site-footer a:hover,.site-footer button:hover{text-decoration:underline}.error-page{padding:80px 0}.error-page h1{font-size:38px}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:480px;width:90vw;padding:28px}dialog::backdrop{background:#11182788}dialog h2{font-size:23px;margin-top:0}dialog p{font-size:12px;color:var(--muted);line-height:1.7}dialog fieldset{border:1px solid var(--line);border-radius:9px;padding:12px;margin:16px 0}dialog legend{font-size:12px;font-weight:600}dialog label{display:block;font-size:12px;margin:9px 0}dialog input{accent-color:var(--accent)}#close-privacy{border:0;background:none;margin-left:14px}

/* 1. ARCADE — playful game wall and a substantial navigation sidebar. */
body[data-design=club]{--rail:224px;--bg:#f5edde;--paper:#fff;--accent:#7346d8;--soft:#e7dcff;--radius:22px}
body[data-design=club] .site-header{background:#33224f;color:#f8f4ff;border-color:#4a3767}
body[data-design=club] .brand-icon{background:#ffd583;color:#33224f;border-radius:50% 50% 14px 14px}
body[data-design=club] .sidebar-caption,body[data-design=club] .brand small{color:#bda8d5}
body[data-design=club] .main-nav>a{border-radius:8px 18px 18px 8px;min-height:54px}
body[data-design=club] .main-nav>a.active{background:#ffd583;color:#33224f;transform:translateX(7px)}
body[data-design=club] .main-nav>a:hover{background:#564073;color:#fff}
body[data-design=club] .nav-end,body[data-design=club] .rail-tools summary,body[data-design=club] .rail-privacy{color:#bda8d5}
body[data-design=club] .language-menu,body[data-design=club] .design-menu{color:#282043}
body[data-design=club] .hero-mark{display:flex;align-items:center;justify-content:center;width:90px;height:76px;background:#ffcf80;border-radius:32px 8px 32px 8px;transform:rotate(-5deg);gap:6px}
body[data-design=club] .hero-mark>span{font-size:44px;color:#7346d8}.hero-mark small{font-size:7px;letter-spacing:1px;writing-mode:vertical-rl}
body[data-design=club] .portal-deck{grid-template-columns:1.5fr 1fr 1fr}
body[data-design=club] .portal-deck>a:nth-child(1){background:#ffd583;border-color:#f0c36b;transform:rotate(-.5deg)}
body[data-design=club] .portal-deck>a:nth-child(2){background:#e5dcff}
body[data-design=club] .portal-deck>a:nth-child(3){background:#fbdbe5}
body[data-design=club] .game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
body[data-design=club] .game-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#7346d8;color:#fff}
body[data-design=club] .game-card:first-child .game-card-image{height:100%;min-height:210px;background:#8d65e5}
body[data-design=club] .game-card:first-child p,body[data-design=club] .game-card:first-child .game-card-title>span{color:#e0d3ff}
body[data-design=club] .game-card:nth-child(3n+2) .game-card-image{background:#ffdf99}
body[data-design=club] .game-card:nth-child(3n) .game-card-image{background:#f3cddb}
body[data-design=club] .game-card:nth-child(5n) .game-card-image{background:#cbdedd}

/* 2. NIGHT SHIFT — command workspace; amber replaces the familiar chess green. */
body[data-design=arena]{--rail:88px;--bg:#181c24;--paper:#202630;--ink:#f1eee8;--muted:#a6adb8;--line:#343d49;--accent:#f3ba69;--soft:#343129;--radius:6px;color-scheme:dark}
body[data-design=arena] .site-header{padding:18px 12px;background:#11161e}
body[data-design=arena] .brand{justify-content:center}.brand-icon{transition:background .15s}
body[data-design=arena] .brand-icon{width:48px;height:50px;background:#f3ba69;color:#171d24;border-radius:12px}
body[data-design=arena] .brand-copy,body[data-design=arena] .sidebar-caption,body[data-design=arena] .nav-end,body[data-design=arena] .picker-copy{display:none}
body[data-design=arena] .main-nav{margin-top:28px;gap:11px}
body[data-design=arena] .main-nav>a{flex-direction:column;gap:7px;padding:11px 3px;border-radius:8px;font-size:10px;min-height:58px;font-weight:500}
body[data-design=arena] .nav-copy{max-width:100%;overflow-wrap:anywhere;text-align:center;line-height:1.3}
body[data-design=arena] .nav-symbol{font-size:24px}
body[data-design=arena] .language-picker summary{font-size:0}
body[data-design=arena] .rail-tools summary,body[data-design=arena] .rail-privacy{text-align:center;padding:8px}
body[data-design=arena] .rail-tools summary>span:first-child,body[data-design=arena] .rail-privacy>span:first-child{margin:0}
body[data-design=arena] .site-main{padding:16px 28px 0}
body[data-design=arena] .hero{min-height:44px;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:11px}
body[data-design=arena] .hero h1{font-size:23px;margin:4px 0;letter-spacing:-.5px}
body[data-design=arena] .hero p{display:none}
body[data-design=arena] .eyebrow{font-size:8px}
body[data-design=arena] .game-bottom{border-top:1px solid var(--line);padding-top:10px}
body[data-design=arena] .portal-deck{gap:0;border:1px solid var(--line);border-radius:6px;margin:18px 0}
body[data-design=arena] .portal-deck>a{border:0;border-right:1px solid var(--line);border-radius:0;padding:14px 22px;background:transparent}
body[data-design=arena] .portal-deck>a:last-child{border:0}
body[data-design=arena] .portal-deck strong{font-size:14px;margin:4px 0}
body[data-design=arena] .portal-deck p{display:none}
body[data-design=arena] .deck-symbol{font-size:26px}
body[data-design=arena] .catalog-arrows{display:flex}
body[data-design=arena] .game-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-columns:260px;gap:14px;overflow-x:auto;padding:3px 3px 15px;scroll-snap-type:x proximity}
body[data-design=arena] .game-card{scroll-snap-align:start;background:#202630;border-radius:8px;display:grid;grid-template-columns:80px 1fr;align-items:start;min-height:143px}
body[data-design=arena] .game-card-image{height:100%;min-height:143px;width:80px;padding:8px;background:#2b333f}
body[data-design=arena] .game-card-image img{width:64px;height:76px;border-radius:4px;object-fit:cover}
body[data-design=arena] .game-card>div{padding:13px 10px}
body[data-design=arena] .game-card-title{font-size:12px}
body[data-design=arena] .game-card p{font-size:10px;line-height:1.65}
body[data-design=arena] .primary{color:#181c24}

/* 3. CHESS LIBRARY — an index, not a wall of cards; game controls sit on the left. */
body[data-design=editorial]{--rail:164px;--bg:#f9f8f3;--paper:#fffef8;--ink:#1a1c1d;--muted:#72726c;--line:#cecec4;--accent:#9a7817;--soft:#ece2b8;--radius:0}
body[data-design=editorial] .site-header{padding:24px 18px;background:#171b1c;color:#f9f8f3;border-right:5px solid #dec563}
body[data-design=editorial] .brand{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.15;letter-spacing:-1px}
body[data-design=editorial] .brand-icon{width:42px;height:42px;margin-bottom:16px;background:#dec563;color:#171b1c;border-radius:0}
body[data-design=editorial] .brand-world{font-weight:400;font-size:22px}
body[data-design=editorial] .brand small,body[data-design=editorial] .sidebar-caption{color:#aaa99f}
body[data-design=editorial] .main-nav>a{border-radius:0;gap:9px;border-bottom:1px solid #393b38;font-family:Georgia,serif;font-size:15px;font-weight:400;padding:16px 0}
body[data-design=editorial] .nav-symbol{font-size:19px}
body[data-design=editorial] .nav-end{display:none}
body[data-design=editorial] .main-nav>a.active,body[data-design=editorial] .main-nav>a:hover{background:transparent;color:#dec563}
body[data-design=editorial] .rail-tools summary,body[data-design=editorial] .rail-privacy{color:#aaa99f;padding-left:0}
body[data-design=editorial] .language-menu,body[data-design=editorial] .design-menu{color:var(--ink);border-radius:0}
body[data-design=editorial] .site-main{padding:20px 36px 0}
body[data-design=editorial] .hero{border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:13px 0 17px;align-items:flex-end;min-height:96px}
body[data-design=editorial] .hero h1{font:44px/1.05 Georgia,serif;letter-spacing:-1.6px;margin:7px 0}
body[data-design=editorial] .hero p{display:none}
body[data-design=editorial] .free-label{max-width:160px;white-space:normal;line-height:1.8}
body[data-design=editorial] .portal-deck{display:flex;counter-reset:library-links;border-block:1px solid var(--ink);gap:0;margin:20px 0}
body[data-design=editorial] .portal-deck>a{flex:1;counter-increment:library-links;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:18px}
body[data-design=editorial] .portal-deck>a:last-child{border-right:0}
body[data-design=editorial] .portal-deck>a:before{content:'0' counter(library-links);font:26px Georgia,serif;color:var(--accent)}
body[data-design=editorial] .deck-symbol{display:none}
body[data-design=editorial] .portal-deck strong{font:22px Georgia,serif}
body[data-design=editorial] .section-heading h2{font:34px Georgia,serif;letter-spacing:-1px}
body[data-design=editorial] .game-grid{display:block;counter-reset:archive; border-top:2px solid var(--ink)}
body[data-design=editorial] .game-card{counter-increment:archive;position:relative;display:grid;grid-template-columns:48px 85px minmax(0,1fr);gap:22px;padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;align-items:start}
body[data-design=editorial] .game-card:before{content:counter(archive,decimal-leading-zero);font:28px Georgia,serif;grid-column:1;color:var(--accent)}
body[data-design=editorial] .game-card-image{height:68px;width:85px;padding:0;background:transparent;grid-column:2}
body[data-design=editorial] .game-card-image img{width:85px;height:68px;border-radius:0;filter:saturate(.7)}
body[data-design=editorial] .game-card>div{padding:0;grid-column:3}
body[data-design=editorial] .game-card-title{font:23px Georgia,serif;letter-spacing:-.5px}
body[data-design=editorial] .game-card p{font-size:12px;line-height:1.8;max-width:950px}
body[data-design=editorial] .search-label{border-radius:0;background:transparent}

/* 4. ACADEMY — three-column learning workshop with a real lesson pathway. */
body[data-design=studio]{--rail:236px;--bg:#f3ebe0;--paper:#fffaf1;--ink:#493a30;--muted:#8a7566;--line:#ddcdbb;--accent:#ae5235;--soft:#edddc9;--radius:16px}
body[data-design=studio] .site-header{background:#e7d8c5;border-color:#d4bea5;padding:27px 23px}
body[data-design=studio] .brand-icon{background:#ae5235;border-radius:50%;width:46px;height:46px}
body[data-design=studio] .brand-copy{font-family:Georgia,serif;font-size:21px;font-weight:400}
body[data-design=studio] .brand small{font-family:Segoe UI,Arial,sans-serif}
body[data-design=studio] .sidebar-caption{margin-top:36px;letter-spacing:2px;font-size:9px}
body[data-design=studio] .main-nav{gap:0;counter-reset:curriculum}
body[data-design=studio] .main-nav>a{counter-increment:curriculum;padding:17px 10px;border-radius:0;border-bottom:1px solid #d4bea5;gap:10px}
body[data-design=studio] .main-nav>a.active{background:#fffaf1;border-radius:12px;color:#ae5235}
body[data-design=studio] .nav-symbol{font-size:21px;color:#ae5235}
body[data-design=studio] .nav-end{font-size:16px}
body[data-design=studio] .site-main{padding:21px 28px 0}
body[data-design=studio] .hero h1{font:34px Georgia,serif;letter-spacing:-1px}
body[data-design=studio] .hero .free-label{display:none}
body[data-design=studio] .game-zone{grid-template-columns:minmax(0,1fr) 224px;gap:20px}
body[data-design=studio] .practice-rail{margin-top:35px;border-top:5px solid #ae5235;border-radius:3px 3px 16px 16px}
body[data-design=studio] .practice-rail h2{font-family:Georgia,serif;font-weight:400}
body[data-design=studio] .section-heading h2{font:29px Georgia,serif;letter-spacing:-.5px}
body[data-design=studio] .game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body[data-design=studio] .game-card{display:grid;grid-template-columns:94px 1fr;border:0;border-top:3px solid #c59273;background:var(--paper);border-radius:3px 3px 14px 14px}
body[data-design=studio] .game-card-image{width:94px;height:100%;min-height:160px;padding:12px;background:#edddc9}
body[data-design=studio] .game-card-image img{width:70px;height:90px;border-radius:7px}
body[data-design=studio] .game-card>div{padding:19px 14px}
body[data-design=studio] .game-card-title{font:19px Georgia,serif;line-height:1.15}

/* 5. FOCUS — centred board; a horizontal control console underneath. */
body[data-design=dashboard]{--rail:52px;--bg:#202a30;--paper:#29353b;--ink:#e5eeee;--muted:#9eafb4;--line:#3d4c53;--accent:#85d2d1;--soft:#30464b;--radius:3px;color-scheme:dark}
body[data-design=dashboard] .site-header{padding:15px 6px;background:#182126}
body[data-design=dashboard] .brand{justify-content:center}.brand-icon{border-radius:10px}
body[data-design=dashboard] .brand-icon{width:34px;height:36px;background:transparent;color:#85d2d1;font-size:28px;border-radius:0}
body[data-design=dashboard] .brand-copy,body[data-design=dashboard] .sidebar-caption,body[data-design=dashboard] .nav-copy,body[data-design=dashboard] .nav-end,body[data-design=dashboard] .picker-copy{display:none}
body[data-design=dashboard] .main-nav{margin-top:25px;gap:11px}
body[data-design=dashboard] .main-nav>a{padding:8px 0;justify-content:center;min-height:38px;border-radius:3px;gap:0}
body[data-design=dashboard] .nav-symbol{font-size:22px}
body[data-design=dashboard] .rail-tools summary,body[data-design=dashboard] .rail-privacy{padding:7px 0;text-align:center;font-size:0}
body[data-design=dashboard] .rail-tools summary>span:first-child,body[data-design=dashboard] .rail-privacy>span:first-child{font-size:21px;margin:0}
body[data-design=dashboard] .site-main{padding:12px 26px 0}
body[data-design=dashboard] .hero{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;min-height:0;margin:0}
body[data-design=dashboard] .game-bottom{padding-top:11px;border-top:1px solid var(--line)}
body[data-design=dashboard] .portal-deck{display:flex;justify-content:center;gap:34px;margin:18px 0}
body[data-design=dashboard] .portal-deck>a{padding:8px 0;border:0;background:transparent;border-radius:0;flex:0 1 auto;gap:12px}
body[data-design=dashboard] .portal-deck small,body[data-design=dashboard] .portal-deck p,body[data-design=dashboard] .deck-arrow{display:none}
body[data-design=dashboard] .portal-deck strong{font-size:12px;font-weight:500;margin:0}
body[data-design=dashboard] .deck-symbol{font-size:20px}
body[data-design=dashboard] .game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body[data-design=dashboard] .game-card{border:0;background:transparent;border-radius:0}
body[data-design=dashboard] .game-card-image{height:98px;background:#2b383f;padding:10px;border-radius:3px}
body[data-design=dashboard] .game-card-image img{height:78px;width:100%;max-width:160px;border-radius:2px;opacity:.9}
body[data-design=dashboard] .game-card>div{padding:12px 0}
body[data-design=dashboard] .game-card-title{font-size:12px;font-weight:500}
body[data-design=dashboard] .game-card p{font-size:10px;line-height:1.6}
body[data-design=dashboard] .section-heading h2{font-size:21px;font-weight:500}
body[data-design=dashboard] .primary{color:#1c282d}

@media(min-width:1850px){body[data-design=club] .game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}body[data-design=dashboard] .game-grid{grid-template-columns:repeat(8,minmax(0,1fr))}body[data-design=studio] .game-zone{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1350px){.site-main{padding-inline:22px}.free-label{display:none}body[data-design=club] .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-design=studio]{--rail:198px}body[data-design=studio] .brand-copy{font-size:18px}body[data-design=studio] .game-zone{grid-template-columns:minmax(0,1fr) 190px;gap:14px}body[data-design=studio] .practice-rail{padding:17px}body[data-design=studio] .practice-rail h2{font-size:21px}body[data-design=studio] .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-design=dashboard] .game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.portal-deck>a{padding:18px;gap:10px}.portal-deck strong{font-size:16px}.deck-symbol{font-size:28px}}
@media(max-width:1100px){body[data-design=club]{--rail:184px}body[data-design=club] .brand{font-size:16px}body[data-design=editorial]{--rail:138px}body[data-design=editorial] .brand{font-size:21px}body[data-design=editorial] .brand-world{font-size:18px}body[data-design=studio]{--rail:176px}body[data-design=studio] .site-header{padding-inline:14px}body[data-design=studio] .game-zone{grid-template-columns:1fr}body[data-design=studio] .practice-rail{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;border-top-width:3px}body[data-design=studio] .practice-rail>.eyebrow,body[data-design=studio] .practice-rail>h2,body[data-design=studio] .practice-rail>p,body[data-design=studio] .rail-tip{display:none}body[data-design=studio] .practice-rail>a{padding:10px 5px;border:0}.step-number{font-size:22px}.hero h1{font-size:30px}body[data-design=editorial] .hero h1{font-size:36px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-design=club] .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-design=dashboard] .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-deck p{display:none}.section-heading h2{font-size:23px}.search-label input{width:145px}.site-footer{flex-wrap:wrap}}
@media(max-width:850px){:root,body[data-design=club],body[data-design=arena],body[data-design=editorial],body[data-design=studio],body[data-design=dashboard]{--rail:52px}.site-header,body[data-design=club] .site-header,body[data-design=arena] .site-header,body[data-design=editorial] .site-header,body[data-design=studio] .site-header,body[data-design=dashboard] .site-header{padding:14px 6px;border-right-width:1px}.brand,body[data-design=editorial] .brand{display:flex;justify-content:center}.brand-icon,body[data-design=arena] .brand-icon,body[data-design=studio] .brand-icon,body[data-design=editorial] .brand-icon{width:34px;height:37px;font-size:25px;margin:0}.brand-copy,.sidebar-caption,.nav-copy,.nav-end,.picker-copy{display:none!important}.main-nav,body[data-design=arena] .main-nav,body[data-design=dashboard] .main-nav{margin-top:26px;gap:10px}.main-nav>a,body[data-design=arena] .main-nav>a,body[data-design=editorial] .main-nav>a,body[data-design=studio] .main-nav>a{padding:10px 0;min-height:40px;display:flex;align-items:center;justify-content:center;border:0;gap:0}.nav-symbol,body[data-design=editorial] .nav-symbol{font-size:23px}.main-nav>a.active,body[data-design=club] .main-nav>a.active{transform:none;border-radius:6px}.rail-tools summary,.rail-privacy,body[data-design=editorial] .rail-tools summary,body[data-design=editorial] .rail-privacy{font-size:0;padding:8px 0;text-align:center}.rail-tools summary>span:first-child,.rail-privacy>span:first-child{font-size:21px;margin:0}.site-main,body[data-design=arena] .site-main,body[data-design=editorial] .site-main,body[data-design=studio] .site-main,body[data-design=dashboard] .site-main{padding:15px 18px 0}.hero-mark{display:none!important}.hero{min-height:60px}.hero h1{font-size:27px}body[data-design=editorial] .hero h1{font-size:30px}.hero p{font-size:11px}.portal-deck{gap:10px}body[data-design=club] .portal-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-deck>a{padding:14px;gap:8px}.portal-deck strong{font-size:13px}.deck-symbol{font-size:24px}.deck-arrow{display:none}.portal-deck small{font-size:7px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}.search-label input{width:175px}.game-grid,body[data-design=club] .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-design=dashboard] .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-design=editorial] .game-card{gap:16px;grid-template-columns:32px 70px minmax(0,1fr)}body[data-design=editorial] .game-card-image,body[data-design=editorial] .game-card-image img{width:70px;height:60px}body[data-design=editorial] .game-card-title{font-size:21px}}
@media(max-width:540px){:root,body[data-design=club],body[data-design=arena],body[data-design=editorial],body[data-design=studio],body[data-design=dashboard]{--rail:44px}.site-header{padding-inline:4px!important}.brand-icon{width:30px!important;height:34px!important;font-size:23px!important}.site-main,body[data-design=arena] .site-main,body[data-design=editorial] .site-main,body[data-design=studio] .site-main,body[data-design=dashboard] .site-main{padding:12px 10px 0}.hero{margin-bottom:14px}.hero h1{font-size:23px}body[data-design=arena] .hero h1{font-size:20px}body[data-design=editorial] .hero h1{font-size:27px}body[data-design=studio] .hero h1{font-size:27px}.hero p{font-size:10px}.eyebrow{font-size:7px}.full-window{max-width:170px;text-align:right;font-size:9px}.portal-deck,body[data-design=club] .portal-deck,body[data-design=arena] .portal-deck,body[data-design=editorial] .portal-deck{display:grid;grid-template-columns:1fr;gap:8px;border:0;margin:14px 0}.portal-deck>a,body[data-design=arena] .portal-deck>a,body[data-design=editorial] .portal-deck>a{padding:13px;border:1px solid var(--line);border-radius:8px;gap:12px}.portal-deck strong{font-size:14px;margin:3px 0}.portal-deck small{font-size:7px}.portal-deck p{display:none}.deck-arrow{display:block;font-size:17px}.portal-deck>a:before{font-size:20px!important}.advertisement{margin:18px 0 24px;min-height:68px}.section-heading h2,body[data-design=editorial] .section-heading h2,body[data-design=studio] .section-heading h2{font-size:23px}.section-heading p{font-size:10px}.collection-count{font-size:10px;padding:4px 8px}.collection-tools{width:100%}.search-label{flex:1}.search-label input{width:100%;font-size:11px}.game-grid,body[data-design=club] .game-grid,body[data-design=studio] .game-grid,body[data-design=dashboard] .game-grid{grid-template-columns:1fr;gap:12px}body[data-design=club] .game-card:first-child{grid-column:auto;display:block}.game-card,body[data-design=studio] .game-card,body[data-design=dashboard] .game-card{display:grid;grid-template-columns:85px minmax(0,1fr);border:1px solid var(--line);border-radius:8px}.game-card-image,body[data-design=studio] .game-card-image,body[data-design=dashboard] .game-card-image{width:85px;height:100%;min-height:110px;padding:8px}.game-card-image img,body[data-design=studio] .game-card-image img,body[data-design=dashboard] .game-card-image img{width:68px;height:75px;border-radius:5px}.game-card>div,body[data-design=studio] .game-card>div,body[data-design=dashboard] .game-card>div{padding:13px 10px}.game-card-title{font-size:12px}.game-card p{font-size:10px;line-height:1.7}.game-card:first-child .game-card-image{min-height:110px!important}body[data-design=arena] .game-grid{grid-auto-columns:230px;grid-template-rows:repeat(2,auto)}body[data-design=editorial] .game-card{grid-template-columns:25px 55px minmax(0,1fr);gap:10px;padding:16px 0;border:0;border-bottom:1px solid var(--line)}body[data-design=editorial] .game-card:before{font-size:20px}body[data-design=editorial] .game-card-image,body[data-design=editorial] .game-card-image img{width:55px;height:48px;min-height:0;padding:0}body[data-design=editorial] .game-card-title{font-size:18px}body[data-design=editorial] .game-card>div{padding:0}body[data-design=studio] .practice-rail{grid-template-columns:1fr;padding:10px 14px}.practice-rail>a{padding:13px 0!important;border-bottom:1px solid var(--line)!important}.practice-rail>a:last-of-type{border-bottom:0!important}.practice-rail strong{font-size:13px}.practice-rail small{font-size:10px}.legacy-stage{padding:8px;min-height:420px}.legacy-stage iframe{height:620px}.legacy-placeholder{padding:20px 8px}.original-description{font-size:12px}.original-copy .section-heading{gap:8px}.external-links{margin-top:25px;padding:20px 0}.external-links h2{font-size:13px}.external-links a{font-size:9px}.site-footer{font-size:9px;gap:13px;padding:20px 0}.site-footer>span{display:none}.language-menu,.design-menu{left:calc(100% + 6px);width:185px}dialog{padding:21px}.skip{left:54px}}
.site-header{overflow-y:auto;overflow-x:visible}.brand,.sidebar-caption,.rail-tools{flex-shrink:0}.language-menu,.design-menu{position:fixed;left:calc(var(--rail) + 12px);bottom:24px}html[dir=rtl] .catalog-arrows button{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the full navigation reachable on short screens as portal sections grow. */
.site-header>.brand,.site-header>.sidebar-caption,.site-header>.rail-tools{flex-shrink:0}
.site-header .main-nav{min-height:0;flex-shrink:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:4px}
.site-header .main-nav>a{flex-shrink:0}
/* Keep the original partner copy and banners below the game collection. */
.external-links>.legacy-home-supplement{display:block;max-width:74ch;margin:0 0 20px;line-height:1.7;font-size:13px}
.legacy-home-supplement a{display:inline;border:0;padding:0;background:none;font-size:inherit}
.legacy-links-caption{margin:12px 0;color:var(--muted);font-size:12px}
.external-links .partner-links{align-items:flex-start}
.external-links a.partner-banner{display:flex;flex-direction:column;gap:10px;padding:12px;max-width:260px;font-size:11px}
.partner-banner img{display:block;max-width:100%;width:auto;height:auto;max-height:130px;object-fit:contain;border-radius:4px}
.site-footer>small{font-size:inherit;color:var(--muted)}
@media(max-width:560px){.external-links a.partner-banner{max-width:calc(50% - 4px);padding:8px;font-size:10px}.external-links>.legacy-home-supplement{font-size:12px}}