@font-face{font-family:Lilita;src:url('assets/LilitaOne-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Display;src:url('assets/Display-Bold.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#102437;--paper:#fff2d6;--muted:#a9bbc7;--gold:#ffca48;--line:#334b5d}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-width:300px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 14% 20%,#16405766,transparent 45%),radial-gradient(ellipse at 95% 85%,#70522533,transparent 43%);z-index:-1}.shell{max-width:1180px;margin:auto;padding:0 42px}.masthead{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:9px;font:24px Lilita,Arial;letter-spacing:.5px}.brand b{font-weight:400;color:var(--gold)}.brand-mark{position:relative;display:grid;place-items:center;background:var(--paper);color:var(--ink);width:35px;height:35px;border-radius:9px;margin-right:3px;font-size:28px}.brand-mark span{font:17px Display;position:absolute;right:-6px;top:-6px;color:var(--gold);background:var(--ink);border-radius:50%}.browser-label{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#bccdd6;display:flex;gap:9px;align-items:center}.browser-label span{width:6px;height:6px;border-radius:50%;background:#8aceaa}.intro{padding:52px 0 36px;position:relative}.eyebrow{font-size:11px;color:#c4d1d8;letter-spacing:2.4px;font-weight:700;margin:0 0 16px}h1{font-family:Lilita,Arial;font-weight:400;font-size:clamp(48px,5.8vw,70px);line-height:.97;margin:0;letter-spacing:-.8px}h1 em{font-style:normal;color:var(--gold)}.intro-copy{position:absolute;right:0;bottom:41px;font-size:16px;line-height:1.5;color:var(--muted);margin:0}.games{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{border:1px solid #436075;border-radius:24px;overflow:hidden;background:#193247;box-shadow:0 10px 0 #081a28;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:#87a5b5}.card-top{position:relative;height:205px;background:#17486a;display:flex;align-items:center;padding:25px 32px;overflow:hidden}.card-top:after{content:"";position:absolute;width:200px;height:200px;border:30px solid #75cbd81b;right:-70px;transform:rotate(-25deg);border-radius:30px}.kitty .card-top{background:#56442b}.kitty .card-top:after{border-color:#ffcf4b19}.game-icon{height:156px;width:156px;border-radius:29px;box-shadow:0 7px 0 #071c3180,0 14px 28px #071c3155;object-fit:cover;transform:rotate(-5deg);transition:transform .25s;z-index:1}.kitty .game-icon{transform:rotate(5deg)}.game-card:hover .game-icon{transform:rotate(0) translateY(-3px)}.card-number{position:absolute;right:28px;bottom:29px;font:12px Display,Arial;color:#a9d6e0;letter-spacing:2px}.kitty .card-number{color:#eed29c}.card-content{padding:27px 30px 25px}.genre{color:#85c4da;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 13px}.kitty .genre{color:#f1ce79}h2{font:400 39px/1.05 Lilita,Arial;letter-spacing:-.3px;margin:0 0 15px}.description{color:#becbd4;line-height:1.55;font-size:15px;margin:0 0 25px}.card-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.control-note{font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px;color:#a5bccb}.control-note svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.play-link{display:flex;gap:16px;align-items:center;justify-content:center;min-height:54px;min-width:128px;background:#98dcea;color:#102437;border-radius:10px;box-shadow:0 5px 0 #487e97;font:27px Lilita,Arial;transition:filter .15s,transform .15s}.kitty .play-link{background:var(--gold);box-shadow:0 5px 0 #b98227}.play-link svg{height:22px;width:22px;fill:currentColor}.play-link:hover{filter:brightness(1.12)}.play-link:active{transform:translateY(3px)}a:focus-visible{outline:3px solid #fff1a1;outline-offset:5px}.play-note{text-align:center;color:#9cb1c0;font-size:12px;margin:34px 0 41px}.play-note span{font-size:19px;vertical-align:-1px;margin-right:7px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:11px;color:#9eb4c3}footer p{margin:0}footer strong{color:#d8e2e7}footer nav{display:flex;gap:20px}footer a:hover{color:var(--paper)}@media(min-width:1500px){.intro{padding-top:65px}.card-top{height:220px}}@media(max-width:760px){.shell{padding:0 22px}.masthead{height:80px}.browser-label{font-size:9px;letter-spacing:1px}.intro{padding:37px 0 29px}.intro-copy{position:static;font-size:14px;margin-top:18px}.games{gap:22px;grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:145px 1fr;border-radius:20px}.card-top{height:100%;padding:16px;justify-content:center}.game-icon{width:112px;height:112px;border-radius:22px}.card-number{display:none}.card-content{padding:22px}.genre{font-size:9px;letter-spacing:1.2px}h2{font-size:30px}.description{font-size:13px;margin-bottom:20px}.card-bottom{flex-wrap:wrap;gap:13px}.control-note{font-size:10px}.play-link{min-width:115px;min-height:46px;font-size:24px}.play-note{margin:29px 0}footer{flex-direction:column;gap:15px;line-height:1.6}}@media(max-width:420px){.shell{padding:0 16px}.browser-label{display:none}.game-card{grid-template-columns:104px 1fr}.card-top{padding:10px}.game-icon{width:86px;height:86px;border-radius:18px}.card-content{padding:20px 17px}h2{font-size:28px}.control-note{font-size:9px}.description{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}