.pav-pixel-icon{--pav-icon-px:clamp(2px, .5vmin, 4px);vertical-align:middle;flex:none;display:inline-block}.pav-crown{width:calc(var(--pav-icon-px) * 7);height:calc(var(--pav-icon-px) * 5);margin-right:calc(var(--pav-icon-px) * 2);clip-path:polygon(0 0,14.286% 0,14.286% 20%,28.571% 20%,28.571% 40%,42.857% 40%,42.857% 0,57.143% 0,57.143% 40%,71.429% 40%,71.429% 20%,85.714% 20%,85.714% 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 0 4px #ffd70099);background:linear-gradient(#ff2a2a,#ff2a2a) 50% 75%/14.286% 20% no-repeat,linear-gradient(#fff6b0,#fff6b0) 0/100% 20% no-repeat,gold}.pav-star{width:calc(var(--pav-icon-px) * 7);height:calc(var(--pav-icon-px) * 7);background:var(--pav-ui-accent);clip-path:polygon(42.857% 0,57.143% 0,57.143% 28.571%,100% 28.571%,100% 42.857%,85.714% 42.857%,85.714% 57.143%,71.429% 57.143%,71.429% 71.429%,85.714% 71.429%,85.714% 100%,71.429% 100%,71.429% 85.714%,57.143% 85.714%,57.143% 71.429%,42.857% 71.429%,42.857% 85.714%,28.571% 85.714%,28.571% 100%,14.286% 100%,14.286% 71.429%,28.571% 71.429%,28.571% 57.143%,14.286% 57.143%,14.286% 42.857%,0 42.857%,0 28.571%,42.857% 28.571%)}.pav-skull{width:calc(var(--pav-icon-px) * 5);height:calc(var(--pav-icon-px) * 5);clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,60% 100%,60% 80%,40% 80%,40% 100%,20% 100%,20% 80%,0 80%,0 20%,20% 20%);background:linear-gradient(#000,#000) 25%/20% 20% no-repeat,linear-gradient(#000,#000) 75%/20% 20% no-repeat,#e8e8e8}.pav-name-field{box-shadow:0 -3px 0 0 var(--pav-ui-accent), 0 3px 0 0 var(--pav-ui-accent), -3px 0 0 0 var(--pav-ui-accent), 3px 0 0 0 var(--pav-ui-accent);background:#000;padding:6px 8px;display:inline-block;position:relative}.pav-name-input{width:13ch;color:var(--pav-ui-text);font:inherit;text-transform:uppercase;caret-color:#0000;background:0 0;border:0;border-radius:0;outline:none;padding:0}.pav-caret{top:6px;bottom:6px;left:calc(8px + var(--pav-caret-at,0) * 1ch);background:var(--pav-ui-accent);mix-blend-mode:difference;visibility:hidden;pointer-events:none;width:1ch;animation:1s step-end infinite pav-blink;position:absolute}.pav-name-field:focus-within .pav-caret{visibility:visible}@media (prefers-reduced-motion:reduce){.pav-caret{animation:none}}.pav-menu-panel.pav-board-panel{box-sizing:border-box;gap:clamp(12px,3vmin,28px);width:min(100%,900px);max-height:100%;padding:24px 48px 40px;overflow-y:auto}.pav-title.pav-board-title{font-size:clamp(22px,6vmin,60px)}.pav-board-place{color:var(--pav-ui-accent);margin:0;animation:1s step-end infinite pav-blink}.pav-board-empty{margin:0}.pav-board{border-collapse:collapse;box-shadow:0 -4px 0 0 var(--pav-ui-text), 0 4px 0 0 var(--pav-ui-text), -4px 0 0 0 var(--pav-ui-text), 4px 0 0 0 var(--pav-ui-text);background:#000000b3;font-size:clamp(9px,2vmin,16px)}.pav-board th,.pav-board td{text-align:left;white-space:nowrap;padding:6px 10px}.pav-board th{color:var(--pav-ui-accent);border-bottom:4px solid var(--pav-ui-text)}.pav-board td:nth-child(4),.pav-board td:nth-child(5),.pav-board th:nth-child(4),.pav-board th:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}.pav-board-row:first-child{color:gold}.pav-board-own{background:#ffd7002e}.pav-board-name{align-items:center;display:flex}.pav-board-entry{align-items:center;gap:16px;display:inline-flex}.pav-board-save{font-size:inherit;padding:6px 12px}.pav-board-result{font-variant-numeric:tabular-nums;align-items:center;gap:16px;margin:0;display:flex}.pav-board-error{color:#ff5a5a;margin:0}.pav-board-actions{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.pav-pixel-button:disabled{opacity:.4;cursor:not-allowed}.pav-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.pav-board-place{animation:none}}.pav-screen{z-index:10;color:var(--pav-ui-text);text-align:center;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vmin,32px);display:flex;position:absolute;inset:0;overflow:hidden}.pav-screen:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.pav-pixel{-webkit-font-smoothing:none;font-family:"Press Start 2P",monospace;font-size:clamp(10px,2.4vmin,18px);line-height:1.6}.pav-blink{color:var(--pav-ui-accent);margin:0;font-size:clamp(14px,3.6vmin,28px);animation:1s step-end infinite pav-blink}@keyframes pav-blink{50%{opacity:0}}.pav-loading p{margin:0}.pav-progress{width:min(70vw,420px);height:clamp(12px,2.4vmin,20px);box-shadow:0 -3px 0 0 var(--pav-ui-text), 0 3px 0 0 var(--pav-ui-text), -3px 0 0 0 var(--pav-ui-text), 3px 0 0 0 var(--pav-ui-text);padding:3px}.pav-progress-fill{background:var(--pav-ui-accent);height:100%;transition:width .12s steps(4,end)}.pav-load-error{color:#ff5a5a;max-width:80vw;margin:0}@media (prefers-reduced-motion:reduce){.pav-blink{animation:none}}.pav-intro-reveal{animation:pav-intro var(--pav-intro-ms,3s) ease-in-out both}.pav-intro-image{object-fit:contain;width:100%;height:100%}.pav-intro-fallback{color:var(--pav-ui-text);text-shadow:4px 4px #b8860b,8px 8px #000;margin:0;font-size:clamp(24px,9vmin,88px);line-height:1.3}@keyframes pav-intro{0%{opacity:0;transform:scale(1)}25%,75%{opacity:1}to{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.pav-intro-reveal{animation:none}}.pav-menu{background:radial-gradient(at 50% 40%,#1b1f3a 0%,#07070f 70%)}.pav-menu-panel{z-index:1;flex-direction:column;align-items:center;gap:clamp(24px,6vmin,56px);padding:0 16px;display:flex;position:relative}.pav-title{color:var(--pav-ui-accent);text-shadow:3px 3px #b8860b,6px 6px #000,0 0 24px #ffd70059;margin:0;font-size:clamp(28px,8vmin,84px);font-weight:400}.pav-title-red{color:#ff2a2a;text-shadow:3px 3px #7a0000,6px 6px #000,0 0 24px #ff2a2a66}.pav-pixel-button{color:var(--pav-ui-text);font:inherit;cursor:pointer;box-shadow:0 -4px 0 0 var(--pav-ui-text), 0 4px 0 0 var(--pav-ui-text), -4px 0 0 0 var(--pav-ui-text), 4px 0 0 0 var(--pav-ui-text), 0 8px 0 0 #000;background:#111;border:0;padding:16px 28px;font-size:clamp(12px,2.8vmin,22px);transition:color 80ms steps(2,end),background 80ms steps(2,end);position:relative}.pav-pixel-button:focus{background:var(--pav-ui-accent);color:#000;outline:none;box-shadow:0 -4px #fff,0 4px #fff,-4px 0 #fff,4px 0 #fff,0 8px #000,0 0 24px 4px #ffd70073}.pav-menu-panel:not(:has(.pav-pixel-button:focus)) .pav-pixel-button:hover:not(:disabled){background:var(--pav-ui-accent);color:#000;outline:none;box-shadow:0 -4px #fff,0 4px #fff,-4px 0 #fff,4px 0 #fff,0 8px #000,0 0 24px 4px #ffd70073}.pav-pixel-button:focus:before{content:"▶";color:var(--pav-ui-accent);animation:1s step-end infinite pav-blink;position:absolute;right:calc(100% + 16px)}.pav-menu-panel:not(:has(.pav-pixel-button:focus)) .pav-pixel-button:hover:not(:disabled):before{content:"▶";color:var(--pav-ui-accent);animation:1s step-end infinite pav-blink;position:absolute;right:calc(100% + 16px)}.pav-pixel-button:active{transform:translateY(2px)}.pav-coin-snow{pointer-events:none;position:absolute;inset:0}.pav-coin{width:var(--pav-coin-size);height:var(--pav-coin-size);opacity:.7;animation:pav-coin-fall var(--pav-coin-fall) linear var(--pav-coin-delay) infinite;position:absolute;top:0}.pav-coin-sprite{background-image:var(--pav-coin-sheet);background-repeat:no-repeat;background-size:calc(var(--pav-coin-size) * 10) calc(var(--pav-coin-size) * 6);width:100%;height:100%;animation:pav-coin-frame-x var(--pav-coin-spin) steps(10) infinite, pav-coin-frame-y calc(var(--pav-coin-spin) * 6) steps(6) infinite, pav-coin-turn calc(var(--pav-coin-spin) * 8) linear infinite}.pav-coin-loader{min-width:var(--pav-coin-size);min-height:var(--pav-coin-size)}.pav-coin-loader .pav-coin-sprite{width:var(--pav-coin-size);height:var(--pav-coin-size)}@keyframes pav-coin-fall{0%{transform:translateY(-15vh)}to{transform:translate(109vh,115vh)}}@keyframes pav-coin-frame-x{to{background-position-x:calc(var(--pav-coin-size) * -10)}}@keyframes pav-coin-frame-y{to{background-position-y:calc(var(--pav-coin-size) * -6)}}@keyframes pav-coin-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pav-coin,.pav-coin-sprite{animation:none}}.pav-game-end{animation:pav-end-fade var(--pav-end-fade,1s) ease-in both}@keyframes pav-end-fade{0%{background:0 0}to{background:#000}}.pav-end-score{margin:0}.pav-end-title{isolation:isolate;position:relative}.pav-coin-drop{z-index:-1;pointer-events:none;height:100vh;position:absolute;top:50%;left:0;right:0}.pav-coin-drop .pav-coin{opacity:1;animation:pav-coin-drop var(--pav-coin-fall) cubic-bezier(.55, 0, 1, .45) var(--pav-coin-delay) infinite backwards}@keyframes pav-coin-drop{0%{opacity:0;transform:translateY(0)}4%{opacity:1}to{opacity:1;transform:translateY(100vh)}}.pav-title-split{color:#0000;background:linear-gradient(#fff 50%,#ff2a2a 50%);-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.pav-title-rainbow{color:#0000;background:linear-gradient(#e40303 0 16.667%,#ff8c00 16.667% 33.333%,#ffed00 33.333% 50%,#008026 50% 66.667%,#004dff 66.667% 83.333%,#750787 83.333% 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.pav-title:has(.pav-title-split){text-shadow:none;filter:drop-shadow(3px 3px #7a0000)drop-shadow(3px 3px #000)drop-shadow(0 0 12px #ff2a2a66)}@media (prefers-reduced-motion:reduce){.pav-game-end{animation:none}.pav-coin-drop{display:none}}.pav-hero-select{background:radial-gradient(at 50% 45%,#2a0d0d 0%,#07070f 70%)}.pav-hero-select-title{z-index:1;color:var(--pav-ui-accent);text-shadow:3px 3px #7a0000,6px 6px #000;margin:0;padding:0 16px;font-size:clamp(16px,5vmin,48px);font-weight:400;position:relative}.pav-hero-row{z-index:1;gap:clamp(6px,1.6vw,20px);padding:0 16px;display:flex;position:relative}.pav-hero-card{aspect-ratio:1;cursor:pointer;background:#14141f;border:0;width:clamp(52px,16vw,180px);padding:0;box-shadow:0 -3px #3a3a55,0 3px #3a3a55,-3px 0 #3a3a55,3px 0 #3a3a55}.pav-hero-card:focus,.pav-hero-card-chosen{box-shadow:0 -5px 0 0 var(--pav-ui-accent), 0 5px 0 0 var(--pav-ui-accent), -5px 0 0 0 var(--pav-ui-accent), 5px 0 0 0 var(--pav-ui-accent), 0 0 24px 6px #ff2a2a8c;background:#3a1010;outline:none}.pav-hero-card:disabled{cursor:default}.pav-hero-card-chosen{animation:.25s step-end infinite pav-blink}.pav-hero-portrait{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.pav-hero-backdrop{z-index:3;background:#000000c7;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.pav-hero-dialog{background:#0b0b14;flex-direction:column;align-items:center;gap:clamp(24px,5vmin,40px);max-width:100%;padding:clamp(20px,5vmin,40px) clamp(20px,6vw,56px) clamp(28px,6vmin,48px);display:flex;box-shadow:0 -4px #ff2a2a,0 4px #ff2a2a,-4px 0 #ff2a2a,4px 0 #ff2a2a,0 0 32px 6px #ff2a2a59}.pav-hero-dialog p{color:var(--pav-ui-text);margin:0;font-size:clamp(12px,3.4vmin,28px)}.pav-hero-dialog-buttons{gap:clamp(36px,8vw,72px);display:flex}@media (prefers-reduced-motion:reduce){.pav-hero-card-chosen{animation:none}}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{background:#000;margin:0;overflow:hidden}#app{position:relative;overflow:hidden}canvas{max-width:100%;max-height:100%;display:block}.pav-root{width:100%;height:100%;color:var(--pav-ui-text);font-family:var(--pav-ui-font);flex-direction:column;display:flex}.pav-stage{flex:auto;min-height:0;position:relative}.pav-canvas{line-height:0;position:absolute;inset:0}.pav-status{z-index:1;color:var(--pav-ui-text);box-shadow:0 -3px 0 0 var(--pav-ui-text), 0 3px 0 0 var(--pav-ui-text), -3px 0 0 0 var(--pav-ui-text), 3px 0 0 0 var(--pav-ui-text);pointer-events:none;background:#000c;flex-direction:column;gap:6px;padding:8px 12px;display:flex;position:absolute;top:8px;left:8px}.pav-status-score{color:var(--pav-ui-accent);text-shadow:2px 2px #000;font-size:clamp(12px,3vmin,24px)}.pav-status-time{font-variant-numeric:tabular-nums;text-shadow:2px 2px #000;font-size:clamp(10px,2.2vmin,18px)}.pav-status-lives{--pav-heart-px:clamp(2px, .5vmin, 4px);gap:calc(var(--pav-heart-px) * 2);min-height:calc(var(--pav-heart-px) * 6);display:flex}.pav-heart{width:calc(var(--pav-heart-px) * 7);height:calc(var(--pav-heart-px) * 6);clip-path:polygon(14.286% 0,42.857% 0,42.857% 16.667%,57.143% 16.667%,57.143% 0,85.714% 0,85.714% 16.667%,100% 16.667%,100% 50%,85.714% 50%,85.714% 66.667%,71.429% 66.667%,71.429% 83.333%,57.143% 83.333%,57.143% 100%,42.857% 100%,42.857% 83.333%,28.571% 83.333%,28.571% 66.667%,14.286% 66.667%,14.286% 50%,0 50%,0 16.667%,14.286% 16.667%);background:linear-gradient(#fff,#fff) 16.667% 20%/14.286% 16.667% no-repeat,#ff2a4d}.pav-status-prompt{font-size:clamp(8px,1.8vmin,14px)}.pav-key{font:inherit;color:#ff2a2a}.pav-stage:has(>.pav-rage) .pav-canvas{filter:saturate(1.8)contrast(1.2)}.pav-rage{pointer-events:none;position:absolute;inset:0}.pav-rage:before,.pav-rage:after{content:"";position:absolute;inset:0}.pav-rage:before{mix-blend-mode:overlay;opacity:.45;background:linear-gradient(120deg,#f0a,#00e5ff,#f0a,#ffd000,#f0a) 0 0/400% 400%;animation:3s linear infinite pav-rage-wash}.pav-rage:after{background:radial-gradient(#0000 40%,#ff003cb3 100%);animation:.6s ease-out infinite pav-rage-pulse}.pav-rage[data-rage=ending]:after{animation:.25s step-end infinite pav-rage-flicker}.pav-rage[data-paused=true]:before,.pav-rage[data-paused=true]:after{animation-play-state:paused}@keyframes pav-rage-wash{0%{background-position:0%}to{background-position:100%}}@keyframes pav-rage-pulse{0%{opacity:1}to{opacity:.45}}@keyframes pav-rage-flicker{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.pav-rage:before,.pav-rage:after,.pav-rage[data-rage=ending]:after{animation:none}}.pav-countdown{z-index:2;-webkit-font-smoothing:none;color:var(--pav-ui-accent);text-shadow:0 0 12px #000;pointer-events:none;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;font-size:15vmin;font-weight:400;display:flex;position:absolute;inset:0}