:root{color-scheme:light;--paper: #F5F2FF;--surface: #FFFFFF;--ink: #1B1340;--ink-muted: #4B4470;--grape: #6C3BFF;--on-grape: #FFFFFF;--sunny: #FFC83D;--coral: #FF6B5B;--on-ink: #F3EEFF;--border: 2.5px solid var(--ink);--radius: 22px;--font-body: "Rubik", system-ui, sans-serif;--font-display: "Fredoka", "Rubik", system-ui, sans-serif;--max: 1180px;--gutter: clamp(16px, 4vw, 40px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;top:-60px;right:16px;z-index:50;background:var(--ink);color:var(--on-ink);padding:10px 16px;border-radius:10px;text-decoration:none}.skip:focus{top:16px}.top{border-bottom:var(--border);background:var(--paper)}.top__inner{max-width:var(--max);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.top__brand{display:inline-flex;border-radius:10px}.top__brand img{height:32px;width:auto}.top__nav{display:flex;gap:clamp(12px,3vw,28px);font-weight:500}.top__nav a{text-decoration:none;padding:6px 2px;border-bottom:2.5px solid transparent}.top__nav a:hover{border-bottom-color:var(--ink)}.hero{position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border:var(--border);pointer-events:none}.hero:before{width:92px;height:92px;border-radius:50%;background:var(--sunny);top:28px;left:6%}.hero:after{width:64px;height:64px;border-radius:18px;background:var(--coral);bottom:18px;left:18%;transform:rotate(14deg)}@media(max-width:760px){.hero:before,.hero:after{display:none}}.hero__inner{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(40px,7vw,80px) var(--gutter) clamp(28px,4vw,44px)}.hero__title{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,6vw,60px);line-height:1.15;color:var(--ink)}.hero__notice{display:inline-block;margin-bottom:18px;padding:8px 16px;border:var(--border);border-radius:14px;background:var(--surface);font-weight:500}.catalogue{max-width:var(--max);margin:0 auto;padding:8px var(--gutter) clamp(48px,7vw,88px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:32px 28px}.card{--game: var(--grape);display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;position:relative;background:var(--surface);border-radius:var(--radius);box-shadow:8px 8px 0 var(--game);overflow:hidden}.card:after,.game__art:after{content:"";position:absolute;inset:0;border:var(--border);border-radius:inherit;pointer-events:none}.card__feature,.card__cover{width:100%;aspect-ratio:1024 / 500;border-bottom:var(--border)}.card__feature{display:block;object-fit:cover;background:color-mix(in srgb,var(--game) 12%,var(--surface))}.card__cover{display:grid;place-items:center;background:color-mix(in srgb,var(--game) 22%,var(--surface))}.card__cover img{width:112px;height:112px;border-radius:26px;border:var(--border)}.card__letter,.game__letter{display:grid;place-items:center;background:var(--surface);border:var(--border);font-family:var(--font-display);font-weight:600;color:var(--ink)}.card__letter{width:112px;height:112px;border-radius:26px;font-size:64px}.game__letter{width:144px;height:144px;border-radius:32px;font-size:80px}.card__body{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:14px;padding:20px 22px 22px}.card__head{display:flex;align-items:center;gap:14px}.card__icon{width:64px;height:64px;border-radius:16px;border:var(--border);flex:none}.card__title{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.2}.card__en{font-size:15px;color:var(--ink-muted);text-align:right}.card__desc{color:var(--ink)}.card__actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;font-family:var(--font-display);font-weight:600;font-size:18px;text-decoration:none;border:var(--border);border-radius:14px;box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.btn--primary{background:var(--grape);color:var(--on-grape)}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.game{--game: var(--grape)}.game__inner{max-width:960px;margin:0 auto;padding:24px var(--gutter) clamp(36px,5vw,56px);display:flex;flex-direction:column;gap:22px}.game__back{align-self:flex-start;font-weight:500;text-decoration:none;padding:6px 2px;border-bottom:2.5px solid transparent}.game__back:hover{border-bottom-color:var(--ink)}.game__art{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:8px 8px 0 var(--game);background:var(--surface)}.game__feature,.game__cover{width:100%;aspect-ratio:1024 / 500}.game__feature{display:block;object-fit:cover;background:color-mix(in srgb,var(--game) 12%,var(--surface))}.game__cover{display:grid;place-items:center;background:color-mix(in srgb,var(--game) 22%,var(--surface))}.game__cover img{width:144px;height:144px;border-radius:32px;border:var(--border)}.game__head{display:flex;align-items:center;gap:18px}.game__icon{width:96px;height:96px;border-radius:24px;border:var(--border);flex:none}.game__title{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,5vw,48px);line-height:1.15}.game__en{font-size:17px;color:var(--ink-muted);text-align:right}.game__desc{font-size:19px;max-width:40em}.game__h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3vw,30px);margin-bottom:14px}.game__privacy a{font-weight:500}.more{border-top:var(--border);max-width:none;background:var(--surface)}.more>*{max-width:calc(var(--max) - 2 * var(--gutter));margin-inline:auto}.more .game__h2{padding-top:clamp(28px,4vw,44px)}.badges{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.badge{display:inline-block;border-radius:10px}.badge img{height:44px;width:auto}.badges__soon{display:inline-block;padding:8px 14px;border-radius:999px;border:var(--border);font-weight:500;font-size:15px;background:var(--paper);color:var(--ink)}.shots{list-style:none;margin:0;padding:4px 4px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.shots li{flex:none;scroll-snap-align:start}.shot{display:block;padding:0;border:var(--border);border-radius:22px;background:var(--surface);cursor:zoom-in;overflow:hidden}.shot img{width:clamp(150px,18vw,200px);aspect-ratio:9 / 19.5;object-fit:cover}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#1b1340e0;animation:fade .16s ease-out both}.lightbox img{max-height:90vh;width:auto;border-radius:22px;border:var(--border)}.lightbox__close{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:50%;border:var(--border);background:var(--surface);color:var(--ink);font-size:18px;cursor:pointer}@keyframes fade{0%{opacity:0}to{opacity:1}}.about{border-top:var(--border);background:var(--surface)}.about__inner{max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,64px) var(--gutter)}.about__title{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,3.5vw,34px);margin-bottom:12px}.about p{max-width:42em;color:var(--ink-muted);font-size:18px}.footer{background:var(--ink);color:var(--on-ink)}.footer__inner{max-width:var(--max);margin:0 auto;padding:36px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}.footer__brand{height:32px;width:auto}.footer__contact a{font-weight:500}.footer__copy{margin-inline-start:auto;font-size:15px}.footer__legal{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:15px}.footer__legal a{color:var(--on-ink)}.legal{background:var(--surface)}.legal__inner{max-width:760px;margin:0 auto;padding:24px var(--gutter) clamp(40px,6vw,72px);display:flex;flex-direction:column}.legal__inner .game__back{margin-bottom:18px}.legal__title{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,5vw,46px);line-height:1.15}.legal__updated{margin-top:6px;color:var(--ink-muted);font-size:15px}.legal__section{margin-top:30px}.legal__section h2{font-family:var(--font-display);font-weight:600;font-size:22px;margin-bottom:8px}.legal__section p,.legal__section li{font-size:17px;line-height:1.7;color:var(--ink)}.legal__section p+p{margin-top:10px}.legal__section ul{padding-inline-start:1.3em;display:flex;flex-direction:column;gap:6px;list-style:disc}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}