:root{--cream:#fff1c8;--ink:#32180b;--red:#b63724;--turquoise:#0d7f83;--gold:#f2bd46}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#fff1c8;background:radial-gradient(circle at 50% 0,#69431f,#1b0e08 70%);font-family:Arial,sans-serif}.site-header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,60px);background:#221108;border-bottom:3px solid #d28a32;font-weight:900;letter-spacing:.12em}.site-header a{color:#fff1c8;text-decoration:none}.site-header>a:last-child{justify-self:end;font-size:.75rem}.brand span{color:#f2bd46}.site-header p{font-size:.72rem;color:#e1b776}main{padding:14px}.game-window{position:relative;width:min(calc(100vw - 28px),calc(177.78svh - 150px),1672px);aspect-ratio:16/9;margin:auto;overflow:hidden;border:8px solid #2b1509;border-radius:18px;box-shadow:0 24px 70px #000;background:#39210e;cursor:crosshair;isolation:isolate}.booth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.sign-title{position:absolute;z-index:3;top:4%;left:28%;width:51%;text-align:center;transform:rotate(-.5deg);text-shadow:0 3px 0 #5e2e12}.sign-title span,.sign-title strong{display:block;font-family:Impact,"Arial Black",sans-serif;line-height:.85;letter-spacing:.035em}.sign-title span{font-size:clamp(20px,3.3cqw,56px);color:#b63724}.sign-title strong{font-size:clamp(28px,4.7cqw,78px);color:#0d7f83}.hud{position:absolute;z-index:15;top:1.4%;left:1.2%;right:1.2%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;pointer-events:none}.hud>div{padding:7px 10px;border:2px solid #6f3c17;border-radius:8px;background:rgba(45,23,9,.9);box-shadow:0 4px 0 rgba(0,0,0,.3)}.hud small{display:block;color:#e1b776;font-size:clamp(6px,.62cqw,10px);font-weight:900;letter-spacing:.12em}.hud strong{display:block;margin-top:2px;font:900 clamp(13px,1.7cqw,27px)/1 Georgia,serif}.hud .timer.danger{color:#ff6d4a;animation:pulse .42s infinite alternate}@keyframes pulse{to{transform:scale(1.04)}}.operator{position:absolute;z-index:8;left:-1.5%;bottom:12%;width:28%;height:64%;transform-origin:bottom center;transition:transform .18s ease}.operator img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.65))}.operator button{position:absolute;top:5%;left:27%;width:61%;height:70%;border:0;background:transparent;cursor:crosshair}.operator.dodge{animation:dodge .48s ease}.operator.angry{animation:lever-yank .55s ease}@keyframes dodge{45%{transform:translateX(-18%) rotate(-11deg)}100%{transform:none}}@keyframes lever-yank{45%{transform:rotate(5deg) translateY(1%)}100%{transform:none}}.speech{position:absolute;z-index:22;left:19%;bottom:27%;width:min(390px,34%);padding:12px 15px;border:3px solid #5b2b12;border-radius:12px;color:#32180b;background:#fff1c8;box-shadow:7px 8px 0 rgba(59,27,10,.35);pointer-events:none}.speech::before{content:"";position:absolute;left:-19px;bottom:20px;border:10px solid transparent;border-right-color:#5b2b12}.speech span{color:#b63724;font-size:.62rem;font-weight:1000;letter-spacing:.15em}.speech p{margin:5px 0 0;font:700 clamp(11px,1.1cqw,17px)/1.25 Georgia,serif}.tracks{position:absolute;z-index:6;left:23%;right:10%;top:36%;bottom:21%;overflow:hidden;pointer-events:none}.track{position:absolute;left:0;right:0;height:27%;border-bottom:2px dashed rgba(64,32,12,.28)}.track-a{top:0}.track-b{top:34%}.track-c{top:68%}.pipe-target{position:absolute;width:clamp(35px,4.6cqw,76px);height:clamp(48px,6.2cqw,104px);padding:0;border:0;background:transparent;pointer-events:auto;cursor:crosshair;filter:drop-shadow(0 7px 3px rgba(42,18,6,.4));transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center bottom}.pipe-target .bowl{position:absolute;left:8%;bottom:5%;width:47%;height:47%;border:3px solid #b99f76;border-radius:12% 12% 44% 48%;background:linear-gradient(135deg,#fffdf0,#d9d1b9);box-shadow:inset -5px -4px 0 rgba(87,58,24,.13)}.pipe-target .stem{position:absolute;left:40%;bottom:37%;width:58%;height:16%;border:3px solid #b99f76;border-left:0;border-radius:0 20px 20px 0;background:linear-gradient(#fffdf0,#d9d1b9);transform:rotate(-9deg);transform-origin:left center}.pipe-target.hit{pointer-events:none;animation:pipe-break .42s ease forwards}.pipe-target.hit .bowl{transform:rotate(-28deg) translate(-8px,14px)}.pipe-target.hit .stem{transform:rotate(31deg) translate(14px,-5px)}@keyframes pipe-break{to{opacity:0;transform:translate(-50%,30%) rotate(25deg) scale(.72)}}.impact-layer{position:absolute;z-index:12;inset:0;pointer-events:none}.impact{position:absolute;width:14px;height:14px;border:3px solid #ffdf75;border-radius:50%;transform:translate(-50%,-50%);animation:impact .38s ease-out forwards}@keyframes impact{to{width:58px;height:58px;opacity:0}}.crosshair{position:absolute;z-index:30;width:34px;height:34px;border:2px solid rgba(53,24,11,.8);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.crosshair::before,.crosshair::after{content:"";position:absolute;background:#32180b}.crosshair::before{left:50%;top:-8px;width:2px;height:48px}.crosshair::after{top:50%;left:-8px;width:48px;height:2px}.crosshair i{position:absolute;inset:12px;border:2px solid #b63724;border-radius:50%}.revolver-hud{position:absolute;z-index:18;right:2%;bottom:3%;display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 10px;padding:9px 11px;border:3px solid #5b2b12;border-radius:11px;color:#32180b;background:#f1d894;box-shadow:6px 7px 0 rgba(41,18,6,.42)}.revolver-hud>span{grid-column:1/-1;font-size:.58rem;font-weight:1000;letter-spacing:.16em}.cylinder{position:relative;width:66px;height:66px;border:6px solid #5a381c;border-radius:50%;background:#a8773c}.round{position:absolute;width:14px;height:14px;border:2px solid #7c4a13;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0a7,#d5911e 53%,#6f3908 57%);transform:translate(-50%,-50%)}.round.empty{background:#432817;box-shadow:inset 0 2px 4px #000}.revolver-hud button{padding:8px;border:0;border-radius:6px;color:#fff;background:#b63724;font-size:.68rem;font-weight:1000;cursor:pointer}.revolver-hud button:disabled{opacity:.55}.intro,.result{position:absolute;z-index:40;inset:0;display:grid;place-items:center;padding:3%;cursor:default;background:rgba(40,20,7,.52);backdrop-filter:blur(2px)}.intro-card,.result>div{width:min(760px,88%);padding:clamp(18px,3cqw,42px);border:5px solid #693813;border-radius:18px;color:#32180b;background:linear-gradient(135deg,#fff0bb,#eac875);box-shadow:12px 14px 0 rgba(55,26,8,.5);text-align:center}.eyebrow,.result p{margin:0;color:#a93422;font-size:.68rem;font-weight:1000;letter-spacing:.2em}.intro h1{margin:5px 0 12px;font:900 clamp(42px,7cqw,104px)/.72 Impact,"Arial Black",sans-serif;color:#a93422;text-shadow:3px 3px 0 #fff0bb}.intro h1 span{color:#0d7f83}.old-man-story{padding:11px 14px;border:2px dashed #9b672b;text-align:left;background:rgba(255,248,215,.68)}.old-man-story span{font-size:.6rem;font-weight:1000;letter-spacing:.12em;color:#0d7f83}.old-man-story p{margin:6px 0 0;font:700 clamp(11px,1.05cqw,15px)/1.38 Georgia,serif}.intro-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0}.intro-rules span{padding:6px 9px;border-radius:20px;color:#fff;background:#0d7f83;font-size:.64rem;font-weight:900}.reserve{font-size:.7rem;font-weight:800}.intro button,.result button{margin-top:12px;padding:13px 19px;border:0;border-radius:8px;color:#fff1c8;background:#a93422;box-shadow:0 5px 0 #632011;font-weight:1000;letter-spacing:.08em;cursor:pointer}.result h2{margin:7px 0;font:900 clamp(30px,5cqw,72px)/.9 Impact,sans-serif;color:#0d7f83}.result strong{display:block;font:900 clamp(70px,12cqw,170px)/.8 Georgia,serif;color:#a93422}.result span{display:block;margin-top:15px;font-weight:900}.game-note{margin:10px auto 0;text-align:center;color:#d7b47b;font-size:.72rem}.operator.pipe-broken::after{content:"";position:absolute;z-index:5;top:24%;right:10%;width:34px;height:9px;border-radius:6px;background:#6b3218;transform:rotate(37deg);animation:fragment .55s ease-out forwards}@keyframes fragment{to{transform:translate(70px,95px) rotate(310deg);opacity:0}}@media(max-width:800px){.site-header{height:52px}.site-header p{display:none}.game-window{width:calc(100vw - 16px)}main{padding:8px}.old-man-story p{max-height:90px;overflow:auto}.speech{left:7%;bottom:20%;width:52%}.operator{width:33%}.revolver-hud{transform:scale(.78);transform-origin:bottom right}.hud{grid-template-columns:repeat(2,1fr)}}