@font-face{font-family:Barlow;src:url(assets/barlow.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Space;src:url(assets/space.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--ink:#25163d;--cream:#faf5e9;--white:#fffdf6;--lilac:#d5c5fc;--pink:#ed95b6;--yellow:#f9f348;--line:#25163d;--display:Barlow,Impact,"Arial Narrow",sans-serif;--body:Space,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--cream);font:500 16px/1.45 var(--body)}body:has(dialog[open]){overflow:hidden}
h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img{display:block;width:100%;object-fit:cover}svg{width:20px;height:20px}em{font-style:normal}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7250d5;outline-offset:4px}[hidden]{display:none!important}
.wrap{width:min(1248px,calc(100% - 88px));margin-inline:auto}.skip{position:fixed;z-index:9;top:-100px;background:var(--yellow);padding:12px}.skip:focus{top:8px}
.top{position:sticky;top:0;z-index:5;background:var(--cream);border-bottom:1px solid var(--ink)}.top-inner{height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.logo{width:max-content;font:900 36px/.8 var(--display);letter-spacing:-.04em;transform:rotate(-3deg)}.logo span{font:700 13px/1 var(--body);vertical-align:top;margin-left:3px}.top nav{display:flex;gap:30px;font-weight:700;font-size:14px}.top nav a:hover,.footer-side a:hover{text-decoration:underline;text-underline-offset:4px}.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}.lang,.bag-btn{background:transparent;border:1px solid var(--ink);border-radius:7px;min-height:40px;font-size:13px;font-weight:700}.lang{padding:0 11px}.bag-btn{display:flex;gap:7px;align-items:center;padding:0 8px 0 10px;background:var(--yellow);box-shadow:2px 2px var(--ink)}.bag-btn b{display:grid;place-items:center;background:var(--ink);color:var(--yellow);border-radius:50%;min-width:20px;height:20px;font-size:11px}
.hero{display:grid;grid-template-columns:1.04fr 1fr;min-height:470px;margin-top:27px;margin-bottom:28px;border:2px solid var(--ink);border-radius:19px;box-shadow:5px 5px var(--ink)}.hero-copy{border-radius:17px 0 0 17px;background:var(--lilac);padding:clamp(30px,5vw,71px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.kicker{font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.spark{font-size:18px;line-height:1}.hero h1{font:900 clamp(68px,8.7vw,138px)/.76 var(--display);letter-spacing:-.038em;text-transform:uppercase;margin:23px 0 24px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:#fff8ee;-webkit-text-stroke:1.7px var(--ink);text-shadow:3px 3px var(--ink);white-space:nowrap}.hero p{font-size:clamp(14px,1.35vw,18px);max-width:370px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:11px 17px;border:1.5px solid var(--ink);border-radius:7px;font-size:14px;font-weight:700;box-shadow:3px 3px var(--ink);transition:transform .15s,box-shadow .15s;background:var(--white);color:var(--ink)}.btn:hover,.add:hover,.bag-btn:hover{transform:translate(-1px,-2px);box-shadow:4px 5px var(--ink)}.btn:active,.add:active,.bag-btn:active{transform:translate(2px,2px);box-shadow:0 0}.yellow{background:var(--yellow)}.outline{background:transparent}.hero-photo{position:relative;overflow:hidden;border-radius:0 17px 17px 0;border-left:2px solid var(--ink);background:#f192b0}.hero-photo img{height:100%;position:absolute;inset:0;object-position:center}.photo-note{position:absolute;bottom:14px;left:15px;background:var(--cream);color:var(--ink);border:1px solid var(--ink);border-radius:3px;padding:5px 8px;font-size:10px;font-weight:700;letter-spacing:.09em}.photo-star{position:absolute;top:12px;left:18px;font-size:58px;line-height:1;color:var(--yellow);-webkit-text-stroke:1px var(--ink);transform:rotate(-14deg)}.sticker{position:absolute;right:18px;bottom:21px;width:118px;aspect-ratio:1;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;transform:rotate(11deg);box-shadow:3px 4px var(--ink)}.sticker span{font-size:10px;letter-spacing:.14em;font-weight:700}.sticker strong{font:900 33px/1 var(--display);margin:2px 0 5px}.ticker{overflow:hidden;padding:8px 0 9px;background:var(--ink);color:var(--cream);font:900 22px/1.1 var(--display);letter-spacing:.08em}.ticker-track{display:flex;width:max-content}.ticker-track.is-looping{animation:roll 30s linear infinite}.ticker-copy{flex:none;white-space:nowrap;padding-right:.25em}.ticker b{color:var(--yellow);margin:0 17px;font-size:16px}@keyframes roll{to{transform:translateX(calc(-1 * var(--ticker-step)))}}
.menu{padding:49px 0 60px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.menu h2,.arcade h2,.footer h2{font:900 clamp(64px,8vw,106px)/.83 var(--display);letter-spacing:-.026em;text-transform:uppercase;margin-top:9px}.search{display:flex;align-items:center;gap:9px;background:var(--white);border:1px solid var(--ink);border-radius:7px;padding:10px 13px;width:255px}.search svg{flex:none}.search input{min-width:0;width:100%;border:0;background:transparent;font-size:14px;outline:none}.search:focus-within{outline:2px solid #7250d5;outline-offset:2px}.filters{display:flex;overflow-x:auto;gap:8px;padding:20px 2px 14px;scrollbar-width:thin}.filter{border:1px solid var(--ink);border-radius:30px;padding:7px 14px;background:transparent;white-space:nowrap;font-size:13px;font-weight:700}.filter:hover{background:var(--lilac)}.filter[aria-pressed="true"]{background:var(--ink);color:var(--yellow)}.menu-meta{display:flex;justify-content:space-between;gap:12px;padding:4px 0 11px;border-top:1px solid #d3c9c8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px var(--ink);overflow:hidden}.card-photo{position:relative;overflow:hidden;background:var(--lilac);border-bottom:1px solid var(--ink)}.card img{aspect-ratio:1.8;transition:transform .24s}.card:hover img{transform:scale(1.04)}.flag{position:absolute;top:11px;left:11px;background:var(--yellow);border:1px solid var(--ink);border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card-body{display:flex;flex-direction:column;flex:1;padding:14px 15px 15px}.card h3{font:900 clamp(25px,3vw,36px)/.95 var(--display);text-transform:uppercase}.card p{font-size:13px;margin:7px 0 16px;line-height:1.37;color:#473a53}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.price{font-size:18px;font-weight:700}.add{border:1px solid var(--ink);border-radius:6px;background:var(--yellow);box-shadow:2px 2px var(--ink);display:grid;place-items:center;font-size:24px;line-height:1;width:38px;height:36px}.menu-note{margin-top:18px;font-size:12px;color:#554666}.empty{padding:24px;border:1px dashed var(--ink);grid-column:1/-1;border-radius:10px}
.arcade{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--ink);color:var(--cream);border:2px solid var(--ink);border-radius:17px;box-shadow:5px 5px #a48adf;padding:clamp(24px,5vw,60px);margin-bottom:59px}.arcade .kicker,.arcade h2 em{color:var(--yellow)}.arcade h2{margin:15px 0;line-height:.78}.arcade-copy p{max-width:360px;margin-bottom:19px}.arcade .btn{box-shadow:3px 3px #a48adf}.arcade-screen{min-width:0;padding:16px;border:1px solid #a48adf;background:#382455;border-radius:12px}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:7px;margin-bottom:11px}.scoreboard span{display:block;font-size:10px;letter-spacing:.13em}.scoreboard strong{font:900 34px/1 var(--display);color:var(--yellow)}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.game-cell{border:1px solid #9178ba;border-radius:8px;background:#4d366b;color:var(--white);min-width:0;height:clamp(43px,5.8vw,69px);font-size:clamp(18px,4vw,34px);line-height:1}.game-cell[data-kind="good"]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.game-cell[data-kind="bad"]{background:var(--pink);color:var(--ink);border-color:var(--pink)}.game-cell:focus-visible{outline-color:white;outline-offset:1px}.game-cell:disabled{opacity:.72}.arcade-screen p{font-size:12px;margin-top:10px;min-height:18px}
.footer{border-top:2px solid var(--ink);background:var(--lilac);padding:36px 0 40px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.footer h2{font-size:clamp(43px,6vw,78px)}.footer p{margin:12px 0 14px}.footer-side{display:grid;gap:7px;font-weight:700;font-size:13px}.footer-side small{font-weight:500}.mobile-cart{display:none}
dialog{position:fixed;margin:auto;width:min(480px,calc(100% - 26px));max-height:calc(100dvh - 30px);padding:0;color:var(--ink);border:2px solid var(--ink);border-radius:14px;background:var(--cream);box-shadow:5px 5px var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#1a1036a8;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 19px;border-bottom:1px solid var(--ink);background:var(--lilac)}.dialog-head h2{font:900 37px/.92 var(--display);text-transform:uppercase}.x{border:1px solid var(--ink);background:var(--white);border-radius:5px;min-width:38px;height:38px;font-size:23px;line-height:1}.dialog-body{padding:17px 19px 22px}.dialog-body>p{margin-bottom:12px}.detail-image{aspect-ratio:2.1;border:1px solid var(--ink);border-radius:8px;margin-bottom:12px}.field{display:grid;gap:5px;font-size:13px;font-weight:700;margin:12px 0}.field :is(select,input,textarea){background:var(--white);border:1px solid var(--ink);border-radius:6px;width:100%;padding:9px;font-size:16px;font-weight:500}.field textarea{resize:vertical}.full{width:100%;margin-top:7px}.cart-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #d4cbd1}.cart-row img{width:52px;height:49px;border-radius:6px;border:1px solid var(--ink)}.cart-row strong{line-height:1.15;display:block}.cart-row small{display:block;margin-top:4px}.qty{display:flex;align-items:center;gap:7px;margin-top:7px}.qty button{display:grid;place-items:center;padding:0;width:28px;height:28px;border:1px solid var(--ink);border-radius:5px;background:var(--white);font-size:18px}.total{display:flex;justify-content:space-between;font-weight:700;padding:13px 0 1px;font-size:17px}.help{font-size:12px;color:#554666}.receipt{white-space:pre-wrap;overflow-wrap:anywhere;font:500 13px/1.5 var(--body);background:var(--white);border:1px dashed var(--ink);border-radius:7px;padding:12px}.toast{position:fixed;z-index:6;left:50%;bottom:24px;transform:translate(-50%,15px);max-width:calc(100% - 24px);width:max-content;border-radius:7px;border:1px solid var(--ink);background:var(--ink);color:var(--cream);padding:9px 14px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1080px){.wrap{width:calc(100% - 56px)}.hero{min-height:395px}.hero-copy{padding:40px 32px}}
@media(max-width:760px){html{scroll-padding-top:67px}.wrap{width:calc(100% - 32px)}.top-inner{grid-template-columns:1fr auto;height:56px;gap:8px}.top nav{display:none}.logo{font-size:30px}.bag-btn,.lang{min-height:36px}.hero{margin-top:15px;margin-bottom:19px;min-height:0;grid-template-columns:1fr;border-radius:13px;box-shadow:3px 3px var(--ink)}.hero-copy{border-radius:11px 11px 0 0;padding:24px 20px 25px}.hero h1{font-size:clamp(61px,12.5vw,94px);margin:17px 0 16px}.hero h1 em{text-shadow:2px 2px var(--ink);-webkit-text-stroke:1.15px var(--ink)}.hero-actions{margin-top:17px}.hero-photo{height:clamp(190px,54vw,340px);border-left:0;border-top:2px solid var(--ink);border-radius:0 0 11px 11px}.photo-star{font-size:43px}.sticker{width:83px;bottom:12px;right:11px}.sticker strong{font-size:22px}.sticker span{font-size:8px}.photo-note{bottom:9px;left:9px;font-size:8px}.ticker{font-size:18px}.menu{padding:36px 0 43px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-body{padding:10px}.card h3{font-size:24px}.card p{font-size:12px;margin-bottom:11px}.price{font-size:15px}.add{height:33px;width:34px}.card img{height:auto;aspect-ratio:1.8}.flag{top:5px;left:5px;font-size:8px}.arcade{grid-template-columns:1fr;gap:19px;margin-bottom:42px}.game-cell{height:55px}.footer-inner{align-items:flex-start;flex-direction:column}.footer{padding-bottom:82px}.mobile-cart{display:flex;position:fixed;z-index:4;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-between}.toast{bottom:70px}}
@media(max-width:460px){.section-top{align-items:stretch;flex-direction:column;gap:13px}.search{width:100%}.filters{padding-top:12px}.menu h2{font-size:65px}.menu-meta{letter-spacing:.06em}.card h3{font-size:22px}.card p{font-size:11.5px}.hero h1{font-size:clamp(54px,13vw,69px)}}
@media(max-width:350px){.bag-btn span{display:none}.hero h1{font-size:49px}.hero-copy{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
