*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hg-bg:#f4ecda;--hg-bg-card:#fdf7e6;--hg-border:#2b2620;--hg-text:#1a1614;--hg-text-muted:#6b5a48;--hg-accent:#c8302c;--hg-accent-bg:#c8302c;--hg-tile-bg:#faf4e2;--hg-tile-border:#2b2620;--hg-path-dead:#b8a88e;--hg-path-live:#1b345e;--hg-path-win:#d4a852;--hg-obstacle-block:#1b345e;--hg-obstacle-alarm:#e5b935;--hg-obstacle-alarm-on:#c8302c;--hg-port-entrance:#8b6840;--hg-port-vault:#d4a852;--hg-success:#2d7a3e;--hg-success-bg:#dcedd8;--hg-danger:#c8302c;--hg-danger-bg:#fbe4e2}html,body,#root{min-height:100vh;color:var(--hg-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{background-color:#1a1410}body{background-image:var(--hg-bg-page-image,none);background-position:50%;background-size:cover;background-attachment:fixed}#root{background:0 0}main{background-color:color-mix(in srgb, var(--hg-bg-card) 92%, transparent);border:1px solid var(--hg-border);border-radius:12px;flex-direction:column;gap:1rem;max-width:480px;margin:1rem auto;padding:1.5rem 1.25rem 2rem;display:flex}h1{letter-spacing:.08em;text-align:center;margin:.25rem 0 .5rem;font-size:2rem}.muted{color:var(--hg-text-muted);margin:0}.center{text-align:center}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--hg-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}input[type=text]{font:inherit;border:1px solid var(--hg-border);background:var(--hg-bg-card);color:var(--hg-text);border-radius:8px;min-height:44px;padding:.75rem 1rem}input[type=text]:focus{outline:2px solid var(--hg-accent);outline-offset:-1px}button{font:inherit;border:1px solid var(--hg-border);background:color-mix(in srgb, var(--hg-bg-card) 80%, var(--hg-text) 0%);color:var(--hg-text);cursor:pointer;border-radius:8px;min-height:48px;padding:.9rem 1.25rem;font-weight:600}button:hover:not(:disabled){filter:brightness(1.2)}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--hg-accent);background:0 0;border:0;min-height:auto;padding:.5rem .25rem}.actions{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.actions>button{background:var(--hg-accent-bg);border-color:var(--hg-accent-bg);color:#fff}.join{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.join input{font-size:1.5rem;font-weight:700}.bad{border:1px solid var(--hg-danger);background:var(--hg-danger-bg);color:var(--hg-danger);border-radius:6px;margin:0;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.banner.good{background:var(--hg-success-bg);border:1px solid var(--hg-success);color:var(--hg-success);text-align:center;letter-spacing:.04em;border-radius:8px;padding:.75rem 1rem;font-weight:700}.banner.bad-banner{background:var(--hg-danger-bg);border:1px solid var(--hg-danger);color:var(--hg-danger);text-align:center;letter-spacing:.04em;border-radius:8px;padding:1rem;font-weight:700}.banner .big{font-size:1.1rem}.lobby-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-bottom:.25rem;display:grid}.lobby-head .code{text-align:center;letter-spacing:.35em;color:var(--hg-accent);padding-left:1.4em;font-size:2.25rem;font-weight:800}.lobby-head .status{text-transform:uppercase;letter-spacing:.12em;color:var(--hg-text-muted);font-size:.75rem}.seats{flex-direction:column;gap:.75rem;display:flex}.seat{border:1px solid var(--hg-border);background:var(--hg-bg-card);border-radius:10px;padding:1rem 1.25rem}.seat.me{border-color:var(--hg-accent)}.seat.ready{border-color:var(--hg-success);background:var(--hg-success-bg)}.seat-label{letter-spacing:.15em;color:var(--hg-text-muted);text-transform:uppercase;font-size:.7rem}.seat-handle{margin-top:.15rem;font-size:1.25rem;font-weight:600}.seat-state{color:var(--hg-text-muted);letter-spacing:.08em;margin-top:.25rem;font-size:.8rem}.seat.ready .seat-state{color:var(--hg-success)}button.ready{background:var(--hg-bg-card);border-color:var(--hg-border);margin-top:1rem}button.ready[data-on=true]{background:var(--hg-success-bg);border-color:var(--hg-success);color:var(--hg-success)}.practice-link{text-align:center;margin-top:1.5rem}.practice-button{background:var(--hg-bg-card);border:1.5px solid var(--hg-border);color:var(--hg-text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:.75rem;min-height:56px;margin-top:1rem;padding:.75rem 1rem;transition:border-color .18s,transform .12s;display:flex}.practice-button:hover:not(:disabled){border-color:var(--hg-port-vault,var(--hg-accent));transform:translateY(-1px)}.practice-button:active:not(:disabled){transform:translateY(0)}.practice-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.leaderboard-button{background:var(--hg-bg-card);border:1.5px solid var(--hg-border);color:var(--hg-text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:.75rem;width:100%;min-height:56px;margin-top:.5rem;padding:.75rem 1rem;transition:border-color .18s,transform .12s;display:flex}.leaderboard-button:hover:not(:disabled){border-color:var(--hg-accent);transform:translateY(-1px)}.leaderboard-button:active:not(:disabled){transform:translateY(0)}.leaderboard-button-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.practice-button-text{flex-direction:column;flex:1;line-height:1.15;display:flex}.practice-title{letter-spacing:.04em;color:var(--hg-text);font-size:1rem;font-style:italic;font-weight:800}.practice-sub{color:var(--hg-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:.15rem;font-size:.75rem}.small{font-size:.85rem}.practice{max-width:560px}.practice-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.practice-stats{color:var(--hg-text-muted);justify-content:center;gap:.75rem;font-size:.85rem;display:flex}.practice-stats .stat b{color:var(--hg-text)}.difficulty-bar{justify-content:center;gap:.35rem;display:flex}.difficulty-pill{letter-spacing:.12em;background:var(--hg-bg-card);border:1px solid var(--hg-border);color:var(--hg-text-muted);cursor:pointer;border-radius:6px;flex:1;min-height:38px;padding:.5rem .25rem;font-size:.75rem;font-weight:800}.difficulty-pill:hover:not(:disabled){color:var(--hg-text)}.difficulty-pill.active{background:var(--hg-accent);border-color:var(--hg-accent);color:#fff}.difficulty-pill.has-icon{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:60px;padding-top:.35rem;padding-bottom:.35rem;display:flex}.difficulty-pill .pill-icon{object-fit:contain;width:26px;height:26px}.difficulty-pill .pill-label{font-size:.7rem;display:block}.lobby-difficulty{justify-content:center;align-items:baseline;gap:.5rem;margin:-.25rem 0 .25rem;display:flex}.lobby-difficulty-label{letter-spacing:.15em;color:var(--hg-text-muted);text-transform:uppercase;font-size:.7rem}.lobby-difficulty-name{letter-spacing:.04em;color:var(--hg-accent);text-transform:uppercase;font-size:1.05rem;font-weight:800}.lobby-job-stamp{object-fit:contain;width:100%;max-width:280px;max-height:90px;margin:-.25rem auto .25rem;display:block}.match-tier-badge{object-fit:contain;width:36px;height:36px;margin-left:auto;display:block}.match-end-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);background:#0d1117c7;justify-content:center;align-items:center;padding:1rem;animation:.22s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.match-end{background:var(--hg-bg-card);border:2px solid var(--hg-border);border-radius:14px;flex-direction:column;align-items:center;width:100%;max-width:440px;max-height:calc(100vh - 2rem);padding:1.25rem;animation:.3s cubic-bezier(.2,.8,.2,1.1) winPop;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0009}.match-end-close{width:36px;height:36px;min-height:36px;color:var(--hg-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0;font-size:1.25rem;font-weight:900;line-height:1;position:absolute;top:.35rem;right:.35rem}.match-end-close:hover{background:color-mix(in srgb, var(--hg-border) 30%, transparent);color:var(--hg-text)}.match-end-card{object-fit:contain;width:100%;max-height:50vh;display:block}.mobile-footer-logo{display:none}@media (width<=600px){.mobile-footer-logo{object-fit:contain;opacity:.85;width:70%;max-width:320px;max-height:60px;margin:1.5rem auto 1rem;display:block}}.port-entrance{color:var(--hg-port-entrance)}.port-vault{color:var(--hg-port-vault)}.helper-line{line-height:1.6}.inline-marker{vertical-align:-5px;object-fit:contain;width:22px;height:22px;margin:0 1px;display:inline-block}.grid-frame{aspect-ratio:1;background-image:var(--hg-bg-board-image,none);background-repeat:no-repeat;background-size:100% 100%;width:100%;margin-top:.5rem;position:relative}.grid{background-color:var(--hg-bg-card);border-radius:12px;gap:4px;width:100%;margin-top:.5rem;padding:18px;transition:box-shadow .25s;display:grid}.grid.complete{box-shadow:0 0 24px -6px var(--hg-success)}.grid.grid-inside-frame{aspect-ratio:1;background:0 0;border-radius:0;width:80%;margin:0;padding:4px;position:absolute;top:13%;left:50%;transform:translate(-50%)}.grid.grid-inside-frame .cell,.grid.grid-inside-frame button.tile{min-width:0;min-height:0}@media (width<=600px){.grid-frame{aspect-ratio:10/11;background-image:var(--hg-bg-board-mobile-image,var(--hg-bg-board-image,none));width:calc(100% + 2.5rem);margin-left:-1.25rem;margin-right:-1.25rem}.grid.grid-inside-frame{width:92%;padding:2px;top:8%}}.grid.complete{border-color:var(--hg-success);box-shadow:0 0 24px -6px color-mix(in srgb, var(--hg-success) 53%, transparent)}.cell{aspect-ratio:1;min-width:44px;min-height:44px;position:relative}.cell .port{pointer-events:none;z-index:2;filter:drop-shadow(0 0 2px #000);font-size:.9rem;position:absolute}.cell .port-img{object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 2px #00000073);width:70%;height:70%;position:absolute;top:50%;transform:translateY(-50%)}.cell .port-entrance{top:50%;left:-8px;transform:translateY(-50%)}.cell .port-vault{top:50%;right:-8px;transform:translateY(-50%)}.cell .port-img.port-entrance{left:-22px}.cell .port-img.port-vault{right:-22px}.cell.cell-forbidden:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--hg-danger) 10%, transparent) 0, color-mix(in srgb, var(--hg-danger) 10%, transparent) 4px, transparent 4px, transparent 8px);z-index:1;border-radius:8px;position:absolute;inset:0}button.tile{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;width:100%;height:100%;min-height:44px;margin:0;padding:0;position:relative}button.tile:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}.tile svg{width:100%;height:100%;display:block}.tile-bg{fill:var(--hg-tile-bg);stroke:var(--hg-tile-border);stroke-width:1px}.tile-paths{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.tile-paths.dead rect,.tile-paths.dead .hub{fill:var(--hg-path-dead)}.tile-paths.live rect,.tile-paths.live .hub{fill:var(--hg-path-live)}.tile-paths.blocked rect,.tile-paths.blocked .hub{fill:var(--hg-border)}.grid.complete .tile-paths.live rect,.grid.complete .tile-paths.live .hub{fill:var(--hg-path-win)}.tile-image{pointer-events:none;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}button.tile.has-image.is-live{box-shadow:0 0 0 2px color-mix(in srgb, var(--hg-path-live) 90%, transparent) inset;border-radius:8px}button.tile.has-image.is-win{box-shadow:0 0 0 2px var(--hg-path-win) inset, 0 0 14px -2px var(--hg-path-win);border-radius:8px}.block-overlay rect{fill:color-mix(in srgb, var(--hg-obstacle-block) 40%, transparent)}.block-overlay line{stroke:var(--hg-obstacle-block);stroke-width:6px;stroke-linecap:round}.tile.is-blocked{cursor:pointer}.obstacle-image{pointer-events:none}.match{max-width:560px}.match-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-bottom:.25rem;display:grid}.match-status{color:var(--hg-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem}.role-badge{letter-spacing:.15em;border:1px solid;border-radius:6px;padding:.35rem .6rem;font-size:.8rem;font-weight:800;display:inline-block}.role-badge.role-thief{color:var(--hg-accent);border-color:var(--hg-accent-bg);background:color-mix(in srgb, var(--hg-accent-bg) 25%, transparent)}.role-badge.role-guard{color:var(--hg-obstacle-alarm);border-color:var(--hg-obstacle-alarm);background:color-mix(in srgb, var(--hg-obstacle-alarm) 18%, transparent)}.role-badge.role-spectator{color:var(--hg-text-muted);border-color:var(--hg-border);background:var(--hg-bg-card)}.budget{background:var(--hg-bg-card);border:1px solid var(--hg-border);border-radius:8px;padding:.6rem .85rem}.budget-label{color:var(--hg-text-muted);letter-spacing:.08em;justify-content:space-between;margin-bottom:.35rem;font-size:.75rem;display:flex}.budget-label b{color:var(--hg-text);font-weight:700}.budget-bar{background:var(--hg-bg);border-radius:4px;height:8px;overflow:hidden}.budget-fill{border-radius:4px;height:100%;transition:width .35s linear,background-color .2s}.budget-fill.ok{background:var(--hg-obstacle-alarm)}.budget-fill.low{background:var(--hg-text-muted)}.score{color:var(--hg-text-muted);justify-content:center;align-items:baseline;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:700;display:flex}.score-cell.me{color:var(--hg-accent)}.score-sep{color:var(--hg-path-dead);font-weight:400}.round-bar{background:var(--hg-bg-card);border:1px solid var(--hg-border);border-radius:8px;padding:.55rem .75rem .65rem}.round-bar-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.8rem;display:grid}.round-label{letter-spacing:.12em;color:var(--hg-text-muted)}.timer{text-align:center;color:var(--hg-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1rem;font-weight:700}.timer.low{color:var(--hg-danger);animation:1s ease-in-out infinite pulseRed}.alarms{color:var(--hg-obstacle-alarm);font-weight:700}.alarms.low{color:var(--hg-danger)}.round-bar-bar{background:var(--hg-bg);border-radius:2px;height:4px;margin-top:.4rem;overflow:hidden}.round-bar-fill{background:var(--hg-success);height:100%;transition:width .25s linear,background-color .25s}.round-bar-fill.low{background:var(--hg-danger)}@keyframes pulseRed{0%,to{opacity:1}50%{opacity:.6}}.guard-toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.guard-toolbar .mode{letter-spacing:.06em;background:var(--hg-bg-card);border:1px solid var(--hg-border);min-width:0;color:var(--hg-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-height:44px;padding:.55rem .35rem;font-size:.8rem;font-weight:700;overflow:hidden}.guard-toolbar .mode small{opacity:.8;margin-left:.2em;font-weight:400}@media (width<=480px){.guard-toolbar{gap:.3rem}.guard-toolbar .mode{letter-spacing:.02em;padding:.55rem .25rem;font-size:.72rem}.guard-toolbar .mode small{margin-left:.15em;font-size:.65rem}}@media (width<=360px){.guard-toolbar .mode small{display:none}}.guard-toolbar .mode.active{background:color-mix(in srgb, var(--hg-obstacle-alarm) 18%, transparent);border-color:var(--hg-obstacle-alarm);color:var(--hg-obstacle-alarm)}.guard-toolbar .mode.alarm.active{background:color-mix(in srgb, var(--hg-danger) 18%, transparent);border-color:var(--hg-danger);color:var(--hg-danger)}.guard-toolbar .mode.trap.active{background:color-mix(in srgb, var(--hg-port-vault,var(--hg-accent)) 22%, transparent);border-color:var(--hg-port-vault,var(--hg-accent));color:var(--hg-text)}.cell-no-trap:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 6px,#d4a85224 6px 9px);border-radius:8px;position:absolute;inset:0}.obstacle-image.is-trap-indicator{opacity:.55;mix-blend-mode:multiply}.alarm-overlay .alarm-ring{fill:none;stroke:var(--hg-obstacle-alarm);stroke-width:4px;stroke-dasharray:6 4;opacity:.9}.alarm-overlay .alarm-icon{fill:var(--hg-obstacle-alarm);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:900}.tile.is-triggered .alarm-overlay .alarm-ring{stroke:var(--hg-obstacle-alarm-on);animation:1s ease-in-out infinite pulseRed}.tile.is-triggered .alarm-overlay .alarm-icon{fill:var(--hg-obstacle-alarm-on)}.win-banner{background:var(--hg-success-bg);border:2px solid var(--hg-success);color:var(--hg-success);text-align:center;box-shadow:0 0 32px -8px color-mix(in srgb, var(--hg-success) 53%, transparent);border-radius:12px;margin-top:.5rem;padding:1.25rem;animation:.35s ease-out winPop}.win-big{letter-spacing:.12em;margin-bottom:.35rem;font-size:1.4rem;font-weight:800}@keyframes winPop{0%{opacity:0;transform:translateY(28px)scale(.88)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blockSlam{0%{opacity:0;transform:translateY(-40%)scale(1.15)}60%{opacity:1;transform:translateY(6%)scale(.95)}85%{transform:translateY(-2%)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.tile.is-block .obstacle-image,.tile.is-block .block-overlay{transform-origin:50% 100%;animation:.32s cubic-bezier(.34,1.4,.6,1) both blockSlam}@keyframes alarmPulse{0%{filter:drop-shadow(0 0 #0000);transform:scale(1)}35%{filter:drop-shadow(0 0 14px var(--hg-obstacle-alarm-on));transform:scale(1.45)}70%{transform:scale(.95)}to{filter:drop-shadow(0 0 #0000);transform:scale(1)}}.obstacle-image.is-triggered{transform-origin:50%;transform-box:fill-box;animation:.55s cubic-bezier(.34,1.5,.6,1) both alarmPulse}@keyframes alarmRingPulse{0%{transform:scale(1)}35%{transform:scale(1.35)}70%{transform:scale(.95)}to{transform:scale(1)}}.tile.is-triggered .alarm-overlay .alarm-ring{transform-origin:50%;transform-box:fill-box;animation:.55s cubic-bezier(.34,1.5,.6,1) both alarmRingPulse,1s ease-in-out .55s infinite pulseRed}@keyframes pathChase{0%{filter:brightness()drop-shadow(0 0 #0000)}30%{filter:brightness(1.5) drop-shadow(0 0 10px var(--hg-path-win))}to{filter:brightness()drop-shadow(0 0 #0000)}}.grid.complete .cell.on-path{animation:.55s ease-out both pathChase;animation-delay:calc(var(--path-step,0) * 70ms)}.grid-with-walker{position:relative}.path-walker{aspect-ratio:1;pointer-events:none;z-index:20;filter:drop-shadow(0 4px 6px #00000059);width:18%;position:absolute;transform:translate(-50%,-50%)}.path-walker.face-left .path-walker-sprite{transform:scaleX(-1)}.path-walker .path-walker-sprite{object-fit:contain;width:100%;height:100%;animation:.28s ease-in-out infinite alternate walkBob}.path-walker.phase-loot .path-walker-sprite{animation:.8s cubic-bezier(.34,1.4,.6,1) both lootGrab}.path-walker.phase-loot{width:26%}.path-walker-fallback{font-size:2.2em}@keyframes walkBob{0%{transform:translateY(0)}to{transform:translateY(-6%)}}@keyframes lootGrab{0%{opacity:.8;transform:scale(.85)}55%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.grid-frame .grid-with-walker{width:100%;height:100%}.tile.is-block:before{content:"";background-image:var(--hg-asset-block-slam-dust,none);opacity:0;pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:110%;height:35%;animation:.7s ease-out both dustPuff;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}@keyframes dustPuff{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:.85;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%)scale(1.25)}}.alarm-flash-img{pointer-events:none;opacity:0;transform-origin:50%;transform-box:fill-box;animation:.6s ease-out both alarmFlash}@keyframes alarmFlash{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:scale(1.7)}}.character-avatar{aspect-ratio:1;z-index:15;pointer-events:none;filter:drop-shadow(0 3px 5px #0000004d);justify-content:center;align-items:center;width:18%;animation:2.4s ease-in-out infinite avatarBreath;display:flex;position:absolute;top:-2%}.character-avatar.avatar-left{left:-4%}.character-avatar.avatar-right{right:-4%}.character-avatar.avatar-right .avatar-sprite{transform:scaleX(-1)}.avatar-sprite{object-fit:contain;width:100%;height:100%;transition:opacity .25s}.avatar-fallback{filter:drop-shadow(0 1px 2px #0006);font-size:clamp(28px,4.5vw,56px)}@keyframes avatarBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}.character-avatar.is-flash{animation:.55s cubic-bezier(.34,1.6,.6,1) both avatarPop}@keyframes avatarPop{0%{transform:scale(1)translateY(0)}30%{transform:scale(1.25)translateY(-8%)}70%{transform:scale(.95)translateY(-2%)}to{transform:scale(1)translateY(0)}}.character-avatar.mood-triumphant,.character-avatar.mood-victory{filter:drop-shadow(0 0 10px var(--hg-path-win)) drop-shadow(0 3px 5px #0000004d)}.character-avatar.mood-defeat{filter:grayscale(.6)drop-shadow(0 3px 5px #0000004d);opacity:.85}.character-avatar.mood-growl,.character-avatar.mood-howl{filter:drop-shadow(0 0 8px var(--hg-danger)) drop-shadow(0 3px 5px #0000004d)}@media (width<=380px){.character-avatar{width:14%;top:-1%}}.alarm-sweep{pointer-events:none;z-index:18;border:3px solid var(--hg-obstacle-alarm-on,var(--hg-danger));opacity:0;border-radius:50%;animation:.9s ease-out both alarmSweep;position:absolute;transform:translate(-50%,-50%)}@keyframes alarmSweep{0%{opacity:.85;border-width:4px;transform:translate(-50%,-50%)scale(.2)}60%{opacity:.6}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(2.4)}}.milo-bark{pointer-events:none;z-index:22;aspect-ratio:1;opacity:0;width:22%;filter:drop-shadow(0 0 8px var(--hg-danger));animation:.85s cubic-bezier(.34,1.5,.6,1) both barkPop;position:absolute;transform:translate(-50%,-50%)}.milo-bark img{object-fit:contain;width:100%;height:100%}.milo-bark .bark-fallback{color:var(--hg-danger);text-shadow:0 1px 3px #00000080;font-size:2em;font-weight:900}@keyframes barkPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(4deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1)rotate(0)}}.match-timer.urgent{color:var(--hg-danger);animation:1s step-end infinite timerTick}@keyframes timerTick{0%,to{transform:scale(1)}10%{transform:scale(1.15)}20%{transform:scale(1)}}.match-timer.urgent .match-timer-icon{animation:.3s ease-in-out infinite timerShake}@keyframes timerShake{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}main.match.timer-urgent:before{content:"";pointer-events:none;z-index:999;animation:1s ease-in-out infinite vignettePulse;position:fixed;inset:0;box-shadow:inset 0 0 80px #c8302c59}@keyframes vignettePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes scoreStamp{0%{opacity:0;transform:scale(2)rotate(-12deg)}40%{opacity:1;transform:scale(.92)rotate(2deg)}60%{transform:scale(1.04)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.score-badge-pts,.round-end-player .rep-pts{transform-origin:50%;animation:.65s cubic-bezier(.34,1.6,.6,1) both scoreStamp;display:inline-block}.budget-fill.tick{animation:.55s ease-out budgetTick}@keyframes budgetTick{0%{filter:brightness()}20%{filter:brightness(1.6) drop-shadow(0 0 10px var(--hg-success))}to{filter:brightness()}}.budget-label .tick-pulse{animation:.55s cubic-bezier(.34,1.6,.6,1) budgetNumPop;display:inline-block}@keyframes budgetNumPop{0%{transform:scale(1)}30%{color:var(--hg-success);transform:scale(1.4)}to{transform:scale(1)}}.guard-abilities{gap:.5rem;margin:.25rem 0;display:flex}.ability-button{letter-spacing:.08em;background:color-mix(in srgb, var(--hg-port-vault,var(--hg-accent)) 12%, var(--hg-bg-card));border:1.5px solid var(--hg-port-vault,var(--hg-accent));color:var(--hg-text);cursor:pointer;border-radius:8px;flex:1;min-height:44px;padding:.55rem .5rem;font-size:.8rem;font-weight:800;transition:transform .12s,opacity .18s}.ability-button:hover:not(:disabled){transform:translateY(-1px)}.ability-button:disabled{opacity:.45;cursor:not-allowed}.ability-button small{opacity:.85;margin-left:.35em;font-weight:500}.milo-patrol-sprite{aspect-ratio:1;pointer-events:none;z-index:19;width:16%;filter:drop-shadow(0 4px 6px #00000059) drop-shadow(0 0 6px var(--hg-port-vault,var(--hg-accent)));position:absolute;transform:translate(-50%,-50%)}.milo-patrol-sprite.face-left .milo-patrol-img{transform:scaleX(-1)}.milo-patrol-img{object-fit:contain;width:100%;height:100%;animation:.28s ease-in-out infinite alternate walkBob}.milo-patrol-fallback{font-size:2em}.port-vault-open{transform-origin:50%;animation:.9s cubic-bezier(.34,1.4,.6,1) both vaultDoor}@keyframes vaultDoor{0%{opacity:0;transform:scale(.6)rotate(-6deg)}50%{opacity:1;transform:scale(1.1)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.logo-image{object-fit:contain;max-width:100%;max-height:80px;margin:.5rem auto;display:block}.splash-image{object-fit:contain;border-radius:12px;width:100%;max-height:50vh;margin:0 auto .5rem;display:block}.lobby-card{object-fit:contain;border-radius:8px;width:100%;max-height:22vh;margin:.25rem 0;display:block}.tagline{text-align:center;color:var(--hg-text-muted);margin:0 0 .5rem;font-style:italic}.practice-stats .stat{align-items:center;gap:.3rem;display:inline-flex}.stat-icon{object-fit:contain;width:16px;height:16px}.pill-pb{letter-spacing:.05em;color:var(--hg-text-muted);margin-top:.15rem;font-size:.6rem;font-weight:600;display:block}.difficulty-pill.active .pill-pb{color:#ffffffd9}.practice-result{flex-direction:column;align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.practice-stats-row{color:var(--hg-text-muted);gap:1rem;font-size:.9rem;display:flex}.practice-stats-row .stat b{color:var(--hg-text)}.score-badge-wrap{justify-content:center;align-items:center;width:220px;height:80px;margin:.25rem auto 0;display:flex;position:relative}.score-badge-bg{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.score-badge-text{flex-direction:column;align-items:center;gap:.05rem;display:flex;position:relative}.score-badge-label{letter-spacing:.12em;text-transform:uppercase;color:var(--hg-text-muted);font-size:.65rem}.score-badge-pts{color:var(--hg-text);font-size:1.6rem;font-weight:900;line-height:1}.personal-best-row{color:var(--hg-success,var(--hg-accent));align-items:center;gap:.35rem;margin-top:.25rem;font-size:.9rem;display:flex}.personal-best-icon{object-fit:contain;width:28px;height:28px}.round-end-breakdown{grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0;display:grid}.round-end-player{background:var(--hg-bg-card);border:1px solid var(--hg-border);text-align:center;border-radius:8px;padding:.5rem .6rem}.round-end-player.you{border-color:var(--hg-accent)}.round-end-player .rep-handle{text-transform:uppercase;letter-spacing:.08em;color:var(--hg-text-muted);font-size:.7rem}.round-end-player .rep-pts{color:var(--hg-text);font-size:1.4rem;font-weight:900}.round-end-player .rep-role{letter-spacing:.1em;color:var(--hg-text-muted);text-transform:uppercase;font-size:.65rem}.round-end-player .rep-parts{color:var(--hg-text-muted);margin-top:.25rem;font-size:.7rem;line-height:1.3}.match-totals{justify-content:space-around;gap:.5rem;margin:.5rem 0;font-size:.85rem;display:flex}.match-totals .mt-pts{color:var(--hg-text);font-size:1.5rem;font-weight:900;display:block}.match-timer{align-items:center;gap:.3rem;display:inline-flex}.match-timer-icon{object-fit:contain;width:18px;height:18px}.leaderboard{max-width:640px}.leaderboard-banner{object-fit:contain;width:100%;max-height:120px;margin:0 auto .5rem;display:block}.leaderboard-tabs{gap:.35rem;margin-bottom:.5rem;display:flex}.leaderboard-tab{letter-spacing:.1em;text-transform:uppercase;background:var(--hg-bg-card);border:1px solid var(--hg-border);color:var(--hg-text-muted);cursor:pointer;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;min-height:56px;padding:.5rem .25rem;font-size:.7rem;font-weight:800;display:flex}.leaderboard-tab .tab-icon{object-fit:contain;width:22px;height:22px}.leaderboard-tab.active{background:var(--hg-accent);border-color:var(--hg-accent);color:#fff}.leaderboard-filter{gap:.35rem;margin-bottom:.5rem;display:flex}.leaderboard-filter button{letter-spacing:.08em;background:var(--hg-bg-card);border:1px solid var(--hg-border);color:var(--hg-text-muted);cursor:pointer;border-radius:6px;flex:1;padding:.35rem .25rem;font-size:.7rem;font-weight:700}.leaderboard-filter button.active{background:var(--hg-accent);border-color:var(--hg-accent);color:#fff}.leaderboard-list{flex-direction:column;gap:.25rem;display:flex}.leaderboard-row{background:var(--hg-bg-card);border:1px solid var(--hg-border);border-radius:6px;grid-template-columns:40px 1fr auto;align-items:center;gap:.5rem;padding:.4rem .6rem;display:grid}.leaderboard-row.you{border-color:var(--hg-accent);background:var(--hg-accent-bg,var(--hg-bg-card))}.leaderboard-row.you .lb-handle,.leaderboard-row.you .lb-pts{color:#fff}.lb-rank{text-align:center;color:var(--hg-text);font-size:1.1rem;font-weight:900}.lb-rank img{object-fit:contain;vertical-align:middle;width:32px;height:32px}.lb-handle{color:var(--hg-text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.lb-sub{color:var(--hg-text-muted);font-size:.7rem;font-weight:400;display:block}.lb-pts{color:var(--hg-text);text-align:right;font-size:1.15rem;font-weight:900}.lb-pts-label{letter-spacing:.1em;text-transform:uppercase;color:var(--hg-text-muted);font-size:.6rem;font-weight:400;display:block}.leaderboard-empty{text-align:center;color:var(--hg-text-muted);padding:2rem 1rem}