:root{--night: #1f2a3a;--paper: #fffdf5;--paper-2: #f4efe3;--ink: #1b1b1f;--muted: #5b5648;--orange: #e8743b;--danger: #b0281f;--pale: #d9e6a6;--alert: #f6c7bf;--heart: #c7372c;--brass: #d9a441;--stone: #9c9686;--display: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;--hand: "Patrick Hand", "Comic Sans MS", "Chalkboard SE", cursive;--hand-sc: "Patrick Hand SC", "Patrick Hand", "Comic Sans MS", cursive;--safe-top: max(12px, env(safe-area-inset-top, 0px));--safe-bottom: max(12px, env(safe-area-inset-bottom, 0px));--safe-left: max(14px, env(safe-area-inset-left, 0px));--safe-right: max(14px, env(safe-area-inset-right, 0px));color-scheme:dark}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--paper);font-family:var(--hand)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}body.guard #scene{cursor:crosshair}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:grid;place-items:center;overflow-y:auto;grid-template-columns:minmax(0,1fr);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#1f2a3a73}.card{box-sizing:border-box;max-width:100%;width:28rem;padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:10px 16px 8px 14px;box-shadow:0 4px 0 var(--ink)}.home-card{width:25rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.title{margin:0;font-family:var(--display);font-weight:400;font-size:60px;line-height:1;text-wrap:balance}.title.small{font-size:36px}.lead{margin:0;font-size:22px;line-height:1.3}.hint{margin:0;font-size:16px;color:var(--muted)}.error{margin:0;font-size:18px;color:var(--danger)}.field{display:flex;flex-direction:column;gap:4px;font-family:var(--hand-sc);font-size:17px;flex:1;min-width:0}input{font:inherit;font-family:var(--hand);font-size:22px;color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:10px 8px 12px 9px;padding:6px 10px;min-height:44px;box-sizing:border-box;width:100%}input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.join{display:flex;gap:10px;align-items:stretch}.code{font-family:var(--display);color:var(--danger);letter-spacing:.06em}.btn{font:inherit;font-family:var(--hand-sc);font-size:18px;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-bottom-width:5px;border-radius:10px 8px 12px 9px;padding:4px 14px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.big{font-size:24px;background:var(--pale);min-height:56px}.btn.icon{width:44px;padding:0}.btn.link{border-width:0 0 2.5px;border-radius:0;padding:0 2px;background:transparent}.btn[aria-pressed=true]{background:var(--pale)}.btn:active{transform:translateY(2px);border-bottom-width:3px}.btn.link:active{border-bottom-width:2.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.seg-toggle button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}kbd{font-family:var(--hand-sc);font-size:15px;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);border-radius:5px;padding:0 6px}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.players li{display:flex;align-items:center;gap:10px;font-size:20px;padding:4px 10px;border:2px solid var(--ink);border-radius:9px 12px 8px 11px;background:var(--paper-2)}.num{font-family:var(--hand-sc);font-size:16px;border:2px solid var(--ink);border-radius:4px;padding:0 6px;background:var(--paper)}.players .tag{margin-left:auto;font-family:var(--hand-sc);font-size:15px;color:var(--muted)}.host-tools{display:flex;flex-direction:column;gap:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--hand-sc);font-size:19px}.seg-toggle{display:inline-flex;border:2.5px solid var(--ink);border-radius:10px 8px 12px 9px;overflow:hidden}.seg-toggle button{font:inherit;font-size:17px;min-height:40px;padding:0 14px;border:0;background:var(--paper);color:var(--ink);cursor:pointer}.seg-toggle button+button{border-left:2.5px solid var(--ink)}.seg-toggle button[aria-pressed=true]{background:var(--pale)}.stepper{display:inline-flex;align-items:center;gap:10px}.stepper .btn{width:44px;padding:0;font-size:24px}.stepper-value{font-family:var(--display);font-size:24px;min-width:22px;text-align:center}.share-link{font-size:16px}#train-lobby{align-self:center}.end-card{width:36rem}.scores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.scores li{display:grid;grid-template-columns:52px minmax(0,1fr) 80px 150px;align-items:center;gap:12px;padding:6px 12px;border:2px solid var(--ink);border-radius:9px 12px 8px 11px;background:var(--paper-2);font-size:20px}.scores li.me{background:var(--pale)}.scores li.out{opacity:.7}.scores .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scores .ev{display:inline-flex;align-items:center;gap:4px;font-family:var(--hand-sc);font-size:18px}.scores .total{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:20px}.bar{flex:1;height:10px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);overflow:hidden;box-sizing:border-box}.bar span{display:block;height:100%;background:var(--orange)}.end-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px}.next-guard{display:inline-flex;align-items:center;gap:8px}#pause,#practice{z-index:10;background:#1f2a3ab3}.seg{display:flex;gap:8px;flex-wrap:wrap}.help-card{width:50rem;gap:18px}.vigs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vigs figure{margin:0;display:flex;flex-direction:column;gap:6px;align-items:center}.vigs svg{width:100%;height:auto;border:2.5px solid var(--ink);border-radius:10px 12px 9px 11px;box-sizing:border-box;display:block}.vigs figcaption{font-family:var(--hand-sc);font-size:17px;text-align:center;line-height:1.1}.keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px 14px;border:2px dashed var(--ink);border-radius:10px 8px 12px 9px;font-size:18px;text-align:center}.keys span{display:flex;flex-direction:column;gap:4px;align-items:center}.pause-actions{display:flex;gap:12px}.pause-actions .big{flex:1}.pause-actions .btn:not(.big):not(.icon){flex:1}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.stats{position:absolute;left:var(--safe-left);top:var(--safe-top);display:flex;align-items:center;gap:14px;padding:6px 14px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:10px 14px 9px 12px;box-shadow:0 3px 0 var(--ink)}.lives,.shots{display:inline-flex;gap:4px;align-items:center}.heart{display:inline-block;width:22px;height:20px;background:var(--heart);clip-path:polygon(50% 100%,2% 45%,0 22%,12% 3%,32% 0,50% 16%,68% 0,88% 3%,100% 22%,98% 45%)}.heart.lost{background:var(--muted);opacity:.35}.shot{display:inline-block;width:13px;height:30px;box-sizing:border-box;border:2.5px solid var(--ink);border-radius:6px 6px 2px 2px;background:var(--brass)}.shot.empty{background:transparent;border-style:dashed}.shots.practice{opacity:.35}.score{font-family:var(--display);font-size:24px;line-height:1}.score small{font-size:16px;color:var(--muted)}.counts{display:inline-flex;gap:12px;padding-left:14px;border-left:2px solid rgba(27,27,31,.25)}.counts>span{display:inline-flex;align-items:center;gap:4px;font-family:var(--display);font-size:20px;line-height:1}.ping{font-family:var(--hand-sc);font-size:14px;background:var(--alert);border:2px solid var(--ink);border-radius:8px;padding:0 6px}.state-ico{display:inline-flex;align-items:center;gap:6px;font-family:var(--hand-sc);font-size:17px}.center{position:absolute;left:50%;top:var(--safe-top);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.bubble{box-sizing:border-box;min-width:280px;text-align:center;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:22px 18px 24px 16px;box-shadow:0 3px 0 var(--ink);padding:4px 26px;font-family:var(--hand-sc);font-size:30px;line-height:1.15}.bubble.on{color:var(--danger)}.clock{font-family:var(--display);font-size:17px;color:var(--paper);opacity:.85;text-shadow:0 2px 0 var(--night)}.light-bar{width:240px;height:12px;box-sizing:border-box;border:2.5px solid var(--ink);border-radius:8px;background:var(--paper);overflow:hidden}.light-bar span{display:block;height:100%;width:100%;background:var(--orange);transform-origin:left}.btn.menu-btn{position:absolute;right:var(--safe-right);top:var(--safe-top);z-index:2;width:52px;height:52px;pointer-events:auto;border-width:3px 3px 5px;border-radius:12px 10px 14px 11px}.mg{box-sizing:border-box;display:flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:12px 16px 10px 14px;box-shadow:0 4px 0 var(--ink);padding:6px 10px;transition:border-color .15s,box-shadow .15s}.mg.bad{border-color:var(--danger);box-shadow:0 4px 0 var(--danger)}.mg canvas{flex:1;min-width:0;aspect-ratio:360 / 110;display:block}.mg-icon{flex:0 0 44px;display:grid;place-items:center}.mg-icon svg{width:44px;height:52px;display:block}.mg.intro .mg-icon{animation:nudge .4s ease-in-out 3}@keyframes nudge{50%{transform:scale(1.18)}}#mg{position:fixed;left:50%;top:60%;transform:translate(-50%,-50%);z-index:3;width:min(340px,calc(100% - 24px));animation:pop .22s ease-out}#mg:after{content:"";position:absolute;left:50%;bottom:-14px;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:var(--paper);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}#mg.below:after{bottom:auto;top:-14px;transform:translate(-50%) rotate(225deg)}#mg.bad:after{border-color:var(--danger)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.85);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.practice-mg{width:100%;box-shadow:none}.feed{position:absolute;left:var(--safe-left);bottom:var(--safe-bottom);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.feed-line{display:inline-flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:9px 12px 8px 11px;padding:3px 12px 3px 8px;font-family:var(--display);font-size:19px;line-height:1.2;animation:feed-in .2s ease-out;transition:opacity .4s}.feed-line .plus{font-family:var(--hand-sc);font-size:17px;color:#4f7a3a}.feed-line .heart{width:14px;height:13px}.feed-line.old{opacity:.55}@keyframes feed-in{0%{transform:translate(-12px);opacity:0}}.coach{position:fixed;left:50%;top:40%;z-index:4;pointer-events:none;transform:translate(-50%,-100%);background:var(--paper);color:var(--ink);border:3.5px solid var(--ink);border-radius:22px 18px 24px 16px;box-shadow:0 4px 0 var(--ink);padding:6px 22px;font-family:var(--display);font-size:32px;line-height:1.1;white-space:nowrap;animation:coach-in .25s ease-out}.coach:after{content:"";position:absolute;left:50%;bottom:-14px;width:18px;height:18px;transform:translate(-50%) rotate(45deg);background:var(--paper);border-right:3.5px solid var(--ink);border-bottom:3.5px solid var(--ink)}@keyframes coach-in{0%{opacity:0;margin-top:10px}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .25s;box-shadow:inset 0 0 90px 30px #b0281fb3}.vignette.on{opacity:1;animation:throb 1.2s ease-in-out infinite}@keyframes throb{50%{opacity:.6}}.stick,.round-btn{display:none}.stick{position:absolute;left:calc(var(--safe-left) + 10px);bottom:calc(var(--safe-bottom) + 10px);width:120px;height:120px;border-radius:50%;box-sizing:border-box;pointer-events:auto;touch-action:none;background:#fffdf533;border:3px solid rgba(255,253,245,.85)}.stick .knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);box-sizing:border-box}.btn.round-btn{position:absolute;right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 14px);width:78px;height:78px;border-radius:50%;pointer-events:auto;touch-action:none;border-width:3px 3px 5px}@media (pointer: coarse){body.prisoner .stick,body.prisoner #run-btn,body.guard #g-zoom{display:grid}body.prisoner .stick{display:block}.feed{bottom:auto;top:calc(var(--safe-top) + 64px)}.keys{display:none}}.rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--night);color:var(--paper);text-align:center}.rotate p{margin:0;font-family:var(--display);font-size:30px;line-height:1.15}@media (pointer: coarse) and (orientation: portrait){body.playing .rotate{display:flex}}.big-word{position:fixed;left:50%;top:32%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;font-family:var(--display);font-size:clamp(48px,10vw,110px);line-height:1;color:var(--danger);white-space:nowrap;text-shadow:3px 3px 0 var(--paper),-3px 3px 0 var(--paper),3px -3px 0 var(--paper),-3px -3px 0 var(--paper),0 8px 0 var(--ink);animation:shout .9s ease-out forwards}@keyframes shout{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1.08);opacity:1}70%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.toast{position:fixed;left:50%;top:22%;transform:translate(-50%,-50%);z-index:11;pointer-events:none;max-width:calc(100% - 32px);box-sizing:border-box;text-align:center;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:14px 20px 12px 18px;padding:10px 18px;font-size:22px;box-shadow:0 4px 0 var(--ink)}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .35s ease-out;z-index:4}.flash.go{opacity:.6;transition:none}@media (max-width: 720px){.title{font-size:46px}.bubble{min-width:0;font-size:22px;padding:2px 16px}.stats{gap:10px;padding:4px 10px}.score{font-size:20px}.vigs{grid-template-columns:repeat(2,minmax(0,1fr))}.scores li{grid-template-columns:48px minmax(0,1fr) 64px 90px;gap:8px;font-size:18px}}@media (max-height: 480px){.bubble{font-size:20px;padding:2px 16px;min-width:200px}.clock{font-size:14px}.heart{width:18px;height:17px}.shot{width:11px;height:24px}.btn.menu-btn{width:44px;height:44px}.stick{width:104px;height:104px}.btn.round-btn{width:68px;height:68px}#mg{width:min(250px,calc(100% - 24px));padding:4px 8px}.mg-icon{flex-basis:34px}.mg-icon svg{width:34px;height:40px}.coach{font-size:22px;padding:4px 16px}.card{padding:16px;gap:10px}.help-card{gap:10px}}@media (prefers-reduced-motion: reduce){.flash,.flash.go{transition:none;opacity:0}#mg,.big-word,.coach,.feed-line,.mg.intro .mg-icon,.vignette.on{animation:none}}