/* «Шапки Димы» — наперстки из Диминых шапок. Пиксель ×2 CSS px. */
.scr-hats{padding-left:0;padding-right:0;justify-content:flex-start}
.hz-top{position:relative;z-index:6;width:100%;display:flex;align-items:stretch;gap:6px;padding:0 12px 0 4px}
.hz-backbtn{position:relative;flex:none;align-self:center}
.hz-backbtn img{width:18px;height:18px;transform:scaleX(-1)}
.hz-cap{position:relative;z-index:6;flex:1;min-width:0;min-height:52px;display:flex;align-items:center;justify-content:center;
  padding:8px 10px 7px;background:rgba(11,7,22,.84);box-shadow:inset 0 0 0 2px var(--y),4px 4px 0 rgba(0,0,0,.6);clip-path:var(--clip4)}
.hz-cap span{font-family:P2;font-size:13px;line-height:1.45;color:var(--y);text-align:center;text-shadow:2px 2px 0 var(--red),3px 3px 0 #000}
.hz-cap.pop span{display:inline-block;animation:hzpop .26s steps(4)}
@keyframes hzpop{from{transform:scale(1.5)}}
.hz-stage{position:relative;flex:1;min-height:0;width:100%;margin-top:6px}
.hz-back,.hz-counter{position:absolute;left:0;image-rendering:pixelated}
.hz-back{top:0;z-index:1}
.hz-counter{z-index:3}
.hz-neon{position:absolute;left:0;right:0;height:4px;z-index:4;background:#ff5fb0;
  box-shadow:0 0 6px 2px rgba(255,64,160,.85),0 0 22px 6px rgba(208,48,122,.55);animation:hzneon 4.2s steps(1) infinite}
@keyframes hzneon{0%,100%{opacity:1}61%{opacity:.35}62%{opacity:1}64%{opacity:.5}65%{opacity:1}}
.hz-dima{position:absolute;z-index:2;left:50%;width:192px;margin-left:-96px;transform-origin:50% 100%}
.hz-dima img.face{width:192px;height:234px;display:block}
.hz-emote{position:absolute;z-index:3;left:4px;top:0;opacity:0}
.hz-glint{position:absolute;z-index:3;width:6px;height:6px;opacity:0;pointer-events:none;
  background:linear-gradient(#fff,#fff) 2px 0/2px 6px no-repeat,linear-gradient(#fff,#fff) 0 2px/6px 2px no-repeat}
.hz-say{position:absolute;z-index:7;font-family:P2;font-size:10px;line-height:1.4;color:var(--ink);background:#fff;
  padding:7px 9px 6px;box-shadow:0 0 0 3px var(--ink),4px 4px 0 3px rgba(0,0,0,.5);white-space:nowrap;animation:hzsay .2s steps(3);transform-origin:0 100%}
.hz-say::after{content:"";position:absolute;left:10px;bottom:-9px;width:8px;height:8px;background:#fff;box-shadow:3px 0 0 var(--ink),0 3px 0 var(--ink)}
@keyframes hzsay{from{transform:scale(.3)}}
.hz-table{position:absolute;inset:0;z-index:5;pointer-events:none}
.hz-hat,.hz-obj,.hz-shadow,.hz-ghost{position:absolute;left:0;top:0;will-change:transform}
.hz-hat{transform-origin:50% 62%;pointer-events:none}
.hz-hat img,.hz-obj img,.hz-ghost{display:block}
.hz-ghost{pointer-events:none;opacity:0}
.hz-shadow{opacity:.5}
.hz-obj{transform-origin:50% 100%}
.hz-table.picking .hz-hat{pointer-events:auto;cursor:pointer}
.hz-table.picking .hz-hat img{animation:hzpulse 1s steps(2) infinite}
@keyframes hzpulse{50%{filter:drop-shadow(2px 0 0 #ffd23f) drop-shadow(-2px 0 0 #ffd23f) drop-shadow(0 -2px 0 #ffd23f)}}
.hz-hat.chosen img{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 0 10px #ffd23f)}
.hz-hat.dim img{filter:brightness(.55) saturate(.6)}
.hz-hat.gl img,.hz-ghost.gl{filter:drop-shadow(4px 0 0 rgba(255,0,170,.85)) drop-shadow(-4px 0 0 rgba(0,240,255,.85))}
.hz-rays{position:absolute;left:50%;top:50%;width:192px;height:192px;margin:-96px 0 0 -96px;opacity:0;pointer-events:none;
  animation:hzrays 2.4s steps(12) infinite}
@keyframes hzrays{to{transform:rotate(360deg)}}
.hz-obj .hz-label{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:4px;font-family:T5;font-size:12px;line-height:1.15;letter-spacing:.5px;width:max-content;max-width:116px;text-align:center;
  color:var(--cream);background:rgba(11,7,22,.88);padding:3px 6px 2px;opacity:0}
.hz-scan{position:absolute;left:0;right:0;height:26px;z-index:8;pointer-events:none;display:none;
  background:repeating-linear-gradient(0deg,rgba(63,224,255,.35) 0 2px,rgba(255,0,170,.25) 2px 4px,transparent 4px 6px);mix-blend-mode:screen}
.hz-stage.glitch{animation:hzglitch .12s steps(2) infinite}
@keyframes hzglitch{0%{transform:translate(3px,0) skewX(2deg);filter:hue-rotate(40deg) contrast(1.3)}100%{transform:translate(-3px,1px) skewX(-3deg);filter:hue-rotate(-30deg)}}
.hz-panel{position:absolute;z-index:6;left:16px;right:16px;padding:6px;background:#07040e;clip-path:var(--clip4);
  box-shadow:inset 0 0 0 2px #3a2a1a,inset 0 0 0 4px #0b0716}
.hz-led{position:relative;height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#140608;
  box-shadow:inset 0 0 0 2px #2a0c10}
.hz-led::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle,transparent 0 1px,rgba(10,2,4,.75) 1.4px) 0 0/3px 3px}
.hz-led span{font-family:P2;font-size:12px;letter-spacing:.5px;color:#ff6a3c;text-shadow:0 0 6px #ff3c1e,0 0 2px #ffb070;white-space:nowrap}
.hz-led.go span{color:#ffd23f;text-shadow:0 0 8px #ffb000;animation:hzsoft .8s steps(1) infinite}
@keyframes hzsoft{50%{opacity:.6}}
.hz-stats{display:flex;align-items:center;gap:8px;margin-top:6px}
.hz-round{font-family:P2;font-size:9px;color:var(--cy);letter-spacing:1px;margin-right:auto}
.hz-splab{font-family:T5;font-size:11px;letter-spacing:1px;color:var(--cream)}
.hz-speed{display:flex;gap:2px}
.hz-speed i{width:6px;height:10px;background:#2a1a3a;box-shadow:inset 0 -2px 0 rgba(0,0,0,.4)}
.hz-speed i.on{background:var(--y)}
.hz-speed i.hot{background:var(--red)}

/* руки Димы, стрелки выбора */
.hz-hand{position:absolute;left:0;top:0;z-index:300;pointer-events:none;transition:opacity .12s steps(2);will-change:transform}
.hz-hand img{display:block;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}
.hz-arrow{position:absolute;left:0;top:0;z-index:310;display:none;pointer-events:none;filter:drop-shadow(0 0 4px #ffb000)}
.hz-table.picking .hz-arrow{display:block}
/* пульт аркады под стойкой */
.hz-deck{position:absolute;left:12px;right:12px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hz-stick{flex:none;width:44px;height:56px;opacity:.95}
.hz-bwrap{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.hz-btn{display:block;cursor:pointer;touch-action:manipulation}
.hz-bwrap.turbo .hz-btn,.hz-bwrap.stop .hz-btn{animation:hzbtn .5s steps(2) infinite}
@keyframes hzbtn{50%{filter:drop-shadow(0 0 10px #ff5a3c) drop-shadow(0 0 22px rgba(255,210,63,.6))}}
.hz-blab{font-family:P2;font-size:11px;letter-spacing:.5px;color:#7a6e8e;text-align:center;white-space:nowrap}
.hz-bwrap.turbo .hz-blab{color:var(--y);text-shadow:2px 2px 0 var(--red);animation:hzsoft .5s steps(1) infinite}
.hz-bwrap.stop .hz-blab{color:#fff;text-shadow:2px 2px 0 var(--red);font-size:14px;animation:hzsoft .4s steps(1) infinite}
.hz-coin{flex:none;width:64px;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:T5;font-size:10px;line-height:1.25;color:var(--mus);text-align:center}
.hz-coin i{width:30px;height:40px;background:#1a1424;clip-path:var(--clip4);box-shadow:inset 0 0 0 2px #3a3050;position:relative}
.hz-coin i::after{content:"";position:absolute;left:13px;top:8px;width:4px;height:22px;background:#000;box-shadow:0 0 6px 1px rgba(255,90,60,.7)}
.hz-deck.row .hz-stick,.hz-deck.row .hz-coin{display:none}
.hz-deck.row{justify-content:center}
.hz-deck.row .hz-bwrap{flex-direction:row;gap:12px}

/* старт гостем: рычаг и монетоприёмник зовут; тык по Диме */
.hz-swrap{position:relative;flex:none;padding:6px;margin:-6px;cursor:pointer}
.hz-sarrow{position:absolute;left:50%;top:-30px;margin-left:-13px;display:none;pointer-events:none;filter:drop-shadow(0 0 4px #ffb000)}
.hz-swrap.call .hz-sarrow{display:block;animation:hzhop .5s steps(2) infinite}
@keyframes hzhop{50%{transform:translateY(6px)}}
.hz-swrap.call .hz-stick,.hz-coin.call i{animation:hzbtn .5s steps(2) infinite}
.hz-coin{cursor:pointer}
.hz-coin.call span{color:var(--y)}
.hz-dima{cursor:pointer}