:root{--ink:#091733;--navy:#102b55;--blue:#1978d2;--mint:#21c59c;--orange:#ff6413;--yellow:#ffd84b;--paper:#fff6d9;--white:#fffdf2;--pixel-shadow:4px 4px 0 var(--ink)}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0}body{color:var(--white);font-family:var(--font-geist-mono),"Noto Sans KR",monospace;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#ffffff09 1px,#0000 1px) 0 0/18px 18px,#061027;place-items:center;display:grid;overflow:hidden}button{color:inherit;font:inherit;touch-action:manipulation}button:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.runner-screen{isolation:isolate;background:#163d68;border:0 solid #29436c;width:min(100vw,430px);height:min(100svh,932px);max-height:100svh;position:relative;overflow:hidden;box-shadow:0 0 0 2px #29436c,0 28px 90px #00000094;container-type:size}.runner-canvas{z-index:0;touch-action:none;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.pixel-scanlines{z-index:2;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#050b1d33 3px 5px);position:absolute;inset:0}.pixel-hud{z-index:10;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));pointer-events:none;position:absolute;inset:0}.hud-topline{justify-content:space-between;align-items:stretch;gap:8px;display:flex}.round-chip,.score-chip{border:3px solid var(--ink);background:var(--paper);min-height:50px;color:var(--ink);box-shadow:3px 3px #091733e6}.round-chip{min-width:125px;padding:6px 9px}.round-chip b,.round-chip span,.score-chip span,.score-chip b{display:block}.round-chip b{color:var(--orange);letter-spacing:.12em;font-size:12px}.round-chip span{margin-top:3px;font-size:15px;font-weight:900}.score-chip{text-align:right;min-width:116px;padding:6px 9px}.score-chip span{color:#53617b;letter-spacing:.17em;font-size:8px}.score-chip b{letter-spacing:.07em;margin-top:3px;font-size:17px}.mental-row{top:max(72px,calc(env(safe-area-inset-top) + 60px));border:2px solid var(--ink);background:#172b55;align-items:center;gap:7px;padding:5px 8px;display:flex;position:absolute;left:12px;box-shadow:3px 3px #0917338c}.mental-row span{color:#9dd7d1;letter-spacing:.11em;font-size:8px}.mental-row b{color:#ff7057;letter-spacing:2px;font-size:15px}.mental-row i{min-width:28px;color:var(--yellow);font-size:10px;font-style:normal}.round-progress{top:max(118px,calc(env(safe-area-inset-top) + 106px));border:2px solid var(--ink);background:#091733b8;height:10px;position:absolute;left:12px;right:12px}.round-progress i{background:repeating-linear-gradient(90deg,var(--mint) 0 14px,#69e5c4 14px 18px);width:0;height:100%;display:block}.hud-actions{top:max(74px,calc(env(safe-area-inset-top) + 62px));pointer-events:auto;gap:6px;display:flex;position:absolute;right:12px}.hud-actions button{border:2px solid var(--ink);background:var(--paper);width:34px;height:32px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;padding:0;font-weight:900}.hud-actions button:active{box-shadow:none;translate:2px 2px}.pixel-lyric{border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:center;opacity:0;margin:0;padding:11px 13px;font:800 13px/1.45 Noto Sans KR,sans-serif;transition:opacity .18s steps(2,end),translate .18s steps(2,end);position:absolute;top:18cqh;left:20px;right:20px;translate:0 7px}.pixel-lyric.show{opacity:1;translate:0}.combo-toast{border:3px solid var(--ink);background:var(--orange);box-shadow:4px 4px 0 var(--ink);color:#fff;opacity:0;white-space:nowrap;margin:0;padding:7px 12px;font-size:11px;font-weight:900;transition:all .12s steps(2,end);position:absolute;top:35cqh;left:50%;translate:-50% 8px}.combo-toast.show{opacity:1;translate:-50%}.mobile-control-hint{left:50%;bottom:max(13px,env(safe-area-inset-bottom));white-space:nowrap;gap:2px;display:flex;position:absolute;translate:-50%}.mobile-control-hint span{border:2px solid var(--ink);color:var(--paper);letter-spacing:.08em;background:#091733e0;padding:6px 8px;font-size:7px}.round-intro{z-index:18;border:4px solid var(--ink);background:var(--yellow);width:84%;color:var(--ink);box-shadow:7px 7px 0 var(--ink);text-align:center;letter-spacing:.08em;padding:17px 10px;font-size:18px;font-weight:900;animation:1.55s steps(6,end) both intro-card;position:absolute;top:43%;left:50%;translate:-50% -50%}.tutorial-freeze{z-index:22;border:4px solid var(--ink);width:86%;color:var(--ink);box-shadow:7px 7px 0 var(--ink);text-align:left;pointer-events:none;background:#fff6d9f7;padding:16px;position:absolute;top:23%;left:50%;translate:-50%}.tutorial-freeze>span{background:var(--mint);letter-spacing:.1em;padding:4px 6px;font-size:8px;font-weight:900;display:inline-block}.tutorial-freeze h2{color:var(--orange);letter-spacing:-.06em;margin:10px 0 13px;font:900 clamp(38px,13cqw,56px)/1 Noto Sans KR,sans-serif}.tutorial-command{align-items:center;gap:11px;display:flex}.tutorial-command kbd{border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);flex:none;padding:8px;font-size:11px;font-weight:900}.tutorial-command p{margin:0;font:700 11px/1.5 Noto Sans KR,sans-serif}.start-overlay,.pause-overlay,.arrival-sequence,.result-overlay{z-index:30;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-overlay{padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));overflow:hidden}.start-shade{image-rendering:pixelated;background:linear-gradient(#050d2347,#050d239e 45%,#050d23f0),url(/shut-the-door/pixel/office-loop.png) 50%/auto 100% repeat-x;position:absolute;inset:0}.start-content{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.pixel-kicker{color:var(--yellow);letter-spacing:.16em;margin:0 0 8px;font-size:8px;font-weight:900}.start-content h1{justify-content:center;align-items:center;width:min(94%,350px);height:178px;margin:0;display:flex}.start-content h1 img{object-fit:contain;image-rendering:auto;filter:drop-shadow(5px 5px #030c20b3);width:100%;max-height:100%}.game-subtitle{color:var(--white);letter-spacing:.38em;text-indent:.38em;margin:-10px 0 16px;font-size:12px;font-weight:900}.round-timeline{width:min(100%,340px);color:var(--paper);align-items:center;margin-bottom:17px;display:flex}.round-timeline span{white-space:nowrap;background:#091733c7;border:2px solid #fff6d9e6;min-width:72px;padding:6px 5px;font-size:8px}.round-timeline span b{color:var(--mint);font-size:10px;display:block}.round-timeline i{background:var(--orange);flex:1;height:3px}.pixel-primary,.pixel-secondary,.endless-button{border:3px solid var(--ink);cursor:pointer;letter-spacing:.04em;border-radius:0;width:min(100%,330px);min-height:48px;margin:0 0 8px;padding:10px 13px;font-size:11px;font-weight:900}.pixel-primary{background:var(--orange);box-shadow:5px 5px 0 var(--ink);color:#fff}.pixel-secondary{background:var(--paper);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}.pixel-primary:active,.pixel-secondary:active,.endless-button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);translate:3px 3px}.endless-button{color:#687690;min-height:40px;box-shadow:3px 3px 0 var(--ink);cursor:not-allowed;background:#1a2849;font-size:8px}.endless-button.unlocked{background:var(--mint);color:var(--ink);cursor:pointer}.records-strip{border:2px solid var(--ink);background:#091733eb;grid-template-columns:repeat(4,1fr);width:min(100%,330px);margin-top:8px;display:grid}.records-strip span{color:#9aa7c0;border-right:1px solid #52627f;padding:7px 2px;font-size:7px}.records-strip span:last-child{border-right:0}.records-strip b{color:var(--yellow);margin-top:3px;font-size:9px;display:block}.control-copy{color:#c6cde0;letter-spacing:.1em;margin:12px 0 0;font-size:7px;line-height:1.7}.pause-overlay{background:#050d23eb;padding:24px}.pause-overlay>p{background:var(--mint);color:var(--ink);margin:0;padding:5px 8px;font-size:9px;font-weight:900}.pause-overlay h2{color:var(--paper);letter-spacing:-.08em;margin:16px 0 27px;font:900 48px/1.1 Noto Sans KR,sans-serif}.arrival-sequence{background:#07152d;justify-content:flex-end;overflow:hidden}.arrival-sequence>p{z-index:4;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--ink);margin:0;padding:7px 12px;font-size:22px;font-weight:900;animation:.5s steps(4,end) both home-pop;position:absolute;top:10%}.arrival-event-video{object-fit:cover;object-position:center;width:100%;height:100%;image-rendering:pixelated;background:#07152d;display:block;position:absolute;inset:0}.arrival-room{border-top:6px solid var(--ink);background:repeating-linear-gradient(90deg,#315a78 0 62px,#386581 62px 65px);width:100%;height:52%;position:relative;overflow:hidden}.arrival-room:after{content:"";border-top:5px solid var(--ink);background:repeating-linear-gradient(90deg,#b57442 0 36px,#92562f 36px 40px);height:25%;position:absolute;bottom:0;left:0;right:0}.arrival-door{border:5px solid var(--ink);background:#56cfb3;width:30%;height:64%;position:absolute;bottom:24%;left:8%;box-shadow:inset -12px 0 #0c414d33}.arrival-door:after{content:"";background:var(--yellow);width:8px;height:8px;box-shadow:0 0 0 3px var(--ink);position:absolute;top:48%;right:9px}.arrival-room img{z-index:3;aspect-ratio:1;object-fit:contain;width:116px;image-rendering:pixelated;animation:1.5s steps(12,end) .1s forwards dive-to-bed;position:absolute;bottom:22%;left:-31%}.pixel-bed{z-index:2;border:5px solid var(--ink);background:#f4e7bd;width:50%;height:29%;position:absolute;bottom:23%;right:2%}.pixel-bed:after{content:"";height:18px;box-shadow:0 0 0 4px var(--ink);background:#8b572f;position:absolute;bottom:-18px;left:4%;right:4%}.pixel-bed i{border:3px solid var(--ink);background:#fffdf1;width:39%;height:33%;position:absolute;top:7px;left:6px}.pixel-bed b{border-top:4px solid var(--ink);background:#2f8ccd;height:52%;position:absolute;bottom:0;left:0;right:0}.result-overlay{padding:max(22px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom));background:linear-gradient(#081733,#132d58);justify-content:flex-start;overflow-y:auto}.ending-art{border:4px solid var(--ink);background:#081127;width:min(100%,300px);height:min(34cqh,286px);min-height:190px;margin-bottom:13px;overflow:hidden;box-shadow:7px 7px #020818}.ending-art img{object-fit:cover;object-position:center 50%;width:100%;height:100%;image-rendering:pixelated;display:block}.event-cg-result{background:#07152d url(/shut-the-door/pixel/bed-jump-event.png) 50%/cover no-repeat;justify-content:flex-end;padding:0;position:absolute;overflow:hidden}.event-cg-media{z-index:1;object-fit:cover;object-position:center top;background:#030a1933;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-result-art{image-rendering:pixelated}.mv-result-video{image-rendering:auto}.event-cg-shade{z-index:2;pointer-events:none;background:linear-gradient(#0208160d 0 42%,#02081666 58%,#020816f0 82%,#020816 100%);position:absolute;inset:0}.event-cg-panel{z-index:3;width:100%;padding:20px 22px max(22px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;animation:.5s steps(6,end) 2.2s both cg-panel-in;display:flex;position:relative}.event-cg-panel h2{margin:1px 0 8px;font-size:clamp(34px,11cqw,48px);line-height:.84}.event-cg-panel .score-board{background:#fff6d9f5;margin:5px 0 12px}.event-cg-panel .pixel-primary,.event-cg-panel .pixel-secondary{min-height:43px;margin-bottom:6px}.mv-link{background:var(--mint);text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.result-overlay .pixel-kicker{margin-top:2px}.result-overlay h2{color:var(--paper);white-space:pre-line;font:900 clamp(40px,13cqw,58px)/.82 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.07em;text-shadow:5px 5px 0 var(--orange);margin:2px 0 13px}.score-board{border:3px solid var(--ink);background:var(--paper);width:min(100%,330px);color:var(--ink);margin:7px 0 17px;box-shadow:5px 5px #020818}.score-board span{border-bottom:2px solid var(--ink);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:8px 10px;font-size:8px;display:flex}.score-board span:last-child{border-bottom:0}.score-board b{color:var(--orange);font-size:13px}.gameover-result{background:linear-gradient(#091329,#1b2441);justify-content:center}.fallen-runner{object-fit:contain;width:180px;height:180px;image-rendering:pixelated;filter:grayscale(.55);margin-bottom:4px}.gameover-result h2{text-shadow:4px 4px #293757;font-family:Noto Sans KR,sans-serif;font-size:48px;line-height:1.02}@keyframes intro-card{0%{opacity:0;transform:scale(.55)}18%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-20px)}}@keyframes home-pop{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes cg-panel-in{0%{opacity:0;visibility:hidden;transform:translateY(28px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes dive-to-bed{0%{bottom:22%;left:-31%;transform:rotate(0)}50%{bottom:48%;left:39%;transform:rotate(-18deg)}82%{bottom:35%;left:58%;transform:rotate(16deg)}to{bottom:27%;left:59%;transform:rotate(90deg)scale(.92)}}@media (width>=431px){.runner-screen{border-width:6px}}@media (height<=760px){.start-content h1{height:124px}.game-subtitle{margin-top:-2px;margin-bottom:10px}.round-timeline{margin-bottom:10px}.pixel-primary,.pixel-secondary{min-height:42px;margin-bottom:6px}.records-strip{margin-top:4px}.control-copy{margin-top:7px}.ending-art{height:185px;min-height:185px}.event-cg-panel{padding:12px 18px max(14px,env(safe-area-inset-bottom))}.result-overlay .event-cg-panel h2{font-size:34px}.event-cg-panel .score-board{margin-bottom:8px}.event-cg-panel .pixel-primary,.event-cg-panel .pixel-secondary{min-height:38px;padding:7px 10px}.result-overlay h2{font-size:38px}.score-board{margin-bottom:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.event-cg-panel{animation-delay:0s!important}}