@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1rz-p1o6z-sit.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.2jdm38iyutowj.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.3ez0azjih7ypa.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.2p5o-04xn4ahk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.175rzww1hghhr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#141519;--surface:#1d1e24;--surface-raised:#272930;--line:#363843;--ink:#f7f5ef;--muted:#b5b6c1;--accent:#ffb46d;--heading:"Bricolage Grotesque Variable", "Geist Variable", system-ui, sans-serif;--body:"Geist Variable", system-ui, sans-serif;--gutter:clamp(1rem, 4.4vw, 3rem)}*,:before,:after{box-sizing:border-box}body{background:var(--background);color:var(--ink);font:400 1rem/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button,select,input{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.48}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--heading);margin:0;line-height:1.1}p{margin:0}h1{letter-spacing:-.055em;font-size:clamp(2.6rem,6vw,5rem);font-weight:800}h2{letter-spacing:-.035em;font-size:clamp(1.65rem,3vw,2.5rem)}h3{letter-spacing:-.02em;font-size:1.18rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-width{width:min(100% - var(--gutter) * 2, 77rem);margin-inline:auto}.skip-link{z-index:5;background:var(--ink);color:var(--background);border-radius:.35rem;padding:.5rem 1rem;position:absolute;inset:.5rem auto auto .5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.45rem;display:flex}.wordmark{color:var(--ink);font:800 clamp(1.14rem, 2vw, 1.5rem)/1 var(--heading);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,.48rem);gap:.15rem;display:grid;transform:rotate(-12deg)}.brand-mark i{background:var(--accent);border-radius:.11rem;width:.48rem;height:.48rem}.brand-mark i:nth-child(2){opacity:.4}.main-nav{align-items:center;gap:clamp(.8rem,3vw,2rem);display:flex}.main-nav a{color:var(--muted);white-space:nowrap;padding-block:.65rem;font-size:.875rem;font-weight:550;text-decoration:none}.main-nav a:hover,.breadcrumbs a:hover,.site-footer a:hover{color:var(--ink)}.home-hero{grid-template-columns:.96fr 1.04fr;align-items:center;gap:clamp(1.5rem,4vw,4.25rem);padding-block:clamp(2.5rem,5.3vw,5rem);display:grid}.hero-copy h1{letter-spacing:-.055em;font-size:clamp(3.2rem,6.65vw,5.9rem);line-height:.94}.hero-copy h1 span{color:var(--accent)}.hero-copy p{color:var(--muted);max-width:34ch;margin-top:clamp(1.1rem,3vw,1.6rem);font-size:clamp(1rem,1.6vw,1.19rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:1.5rem;display:flex}.button,.text-link{justify-content:center;align-items:center;gap:.5em;font-weight:650;text-decoration:none;display:inline-flex}.button{min-height:2.65rem;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:.65rem;padding:.52rem .95rem;font-size:.9rem;line-height:1.2}.button:hover:not(:disabled){border-color:var(--muted)}.button-primary{background:var(--game-accent,var(--accent));color:#171715;border-color:#0000}.button-primary:hover:not(:disabled){filter:brightness(1.075);border-color:#0000}.hero-actions .button{min-height:3.05rem;padding-inline:1.08rem}.text-link{color:var(--ink);text-underline-offset:.22em;min-height:2.65rem;font-size:.93rem}.text-link:hover{text-decoration:underline}.hero-feature{isolation:isolate;aspect-ratio:1.56;background:#15292c;border:1px solid #3c5254;border-radius:1.05rem;text-decoration:none;display:block;position:relative;overflow:hidden}.hero-feature img{object-fit:cover;object-position:43% 50%;width:100%;height:100%}.hero-feature:after{z-index:0;content:"";background:linear-gradient(#0000,#090f12e8);height:48%;position:absolute;inset:auto 0 0}.hero-feature-caption{z-index:1;justify-content:space-between;align-items:end;gap:1rem;padding:clamp(.9rem,2vw,1.5rem);display:flex;position:absolute;inset:auto 0 0}.hero-feature-caption strong{font:760 clamp(1.3rem, 2.6vw, 1.95rem)/1 var(--heading);letter-spacing:-.04em;display:block}.hero-feature-caption div>span{color:#d9e3df;margin-top:.28rem;font-size:.88rem;display:block}.hero-feature-arrow{border:1px solid #c5dddb8c;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;line-height:1;display:grid}.hero-feature:hover .hero-feature-arrow{color:#18191b;background:var(--ink);border-color:var(--ink)}.catalog{border-top:1px solid var(--line);padding-block:1.5rem 3rem;scroll-margin-top:1rem}.catalog-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.4rem;margin-bottom:1.2rem;display:flex}.catalog-nav{flex-wrap:wrap;gap:.35rem;display:flex}.catalog-nav a{color:var(--muted);border:1px solid #0000;border-radius:2rem;padding:.42rem .8rem;font-size:.86rem;font-weight:550;text-decoration:none}.catalog-nav a:hover,.catalog-nav a[aria-current]{background:var(--surface);border-color:var(--line);color:var(--ink)}.game-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.2rem);margin:0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--line);background:var(--surface);border-radius:.95rem;height:100%;text-decoration:none;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.game-card:hover{border-color:var(--game-accent);transform:translateY(-3px)}.card-art{aspect-ratio:16/10;background:color-mix(in srgb, var(--game-accent) 18%, #1a1b23);place-items:center;display:grid;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%}.card-copy{padding:.9rem 2.4rem .95rem 1rem;position:relative}.card-copy :is(h2,h3){letter-spacing:-.02em;font-size:1.18rem}.card-copy p{color:var(--muted);margin-top:.32rem;font-size:.84rem;line-height:1.45}.card-arrow{color:var(--game-accent);line-height:1;position:absolute;inset:.85rem .88rem auto auto}.site-footer{border-top:1px solid var(--line);min-height:5rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.86rem;display:flex}.site-footer a{text-underline-offset:.2em}.site-footer nav{gap:1rem;display:flex}.category-page,.info-page{padding-block:2.4rem 4rem}.category-intro{color:var(--muted);max-width:68ch;margin-block:.7rem 1.8rem}.info-page h1{margin-block:.45rem 1.4rem}.info-page h2{margin-top:1.5rem;font-size:1.4rem}.info-page p{color:var(--muted);max-width:62ch;margin-top:.45rem}.home-guide{margin-block:3rem}.home-guide p{max-width:70ch;color:var(--muted);margin-top:.6rem}.game-page{max-width:63rem;padding-block:clamp(1.35rem,3vw,2.8rem) 3.5rem}.breadcrumbs{color:var(--muted);align-items:center;gap:.55rem;margin-bottom:.62rem;font-size:.84rem;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-underline-offset:.2em;text-decoration:underline}.game-page h1{font-size:clamp(2.45rem,6.25vw,4.75rem)}.game-intro{max-width:64ch;margin-top:.65rem}.game-controls{color:var(--muted);margin:.6rem 0 1.2rem;font-size:clamp(.92rem,1.7vw,1.04rem)}.play-frame{background:var(--surface);border:1px solid var(--line);--accent:var(--game-accent);border-radius:1.1rem;padding:clamp(.65rem,3vw,1.8rem)}.game-panel{justify-items:center;gap:.95rem;max-width:42rem;margin-inline:auto;display:grid}.game-panel>*{max-width:100%}.game-toolbar,.game-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem .75rem;display:flex}.game-stats{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.stat{text-align:center;border:1px solid var(--line);background:#18191e;border-radius:.6rem;gap:.07rem;min-width:5.1rem;padding:.37rem .66rem;display:grid}.stat span{color:var(--muted);font-size:.72rem;line-height:1.2}.stat strong{font-variant-numeric:tabular-nums;font-size:1.12rem;font-weight:750;line-height:1.25}.toggle-group{border:1px solid var(--line);background:#18191e;border-radius:.72rem;flex-wrap:wrap;gap:.2rem;padding:.2rem;display:inline-flex}.toggle-group button{min-height:2.2rem;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:.5rem;padding:.3rem .65rem;font-size:.87rem;font-weight:650;line-height:1.2}.toggle-group button:hover{color:var(--ink);background:var(--surface-raised)}.toggle-group button[aria-pressed=true]{background:var(--game-accent,var(--accent));color:#15171a}.game-message{text-align:center;min-height:1.6em;color:var(--muted);font-size:.88rem;line-height:1.45}.game-message strong{color:var(--game-accent)}.game-select{border:1px solid var(--line);max-width:100%;min-height:2.65rem;color:var(--ink);background:#18191e;border-radius:.65rem;padding:.4rem .52rem;font-size:.88rem;font-weight:630}.game-label{color:var(--muted);font-size:.85rem;font-weight:600}.canvas-stage{touch-action:none;background:#14161a;border:1px solid #40424b;border-radius:.8rem;width:100%;height:auto;display:block}.game-guide{grid-template-columns:1fr minmax(13rem,34%);gap:1.7rem;margin-top:2.6rem;display:grid}.game-guide h2,.related-games h2{font-size:clamp(1.52rem,3vw,2.1rem)}.instruction-list{color:var(--muted);margin-block:.8rem;padding-left:1.35rem}.instruction-list li{margin-block:.45rem;padding-left:.28rem}.instruction-list li::marker{color:var(--ink);font-weight:650}.game-tip{border-left:2px solid var(--accent);color:var(--muted);padding-left:.85rem}.game-faq{border-bottom:1px solid var(--line);margin-top:1.15rem}.game-faq details{border-top:1px solid var(--line);padding-block:.75rem}.game-faq summary{cursor:pointer;font-weight:630}.game-faq p{color:var(--muted);margin-top:.4rem}.guide-image{margin:.25rem 0 0}.guide-image img{border:1px solid var(--line);border-radius:.7rem;width:100%}.related-games{margin-top:2.7rem}.related-games h2{margin-bottom:1rem}.related-games .game-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:64rem){.game-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:49rem){.home-hero{grid-template-columns:1fr;gap:1.35rem;padding-block:2.35rem 2rem}.hero-copy h1{font-size:clamp(2.85rem,9.25vw,4.6rem)}.hero-break{display:none}.hero-copy p{max-width:40ch}.hero-feature{aspect-ratio:1.82}.game-cards,.related-games .game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.game-guide{grid-template-columns:1fr}.guide-image{max-width:26rem}}@media (max-width:32rem){.header-inner{min-height:3.65rem}.main-nav a{font-size:.8rem}.main-nav a:first-child{display:none}.card-copy{padding:.65rem .64rem .75rem}.card-copy :is(h2,h3){font-size:1.02rem}.card-copy p{font-size:.77rem}.card-arrow{display:none}.game-panel{gap:.72rem}.hero-feature{border-radius:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}