:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#11191b;color:#f6e9ca}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#11191b;display:grid;place-items:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;letter-spacing:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe299;outline-offset:3px}[hidden]{display:none!important}.ninja-shell{width:min(1160px,100%);padding:16px}.ninja-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.ninja-top a{font-weight:900;text-decoration:none;color:#f6e9ca}.ninja-top>span{color:#a7c7be;line-height:1.5}.ninja-top small{font-size:11px;margin-left:8px;color:#748f88}.ninja-top>div{display:flex;gap:8px}.ninja-top button{width:36px;height:36px;background:#223832;color:#d7e9d7;border:1px solid #51605a;display:grid;place-items:center;border-radius:4px}.ninja-top svg{width:18px;height:18px}.ninja-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#263d3b}#ninjaCanvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}#ninjaHud{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:14px;pointer-events:none;text-shadow:2px 2px #172020}.vital{width:160px}.vital b{font-size:14px}.vital small{font-size:11px}.hp-track{height:10px;border:2px solid #f0d8b0;background:#302a32;margin:5px 0}.hp-track i{display:block;height:100%;background:#e57773;width:100%;transition:width .15s}.spirit{width:170px;font-size:10px;text-align:right}.spirit>div{height:8px;border:1px solid #98d8d2;margin-top:6px;background:#192c32}.spirit i{display:block;height:100%;background:#89ece4;width:100%}kbd{display:inline-block;padding:3px 5px;min-width:20px;text-align:center;border:1px solid #a7b3a3;background:#172d2bcf;color:#fff0d1;font:inherit;font-size:11px}#mission{position:absolute;top:70px;left:18px;padding:10px 12px;max-width:240px;border-left:3px solid #e8bd72;background:#101d21df;pointer-events:none}#missionNumber{font-size:10px;color:#e8bd72;display:block;margin-bottom:5px}#missionTitle{font-size:13px}#missionText{font-size:11px;line-height:1.5;color:#c0d4c8;margin:6px 0 0}#speech{position:absolute;bottom:8%;left:12%;right:12%;background:#101b20ef;border-left:4px solid #eac581;padding:14px 18px;pointer-events:none}#speaker{font-size:12px;color:#ebcd8c}#speech p{font-size:16px;line-height:1.5;margin:6px 0 0}#skipScene{position:absolute;right:16px;top:16px;border:0;background:#172327c9;color:#eadcbc;padding:8px;font-size:12px}.ninja-menu{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:6%;background:linear-gradient(90deg,#101a21e8,transparent 72%)}.chapter-tag{color:#a2d3c8;font-size:11px;font-weight:800}.ninja-menu h1{font-size:68px;line-height:.95;margin:18px 0;color:#fff0cc;letter-spacing:0;text-shadow:4px 4px #1b292b}.ninja-menu h1 em{font-style:normal;color:#ec9879}.ninja-menu p{font-size:11px;color:#bcd5c9;line-height:1.5;margin:8px 0 22px}.ninja-menu button,.ninja-overlay button{display:flex;align-items:center;justify-content:center;gap:30px;background:#ebc477;color:#182a28;border:0;border-bottom:4px solid #917950;padding:13px 20px;font-size:16px;font-weight:900;min-width:190px}.ninja-menu button svg{width:18px}.ninja-menu small{display:block;max-width:250px;line-height:1.5;color:#b6c6bb;font-size:11px;margin-top:18px}.ninja-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#102022e8;text-align:center;padding:20px}.ninja-overlay h2{font-size:34px;margin:4px 0 8px}.ninja-overlay p{font-size:14px;line-height:1.7;max-width:460px;margin:4px 0 14px}.ninja-overlay>span{font-size:12px;color:#e7c57f}.ninja-overlay button:not(:first-of-type){background:#2d4943;color:#e4e6ca;border-bottom-color:#172e2b;font-size:13px;padding:10px}.ninja-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:16px 8px;font-size:11px;color:#a3b6ad}.ninja-controls span{display:flex;align-items:center;gap:5px}.touch-controls{display:none;justify-content:space-between;gap:10px;margin-top:10px;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:6px}.touch-controls button{width:43px;height:44px;border:1px solid #60796b;border-radius:4px;background:#253e36;color:#efe4c6;font-weight:900}.touch-controls button:active{background:#60796b}.touch-controls svg{width:21px;height:21px}@media(max-width:700px){.ninja-shell{padding:8px}.ninja-top small{display:none}.ninja-top>span{font-size:11px}.ninja-menu h1{font-size:40px;margin:9px 0}.ninja-menu small,.chapter-tag{display:none}.ninja-menu p{margin:4px 0 10px;font-size:9px}.ninja-menu button{font-size:13px;padding:9px 14px;min-width:160px}.ninja-controls{gap:9px;padding:10px 2px;font-size:10px}.touch-controls{display:flex}#ninjaHud{top:8px;left:10px;right:10px}.vital{width:100px}.vital small{display:none}.spirit{width:120px;font-size:8px}.spirit kbd{font-size:8px;padding:1px}.hp-track{height:7px}.vital b{font-size:10px}#mission{top:40px;left:10px;padding:5px 8px;max-width:170px}#missionTitle{font-size:10px}#missionText{font-size:9px;margin:3px 0}#missionNumber{font-size:8px;margin-bottom:2px}#speech{bottom:5%;left:7%;right:7%;padding:7px 10px}#speech p{font-size:11px;margin:4px 0}#speaker{font-size:9px}.ninja-overlay{gap:6px}.ninja-overlay h2{font-size:24px}.ninja-overlay p{font-size:11px;line-height:1.4;margin:0 0 4px}.ninja-overlay button{padding:7px 12px;font-size:12px}.ninja-overlay button:not(:first-of-type){padding:5px 10px;font-size:11px}.ninja-overlay>span{font-size:9px}}@media(pointer:coarse){.touch-controls{display:flex}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}