@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap');
:root{color-scheme:dark;--navy:#07101e;--panel:#091523ec;--line:#8bbbe438;--text:#f2f5fa;--muted:#b9c6d8;--gold:#efbf68;--teal:#8ce5df}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--navy);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px}body:before{content:'';position:fixed;inset:0;z-index:-2;background:url('assets/castle-world-v3.png') center/cover no-repeat}.library:after,.detail:after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#07101e65,#07101ef0 75%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}header{width:100%;max-width:1480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:#061120aa;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:700 28px Outfit,sans-serif;letter-spacing:-.8px}.logo-icon{position:relative;display:block;overflow:hidden;width:50px;height:43px;flex:none}.logo-icon img{position:absolute;width:150px;left:-2px;top:-5px}nav{display:flex;gap:30px;align-items:center}header nav a{padding:10px 8px;font-size:15px}nav a:hover,.text-link:hover,.breadcrumb:hover{color:var(--teal)}h1,h2,p{margin-top:0}h1,h2{font-weight:500}h1{font-size:42px;letter-spacing:-1.1px}h2{font-size:26px;font-family:Georgia,serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-70px;background:var(--navy);padding:14px;z-index:10}.skip:focus{top:0}.home{min-height:100svh;display:flex;flex-direction:column}.home main{flex:1;display:flex;align-items:end;width:100%;padding:0 4vw}.home-featured{max-width:1400px;width:100%;margin:clamp(360px,52vh,720px) auto 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 10px;text-shadow:0 2px 10px #000}.section-heading h2{font:500 16px 'DM Sans',sans-serif;margin:0}.browse-link{padding:12px 18px;background:#091523db;border:1px solid #e7bd6a77;border-radius:24px;color:#ffe0a5;font-size:14px}.browse-link:hover{background:#1c3047}.featured-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;backdrop-filter:blur(14px)}.game-card{min-width:0}.card-link{display:block;height:100%}.featured-list .game-card+.game-card{border-left:1px solid var(--line)}.featured-list .card-link{display:grid;grid-template-columns:48% 1fr;align-items:center;gap:20px;padding:18px}.cover{aspect-ratio:3.12;overflow:hidden;border-radius:10px;background-image:url('assets/game-previews-v1.png');background-repeat:no-repeat;border:1px solid #ffffff21}.cover-puzzle{background-size:425% 754%;background-position:8.02% 96.3%}.cover-candy{background-size:470% 754%;background-position:65.5% 96.3%}.card-content h2{margin:0 0 6px}.card-content p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 12px}.featured-list .genre{display:none}.badge{display:inline-block;color:var(--gold);font-size:11px;border:1px solid #c69a4f99;border-radius:20px;padding:6px 11px;line-height:1.2}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-arrow{color:var(--gold);font-size:20px}.game-card:hover .card-content h2{color:var(--gold)}footer{display:flex;justify-content:space-between;gap:20px;max-width:1400px;width:92%;margin:20px auto;padding:0 10px;font-size:11px;color:#a8bad0;text-shadow:0 2px 8px #000}.catalog-main,.detail-main{max-width:1280px;margin:0 auto;padding:36px 34px 20px}.breadcrumb{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);margin-bottom:12px}.catalog-title h1{margin-bottom:12px;font-family:Georgia,serif}.subtitle{font-size:15px;color:var(--muted);line-height:1.6}.catalog-panel{margin-top:32px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #0003;backdrop-filter:blur(16px)}.search-row{display:flex;gap:20px}.search-wrap{flex:1}.sort-wrap{width:210px}label{display:block;font-size:12px;color:var(--muted)}input,select{color:var(--text);background:#122237;border:1px solid #728eac66;border-radius:8px;min-height:45px;padding:11px 14px;margin-top:8px;width:100%}input::placeholder{color:#99a9bd}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}#categories{display:flex;gap:8px;flex-wrap:wrap}.category{padding:10px 16px;border:1px solid #7893ad55;border-radius:24px;background:transparent;color:#bbc8db;font-size:13px}.category[aria-pressed=true]{background:#25413f;color:#baf5e8;border-color:#69c3b5}.status-filter{display:flex;gap:10px;align-items:center;white-space:nowrap}.status-filter select{font-size:12px;min-height:38px;margin:0;width:auto;padding:8px}.results-bar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 16px}.results-bar p{font-size:12px;color:#aabbd0;margin:0;scroll-margin-top:30px}.text-button{padding:6px 0;color:var(--teal);background:none;border:0;font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-grid .game-card{background:#112036;border:1px solid var(--line);border-radius:12px;overflow:hidden}.catalog-grid .cover{aspect-ratio:3.12;border:0;border-radius:0}.catalog-grid .card-content{padding:20px}.genre{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);display:inline-block;margin-bottom:10px}.catalog-grid h2{font-size:26px}.art-note{color:#99abc2;font-size:11px;margin:18px 0;line-height:1.5}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px;font-size:13px}.pagination:empty{margin:0}.pagination button{background:#14283c;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:8px}.empty{text-align:center;padding:45px 10px}.empty h2{font-family:'DM Sans',sans-serif;font-size:24px}.empty p{color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;background:#e4b760;color:#142237;padding:13px 20px;border:0;border-radius:8px;font-weight:600;font-size:14px}.button:hover{background:#f2cf8c}.detail-panel{max-width:900px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.detail-panel>.cover{border:0;border-radius:0}.detail-copy{padding:36px}.detail-copy h1{font-family:Georgia,serif;margin:10px 0}.detail-copy>p{color:var(--muted);line-height:1.8;max-width:650px}.detail-tagline{font-size:20px}.launch-area{margin:24px 0;padding:20px 0;border-top:1px solid var(--line)}.launch-area p{margin:0;font-size:14px;color:#c4d0e1}.text-link{font-size:13px;color:var(--teal)}.detail-panel:has(>h1){padding:36px}.noscript{padding:20px;background:#132237}[hidden]{display:none!important}
@media(min-width:1700px){body:before{background-size:cover}.home-featured{margin-top:65vh}}@media(max-width:1050px){.featured-list .card-link{grid-template-columns:1fr;gap:14px}.featured-list .cover{aspect-ratio:3.12}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-featured{margin-top:43vh}.filter-row{align-items:start}}@media(max-width:650px){header{padding:12px 18px;border-radius:0}.brand{font-size:21px;gap:6px}.logo-icon{width:38px;height:32px}.logo-icon img{width:115px;top:-4px}nav{gap:12px}header nav a{padding:10px 2px;font-size:13px}.home:before{background-position:65% top;background-size:auto 74vh}.home main{padding:0 16px}.home-featured{margin-top:46vh}.featured-list{grid-template-columns:1fr}.featured-list .card-link{grid-template-columns:42% 1fr;padding:16px;gap:14px}.featured-list .game-card+.game-card{border-left:0;border-top:1px solid var(--line)}.card-content h2{font-size:22px}.card-content p{font-size:12px}.badge{font-size:10px}.section-heading{padding:0;gap:10px}.section-heading h2{font-size:13px}.browse-link{font-size:12px;padding:10px 14px}footer{flex-wrap:wrap;line-height:1.5;font-size:10px}.catalog-main,.detail-main{padding:24px 18px}.catalog-title h1{font-size:34px}.subtitle{font-size:14px}.catalog-panel{padding:18px;margin-top:24px}.search-row{flex-direction:column;gap:16px}.sort-wrap{width:100%}.filter-row{flex-direction:column;gap:18px}.status-filter{justify-content:space-between;width:100%}.catalog-grid{grid-template-columns:1fr}.catalog-grid .cover{aspect-ratio:3.12}.detail-copy{padding:24px}.detail-copy h1{font-size:34px}.detail-tagline{font-size:18px}.pagination{gap:12px;font-size:12px}}