@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pixelify-sans-cyrillic-500-normal.2w8-9bzcpb0fa.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-500-normal.2o4u-h_-69lmm.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pixelify-sans-latin-ext-500-normal.2dq59b3b82qah.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-500-normal.1_0_s7ndbuybq.woff)format("woff");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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pixelify-sans-latin-500-normal.2nbtcaedww5_a.woff2)format("woff2"),url(../media/pixelify-sans-latin-500-normal.3_og9sstvcw1n.woff)format("woff");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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-cyrillic-700-normal.0cajfu6vc88qz.woff2)format("woff2"),url(../media/pixelify-sans-cyrillic-700-normal.04wa2qjpaxnqr.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-ext-700-normal.1f6gu5es44xsy.woff2)format("woff2"),url(../media/pixelify-sans-latin-ext-700-normal.114-rc5qr4ppl.woff)format("woff");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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pixelify-sans-latin-700-normal.428ik7ognx028.woff2)format("woff2"),url(../media/pixelify-sans-latin-700-normal.0r_9vlkbgum3z.woff)format("woff");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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-ext-wght-normal.10yjhutwdm9hx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-wght-normal.3iik4h93_86zh.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-vietnamese-wght-normal.43reimf7x86lj.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-ext-wght-normal.19c5fcu0u1_l8.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-wght-normal.43ritpld78jne.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{--bg:#111724;--surface:#1a2233;--surface-2:#232d42;--ink:#f1f1ec;--muted:#b9bfcb;--accent:#f2b33d;--accent-ink:#111724;--field-gold:#f2b33d;--field-sky:#5aa9f0;--field-cherry:#f2a5c8;--field-grass:#6bbf3b;--field-lemon:#f3e27a;--field-ink:#111724;--slot:#2b3650;--slot-hi:#3a4864;--font-display:"Pixelify Sans", system-ui, sans-serif;--font-text:"Nunito Variable", system-ui, sans-serif;--step-small:clamp(.875rem, .85rem + .1vw, .9375rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-hero:clamp(3rem, 1rem + 6.4vw, 6.25rem);--margin:clamp(16px, 3vw, 32px);--max:1360px;--gap-section:clamp(120px, 14vw, 200px);--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);margin:0;line-height:1.55;overflow-x:hidden}img,canvas{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--field-lemon);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:.98}h2{font-size:var(--step-head);max-width:18ch}p{margin:0}.wrap{width:100%;max-width:var(--max);padding:0 var(--margin);margin:0 auto}.section{padding:var(--gap-section) 0 0}.section-lede{font-size:var(--step-lead);max-width:46ch;margin-top:24px;line-height:1.4}.btn{cursor:pointer;min-height:52px;font-family:var(--font-display);transition:transform .16s var(--spring), background-color .16s;border:0;align-items:center;gap:10px;padding:0 20px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(2px)scale(.98)}.btn-sun{background:var(--accent);color:var(--accent-ink)}.btn-sun:hover{background:var(--field-lemon);transform:translateY(-2px)}.btn-play-text{flex-direction:column;line-height:1.05;display:flex}.btn-play-text small{font-size:.7rem;font-family:var(--font-text);font-weight:600}.store-buttons{flex-wrap:wrap;gap:10px;display:inline-flex}.store-buttons-compact .btn{min-height:40px;padding:0 12px;font-size:.9rem}.site-header{z-index:20;background:var(--bg);transition:background-color .3s;position:sticky;top:0}.site-header[data-on=bands],.site-header[data-on=tools]{background:var(--surface)}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(3,9px);gap:2px;display:grid}.brand-mark i{background:var(--accent);width:9px;height:9px;transition:transform .3s var(--spring)}.brand-mark i:nth-child(5){background:var(--field-grass)}.brand:hover .brand-mark i{transform:rotate(90deg)}.brand-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.header-nav{align-items:center;gap:20px;display:flex}.header-nav a:not(.btn){font-weight:600;text-decoration:none}.header-nav a:not(.btn):hover{color:var(--accent)}@media (max-width:760px){.header-nav-wide,.brand-name,.store-buttons-compact .btn-play-text{display:none}}.hero{align-items:center;min-height:calc(100svh - 68px);display:flex;position:relative;overflow:hidden}.hero-shape{grid-template-columns:repeat(3,1fr);gap:2.2vh;width:120vh;height:120vh;display:grid;position:absolute;top:calc(55% - 60vh);left:max(50%,80% - 60vh)}.hero-shape i{background:var(--accent)}.hero-shape i:nth-child(5){background:var(--field-grass)}.hero-shape i:nth-child(2),.hero-shape i:nth-child(6){background:#e7a92f}.hero-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;padding-top:48px;padding-bottom:64px;display:grid;position:relative}.hero-copy{max-width:34rem}.hero h1{font-size:min(var(--step-hero), 4.6vw);max-width:12ch}.lede{max-width:34rem;margin:32px 0;font-size:1.1875rem;line-height:1.5}.hero-table{justify-self:center}@media (max-width:900px){.hero{align-items:flex-start}.hero-shape{gap:2vw;width:130vw;height:130vw;top:auto;bottom:-40vw;left:-15vw}.hero-inner{grid-template-columns:1fr;padding-top:32px}.hero h1{font-size:clamp(2.4rem,9.5vw,4.4rem)}.lede{margin:20px 0 24px;font-size:1rem}}.table{color:#3a3a3a;background:#c6c6c6;width:min(460px,100%);padding:18px}.table-window{justify-content:space-between;align-items:center;gap:14px;display:flex}.table-grid{grid-template-columns:repeat(3,60px);gap:4px;display:grid}.slot{cursor:pointer;width:60px;height:60px;transition:background-color .12s, transform .16s var(--spring);background:#8b8b8b;border:0;place-items:center;padding:0;display:grid;position:relative}.slot:before{content:"";clip-path:polygon(0 0,100% 0,100% 4px,4px 4px,4px 100%,0 100%);background:#373737;position:absolute;inset:0}.slot:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%,0 calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 0);background:#fff;position:absolute;inset:0}.slot:hover{background:#a0a0a0}.slot:active{transform:scale(.94)}.slot-item{z-index:1;animation:drop-in .38s var(--spring) both;position:relative}.slot-result{width:88px;height:88px}.slot-result.is-ready{animation:1.4s ease-in-out infinite pulse-slot}.slot-result:disabled{cursor:default}.slot-count{z-index:2;font-family:var(--font-display);color:#fff;text-shadow:2px 2px #3f3f3f;font-weight:700;position:absolute;bottom:6px;right:8px}.table-arrow{fill:#8b8b8b;width:44px;height:30px;transition:fill .3s}.table-arrow.is-on{fill:#fff}.table-line{color:#2a2a2a;min-height:3em;margin:14px 0 10px;font-size:1rem}.table-made{color:#2f6e17;font-weight:700}.table-drawer{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:3px;display:grid}.slot-small{width:100%;height:40px}.slot-small.is-held{background:#f2b33d}.table-show{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:.9rem;font-weight:700;display:flex}.chip{color:#fff;cursor:pointer;transition:background-color .15s, transform .16s var(--spring);background:#555;border:0;padding:6px 10px;font-size:.875rem;font-weight:600}.chip:hover{background:#2f6e17;transform:translateY(-2px)}@keyframes drop-in{0%{opacity:0;transform:scale(.35)translateY(-14px)}to{opacity:1;transform:none}}@keyframes pulse-slot{50%{background:#b0b0b0}}@media (max-width:520px){.table{padding:12px}.table-grid{grid-template-columns:repeat(3,52px)}.slot{width:52px;height:52px}.slot-result{width:72px;height:72px}}.showcase-title{max-width:14ch}.showcase{grid-template-rows:auto auto;grid-template-columns:1fr 1.1fr;align-items:center;gap:24px 48px;margin-top:56px;display:grid}.showcase-stage{aspect-ratio:1;grid-area:1/2/span 2;place-items:center;transition:background-color .3s;display:grid}.showcase-item{cursor:grab;aspect-ratio:1;width:min(320px,70%)!important;height:auto!important}.showcase-list{grid-area:1/1;margin:0;padding:0;list-style:none}.showcase-list button{cursor:pointer;text-align:left;font-family:var(--font-display);color:var(--muted);transition:color .2s, transform .2s var(--ease);background:0 0;border:0;padding:4px 0;font-size:clamp(28px,2.9vw,44px);font-weight:700;line-height:1.15}.showcase-list button.is-on,.showcase-list button:hover{color:var(--ink);transform:translate(8px)}.showcase-fact{grid-area:2/1;max-width:34ch;font-size:1.0625rem}@media (max-width:900px){.showcase{grid-template-columns:1fr}.showcase-stage{grid-area:1/1}.showcase-list{scrollbar-width:none;grid-row:2;gap:24px;display:flex;overflow-x:auto}.showcase-list button{white-space:nowrap;font-size:26px}.showcase-fact{grid-row:3;font-size:1rem}}.bands-title{margin-bottom:48px}.bands{flex-direction:column;display:flex}.band{min-height:20vh;padding:24px max(var(--margin), calc((100vw - var(--max)) / 2 + var(--margin)));background:var(--bg);transition:background-color .38s var(--ease);justify-content:space-between;align-items:center;gap:24px;display:flex}.band-line{font-family:var(--font-display);color:var(--muted);font-size:clamp(26px,3.4vw,52px);font-weight:700;line-height:1.05;transition:color .3s}.band-more{opacity:0;max-height:0;transition:max-height .38s var(--ease), opacity .3s, margin .3s;font-size:1.0625rem;overflow:hidden}.band.is-on .band-line{color:var(--field-ink)}.band.is-on .band-more{opacity:1;max-height:6em;color:var(--field-ink);margin-top:10px}.band:nth-child(2n):not(.is-on){background:var(--surface)}.switch{background:var(--slot);cursor:pointer;border:0;flex:none;width:2.6em;min-width:44px;height:1.4em;min-height:44px;padding:.15em;font-size:clamp(28px,3vw,44px);transition:background-color .25s;display:flex}.switch-knob{background:var(--muted);width:1.1em;height:1.1em;transition:transform .26s var(--spring), background-color .25s}.switch[aria-checked=true]{background:var(--field-ink)}.switch[aria-checked=true] .switch-knob{background:var(--accent);transform:translate(1.2em)}@media (max-width:700px){.band{min-height:132px}.band-line{font-size:6.4vw}.band-more{font-size:.95rem}}.wall-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:48px;display:grid}.wall-head .section-lede{margin-top:0}@media (max-width:800px){.wall-head{grid-template-columns:1fr;gap:20px}}.wall{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0 8px;list-style:none;display:grid}.wall-tile{aspect-ratio:1;color:var(--field-ink);transition:transform .22s var(--spring);place-items:center;display:grid;position:relative}.wall-tile:hover{transform:translateY(-6px)}.wall-item{aspect-ratio:1;width:55%!important;height:auto!important}.wall-caption{text-align:center;font-family:var(--font-display);font-size:1rem;font-weight:700;position:absolute;bottom:18px;left:0;right:0}@media (max-width:700px){.wall{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 6px}.wall-caption{font-size:.875rem;bottom:12px}}.theme-poster{grid-template-columns:1fr minmax(260px,380px);align-items:center;gap:48px;margin:40px 0 32px;display:grid}.poster{margin:0;padding:0;list-style:none}.poster button{all:unset;cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;width:100%;display:flex}.poster button:focus-visible{outline:3px solid var(--c);outline-offset:4px}.poster-name{font-family:var(--font-display);transition:color .2s, transform .24s var(--ease);font-size:clamp(36px,6vw,104px);font-weight:700;line-height:.95}.poster li.is-on .poster-name{color:var(--c);transform:translate(10px)}.poster-note{font-variant-numeric:tabular-nums;color:var(--muted);font-size:1.125rem}.poster li:first-child .poster-note{color:var(--field-cherry);font-weight:700}.theme-stage{aspect-ratio:9/16;background:var(--c);border:8px solid var(--c);position:relative;overflow:hidden}.theme-layer{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease);animation:layer-in .52s var(--ease) both;position:absolute;inset:0}.theme-figure{object-fit:contain;object-position:50% 100%;width:80%;height:72%;animation-delay:.12s;inset:auto 10% 6%}.theme-front{animation-delay:.2s}@keyframes layer-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.theme-layer{transition:none;animation:none}}@media (max-width:800px){.theme-poster{grid-template-columns:1fr;gap:28px}.theme-stage{order:-1;width:min(100%,340px);margin:0 auto}.poster button{flex-direction:column;gap:4px;margin-bottom:14px}.poster-name{font-size:10vw}.poster-note{font-size:.95rem}}.faq-wrap h2{margin-bottom:48px}.cards{max-width:900px;margin:0 auto}.card{color:var(--field-ink);clip-path:polygon(0 40px, calc(var(--k) * 12%) 40px, calc(var(--k) * 12%) 0, calc(var(--k) * 12% + 200px) 0, calc(var(--k) * 12% + 200px) 40px, 100% 40px, 100% 100%, 0 100%);transition:transform .24s var(--ease);margin-top:-8px}.card:hover{transform:translateY(-4px)}.card-head{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;width:100%;padding:0 24px 20px;display:flex}.card-tab{height:40px;margin-left:calc(var(--k) * 12%);align-items:center;font-size:1rem;font-weight:800;display:flex}.card-q{font-family:var(--font-display);padding-top:14px;font-size:1.35rem;font-weight:700}.card-a{max-width:54ch;animation:open-card .36s var(--ease);padding:0 24px 28px;font-size:1.0625rem}@keyframes open-card{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (max-width:700px){.card{clip-path:polygon(0 40px, calc(var(--k) * 8%) 40px, calc(var(--k) * 8%) 0, calc(var(--k) * 8% + 120px) 0, calc(var(--k) * 8% + 120px) 40px, 100% 40px, 100% 100%, 0 100%)}.card-tab{margin-left:calc(var(--k) * 8%);font-size:.9rem}.card-q{font-size:1.1rem}.card-a{font-size:1rem}}.site-footer{margin-top:var(--gap-section);background:var(--surface);padding:56px 0 40px}.footer-word{height:34svh;max-height:340px;padding:0 var(--margin);align-items:flex-end;gap:4px;text-decoration:none;display:flex}.footer-block{background:var(--accent);color:var(--surface);font-family:var(--font-display);transition:transform .26s var(--spring), background-color .2s;flex:1;place-items:end center;padding-bottom:.1em;font-size:clamp(36px,9vw,150px);font-weight:700;line-height:1;display:grid}.footer-block:nth-child(3n+2){background:var(--field-sky)}.footer-block:nth-child(3n){background:var(--field-grass)}.footer-word:hover .footer-block{transition-delay:calc(var(--k) * 30ms);transform:translateY(-8px)}.footer-cols{grid-template-columns:1fr 2fr 1fr;gap:40px;margin-top:56px;font-size:1rem;display:grid}.footer-cols nav{flex-direction:column;gap:8px;display:flex}.footer-cols nav a{text-decoration:none}.footer-cols nav a:hover{color:var(--accent)}.footer-legal p+p{color:var(--muted);margin-top:12px}.footer-copy{color:var(--muted);margin-top:16px}@media (max-width:800px){.footer-word{height:22svh}.footer-cols{grid-template-columns:1fr}}.page{padding:64px 0 0}.policy-wrap{max-width:820px}.policy-wrap h1{font-size:var(--step-head)}.policy-wrap h2{margin:56px 0 16px;font-size:1.75rem}.policy-wrap p,.policy-wrap li{max-width:68ch}.policy-wrap p+p{margin-top:14px}.policy-sources{gap:16px;padding:0;list-style:none;display:grid}.policy-sources li{background:var(--surface);padding:18px 20px}.policy-sources strong{font-family:var(--font-display);display:block}.policy-sources span{color:var(--muted);font-size:.9375rem}.motion-ready [data-reveal]>*{opacity:0;transition:opacity .6s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.motion-ready [data-reveal].is-in>*{opacity:1;transform:none}.hero-shape i{animation:tile-in .9s var(--spring) both;animation-delay:calc(var(--k) * 70ms + .1s)}@keyframes tile-in{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:none}}.footer-block{animation:block-up .8s var(--spring) both;animation-delay:calc(var(--k) * 60ms);animation-timeline:view();animation-range:entry cover 30%}@keyframes block-up{0%{transform:translateY(60%)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation:none!important}.motion-ready [data-reveal]>*{opacity:1;transform:none}}
