:root{--night: #1f2a3a;--paper: #fffdf5;--paper-2: #f4efe3;--ink: #1b1b1f;--muted: #5b5648;--orange: #e8743b;--danger: #b0281f;--pale: #d9e6a6;--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;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}.screen{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:grid;place-items:center;overflow-y:auto;padding-block:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#1f2a3a73}.card,.box{box-sizing:border-box;max-width:100%;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:10px 16px 8px 14px;box-shadow:0 4px 0 var(--ink)}.card{width:30rem;padding:24px;display:flex;flex-direction:column;gap:14px}.title{margin:0;font-family:var(--display);font-weight:400;font-size:56px;line-height:1;text-wrap:balance}.title.small{font-size:34px}.lead{margin:0;font-size:20px;line-height:1.35}.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,.share{display:flex;gap:10px;align-items:flex-end}.rules{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:17px;line-height:1.35}.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:22px;background:var(--pale);min-height:52px}.btn.small{font-size:15px;min-height:36px;padding:2px 10px;align-self:flex-start;margin-top:4px}.help-text{font-size:18px;line-height:1.4;padding:10px 12px;border:2px dashed var(--ink);border-radius:10px 8px 12px 9px}#pause,#practice{z-index:6;background:#1f2a3ab3}.practice-mg{width:100%;border:2.5px solid var(--ink);border-radius:10px 14px 9px 12px;padding:10px 12px;box-sizing:border-box}#pr-canvas{width:100%;aspect-ratio:360 / 110;display:block}.btn[aria-pressed=true]{background:var(--pale)}.btn:active{transform:translateY(2px);border-bottom-width:3px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--orange);outline-offset:2px}kbd{font-family:var(--hand-sc);font-size:14px;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);border-radius:5px;padding:0 5px}.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)}.players .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)}.row-tools{display:flex;flex-wrap:wrap;gap:10px}.row-tools .big{flex:1 1 100%}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding-block:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hud .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}.hud .row.bottom{align-items:flex-end}.box{pointer-events:auto;padding:10px 14px}.head{display:flex;flex-direction:column;gap:2px}.name{font-family:var(--display);font-size:24px;line-height:1.1}.sub{font-size:17px;color:var(--muted)}.info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:18px;min-width:0}.info b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1}.bubble{position:relative;box-sizing:border-box;min-width:200px;text-align:center;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:22px 18px 24px 16px;padding:8px 22px;font-family:var(--hand-sc);font-size:32px;line-height:1.1}.bubble:after{content:"";position:absolute;left:50%;bottom:-13px;width:18px;height:18px;background:var(--paper);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:translate(-50%) rotate(45deg)}.bubble.on{color:var(--danger)}.help{font-size:17px;line-height:1.4;max-width:30rem}.right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}.chip{font-family:var(--hand-sc);font-size:15px;background:var(--pale);border:2px solid var(--ink);border-radius:10px 7px 11px 8px;padding:0 8px}.chip.alert{background:#f6c7bf}.info .ping{font-size:15px;color:var(--muted)}.shot{display:inline-block;width:10px;height:24px;margin-left:4px;border:2px solid var(--ink);border-radius:5px 5px 2px 2px;background:#d9a441;vertical-align:middle}.shot.empty{background:transparent;border-style:dashed}.mg{width:392px;display:flex;flex-direction:column;gap:6px}.mg-head{display:flex;flex-direction:column}.over{font-family:var(--hand-sc);font-size:15px;letter-spacing:.06em;color:var(--danger)}.mg-title{font-family:var(--display);font-size:24px;line-height:1.1}#mg-canvas{width:100%;aspect-ratio:360 / 110;display:block}.mg-meter{height:8px;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--paper-2)}.mg-meter span{display:block;height:100%;width:0;background:#6e8f5a}.mg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;line-height:1.3}.pad{pointer-events:auto;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:6px}.pad .btn{padding:0;min-height:52px;font-size:20px}.pad .btn[data-k=run]{font-size:14px}.guard-tools{pointer-events:auto;display:flex;gap:8px}.toast{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:5;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:24px;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}.scores{margin:0;padding-left:26px;display:flex;flex-direction:column;gap:4px;font-size:20px}.scores li span{float:right;font-family:var(--display)}@media (max-width: 640px){.bubble{order:-1;width:100%;font-size:24px}.title{font-size:44px}.help{font-size:15px}.mg{width:100%}}@media (pointer: fine){.pad{display:none}}@media (prefers-reduced-motion: reduce){.flash,.flash.go{transition:none;opacity:0}}