/* GLITCHPARK — аркадный язык: жёсткие тени, пиксельные детали, кислотные цвета на сиреневой тьме. Rubik + Pixelify Sans + Martian Mono */
:root{--bg:#120a1f;--bg2:#1d0f33;--bg3:#2a1749;--ink:#fff6e5;--mute:#b9a9d6;--y:#ffe14d;--p:#ff3d7f;--m:#29f0c8;--v:#7b5cff;--r:#ff4d4d;--k:#07030f;--line:rgba(255,246,229,.2);--disp:'Rubik','Arial Black',system-ui,sans-serif;--px:'Pixelify Sans',ui-monospace,monospace;--mono:'Martian Mono',ui-monospace,Consolas,monospace;--gut:clamp(16px,4vw,48px);--max:1320px;--hdr:72px;--dock:76px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--disp);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:3px solid var(--m);outline-offset:3px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:10px;top:-70px;z-index:400;background:var(--y);color:#000;padding:10px 16px;font-weight:900}.skip:focus{top:10px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono)}
.ic{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.tag{display:inline-block;font:700 .9rem/1 var(--px);letter-spacing:.14em;text-transform:uppercase;color:var(--p)}
em{font-style:normal;color:var(--y)}

/* шапка */
.hdr{position:sticky;top:0;z-index:100;background:rgba(18,10,31,.94);backdrop-filter:blur(8px);border-bottom:3px solid var(--y)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--hdr)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:38px;height:38px}
.lw{display:flex;font:900 1.35rem/1 var(--disp);letter-spacing:.02em}.lw b{color:var(--y)}.lw i{font-style:normal;color:var(--p);margin-left:1px}
.nav ul{display:flex;gap:8px}
.nav a{display:block;padding:9px 16px;border:3px solid transparent;text-decoration:none;font:500 .82rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);transition:all .12s}
.nav a:hover{color:var(--ink);border-color:var(--v)}
.nav a[aria-current=page]{background:var(--m);color:#000;border-color:#000;box-shadow:4px 4px 0 var(--p)}
.hdr-act{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:3px solid #000;font:900 .95rem/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:5px 5px 0 #000;transition:transform .1s,box-shadow .1s,background .15s;position:relative;top:0;left:0}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #000}.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 #000}
.btn-y{background:var(--y);color:#000}.btn-y:hover{background:#fff17a}
.btn-o{background:var(--bg3);color:var(--ink);border-color:var(--ink);box-shadow:5px 5px 0 var(--v)}.btn-o:hover{box-shadow:3px 3px 0 var(--v);background:var(--bg2)}
.btn-s{min-height:42px;padding:0 14px;font-size:.78rem;box-shadow:4px 4px 0 #000}.btn-o.btn-s{box-shadow:4px 4px 0 var(--v)}
.btn[disabled]{opacity:.45;pointer-events:none}.btn[aria-pressed=true]{background:var(--p);color:#000}
.dock{display:none}
.marq{overflow:hidden;background:var(--y);color:#000;border-bottom:3px solid #000;font:700 1.05rem/1 var(--px);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.marq-in{display:inline-flex;gap:26px;padding:10px 0;animation:marq 38s linear infinite}.marq-in i{font-style:normal;color:var(--p)}
@keyframes marq{to{transform:translateX(-50%)}}

/* герой */
.hero{padding-block:clamp(36px,6vw,80px) clamp(40px,6vw,90px);background:radial-gradient(70% 90% at 78% 40%,rgba(123,92,255,.35),transparent 60%),radial-gradient(40% 50% at 8% 90%,rgba(255,61,127,.22),transparent 70%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(24px,5vw,80px);align-items:center}
.hero h1{display:grid;font:900 clamp(3.6rem,10.4vw,9.4rem)/.84 var(--disp);text-transform:uppercase;letter-spacing:-.025em;margin:18px 0 26px;transform:rotate(-2.5deg);transform-origin:left bottom}
.hero h1 .l1{color:var(--ink);text-shadow:6px 6px 0 var(--v)}
.hero h1 .l2{color:transparent;-webkit-text-stroke:3px var(--p);margin-left:.5em;animation:glt 5.5s steps(1) infinite}
.hero h1 .l3{color:var(--y);text-shadow:6px 6px 0 #000,10px 10px 0 var(--p)}
@keyframes glt{0%,92%,100%{text-shadow:none}93%{text-shadow:-5px 0 var(--m),5px 0 var(--p)}95%{text-shadow:5px 0 var(--m),-5px 0 var(--p);transform:translateX(3px)}97%{text-shadow:none;transform:none}}
.hero-p{max-width:46ch;font-size:1.15rem;color:#e3d7f5}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero-note{margin-top:20px;font-size:.72rem;color:var(--mute);letter-spacing:.04em}
.hero-cab{position:relative;transform:rotate(1.6deg);max-width:440px;justify-self:center;width:100%}
.sticker{position:absolute;display:grid;place-items:center;text-align:center;font:900 .78rem/1.05 var(--disp);text-transform:uppercase;width:86px;height:86px;border-radius:50%;border:3px solid #000;box-shadow:4px 4px 0 #000;z-index:3}
.sticker.s1{background:var(--m);color:#000;right:-22px;top:-26px;transform:rotate(14deg)}.sticker.s2{background:var(--p);color:#000;left:-26px;bottom:60px;transform:rotate(-12deg)}

/* аркадный шкаф */
.cab{--gc:var(--y);background:var(--k);border:4px solid var(--gc);box-shadow:10px 10px 0 rgba(0,0,0,.55),0 0 0 3px #000;padding:12px;display:grid;gap:12px;position:relative}
.cab-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cab-hud div{background:var(--bg2);border:2px solid var(--line);padding:6px 8px;min-width:0}
.cab-hud span{display:block;font:500 .56rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.cab-hud b{display:block;font:700 1.35rem/1.15 var(--px);color:var(--gc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-hud .lives{color:var(--p);letter-spacing:.1em}
.cab-screen{position:relative;aspect-ratio:3/4;background:#000;overflow:hidden;border:2px solid #000;max-height:78svh;margin-inline:auto;width:100%}
.cab-screen canvas{width:100%;height:100%;touch-action:none;outline:none;image-rendering:auto}
.cab-screen canvas:focus-visible{outline:3px solid var(--m);outline-offset:-3px}
.crt{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),radial-gradient(120% 100% at 50% 50%,transparent 60%,rgba(0,0,0,.55))}
.gp-ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(18,10,31,.82);padding:18px;z-index:2}
.ov-in{display:grid;gap:14px;text-align:center;max-width:340px}
.gp-ov-t{font:900 clamp(1.8rem,5vw,2.6rem)/.95 var(--disp);text-transform:uppercase;color:var(--gc);text-shadow:4px 4px 0 #000}
.gp-ov-p{font-size:.95rem;color:#e3d7f5}
.gp-ov-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.gbtn{min-height:48px;padding:0 22px;border:3px solid #000;background:var(--bg3);color:var(--ink);font:900 .9rem/1 var(--disp);text-transform:uppercase;box-shadow:4px 4px 0 var(--v)}
.gbtn.primary{background:var(--gc);color:#000;box-shadow:4px 4px 0 #000}.gbtn:hover{transform:translate(2px,2px)}
.cab-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cab-hint{font:400 .66rem/1 var(--mono);color:var(--mute);margin-left:auto}
.tpad{display:none;grid-template-columns:1fr 1fr;gap:12px}
.tpad button{min-height:78px;border:3px solid #000;background:var(--bg3);box-shadow:5px 5px 0 var(--v);font:900 1.8rem/1 var(--disp);touch-action:manipulation;-webkit-user-select:none;user-select:none}.tpad button.on{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--v);background:var(--gc)}

/* секции */
.sec{padding-block:clamp(44px,7vw,96px)}.sec.s0{padding-top:0}
.sec-h{margin-bottom:clamp(22px,3vw,40px);display:grid;gap:10px}
.sec-h h2,.h2{font:900 clamp(2.2rem,5.6vw,4.6rem)/.92 var(--disp);text-transform:uppercase;letter-spacing:-.02em}
.h3{font:900 1.2rem/1.1 var(--disp);text-transform:uppercase;margin:26px 0 10px;color:var(--y)}
.carts{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.4vw,34px)}
.cart{--gc:var(--y);position:relative;grid-column:span 3;display:grid;text-decoration:none;background:var(--bg2);border:4px solid var(--gc);box-shadow:8px 8px 0 #000;transition:transform .15s,box-shadow .15s;overflow:hidden;aspect-ratio:3/4;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.cart.big{grid-column:span 6;grid-row:span 2;aspect-ratio:auto;min-height:100%}
.cart:nth-child(2){transform:rotate(-1.4deg)}.cart:nth-child(3){transform:rotate(1.2deg) translateY(18px)}.cart:nth-child(4){transform:rotate(-.8deg)}
.cart:hover,.cart:focus-visible{transform:translate(-4px,-6px) rotate(0);box-shadow:14px 14px 0 var(--gc)}
.cart-art{position:absolute;inset:0}.cart-art .cover{width:100%;height:100%;object-fit:cover}
.cart::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,3,15,.96) 82%)}
.cart-n{position:absolute;left:14px;top:10px;z-index:2;font:900 2.4rem/1 var(--disp);color:var(--gc);-webkit-text-stroke:2px #000;text-shadow:3px 3px 0 #000}
.cart-b{position:absolute;left:16px;right:16px;bottom:56px;z-index:2;display:grid;gap:4px}
.cart-b b{font:900 clamp(1.5rem,2.4vw,2.2rem)/.95 var(--disp);text-transform:uppercase;text-shadow:3px 3px 0 #000}.cart.big .cart-b b{font-size:clamp(2.4rem,4.6vw,4.6rem)}
.cart-b i{font:700 1.05rem/1 var(--px);font-style:normal;color:var(--gc);letter-spacing:.06em;text-transform:uppercase}
.cart-b small{color:#e3d7f5;font-size:.82rem;line-height:1.35;display:none}.cart.big .cart-b small{display:block;max-width:40ch}
.cart-go{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-flex;gap:8px;align-items:center;font:900 .8rem/1 var(--disp);text-transform:uppercase;background:var(--gc);color:#000;padding:10px 14px;border:3px solid #000}
.cart-rec{position:absolute;right:14px;bottom:20px;z-index:2;font-size:.62rem;color:var(--mute)}
.carts.mini .cart{grid-column:span 4;aspect-ratio:3/4}.carts.mini .cart:nth-child(n){transform:none}

/* табло */
.score{background:var(--y);color:#000;border-block:4px solid #000;padding-block:clamp(40px,6vw,80px)}
.score .tag{color:#000}.score em{color:var(--p);-webkit-text-stroke:0}
.board{display:grid;gap:10px}
.brow{display:grid;grid-template-columns:48px 1fr auto auto;gap:16px;align-items:center;background:#000;color:var(--ink);padding:14px 20px;border:3px solid #000;box-shadow:6px 6px 0 var(--p)}.brow:not(.has) .bs{color:var(--mute)}
.brow.has{opacity:1}.brow .bn{font:900 1.8rem/1 var(--disp);color:var(--gc)}.brow b{font:900 clamp(1.2rem,2.4vw,1.9rem)/1 var(--disp);text-transform:uppercase}
.brow .bs{font-size:clamp(1.3rem,3vw,2.2rem);color:var(--gc);font-weight:500;min-width:6ch;text-align:right}.brow .bp{font-size:.7rem;color:var(--mute);min-width:11ch;text-align:right}
.board-note{margin-top:20px;font-size:.92rem}.board-note a{font-weight:900}

/* как играть */
.howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}
.how{border:3px solid var(--gc);padding:22px;background:var(--bg2);box-shadow:6px 6px 0 #000}
.how h3,.how h2{font:900 1.4rem/1 var(--disp);color:var(--gc);text-transform:uppercase;margin-bottom:16px}
.kl{display:grid;gap:10px}.kl li{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.92rem;color:#e3d7f5}
.keys{display:inline-flex;gap:5px;align-items:center;flex:none}.keys i{font:400 .7rem/1 var(--mono);color:var(--mute);font-style:normal;padding:0 3px}
kbd{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;font:500 .8rem/1 var(--mono);background:var(--ink);color:#000;border:2px solid #000;border-bottom-width:5px;border-radius:3px}
.touch-line{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:.88rem;color:var(--mute);border-top:2px dashed var(--line);padding-top:14px}
.patch{display:grid;border-top:3px solid var(--line)}
.patch a{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:baseline;padding:20px 0;border-bottom:3px solid var(--line);text-decoration:none;transition:padding .15s,background .15s}
.patch a:hover{padding-left:16px;background:var(--bg2)}
.pv{color:var(--m);font-size:.82rem}.pt{font:900 clamp(1.2rem,2.4vw,1.9rem)/1.1 var(--disp);text-transform:uppercase}.pt small{display:block;font:400 .9rem/1.4 var(--disp);text-transform:none;color:var(--mute);margin-top:6px}.pd{font-size:.7rem;color:var(--mute)}

/* внутренние страницы */
.page-h{padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(18px,3vw,36px)}.page-h.tight{padding-bottom:0}
.page-h h1{font:900 clamp(3rem,9vw,8rem)/.88 var(--disp);text-transform:uppercase;letter-spacing:-.03em;margin-top:16px}.page-h h1 em{color:var(--p)}
.page-h h1.long{font-size:clamp(1.8rem,8vw,5.2rem)}.page-h h1{overflow-wrap:anywhere}.page-h h1.art-h{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.02em}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#e3d7f5;max-width:56ch;margin-top:20px}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--y)}.crumbs i{font-style:normal;color:var(--p)}
.lobby{display:grid;gap:clamp(22px,3vw,40px);padding-bottom:clamp(40px,7vw,90px)}
.lrow{--gc:var(--y);display:grid;grid-template-columns:200px minmax(0,1.5fr) minmax(220px,.8fr) auto;gap:clamp(16px,3vw,40px);align-items:center;border:4px solid var(--gc);background:var(--bg2);padding:18px;box-shadow:8px 8px 0 #000}
.lart{display:block;aspect-ratio:3/4;overflow:hidden;border:3px solid #000}.lart .cover{width:100%;height:100%}
.ln{font-size:.7rem;color:var(--gc);letter-spacing:.1em;text-transform:uppercase}.lmain h3{font:900 clamp(2rem,4vw,3.4rem)/.92 var(--disp);text-transform:uppercase;margin:8px 0}.lmain h3 a{text-decoration:none}.lmain h3 a:hover{color:var(--gc)}
.lsub{font:700 1.15rem/1.1 var(--px);color:var(--gc);text-transform:uppercase;letter-spacing:.06em}.lmain p:last-child{margin-top:10px;color:#e3d7f5;font-size:.95rem}
.lmeta{display:grid;gap:10px}.lmeta div{display:flex;justify-content:space-between;gap:12px;border-bottom:2px dashed var(--line);padding-bottom:8px;font-size:.9rem}.lmeta dt{font:500 .64rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.lmeta dd{margin:0;text-align:right}
.lvl{display:inline-flex;gap:4px}.lvl i{width:12px;height:12px;background:var(--bg3);border:2px solid var(--line)}.lvl i.on{background:var(--gc,var(--y));border-color:#000}
.best{font-family:var(--mono);color:var(--gc)}
.play{display:grid;grid-template-columns:minmax(300px,520px) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start;padding-block:clamp(18px,3vw,40px) clamp(30px,5vw,70px)}
.play-cab{position:sticky;top:calc(var(--hdr) + 16px)}
.play-info h1{font:900 clamp(2.6rem,6vw,5.4rem)/.88 var(--disp);text-transform:uppercase;color:var(--gc);text-shadow:5px 5px 0 #000;margin:14px 0 8px}
.play-info p{max-width:60ch;color:#e3d7f5;margin-top:10px}
.tips{display:grid;gap:8px}.tips li{position:relative;padding-left:26px;color:#e3d7f5}.tips li::before{content:"▸";position:absolute;left:0;color:var(--p)}
.play-info .lmeta{margin-top:26px;max-width:460px}.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:22px;margin-top:26px}
.cc{--gc:var(--y);display:grid;grid-template-columns:96px 1fr;gap:16px;text-decoration:none;border:3px solid var(--gc);background:var(--bg2);padding:12px;box-shadow:6px 6px 0 #000;transition:transform .12s,box-shadow .12s}.cc:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--gc)}
.cc-art{aspect-ratio:3/4;border:2px solid #000;overflow:hidden}.cc-art .cover{width:100%;height:100%}.cc-b{display:grid;gap:5px;align-content:start}.cc-b b{font:900 1.15rem/1 var(--disp);text-transform:uppercase}.cc-b i{font:700 .9rem/1 var(--px);font-style:normal;color:var(--gc);text-transform:uppercase}.cc-b small{color:var(--mute);font-size:.78rem}
.filt{display:grid;gap:14px;margin-bottom:8px}.srch{position:relative;max-width:520px}.srch .ic{position:absolute;left:14px;top:50%;margin-top:-.575em;color:var(--mute)}
.inp,.sel{min-height:50px;background:var(--bg2);border:3px solid var(--ink);padding:0 16px;color:var(--ink);font:500 .9rem/1 var(--mono);width:100%}.srch .inp{padding-left:44px}.sel{width:auto;min-width:200px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--y) 50%),linear-gradient(135deg,var(--y) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}
.inp:focus,.sel:focus{border-color:var(--m);outline:none;box-shadow:4px 4px 0 var(--m)}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;padding:0 16px;border:3px solid var(--ink);font:500 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--bg2);transition:all .1s}.chip:hover{border-color:var(--y)}.chip[aria-pressed=true]{background:var(--y);color:#000;border-color:#000;box-shadow:4px 4px 0 var(--p)}
.frow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cnt{font:500 .72rem/1 var(--mono);color:var(--mute);margin-left:auto}
.empty{border:4px dashed var(--line);padding:clamp(30px,6vw,70px);display:grid;gap:14px;justify-items:center;text-align:center;margin-top:26px}.empty h3{font:900 2rem/1 var(--disp);text-transform:uppercase}.empty .big{width:56px;height:56px;color:var(--p)}
[hidden]{display:none!important}
.sets{display:grid;gap:clamp(28px,4vw,56px);padding-bottom:clamp(40px,7vw,90px)}
.set{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(20px,4vw,56px);align-items:start;border-top:4px solid var(--y);padding-top:24px}.set:nth-child(even){border-top-color:var(--p)}
.sn{font-size:.72rem;color:var(--m);text-transform:uppercase}.set h2{font:900 clamp(2rem,4vw,3.4rem)/.92 var(--disp);text-transform:uppercase;margin:10px 0}.why{margin-top:14px;color:#e3d7f5;border-left:4px solid var(--p);padding-left:16px}
.set-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mini{--gc:var(--y);display:grid;gap:8px;text-decoration:none}.mini-art{display:block;aspect-ratio:3/4;border:3px solid var(--gc);box-shadow:5px 5px 0 #000;overflow:hidden;transition:transform .12s}.mini:hover .mini-art{transform:translate(-3px,-3px)}.mini-art .cover{width:100%;height:100%}.mini b{font:900 1rem/1 var(--disp);text-transform:uppercase;color:var(--gc)}.mini small{color:var(--mute);font-size:.78rem}
.honest{border:3px solid var(--y);background:var(--bg2);padding:18px 22px;margin-bottom:28px;max-width:80ch;color:#e3d7f5}.honest b{color:var(--y)}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}
.rec{--gc:var(--y);border:3px solid var(--gc);background:var(--bg2);padding:20px;box-shadow:6px 6px 0 #000;display:grid;gap:14px;align-content:start}.rec header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.rec h2{font:900 1.4rem/1 var(--disp);text-transform:uppercase;color:var(--gc)}.rec header .mono{font-size:.7rem;color:var(--mute)}.rec header b{color:var(--ink);font-size:1.1rem}
.top li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:baseline;padding:8px 0;border-bottom:2px dashed var(--line)}.rk{font:700 1.2rem/1 var(--px);color:var(--gc)}.top b{font:700 1.4rem/1 var(--px)}.top .mono{font-size:.66rem;color:var(--mute)}
.empty-r{color:var(--mute);font-size:.92rem}.rec footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rec footer .mono{font-size:.7rem;color:var(--mute);margin-right:auto}
.prose{max-width:70ch;display:grid;gap:1em;color:#e3d7f5;font-size:1.08rem;line-height:1.75}.prose h2{font:900 clamp(1.6rem,3vw,2.3rem)/1 var(--disp);text-transform:uppercase;color:var(--y);margin-top:1.2em}.prose a{color:var(--m)}.prose ul{display:grid;gap:8px;padding-left:22px;list-style:square}
.note{border-left:5px solid var(--p);padding:8px 0 8px 18px;color:var(--ink)}.try{margin-top:30px;border:3px solid var(--y);padding:20px;display:grid;gap:12px;justify-items:start;background:var(--bg2)}
.faq{display:grid;border-top:3px solid var(--line);margin-top:16px;max-width:80ch}.faq details{border-bottom:3px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font:900 1.15rem/1.2 var(--disp);list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--p);font-size:1.6rem;line-height:1}.faq details[open] summary::after{content:"−"}.faq p{margin-top:10px;color:var(--mute)}
.s-mt{margin-top:40px}
.nf{padding-block:clamp(40px,8vw,100px);display:grid;gap:14px;justify-items:start}.nf-art{font:900 clamp(7rem,28vw,20rem)/.8 var(--disp);color:transparent;-webkit-text-stroke:4px var(--p);text-shadow:10px 10px 0 var(--v)}.nf h1{font:900 clamp(2.4rem,7vw,5rem)/.9 var(--disp);text-transform:uppercase}

/* подвал и диалоги */
.ftr{border-top:4px solid var(--y);margin-top:50px;padding-block:clamp(36px,5vw,70px) 30px;background:#07030f;overflow:hidden}
.ftr-word{font:900 clamp(2.4rem,12.4vw,11.4rem)/.8 var(--disp);color:transparent;-webkit-text-stroke:2px rgba(255,246,229,.22);letter-spacing:-.04em;margin-bottom:34px;white-space:nowrap}
.f-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:clamp(20px,4vw,56px)}.f-grid h2{font:700 .95rem/1 var(--px);letter-spacing:.14em;text-transform:uppercase;color:var(--p);margin-bottom:14px}.f-grid a{display:block;padding:5px 0;text-decoration:none;color:var(--mute);font-size:.95rem}.f-grid a:hover{color:var(--y)}.f-t{color:var(--mute);font-size:.95rem;max-width:34ch}
.f-bot{margin-top:36px;padding-top:18px;border-top:3px solid var(--line);font:400 .7rem/1.6 var(--mono);color:var(--mute);letter-spacing:.06em;text-transform:uppercase}
dialog{border:4px solid var(--y);background:var(--bg2);color:var(--ink);padding:0;max-width:min(500px,92vw);box-shadow:10px 10px 0 #000}dialog::backdrop{background:rgba(7,3,15,.82)}
.dlg{padding:clamp(22px,4vw,34px);display:grid;gap:14px}.dlg h2{font:900 1.9rem/.95 var(--disp);text-transform:uppercase;color:var(--y)}.dlg p{color:#e3d7f5}.dlg .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.dlg-ic{width:52px;height:52px;border:3px solid var(--p);display:grid;place-items:center;color:var(--p)}.dlg-ic .ic{width:26px;height:26px}
.toast{position:fixed;left:50%;bottom:calc(var(--dock) + 24px);transform:translate(-50%,30px);z-index:500;background:var(--y);color:#000;padding:12px 20px;border:3px solid #000;box-shadow:5px 5px 0 #000;font:900 .85rem/1 var(--disp);text-transform:uppercase;opacity:0;transition:all .25s;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1050px){.hero-in{grid-template-columns:1fr}.hero-cab{max-width:420px;justify-self:start}.carts{grid-template-columns:repeat(6,1fr)}.cart{grid-column:span 3}.cart.big{grid-column:span 6;grid-row:auto;aspect-ratio:4/3}.lrow{grid-template-columns:150px 1fr}.lrow .lmeta,.lrow .lgo{grid-column:2}.play{grid-template-columns:1fr}.play-cab{position:static;max-width:520px;margin-inline:auto;width:100%}.set{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  :root{--hdr:60px}.nav,.hdr-act .btn-y{display:none}.lw{font-size:1.15rem}
  body{padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom))}
  .dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:150;background:#000;border:3px solid var(--y);box-shadow:5px 5px 0 var(--p);padding:6px 4px;gap:2px}
  .dock a{display:grid;justify-items:center;gap:3px;text-decoration:none;color:var(--mute);padding:4px 0}.dock .bt{width:38px;height:38px;display:grid;place-items:center;border:3px solid var(--bg3);border-radius:50%;transition:all .1s}.dock .bt .ic{width:20px;height:20px}.dock .bl{font:500 .52rem/1 var(--mono);text-transform:uppercase;letter-spacing:.02em}
  .dock a[aria-current=page]{color:var(--y)}.dock a[aria-current=page] .bt{background:var(--y);color:#000;border-color:var(--y);transform:translateY(-6px);box-shadow:3px 3px 0 var(--p)}
  .hero h1{transform:rotate(-1.5deg)}.hero-cab{max-width:none;justify-self:stretch;transform:none}.sticker{display:none}.carts{grid-template-columns:1fr 1fr}.cart,.cart.big{grid-column:span 1;aspect-ratio:3/4}.cart.big{grid-column:span 2;aspect-ratio:4/3}.cart:nth-child(n){transform:none}.cart-b small{display:none}.cart.big .cart-b small{display:block}
  .brow{grid-template-columns:34px 1fr auto;gap:10px;padding:12px}.brow .bp{display:none}.patch a{grid-template-columns:1fr;gap:6px}.pd{order:3}
  .lrow{grid-template-columns:110px 1fr;padding:12px}.lart{grid-row:1/3}.lmain p:last-child{display:none}.cab-hint{display:none}.tpad{display:grid}.f-grid{grid-template-columns:1fr}.mini-art{aspect-ratio:3/4}.cc{grid-template-columns:84px 1fr}
}
@media (max-width:420px){.cab-hud b{font-size:1.1rem}.btn{padding:0 16px}.hero h1{font-size:clamp(3.2rem,19vw,5rem)}.carts{grid-template-columns:1fr}.cart,.cart.big{grid-column:span 1;aspect-ratio:4/5}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}