:root{--bg:#1d2b1f;--panel:#f4ecd8;--ink:#2b2118;--muted:#6f604f;--chaser:#34508f;--runner:#d8434a;--danger:#c0392b;--accent:#2f7d4f}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#ui{background:#00000073;flex-direction:column;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#ui>.panel{flex-shrink:0;margin:auto 0}#ui[hidden]{display:none}.panel{background:var(--panel);border-radius:12px;gap:10px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 8px 30px #0006}.panel h1{margin:0;font-size:1.6rem}.code{letter-spacing:.2em;color:var(--accent);font-family:monospace}input,select{font:inherit;background:#fffaf0;border:2px solid #c9b99a;border-radius:8px;min-width:0;padding:10px 12px}#code{text-transform:uppercase;letter-spacing:.2em;font-family:monospace}button{font:inherit;border:2px solid var(--ink);cursor:pointer;background:#fffaf0;border-radius:8px;padding:10px 14px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.small{padding:4px 8px;font-size:.85rem}button.link{color:var(--muted);background:0 0;border:none;text-decoration:underline}.row{grid-template-columns:1fr auto;gap:8px;display:grid}.map.row,.mode.row{grid-template-columns:5.5em 1fr;align-items:center}.map,.mode{margin:4px 0}.mode-blurb{text-align:left;margin:2px 0 6px}.or,.muted,.hint{color:var(--muted);text-align:center;font-size:.9rem}.message{color:var(--danger)}.players{gap:6px;margin:0;padding:0;list-style:none;display:grid}.player{background:#fffaf0;border-left:6px solid #aaa;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.player.chaser{border-left-color:var(--chaser)}.player.runner{border-left-color:var(--runner)}.player.offline{opacity:.5}.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.won{color:var(--accent);font-weight:700}.lost{color:var(--danger);font-weight:700}#hud{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;background:#00000073;border-radius:8px;gap:12px;max-width:calc(100vw - 32px);padding:3px 12px;font-family:monospace;font-size:16px;display:flex;position:fixed;top:6px;left:50%;transform:translate(-50%)}@media (width<=480px){#hud{gap:8px;font-size:13px}}#hud .timer{font-weight:700}#hud:empty{display:none}#hud .countdown{text-shadow:0 2px 6px #000;font-size:96px;position:fixed;top:40vh;left:50%;transform:translate(-50%)}#banner{background:var(--danger);color:#fff;border-radius:8px;padding:6px 12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#debug{color:#b6ffb6;pointer-events:none;background:#0009;padding:6px;font:12px monospace;position:fixed;bottom:8px;left:8px}.joystick{pointer-events:none;background:#ffffff1a;border:2px solid #ffffff80;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:fixed}.joystick .knob{background:#fff9;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}#hearts{z-index:15;pointer-events:none;background:#00000073;border-radius:8px;gap:2px;padding:4px 6px;display:flex;position:fixed;top:6px;left:8px}#hearts:empty{display:none}#hearts .heart{width:28px;height:28px}@media (width<=700px){#hearts{top:40px}#hearts .heart{width:22px;height:22px}}.heart{image-rendering:pixelated;background:url(../assets/ui/heart@2x.png) 50%/contain no-repeat;display:inline-block}.heart.empty{background-image:url(../assets/ui/heart-empty@2x.png)}.heart.breaking{background-image:url(../assets/ui/heart-break@2x.png);background-position:0 0;background-size:400% 100%;animation:.4s steps(4,jump-none) .35s both heart-break}@keyframes heart-break{0%{background-position:0 0}to{background-position:100% 0}}.notice{z-index:16;color:#fff;text-align:center;pointer-events:none;background:#141814d1;border-radius:10px;width:min(360px,100vw - 32px);padding:12px 16px;animation:7s both notice;position:fixed;top:24vh;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.notice strong{color:#fff4ce;margin-bottom:4px;font-size:1.25rem;display:block}.notice p{margin:0;line-height:1.4}@keyframes notice{0%{opacity:0;transform:translate(-50%,8px)}6%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.notice{animation:none}}.lives-flash{z-index:14;pointer-events:none;filter:drop-shadow(0 4px 8px #0009);gap:8px;animation:2.2s ease-in-out both lives-flash;display:flex;position:fixed;top:22vh;left:50%}.lives-flash .heart{width:64px;height:64px}@media (width<=480px){.lives-flash .heart{width:44px;height:44px}}@keyframes lives-flash{0%{opacity:0;transform:translate(-50%)scale(.5)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.85)}}@media (prefers-reduced-motion:reduce){.lives-flash{animation:none;transform:translate(-50%)}.heart.breaking{animation-duration:10ms}}#sound{z-index:20;background:#00000059;border:none;border-radius:8px;padding:4px 8px;font-size:18px;line-height:1;position:fixed;top:6px;right:8px}.jump-button{z-index:15;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff2e;border:2px solid #fff9;border-radius:50%;width:76px;height:76px;font-weight:700;position:fixed;bottom:28px;right:20px}#chat{z-index:10;background:var(--panel);border-radius:12px;flex-direction:column;width:300px;display:flex;position:fixed;top:56px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 30px #0006}#chat[hidden]{display:none}.chat-header{text-align:left;background:#0000000f;border:none;border-radius:0;padding:10px 14px;font-weight:700}.chat-header .badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:1.4em;margin-left:4px;padding:0 6px;font-size:.8rem;display:inline-block}.chat-header .badge[hidden]{display:none}.chat-body{flex-direction:column;flex:1;min-height:0;display:flex}.chat.collapsed .chat-body{display:none}.chat-list{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;margin:0;padding:8px 12px;list-style:none;display:flex;overflow-y:auto}.chat-list li.mine strong{color:var(--accent)}.chat-form{border-top:1px solid #00000014;grid-template-columns:1fr auto;gap:6px;padding:8px;display:grid}body.with-chat #ui{padding-right:332px}@media (width<=700px){#chat{border-radius:12px 12px 0 0;width:auto;height:45vh;inset:auto 0 0}#chat.collapsed{height:auto}body.with-chat #ui{padding-bottom:60px;padding-right:16px}}.use-button{z-index:15;touch-action:none;background:#ffffff2e;border:2px solid #fff9;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid;position:fixed;bottom:34px;right:108px}.use-button[hidden]{display:none}.use-button img{width:32px;height:32px;image-rendering:pixelated}#hud .held{align-items:center;gap:4px;display:inline-flex}#hud .held img{width:20px;height:20px;image-rendering:pixelated}#toast{z-index:12;color:#fff;pointer-events:none;white-space:nowrap;background:#0000008c;border-radius:8px;padding:4px 10px;font:14px monospace;position:fixed;top:38px;left:50%;transform:translate(-50%)}#toast[hidden]{display:none}.mvp{text-align:center;margin:0;font-size:1.05rem}table.stats{border-collapse:collapse;width:100%;font-size:.85rem}table.stats th{color:var(--muted);text-align:right;padding:2px 4px;font-weight:600}table.stats td{text-align:right;border-top:1px solid #00000014;padding:3px 4px}table.stats td:first-child,table.stats th:first-child{text-align:left}table.stats tr.chaser td:first-child{border-left:3px solid var(--chaser)}table.stats tr.runner td:first-child{border-left:3px solid var(--runner)}table.stats tr.me td{font-weight:700}#chat.overlay{width:min(360px,100vw - 24px);height:auto;max-height:40vh;box-shadow:none;pointer-events:none;background:0 0;inset:auto auto 120px 12px}#chat.overlay .chat-header{display:none}#chat.overlay .chat-list{color:#fff;text-shadow:0 1px 2px #000;justify-content:flex-end;padding:0;font-size:.85rem;overflow:hidden}#chat.overlay .chat-list li{transition:opacity .6s}#chat.overlay .chat-list li.old{opacity:0}#chat.overlay.typing .chat-list li.old{opacity:.85}#chat.overlay.typing{pointer-events:auto}#chat.overlay .chat-form{background:#00000080;border-top:none;border-radius:8px}#chat.overlay .chat-list li.mine strong{color:#7ee2a1}.chat-open{display:none}@media (pointer:coarse){#chat.overlay .chat-open{pointer-events:auto;background:#ffffff2e;border:2px solid #fff9;border-radius:50%;width:48px;height:48px;padding:0;font-size:20px;display:block;position:fixed;bottom:116px;right:20px}}.emote-bar{z-index:15;flex-direction:column-reverse;align-items:flex-start;gap:6px;display:flex;position:fixed;bottom:28px;left:16px}.emote-toggle,.emote-palette button{touch-action:none;background:#ffffff2e;border:2px solid #fff9;border-radius:50%;width:48px;height:48px;padding:0;font-size:22px}.emote-palette{gap:6px;display:flex}.emote-palette[hidden]{display:none}@media (pointer:coarse){#chat.overlay.typing .chat-open{display:none}}.chat-form[hidden]{display:none}.row.two{grid-template-columns:1fr 1fr}#ui .panel{box-shadow:none;filter:drop-shadow(0 8px 20px #00000059);background:0 0;border:16px solid #0000;border-image:url(../assets/ui/panel-border@2x.png) 32 fill/16px round;border-radius:0;padding:8px 10px}.logo{width:192px;height:48px;image-rendering:pixelated;justify-self:center;margin:-2px 0 2px}#ui>.lobby{flex-shrink:0;justify-content:center;align-items:flex-start;gap:16px;width:100%;margin:auto 0;display:flex}.map-card{flex:0 380px;min-width:300px}#ui .panel.room{flex:0 560px;gap:8px;width:auto;min-width:0}.room-head{align-items:center;gap:12px;display:flex}.room-head .logo{width:128px;height:32px;margin:0}.room-head h1{font-size:1.35rem}.room-head p{text-align:left;margin:0}.teams{grid-template-columns:1fr 1fr;gap:8px;display:grid}.team-col h2,.spectators h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:6px;margin:0 0 4px;font-size:.85rem;display:flex}.team-col.chaser h2{color:var(--chaser)}.team-col.runner h2{color:var(--runner)}.team-col .count{color:var(--muted);background:#00000014;border-radius:999px;padding:0 6px;font-size:.75rem}.team-col .players,.spectators .players{gap:4px}.room .player{border-left-width:4px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:4px;min-height:30px;padding:4px 6px 4px 8px;font-size:.92rem}.room .player .team{color:var(--muted);font-size:.75rem}.spectators .players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}button.icon{border-width:1.5px;border-radius:6px;width:26px;height:26px;padding:0;font-size:.85rem;line-height:1}.graphics{font-size:.9rem}.graphics summary{cursor:pointer;color:var(--muted);text-align:center;list-style-position:inside}.graphics .toggle{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.graphics .label{color:var(--muted)}.segs{border:2px solid #c9b99a;border-radius:8px;display:inline-flex;overflow:hidden}.segs .seg{background:#fffaf0;border:none;border-radius:0;padding:4px 12px;font-size:.85rem}.segs .seg+.seg{border-left:2px solid #c9b99a}.segs .seg.selected{background:var(--accent);color:#fff}.outfits{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.outfits .label{color:var(--muted);margin-right:2px;font-size:.78rem}.outfit{background:#0000000d;border:2px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:.8rem;display:flex}.outfit.selected{border-color:var(--accent);background:#2f7d4f26;font-weight:700}.outfit:hover{border-color:#c9b99a}.portrait-sm{width:48px;height:48px;image-rendering:pixelated;background-position:0 0;background-size:192px 336px}.settings{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px 10px;display:grid}.setting{gap:2px;min-width:0;display:grid}.setting label,.setting .label{color:var(--muted);font-size:.78rem}.setting select{width:100%;padding:6px 8px}.setting strong{padding:6px 0}.room .mode-blurb,.room .hint{margin:0}.actions{grid-template-columns:1fr 1fr 1.3fr;gap:8px;display:grid}@media (width<=340px){.teams{grid-template-columns:1fr}}@media (width<=480px){.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}.room-head .logo{display:none}}.map-frame{aspect-ratio:4/3;background:#1d2b1f;border:2px solid #1b1b24;position:relative;overflow:hidden}.map-picture{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity .2s;display:block}.map-picture.ready,.map-thumb img.ready{opacity:1}.map-random{color:#f4ecd8;background:repeating-linear-gradient(45deg,#2a3b2c 0 12px,#243326 12px 24px);align-content:center;place-items:center;gap:8px;width:100%;height:100%;font-weight:700;display:grid}.map-random img{width:64px;height:64px;image-rendering:pixelated}.map-random.small{aspect-ratio:4/3;height:auto}.map-random.small img{width:32px;height:32px}.map-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:1.15rem;display:flex}.map-facts{flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.map-facts li{color:var(--muted);background:#00000014;border-radius:999px;padding:1px 7px}.map-blurb{text-align:left;margin:0}.map-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:236px;padding:2px;display:grid;overflow-y:auto}.map-thumb{background:#0000000d;border:2px solid #0000;border-radius:6px;gap:2px;padding:3px;font-size:.72rem;line-height:1.2;display:grid}.map-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%;image-rendering:pixelated;opacity:0;background:#1d2b1f}.map-thumb.selected{border-color:var(--accent);background:#2f7d4f26;font-weight:700}.map-thumb:hover{border-color:#c9b99a}@media (width<=1180px){#ui>.lobby{flex-direction:column;align-items:center}.map-card{flex:none;order:2;width:min(420px,100%);min-width:0}#ui .panel.room{flex:none;width:min(560px,100%)}.map-grid{grid-template-columns:repeat(4,1fr);max-height:150px}}@media (width<=480px){.map-grid{display:none}}#ui .panel.results{width:min(520px,100%)}.winner-banner{color:#fff;text-shadow:0 2px #0006;min-width:280px;height:48px;image-rendering:pixelated;border-style:solid;border-width:0 32px;justify-content:center;justify-self:center;align-items:center;gap:8px;padding:0 14px 8px;display:flex}.winner-banner.chaser{border-image:url(../assets/ui/banner-chaser@2x.png) 0 32 fill/0 32px}.winner-banner.runner{border-image:url(../assets/ui/banner-runner@2x.png) 0 32 fill/0 32px}.winner-banner img{width:24px;height:24px;image-rendering:pixelated}.winner-banner h1{white-space:nowrap;letter-spacing:.02em;font-size:1.35rem}.round-info{margin:-4px 0 0}.won,.lost{text-align:center;margin:0;font-size:1.1rem}.mvp{text-align:left;background:#e8c45a40;border:2px solid #c9a23a;border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:8px;display:flex}.portrait{width:64px;height:64px;image-rendering:pixelated;background-position:0 -384px;background-size:256px 448px;flex-shrink:0;animation:.9s ease-in-out infinite mvp-bounce}@keyframes mvp-bounce{50%{transform:translateY(-4px)}}.mvp-text{gap:1px;display:grid}.mvp-text strong{font-size:1.2rem}.mvp-label{letter-spacing:.1em;color:#8a6a12;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:flex}.mvp-label img{width:24px;height:24px;image-rendering:pixelated}.mvp .muted{text-align:left}table.stats th img{width:20px;height:20px;image-rendering:pixelated;vertical-align:middle}.timeline{background:#0000000a;border-radius:6px;gap:3px;max-height:150px;margin:0;padding:6px 8px;font-size:.85rem;list-style:none;display:grid;overflow-y:auto}.timeline time{width:3.2em;color:var(--muted);font-family:monospace;display:inline-block}.timeline li.catch:before{content:"✋ "}.timeline li.rescue:before{content:"🔓 "}.timeline li.use:before{content:"🎁 "}