:root{--paper:#f1e8d4;--ink:#181714;--tomato:#a92b24;--cobalt:#1b55b9;--yellow:#f4c738;--white:#fffaf0}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%}body{background:var(--ink);color:var(--ink);margin:0;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-root{isolation:isolate;background:radial-gradient(circle at 18% 18%,#ef493f3d,#0000 25%),radial-gradient(circle at 83% 72%,#2468d838,#0000 27%),#11110f;place-items:center;min-height:100svh;padding:18px 18px 42px;display:grid;position:relative;overflow:hidden}.paper-noise{z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:screen;background-image:repeating-linear-gradient(5deg,#0000 0 3px,#ffffff0f 3px 4px),radial-gradient(#ffffff40 .7px,#0000 .9px);background-size:auto,7px 7px;position:fixed;inset:0}.game-frame{aspect-ratio:16/9;border:clamp(4px, .6vw, 10px) solid var(--ink);background:var(--paper);width:min(100%,177.778svh - 131.556px);box-shadow:14px 17px 0 var(--tomato), -10px -9px 0 var(--cobalt), 0 28px 70px #00000073;outline:2px solid #fffaf0cc;position:relative;overflow:hidden}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.game-canvas:focus-visible{outline:5px solid var(--yellow);outline-offset:-7px}.utility-bar{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:10px;left:12px;right:12px}.room-stamp{border:3px solid var(--ink);max-width:min(52%,420px);box-shadow:3px 3px 0 var(--ink);letter-spacing:.06em;text-transform:uppercase;background:#fffaf0eb;align-items:center;gap:10px;padding:7px 10px;font-size:clamp(9px,.9vw,13px);font-weight:950;display:flex}.room-stamp span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-stamp small{color:var(--cobalt);flex:none;font:900 1em Courier New,monospace}.utility-actions{pointer-events:auto;gap:7px;display:flex}.portrait-hud{display:none}.icon-button{border:3px solid var(--ink);background:var(--white);min-height:32px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;letter-spacing:.08em;border-radius:0;padding:6px 10px;font-size:clamp(8px,.78vw,11px);font-weight:950}.icon-button:hover,.icon-button:focus-visible{background:var(--yellow);box-shadow:5px 5px 0 var(--ink);outline:none;transform:translate(-1px,-1px)}.title-screen,.ending-screen{z-index:20;padding:clamp(24px,4vw,64px) 22px;padding-top:max(clamp(24px, 4vw, 64px), env(safe-area-inset-top));padding-right:max(22px, env(safe-area-inset-right));padding-left:max(22px, env(safe-area-inset-left));background:linear-gradient(108deg, transparent 0 58%, #2468d838 58% 72%, transparent 72%), linear-gradient(-12deg, transparent 0 36%, #ef493f42 36% 49%, transparent 49%), radial-gradient(circle at 78% 21%, #f4c7386b 0 13%, transparent 13.2%), var(--paper);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.title-screen:before,.ending-screen:before{z-index:-1;content:"";opacity:.28;pointer-events:none;background-image:radial-gradient(#1817144d .8px,#0000 .9px);background-size:8px 8px;position:fixed;inset:0}.title-kicker,.eyebrow{color:var(--cobalt);letter-spacing:.18em;text-align:center;margin-bottom:8px;font:900 clamp(10px,1vw,14px) Courier New,monospace}.title-screen h1{letter-spacing:-.035em;text-align:center;text-transform:uppercase;width:min(92vw,980px);margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(54px,10.2vw,154px);font-weight:950;line-height:.72;display:grid;position:relative;transform:rotate(-1.2deg)}.title-screen h1 span{text-shadow:5px 5px 0 var(--paper), 9px 9px 0 var(--tomato);transition:transform .5s cubic-bezier(.2,.9,.2,1),clip-path .5s;display:block}.title-screen h1 span:nth-child(2){color:var(--cobalt);text-shadow:5px 5px 0 var(--paper), 9px 9px 0 var(--ink);transform:translate(-.05em)}.title-screen h1 .four-four{color:var(--yellow);text-shadow:5px 5px 0 var(--paper), 9px 9px 0 var(--ink);font-size:.8em;position:absolute;bottom:-.03em;right:-.03em;transform:rotate(5deg)}.title-screen:not(.is-ready) h1 span:first-child{transform:translate(-12vw)}.title-screen:not(.is-ready) h1 span:nth-child(2){transform:translate(12vw)}.title-premise{text-align:center;width:min(90vw,670px);margin:clamp(18px,3vh,34px) auto 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.55vw,22px);font-weight:700;line-height:1.35}.title-actions{flex-direction:column;align-items:center;gap:9px;display:flex}.play-button{border:5px solid var(--ink);background:var(--tomato);min-width:min(86vw,430px);min-height:74px;color:var(--white);box-shadow:8px 8px 0 var(--ink), 12px 12px 0 var(--cobalt);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border-radius:0;place-items:center;padding:12px 24px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(25px,2.8vw,40px);font-weight:950;line-height:.9;transition:transform .1s,box-shadow .1s,background .1s;display:grid;position:relative}.play-button small{letter-spacing:.03em;text-transform:none;margin-top:7px;font:800 clamp(9px,.8vw,12px) Courier New,monospace}.play-button:hover,.play-button:focus-visible{background:var(--cobalt);box-shadow:11px 11px 0 var(--ink), 15px 15px 0 var(--yellow);outline:none;transform:translate(-3px,-3px)rotate(-.5deg)}.play-button:active{box-shadow:3px 3px 0 var(--ink);transform:translate(5px,5px)}.play-button.compact{min-width:min(76vw,350px);min-height:58px;margin:15px auto 9px;font-size:clamp(22px,2.4vw,32px)}.continue-button,.text-button{color:var(--ink);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid;border-radius:0;font:900 clamp(10px,.95vw,13px) Courier New,monospace}.continue-button{border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:7px 10px}.continue-button:hover,.continue-button:focus-visible,.text-button:hover,.text-button:focus-visible{color:var(--cobalt);outline:3px solid var(--yellow);outline-offset:3px}.liner-notes{border:4px solid var(--ink);width:min(92vw,760px);box-shadow:7px 7px 0 var(--ink);background:#fffaf0f5;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding:12px;font-family:Courier New,monospace;display:grid}.liner-notes>div{border-left:8px solid var(--tomato);flex-direction:column;padding:8px;display:flex}.liner-notes>div:nth-child(2){border-color:var(--cobalt)}.liner-notes>div:nth-child(3){border-color:var(--yellow)}.liner-notes strong{margin-bottom:5px;font-size:12px}.liner-notes span,.liner-notes label{font-size:11px;font-weight:700;line-height:1.3}.liner-notes label{cursor:pointer;align-items:center;gap:8px;padding:5px;display:flex}.liner-notes input,.pause-controls input{width:18px;height:18px;accent-color:var(--cobalt)}.title-instruction{color:#181714a3;letter-spacing:.11em;text-align:center;margin-top:18px;font:900 clamp(9px,.8vw,11px) Courier New,monospace}.pause-screen{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181714d1;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.pause-card{border:8px solid var(--ink);background:linear-gradient(102deg, transparent 0 72%, #f4c73873 72%), var(--paper);width:min(92vw,560px);max-height:92svh;box-shadow:12px 12px 0 var(--tomato), -8px -8px 0 var(--cobalt);text-align:center;padding:clamp(22px,4vw,42px);overflow:auto}.pause-card h2{margin:0 0 15px;font-family:Impact,sans-serif;font-size:clamp(58px,11vw,100px);line-height:.9}.pause-phrases{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:16px;display:flex}.pause-phrases span,.pause-phrases strong{border:2px solid var(--ink);background:var(--white);padding:6px 8px;font:900 10px Courier New,monospace}.pause-phrases strong{background:var(--yellow)}.pause-controls{border-block:3px solid var(--ink);text-align:left;gap:9px;padding:14px;font:800 11px/1.4 Courier New,monospace;display:grid}.pause-controls p{margin:0 0 5px}.pause-controls label{cursor:pointer;align-items:center;gap:9px;display:flex}.pause-card>.text-button{margin:12px auto 0;display:block}.ending-screen{background:linear-gradient(to bottom, #f5bd62 0, var(--paper) 48%, var(--paper) 100%);gap:clamp(12px,2.5vh,25px)}.ending-time{color:#18171424;font-family:Impact,sans-serif;font-size:min(27vw,310px);line-height:1;position:absolute;top:4vh}.ending-line{z-index:1;letter-spacing:-.02em;text-align:center;text-transform:uppercase;width:min(92vw,1060px);text-shadow:5px 5px 0 var(--tomato);margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(42px,6.8vw,100px);font-weight:950;line-height:.93}.ending-outcomes{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ending-outcomes span{border:3px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);text-transform:uppercase;padding:7px 10px;font:900 10px Courier New,monospace}.ending-outcomes .answered{background:var(--yellow)}.ending-outcomes .broken{background:var(--ink);color:var(--white)}.run-stats{z-index:1;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:8px 22px;font:900 12px Courier New,monospace;display:flex}.ending-mute{z-index:1}.touch-controls{z-index:9;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:.9rem;display:flex;position:absolute;inset:0}.touch-controls button{border:4px solid var(--ink);min-width:62px;min-height:58px;color:var(--ink);box-shadow:3px 4px 0 var(--ink);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffaf0e0;border-radius:50%;place-items:center;font-size:11px;font-weight:950;display:grid}.touch-controls button:active{background:var(--yellow);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,3px)}.touch-move,.touch-action{align-items:flex-end;gap:8px;display:flex}.touch-action{flex-wrap:wrap;justify-content:flex-end;max-width:290px}.touch-controls .touch-catch{background:var(--yellow);border-radius:10px}.touch-controls .touch-play{background:var(--tomato);color:var(--white);border-radius:10px}.game-status{z-index:50;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;bottom:0;right:0;overflow:hidden}.sr-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-reduced .title-screen h1 span,.is-reduced .game-frame{transition:none}.game-footer{z-index:2;color:#fffaf09e;letter-spacing:.06em;justify-content:space-between;gap:12px;font:800 clamp(7px,.7vw,10px) Courier New,monospace;display:flex;position:fixed;bottom:8px;left:18px;right:18px}@media (width<=780px){.liner-notes{grid-template-columns:1fr;max-height:38vh;overflow:auto}.liner-notes>div{flex-direction:row;justify-content:space-between;gap:12px}.title-screen{justify-content:flex-start}.title-screen h1{margin-top:4vh}.title-instruction,.game-footer{display:none}.room-stamp{max-width:58%}}@media (aspect-ratio<=3/4){.game-root.is-touch{justify-content:center;align-items:flex-start;padding:70px 0 260px;display:flex;overflow:hidden}.is-touch .game-frame{width:170vw;left:var(--portrait-pan,0);box-shadow:0 8px 0 var(--tomato), 0 13px 0 var(--cobalt);border-inline:0;outline:0;flex:0 0 170vw;transition:left 80ms linear}.is-touch .utility-bar{top:calc(env(safe-area-inset-top) + 8px);right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));position:fixed}.is-touch .room-stamp{max-width:55vw}.is-touch .portrait-hud{z-index:11;top:calc(env(safe-area-inset-top) + 50px);right:max(9px, env(safe-area-inset-right));left:max(9px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:fixed}.portrait-hearts{border:2px solid var(--ink);background:var(--white);color:var(--tomato);box-shadow:2px 2px 0 var(--ink);gap:3px;padding:3px 7px;font-size:15px;display:flex}.portrait-hearts .is-empty{color:#18171433}.portrait-boss{border:2px solid var(--ink);width:min(61vw,245px);box-shadow:2px 2px 0 var(--ink);background:#fffaf0f0;grid-template-columns:1fr 1fr;gap:2px 5px;padding:4px 6px 6px;display:grid}.portrait-boss strong{text-align:center;grid-column:1/-1;font:900 10px Courier New,monospace}.portrait-meter{background:#1817142e;height:8px;position:relative}.portrait-meter>span{background:var(--ink);height:100%;display:block}.portrait-meter.harmony>span{background:var(--yellow)}.portrait-meter small{font:900 7px Courier New,monospace;position:absolute;top:10px;left:0}.is-touch .touch-controls{top:auto;right:8px;bottom:max(14px, env(safe-area-inset-bottom));height:220px;padding:12px 5px;position:fixed;left:8px}.is-touch .touch-controls.walk-only{height:150px}.is-touch .touch-controls button{min-width:67px;min-height:67px}.is-touch .touch-action{max-width:150px}.title-screen,.ending-screen{padding-bottom:max(28px, env(safe-area-inset-bottom))}.title-screen h1{width:min(96vw,600px);font-size:clamp(49px,17vw,86px)}.title-premise{margin-top:24px}.play-button{min-height:68px}.ending-line{font-size:clamp(39px,12vw,62px)}}@media (height<=540px){.title-screen,.ending-screen{justify-content:flex-start}.pause-screen{place-items:start center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.game-frame,.play-button,.pause-card,.liner-notes{outline:4px solid var(--white)}.room-stamp,.icon-button{background:var(--white)}}