:root{color-scheme:dark;--page:#101319;--surface:#191e26;--ink:#f4f5f2;--muted:#a9b0bb;--line:#2b323c;--accent:#d9f38b;--button-ink:#172113;--safe-top:0px;--safe-right:0px;--safe-bottom:0px;--safe-left:0px;font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:var(--page);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button[hidden],[hidden]{display:none!important}.shell{width:min(1160px,100%);margin:auto;padding:calc(28px + max(env(safe-area-inset-top),var(--safe-top))) calc(40px + max(env(safe-area-inset-right),var(--safe-right))) calc(22px + max(env(safe-area-inset-bottom),var(--safe-bottom))) calc(40px + max(env(safe-area-inset-left),var(--safe-left)))}.skip-link{position:fixed;top:8px;left:8px;z-index:5;padding:12px;background:var(--accent);color:var(--button-ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:13px;min-height:44px}.brand-mark{font-size:26px;font-weight:900;letter-spacing:-2px;border:1px solid var(--line);border-radius:12px;padding:3px 12px 5px}.brand-caption{font-size:15px;font-weight:650;color:var(--muted)}.account-link{display:flex;gap:12px;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}.account-link:hover{color:var(--ink)}.intro{padding:62px 0 45px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(35px,5.1vw,61px);line-height:1.09;letter-spacing:-2.6px;font-weight:750;margin:0;max-width:800px}h1 span{color:var(--accent)}.intro-copy{font-size:16px;line-height:1.7;margin:20px 0 0;color:var(--muted)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-heading h2{font-size:18px;font-weight:650;margin:0;letter-spacing:-.3px}.game-count{display:grid;place-items:center;font-size:11px;color:var(--muted);min-width:24px;height:24px;border:1px solid var(--line);border-radius:8px}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;scroll-margin-top:20px;outline:none}.game-card{display:flex;position:relative;min-width:0;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px;animation:card-in .4s both}.game-card:nth-child(2){animation-delay:.06s}.game-art{height:172px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#345846 0,transparent 63%),#1c322d;border-bottom:1px solid #ffffff0b;isolation:isolate}.game-art:before{content:"";position:absolute;inset:16px;border:1px solid #bed5c41a;border-radius:50%;transform:scale(1.25) rotate(-18deg)}.game-art:after{content:"";position:absolute;width:300px;height:300px;left:50%;top:23px;border:1px solid #bed5c426;transform:translateX(-50%) rotate(45deg);z-index:-1}.game-art .art-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:68px;color:#d9f38b}.game-art[data-art="kozyr"] .art-icon{background:#f5f0db;color:#263e30;width:89px;height:122px;font-size:65px;border-radius:9px;display:grid;place-items:center;box-shadow:-24px 6px 0 -3px #627366,25px 9px 0 -3px #a3b396;transform:translate(-50%,-47%) rotate(8deg);text-shadow:none}.game-art[data-art="kozyr"] .art-icon:before,.game-art[data-art="kozyr"] .art-icon:after{content:"A";position:absolute;font-size:14px;font-weight:800;top:8px;left:8px}.game-art[data-art="kozyr"] .art-icon:after{top:auto;left:auto;bottom:8px;right:8px;transform:rotate(180deg)}.game-art[data-art="obsidian"]{background:radial-gradient(ellipse at 50% 100%,#65516c 0,transparent 67%),#2b2438}.game-art[data-art="obsidian"] .art-icon{font-size:108px;color:#d0b8f1;transform:translate(-50%,-50%) scaleX(.64);text-shadow:24px 12px 0 #867392,-24px 12px 0 #55466e,0 26px 0 #413552}.art-label{position:absolute;top:18px;left:18px;font-size:9px;font-weight:700;letter-spacing:2px;color:#efefe4ae;z-index:1}.art-ordinal{position:absolute;bottom:14px;right:19px;font-size:10px;letter-spacing:2px;color:#efefe470}.game-body{padding:23px 25px 25px;display:flex;flex:1;flex-direction:column}.mode-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;font-size:11px;font-weight:650;color:var(--muted);margin-bottom:11px}.mode-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.game-title{font-size:25px;font-weight:700;line-height:1.17;letter-spacing:-.6px;margin:0 0 12px;overflow-wrap:anywhere}.game-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 23px;max-width:370px}.play-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-top:auto;padding:12px 18px;border:1px solid var(--line);border-radius:11px;background:var(--page);font-size:13px;font-weight:700;transition:background .16s,color .16s,transform .16s}.play-link:hover{background:var(--accent);color:var(--button-ink);border-color:var(--accent)}.play-link:active{transform:translateY(1px)}.play-arrow{font-size:20px;line-height:1}.progress-note{display:flex;gap:14px;border-top:1px solid var(--line);margin:30px 0 0;padding-top:21px;align-items:flex-start}.note-symbol{font-size:23px;color:var(--accent);line-height:1.2}.progress-note p{color:var(--muted);font-size:12px;line-height:1.7;max-width:750px;margin:0}.progress-note strong{font-weight:650;color:var(--ink)}.site-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-top:38px}.catalog-status{padding:30px 0;color:var(--muted);font-size:14px;line-height:1.6}.loading-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:10px}.reload-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:12px 18px;border-radius:10px;min-height:44px;cursor:pointer}.notice{line-height:1.6;color:var(--muted)}
@keyframes card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.intro{padding-top:74px;padding-bottom:52px}.game-art{height:190px}}
@media(max-width:660px){.shell{padding-left:calc(20px + max(env(safe-area-inset-left),var(--safe-left)));padding-right:calc(20px + max(env(safe-area-inset-right),var(--safe-right)));padding-top:calc(18px + max(env(safe-area-inset-top),var(--safe-top)))}.intro{padding:43px 0 32px}.eyebrow{font-size:8px;letter-spacing:1.65px;margin-bottom:18px}h1{font-size:43px;letter-spacing:-1.8px;max-width:420px}.intro-copy{font-size:14px;line-height:1.6;margin-top:17px}.desktop-break{display:none}.games-grid{grid-template-columns:1fr;gap:18px}.game-art{height:154px}.game-title{font-size:24px}.game-body{padding:21px}.game-description{max-width:none;margin-bottom:20px}.brand-caption{font-size:13px}.brand-mark{font-size:23px}.account-link{font-size:12px;gap:7px}.site-footer{flex-direction:column;gap:7px;margin-top:30px}.progress-note{margin-top:25px}}
@media(max-width:360px){.shell{padding-left:calc(16px + max(env(safe-area-inset-left),var(--safe-left)));padding-right:calc(16px + max(env(safe-area-inset-right),var(--safe-right)))}h1{font-size:37px}.brand{gap:9px}.brand-caption{font-size:12px}.eyebrow{letter-spacing:1.2px}.game-body{padding:19px}.game-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}