@font-face{font-family:Nunito;src:url('../Клеточка/public/fonts/nunito.ttf') format('truetype');font-display:swap;font-weight:400 600}
@font-face{font-family:Nunito;src:url('../Клеточка/public/fonts/nunito-bold.ttf') format('truetype');font-display:swap;font-weight:700 900}
:root{color-scheme:light;--bg:#f6f5f0;--ink:#292e29;--muted:#72766d;--line:#dddeda;--accent:#d7ef8a;--green:#53693d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #54742c;outline-offset:6px}::selection{background:var(--accent)}.page{max-width:1280px;padding:0 48px;margin:0 auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1.2px}.brand-domain{font-size:22px;font-weight:500;color:var(--muted);letter-spacing:-.5px;margin-top:5px}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-right:12px;transform:rotate(-7deg)}.brand-mark i{border-radius:3px;background:var(--ink)}.brand-mark i:nth-child(2){background:#a8c767}.nav-link{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:700}.nav-link>span{background:#e8e9e1;border-radius:6px;padding:3px 7px;font-size:11px}.intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:48px;padding:61px 0 62px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;font-weight:800;margin:0 0 22px}.eyebrow>span{width:6px;height:6px;background:#78904f;border-radius:50%}h1{font-size:clamp(60px,6.2vw,82px);line-height:.98;letter-spacing:-4px;font-weight:800;margin:0}.question{color:#7c9653;display:inline-block;transform:rotate(8deg);margin-left:4px}.intro-note{padding:0 0 4px 54px}.spark{display:block;color:#7e935e;font-size:35px;line-height:1;margin-bottom:16px}.intro-note p{font-size:17px;line-height:1.65;margin:0 0 22px;color:#5d6458}.browser-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.browser-note>span{font-size:19px;color:#8c9980}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-heading h2{font-size:18px;letter-spacing:-.3px;margin:0;font-weight:800}.section-heading>span{font-size:10px;letter-spacing:1.25px;color:var(--muted);font-weight:700}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid var(--line);background:#fffefa;border-radius:15px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);border-color:#acb998;box-shadow:0 10px 22px #29351e09}.game-link{height:100%;display:flex;flex-direction:column}.game-card:has(a:focus-visible){outline:3px solid #54742c;outline-offset:5px}.cover{position:relative;aspect-ratio:3/2;overflow:hidden;border-bottom:1px solid var(--line);background:#edece4}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.game-card:hover .cover img{transform:scale(1.025)}.cover-number{position:absolute;top:15px;left:15px;background:#fffefaed;border:1px solid #292e2912;min-width:30px;text-align:center;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.5px;padding:5px}.cover-arrow{position:absolute;bottom:14px;right:14px;background:#fffefaf2;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 1px 5px #0001}.card-content{padding:22px 22px 19px;flex:1;display:flex;flex-direction:column}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;font-weight:700;margin-bottom:13px}.tags>span:first-child{background:#eef1e5;color:#536347;border-radius:4px;padding:4px 7px}.tag-detail{color:#7a7f74}.tag-detail:before{content:'·';margin-right:7px;color:#aaa}.game-card:nth-child(3) .tags>span:first-child{background:#eceeea;color:#54675e}h3{font-size:25px;letter-spacing:-.9px;margin:0 0 10px;font-weight:800;line-height:1.15}h3>span:not(.game-year){color:#7d935b}.game-year{font-weight:500;font-size:23px;color:#6c7469}.card-content>p{font-size:13px;line-height:1.65;color:#6a7165;margin:0 0 23px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #e8e9e2}.play{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:800}.play>span{font-size:18px;line-height:1;transition:transform .2s}.game-card:hover .play>span{transform:translateX(4px)}.device{font-size:10px;color:#767d70}.closing-note{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 0 37px}.closing-note p{margin:0;font-size:12px;color:#6b7461}.closing-note p>span{color:#818777}.little-cross{background:#e8eddf;border-radius:50%;display:grid;place-items:center;width:23px;height:23px;line-height:1;color:#7c8d66}.footer{border-top:1px solid var(--line);padding:22px 0 26px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8a8f83}.footer-dot{padding:0 8px}.skip-link{position:absolute;top:8px;left:8px;z-index:5;transform:translateY(-200%);padding:10px 16px;background:var(--ink);color:white;border-radius:5px}.skip-link:focus{transform:none}
@media(min-width:1450px){.intro{padding-top:72px;padding-bottom:72px}.page{max-width:1336px}.cover{aspect-ratio:1.55}}
@media(max-width:1050px){.page{padding:0 30px}.intro{gap:24px;padding:46px 0}.intro-note{padding-left:12px}.intro-note p{font-size:15px}.games-grid{gap:16px}.card-content{padding:18px 16px}.device{display:none}h3{font-size:23px}.game-year{font-size:20px}}
@media(max-width:740px){.page{padding:0 22px;max-width:570px}.header{height:82px}.brand{font-size:26px}.brand-domain{font-size:20px}.nav-link{font-size:12px;gap:10px}.intro{grid-template-columns:1fr;gap:25px;padding:40px 0 36px}h1{font-size:68px;letter-spacing:-3px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.intro-note{padding:0}.spark{display:none}.intro-note p{font-size:15px;line-height:1.6;margin-bottom:13px}.browser-note{font-size:11px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:16px}.section-heading>span{font-size:8px;letter-spacing:.5px}.games-grid{grid-template-columns:1fr;gap:22px}.cover{aspect-ratio:1.6}.card-content{padding:23px}.tags{font-size:11px}h3{font-size:28px}.game-year{font-size:24px}.card-content>p{font-size:14px;line-height:1.6}.play{font-size:14px}.device{display:inline;font-size:10px}.closing-note{padding:30px 10px;align-items:flex-start;justify-content:flex-start}.closing-note p{font-size:12px;line-height:1.7}.closing-note p>span{display:block}.little-cross{flex-shrink:0;margin-top:2px}.footer{font-size:10px;padding:20px 0 23px}}
@media(max-width:360px){.page{padding:0 16px}h1{font-size:61px}.card-content{padding:19px}.device{font-size:9px}.section-heading>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}