*{box-sizing:border-box}img{max-width:100%}[hidden]{display:none!important}body{margin:0;font-size:14px}:root{--ash:#16171b;--ash-2:#22232a;--bezel:#0c0c0e;--pizzan:#e3262b;--pizzan-hi:#ef3c40;--pizzan-lo:#b81a1f;--cheese:#f2c14e;--bone:#e9e4d6;--muted:#8c8a85;--ui:"VT323","Courier New",monospace;--display:"Silkscreen","VT323",monospace;color-scheme: dark;}html,body{height:100%;margin:0}body{background:var(--pizzan);color:var(--bone);font-family:var(--ui);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px;box-sizing:border-box;overflow:hidden;background-image:radial-gradient(ellipse at 50% 40%,var(--pizzan-hi),var(--pizzan) 55%,var(--pizzan-lo));}.screen{position:relative;width:min(100%,calc((100% - 0px)),calc((100vh - 210px) * 16 / 9));max-width:1440px;aspect-ratio:16/9;background:var(--bezel);border-radius:10px;padding:6px;box-shadow:0 0 0 2px #1a0507,0 20px 60px rgba(60,0,0,.55);}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:6px;background:#000;touch-action:none}.screen::after{content:"";position:absolute;inset:6px;border-radius:6px;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}#helpImg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;border-radius:6px;cursor:pointer;image-rendering:auto}#nameBox{position:absolute;inset:6px;z-index:3;pointer-events:none}#nameBox input,#nameBox a{position:absolute;pointer-events:auto;opacity:0;margin:0;padding:0;border:0;font-size:16px;background:transparent;color:transparent;caret-color:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:text;user-select:text;touch-action:manipulation}.prize{max-width:1100px;padding:7px 16px;border-radius:8px;background:rgba(70,0,4,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:rgba(255,255,255,.9);font-size:18px;line-height:1.25;text-align:center;letter-spacing:.02em}.prize b{display:block;margin-bottom:2px;font:13px var(--display);color:#fff;letter-spacing:.06em}.prize a{color:#fff;text-underline-offset:3px}.prize .done,.prize.over .open{display:none}.prize.over .done{display:inline}.bar{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:18px;color:rgba(255,255,255,.82);letter-spacing:.04em}.bar b{color:#fff;font-weight:400}.pads{display:none;width:100%;max-width:720px;justify-content:space-between;gap:12px;user-select:none;-webkit-user-select:none}.pads .grp{display:flex;gap:10px}.pads button{font-family:var(--display);font-size:13px;color:var(--bone);background:#2a2b33;border:2px solid #44454f;border-bottom-width:5px;border-radius:12px;width:68px;height:60px;touch-action:none}.pads button.on{background:var(--pizzan);border-color:#8e1418;transform:translateY(2px)}.pads button:focus-visible{outline:2px solid var(--cheese)}.nocrt .screen::after{display:none}#pauseBtn,#rotate{display:none}#fsBtn{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));width:40px;height:40px;border-radius:10px;z-index:5;background:rgba(20,20,26,.6);border:2px solid rgba(233,228,214,.3);color:var(--bone);font-size:20px;line-height:1;cursor:pointer}#fsBtn:hover{border-color:#fff}#fsBtn:focus-visible{outline:2px solid var(--cheese)}#fsBtn[hidden]{display:none}.pads[hidden]{display:none!important}@media (pointer:coarse){html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.pads{display:flex}.bar,.prize{display:none}.screen{width:min(100%,calc((100dvh - 120px) * 16 / 9))}}@media (pointer:coarse) and (orientation:landscape){body{padding-block:0;gap:0}.screen{width:auto;height:100dvh;max-height:100dvh;max-width:100%;aspect-ratio:16/9;padding:0;border-radius:0;box-shadow:none;background:#000}.screen::after,#helpImg,#nameBox{inset:0;border-radius:0}#helpImg{width:100%;height:100%}canvas{border-radius:0}.pads{position:fixed;inset:0;max-width:none;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 max(14px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));box-sizing:border-box}.pads .grp{gap:12px;align-items:flex-end}.pads button{pointer-events:auto;width:clamp(58px,15vh,76px);height:clamp(58px,15vh,76px);border-radius:50%;font-size:11px;background:rgba(20,20,26,.42);border:2px solid rgba(233,228,214,.35);border-bottom-width:2px;color:rgba(233,228,214,.9);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pads #bL,.pads #bR{font-size:22px}.pads #bJ{width:clamp(70px,19vh,92px);height:clamp(70px,19vh,92px);margin-bottom:clamp(18px,7vh,34px);background:rgba(227,38,43,.38);border-color:rgba(255,160,150,.55)}.pads button.on{background:rgba(227,38,43,.75);transform:scale(.94)}#pauseBtn{display:block;position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));width:40px;height:40px;border-radius:50%;background:rgba(20,20,26,.45);border:2px solid rgba(233,228,214,.35);color:var(--bone);font:16px var(--display);touch-action:none}#pauseBtn[hidden]{display:none}}@media (pointer:coarse) and (orientation:portrait){#rotate{display:flex;position:fixed;inset:0;z-index:20;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--pizzan);text-align:center;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}#rotate .ph{width:44px;height:76px;border:4px solid var(--bone);border-radius:10px;position:relative;animation:turn 2.4s ease-in-out infinite}#rotate .ph::after{content:"";position:absolute;left:50%;bottom:5px;width:10px;height:3px;margin-left:-5px;background:var(--bone);border-radius:2px}#rotate b{font:20px var(--display);color:#fff}#rotate span{font-size:20px;color:rgba(255,255,255,.85)}}@keyframes turn{0%,25%{transform:rotate(0)}55%,100%{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){#rotate .ph{animation:none;transform:rotate(-90deg)}}