/* PLAYDAY arcade edition: colourful game artwork, compact browsing, clear controls. */
:root{--paper:#f2f6fc;--ink:#172844;--muted:#62738b;--line:#dce5f0;--purple:#1764ed;--pale:#e4eeff;--accent:#1764ed;--accent-soft:#eaf2ff}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
.wrap{max-width:1420px;padding:0 36px}.site-header{height:78px;background:#fff;border-bottom:3px solid #1764ed}.header-inner{gap:42px}.logo{font-size:27px;letter-spacing:-1.2px;gap:2px;font-weight:900}.logo em{color:#1764ed}.logo-icon{margin-right:9px;width:38px;height:38px;transform:none;border-radius:11px;background:#1764ed}.logo-icon svg{width:31px;height:28px}.main-nav{gap:28px;font-size:14px}.main-nav a:first-child{color:#1764ed}.main-nav a{padding:24px 0}.small-label{font-size:10px;letter-spacing:.6px;font-weight:700;color:#697991}.header-right{gap:24px}.secondary-button{background:#fff;border-color:#ccd9eb;border-radius:8px}.header-right .secondary-button{background:#edf4ff;border-color:#dbe8ff;color:#1558cc;padding:9px 15px}.primary-button{background:#1764ed;color:#fff;border-radius:8px;box-shadow:0 3px 0 #104aaf;padding:11px 22px}.primary-button:hover{background:#0b53d3;color:white}.text-link{color:#1764ed;font-size:12px}.eyebrow{color:#467293;letter-spacing:1.2px}.eyebrow:before{display:none}
.arcade-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 22px}.arcade-intro h1{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:0 0 6px}.arcade-intro p{font-size:13px;color:#65768b;margin:0}.spotlight-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:18px}.spotlight{position:relative;border-radius:14px;overflow:hidden;display:block;isolation:isolate}.spotlight-main{height:302px;background:#086345}.spotlight-main>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-1;transition:transform .3s}.spotlight-main:hover>img{transform:scale(1.025)}.spotlight-copy{padding:30px 34px;color:#fff}.feature-label{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#a8e3c6}.spotlight-copy h2{font-size:53px;line-height:.99;letter-spacing:-1.8px;margin:15px 0 12px}.spotlight-copy p{margin:0 0 18px;color:#c4ead4;font-size:13px}.play-cta{display:inline-flex;align-items:center;gap:27px;background:#ffda3f;color:#24341d;padding:10px 18px;font-size:13px;font-weight:800;border-radius:7px;box-shadow:0 3px 0 #d6a926}.play-cta span{font-size:11px}.spotlight-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.mini-feature{min-height:143px;background:#172657;color:#fff}.feature-bricks{background:#1e2d72}.feature-space{background:#101b3e}.mini-feature>img{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 20%)}.mini-feature>div{padding:20px 24px}.mini-feature .feature-label{color:#90b7ff;font-size:9px}.mini-feature h2{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:7px 0 12px}.mini-play{font-size:11px;color:#ffd963;font-weight:700}.feature-space .feature-label{color:#64d8df}.spotlight:hover{color:inherit;box-shadow:0 5px 18px #14284c20}.quick-genres{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:21px 0 28px}.quick-genres>a{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;color:#344760;padding:11px 9px;border:1px solid #dce5ef;background:#fff;border-radius:9px;box-shadow:0 2px 0 #e6ecf5;white-space:nowrap}.quick-genres>a:hover{border-color:#9cbdee;background:#f9fbff;transform:translateY(-1px)}.quick-genres span{font-size:22px;line-height:1;color:#1764ed}.quick-genres .genre-logic span{color:#ef8e16}.quick-genres .genre-action span{color:#eb5559}.quick-genres .genre-memory span{color:#8b4bd0}.quick-genres .genre-numbers span{font-size:13px;color:#108a90}.quick-genres .genre-words span{font-size:17px;color:#d07721}.quick-genres .genre-strategy span{color:#1764ed}.quick-genres .genre-quick-play span{color:#d74a7b}
.section-top{margin:0 0 16px;align-items:center}.section-top h2{font-size:22px;letter-spacing:-.6px}.section-top p{font-size:12px;color:#6e7d90;margin-top:4px}body[data-game=none] .featured-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.game-card{background:#fff;border-radius:11px;box-shadow:0 2px 5px #173a6510;border:1px solid #dfe7f1;overflow:hidden}.game-card .thumb{aspect-ratio:1.43;border-radius:10px 10px 0 0;position:relative;background:#d9e9fb}.game-card:hover{border-color:#9cbcf2;box-shadow:0 6px 16px #1d4a8520}.game-card .thumb:after{content:'▶';position:absolute;right:11px;bottom:10px;background:#fff;color:#1764ed;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:10px;box-shadow:0 2px 6px #0a173f25;opacity:0;transform:translateY(4px);transition:all .15s}.game-card:hover .thumb:after,.game-card:focus-within .thumb:after{opacity:1;transform:none}.card-body{padding:11px 12px 12px}.card-body h3,.catalog-grid .card-body h3{font-size:13px;font-weight:750;margin-right:20px;color:#1b304f}.card-body p{color:#64768e;font-size:10px;line-height:1.5}.card-meta{font-size:10px;color:#63738a;margin-top:7px}.save-button{right:6px;top:6px;color:#7b8ca4;font-size:22px}.save-button[aria-pressed=true]{color:#f05c72}.level-dot{background:#20ae79}.game-card[data-level="8"] .level-dot,.game-card[data-level="9"] .level-dot,.game-card[data-level="10"] .level-dot{background:#ef5f55}.game-card[data-level="4"] .level-dot,.game-card[data-level="5"] .level-dot,.game-card[data-level="6"] .level-dot,.game-card[data-level="7"] .level-dot{background:#eba720}.ribbon{background:#ffda46;color:#51380d;top:10px;left:10px;font-size:8px;letter-spacing:.5px;padding:4px 7px;border-radius:4px}.catalog-section{margin-top:32px;padding-top:26px;border-top:1px solid #dce5f0}.catalog-toolbar{margin:15px 0 13px;gap:12px}.search input{padding-top:12px;padding-bottom:12px;border-color:#cfdcec;border-radius:8px;background:#fff;font-size:13px}.sort{background:#fff;border-color:#cfdcec;font-size:12px;padding:12px 14px;border-radius:8px}.filter-row{gap:7px;margin-bottom:19px}.filter{font-size:11px;min-height:34px;padding:7px 13px;background:#fff;border:1px solid #dbe4f0;border-radius:6px;color:#536983}.filter.active{color:#fff;background:#1764ed;border-color:#1764ed}.filter[data-filter="Logic"].active{background:#b66c0a;border-color:#b66c0a}.filter[data-filter="Action"].active{background:#ce444b;border-color:#ce444b}.filter[data-filter="Memory"].active{background:#7540bd;border-color:#7540bd}.filter[data-filter="Numbers"].active{background:#117e86;border-color:#117e86}.filter[data-filter="Words"].active{background:#ae6b18;border-color:#ae6b18}.filter[data-filter="Quick play"].active{background:#be3767;border-color:#be3767}.filter[data-view]{background:transparent;border-style:dashed}.filter[data-view].active{background:#dfeaff;color:#1555bd;border-style:solid;border-color:#b6cdf4}.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:19px 16px}.result-count{font-size:11px;color:#6a7e95}.load-row{margin:28px 0 32px}.load-row .secondary-button{padding:11px 27px;color:#1764ed;border-color:#b6cdf1;background:#fff}.break-banner{background:#ffdf57;border:1px solid #f0ce46;border-radius:12px;margin:32px 0;padding:25px 28px}.break-banner .eyebrow{color:#806212;font-size:10px}.break-banner h2{font-size:25px;color:#40351c;margin-top:3px}.break-banner p{color:#796124;font-size:12px}.break-banner .primary-button{background:#1b304c;box-shadow:0 3px 0 #0e1e34}.guide-grid{gap:16px;margin-bottom:35px}.guide-card{background:#fff;border-color:#dce5ef;border-radius:10px;padding:20px}.guide-card:nth-child(3n+1){border-top:4px solid #ffb92d}.guide-card:nth-child(3n+2){border-top:4px solid #9772e0}.guide-card:nth-child(3n){border-top:4px solid #43be81}.guide-card .number{color:#60738d;font-size:10px}.guide-card h3{font-size:16px}.guide-card p{color:#687a91}.site-footer{background:#e7eef8;border-color:#d5dfed;margin-top:30px;padding:30px 0 20px}.footer-bottom{border-color:#d1dcec;color:#7487a0}.footer-copy{color:#617591}.footer-links{color:#3c5676}.breadcrumb{color:#627895;margin:20px 0}.page-heading{padding:8px 0 20px}.page-heading h1{color:#18314f;font-size:38px;letter-spacing:-1.2px}.challenge-subtitle{font-size:.6em;color:#5780ab}.page-heading p{color:#657b95;font-size:14px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.game-panel{border:1px solid #c9d9ed;border-top:4px solid var(--accent);background:#fff;border-radius:12px;padding:20px}.game-board{background:var(--accent-soft);border-radius:10px;padding:20px 10px;min-height:350px}.game-status{color:#264969;margin:16px 0 12px}.game-tools .primary-button{background:var(--accent);box-shadow:0 3px 0 color-mix(in srgb,var(--accent),#000 22%)}.game-tools .save-button{margin-right:0}.game-board.is-paused:after{background:#eaf3fff5;color:#17446e}.game-intro{width:100%;max-width:360px;color:#44617f}.game-cover-intro{width:240px;max-width:85%;height:auto;border-radius:10px;box-shadow:0 6px 16px #12356222}.game-intro p{font-size:13px;padding:0 15px}.cell{background:#d7e8ff;border-color:#b7d3f5;color:#254e7a;border-radius:8px;box-shadow:0 3px 0 #9cbbe033}.cell.revealed{background:#fff2af;color:#875a0a;border-color:#e5cb69}.cell.lit{background:#ffe258;color:#765717;border-color:#d3ad2d}.cell.fixed{background:#c3daec;color:#1f4d74}.cell.selected{outline-color:#1764ed}.cell.wall{background:#154e5f;border-color:#154e5f}.cell.empty{background:#c1cadb40}.control-button{border-color:#aac4e5;color:#215383;background:#fff;box-shadow:0 3px 0 #bfd2eb}.control-button:hover{background:#e9f2ff}.question{color:#234c79}.answer-button{border-color:#c0d2e9;background:#fff;color:#21466f;box-shadow:0 3px 0 #cad9ec}.answer-button:hover{background:#fff3bc;border-color:#e6bd4e}.answer-form input{border-color:#bed1e7}.clock,.clue{color:#45627e}.echo-pad:nth-child(1){background:#f5676a;color:#46282f}.echo-pad:nth-child(2){background:#49cc9c;color:#174536}.echo-pad:nth-child(3){background:#ffd64f;color:#644a12}.echo-pad:nth-child(4){background:#63a9f7;color:#153b6f}.echo-pad.lit{background:#fff!important;outline:4px solid #ffcd32}.reaction-panel{background:#426b9d}.reaction-panel.waiting{background:#c6474f}.reaction-panel.ready{background:#198759}.side-panel{background:#fff;border-color:#d9e4ef;border-radius:11px;padding:22px}.side-panel h2{color:#274a70}.side-panel p{color:#647991}.stat-row span{color:#657a92}.stat-row strong{color:#27496c}.game-description h2{color:#244569}.game-description p,.game-description li{color:#61768d}.result-note{color:#496b88}.article{background:#fff;max-width:850px;padding:30px 38px;border:1px solid #dce5ef;border-radius:12px}.article h1{color:#203d60;font-size:38px}.article p,.article li{color:#5b718a}.article-toc{background:#eaf2ff}.article a{color:#1764ed}.article .updated{color:#6b829d}.toast{background:#193959}.empty-state{background:white;border-color:#aac4e5;color:#57718c}
body[data-category="Logic"]{--accent:#da8c16;--accent-soft:#fff4d9}body[data-category="Memory"]{--accent:#7848c3;--accent-soft:#eee5fc}body[data-category="Action"]{--accent:#dc5257;--accent-soft:#fff0ec}body[data-category="Numbers"]{--accent:#108a94;--accent-soft:#e2f5f4}body[data-category="Words"]{--accent:#c48117;--accent-soft:#fff2d5}body[data-category="Strategy"]{--accent:#1b73cc;--accent-soft:#e4f0ff}body[data-category="Quick play"]{--accent:#cf4972;--accent-soft:#ffebf1}
body[data-game="memory"] .cell{background:#9669d8;color:#fff;border-color:#7a4dbe;box-shadow:0 4px 0 #623ba1}body[data-game="memory"] .cell.revealed{background:#ffdf63;border-color:#edbd26;color:#65309b;box-shadow:0 4px 0 #c79b23}body[data-game="lights"] .game-board,body[data-game="simon"] .game-board{background:#1c2f4f}body[data-game="lights"] .cell{background:#334e70;border-color:#456284;color:#91acca}body[data-game="lights"] .cell.lit{background:#ffe063;border-color:#ffe063;color:#86601b}body[data-game="mines"] .cell{background:#a6d971;border-color:#7cb34e;color:#245e27}body[data-game="mines"] .cell.revealed{background:#ecf5ce;border-color:#cadaac}body[data-game="sudoku"] .game-board{background:#e5f4ff}body[data-game="slide"] .cell{background:#ffd268;border-color:#e6ac40;color:#77460b}body[data-game="slide"] .cell.empty{background:transparent;border-color:transparent;box-shadow:none}body[data-game="hangman"] .cell{background:#cbe98d;border-color:#a6c664;color:#365a24}body[data-game="connect"] .board-grid{background:#236bd1;padding:10px;border-radius:12px}body[data-game="connect"] .cell{background:#eff7ff;border-color:#1253ab;border-radius:50%;box-shadow:inset 0 3px 0 #0c46852a}body[data-game="nim"] .pebbles{color:#16957f}
@media(min-width:1550px){.wrap{max-width:1460px}.spotlight-main{height:325px}.spotlight-copy h2{font-size:59px}.spotlight-copy{padding:34px 39px}}
@media(max-width:1100px){.wrap{padding:0 26px}.header-right .small-label{display:none}.spotlight-grid{grid-template-columns:1.65fr 1fr}.spotlight-main{height:280px}.spotlight-copy{padding:27px}.spotlight-copy h2{font-size:47px}.mini-feature>div{padding:18px}.mini-feature h2{font-size:21px}.quick-genres{gap:7px}.quick-genres>a{font-size:11px;padding:10px 5px;gap:5px}body[data-game=none] .featured-grid,.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-game=none] .featured-grid .game-card:nth-child(n+5){display:none}.main-nav{gap:22px}.game-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:740px){.site-header{height:68px}.wrap{padding:0 20px}.header-inner{gap:28px}.logo{font-size:23px}.logo-icon{width:33px;height:33px}.logo-icon svg{width:28px}.main-nav{font-size:12px;gap:21px}.arcade-intro{padding:23px 0 17px}.arcade-intro h1{font-size:24px}.arcade-intro>.text-link{display:none}.spotlight-grid{grid-template-columns:1fr;gap:12px}.spotlight-main{height:260px}.spotlight-copy{padding:25px 28px}.spotlight-copy h2{font-size:47px;margin:12px 0}.spotlight-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.mini-feature{min-height:133px}.mini-feature>div{padding:17px}.mini-feature h2{font-size:20px;margin-bottom:10px}.mini-feature>img{width:50%;opacity:.85}.feature-label{font-size:9px;letter-spacing:.7px}.mini-play{font-size:10px}.quick-genres{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 25px}.quick-genres>a{padding:10px 9px;gap:8px;font-size:11px}.section-top h2{font-size:20px}.section-top p{font-size:11px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}body[data-game=none] .featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body[data-game=none] .featured-grid .game-card:nth-child(n+5){display:block}.card-body{padding:10px}.card-body h3,.catalog-grid .card-body h3{font-size:12px}.game-layout{grid-template-columns:1fr}.article{padding:23px}.game-board{min-height:310px}.game-panel{padding:15px}.game-status{font-size:13px}.page-heading h1{font-size:32px}.page-heading p{font-size:13px}.guide-grid{grid-template-columns:1fr}.break-banner{align-items:center}.break-banner h2{font-size:22px}.game-cover-intro{width:200px}.site-footer{margin-top:24px}.header-right{display:none}.game-description h2{font-size:21px}}
@media(max-width:480px){.wrap{padding:0 16px}.main-nav{margin-left:auto;gap:16px}.logo{font-size:22px}.logo-icon{margin-right:6px}.arcade-intro h1{font-size:23px;letter-spacing:-.65px}.arcade-intro p{font-size:12px}.spotlight-main{height:240px}.spotlight-main>img{width:151%;max-width:none;right:-25%;object-fit:cover;object-position:right}.spotlight-copy{padding:22px}.spotlight-copy h2{font-size:43px;max-width:160px}.spotlight-copy .feature-label{font-size:8px;letter-spacing:.5px}.spotlight-copy p{font-size:11px;margin-bottom:15px}.play-cta{padding:8px 14px;font-size:12px;gap:20px}.mini-feature{min-height:131px;border-radius:10px}.mini-feature>div{padding:13px 12px}.mini-feature>img{width:68%;opacity:.72}.mini-feature h2{font-size:18px;max-width:88px;line-height:1.1;margin:8px 0 10px}.mini-feature .feature-label{font-size:8px}.mini-play{font-size:9px}.quick-genres>a{font-size:10px;padding:10px 4px;gap:6px}.quick-genres span{font-size:19px}.quick-genres .genre-numbers span{font-size:11px}.quick-genres .genre-words span{font-size:15px}.section-top{gap:12px}.section-top h2{font-size:19px}.section-top .text-link{font-size:10px}.section-top p{font-size:11px;max-width:240px}body[data-game=none] .featured-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.card-body h3,.catalog-grid .card-body h3{font-size:13px}.game-card .thumb{aspect-ratio:1.42}.card-body{padding:11px}.catalog-section{margin-top:27px;padding-top:22px}.catalog-toolbar{gap:9px}.sort{padding:10px}.filter-row{gap:6px}.filter{padding:6px 10px;min-height:32px;font-size:10px}.break-banner{padding:22px;align-items:flex-start;gap:18px}.break-banner h2{font-size:23px}.game-tools .primary-button,.game-tools .secondary-button{padding:10px 15px}.game-panel{padding:12px}.game-board{padding:17px 8px;min-height:290px}.cell{border-radius:5px}.game-status{font-size:12px}.board-grid{gap:5px}.game-cover-intro{width:180px}.control-button{padding:9px 15px}.article{padding:21px 18px}.article h1{font-size:30px}.article h2{font-size:22px}.footer-main{gap:22px}.footer-links{font-size:11px;gap:15px}.page-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.spotlight-main:hover>img{transform:none}.quick-genres>a:hover{transform:none}}
@media(max-width:480px){.spotlight-copy h2{font-size:40px;max-width:190px}.spotlight-main>img{width:135%;right:-7%}.spotlight-copy .feature-label{font-size:7px;letter-spacing:.4px}}
@media(max-width:360px){.header-inner{gap:14px}.main-nav{gap:10px;font-size:11px}.logo{font-size:21px}.logo-icon{width:29px;height:29px}.logo-icon svg{width:25px}.spotlight-copy h2{font-size:38px}.section-top h2{font-size:18px}.spotlight-copy{padding-left:18px}.mini-feature>div{padding:13px 10px}}
@media(max-width:480px){.spotlight-main:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07583be0,transparent 76%);pointer-events:none}}