@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap";:root{color:#d9d3bd;background:#050707;font-family:"Noto Serif JP",serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% 20%,#1b201d 0,#080a09 42%,#030404);touch-action:manipulation;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#b8aa7e 4px);mix-blend-mode:overlay}.shell{width:min(100%,520px);min-height:100dvh;margin:auto;padding:max(20px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}header{position:relative;border-left:1px solid #665e48;padding:2px 4px 16px 14px}.eyebrow{color:#8e866d;font:10px/1.2 monospace;letter-spacing:.32em}h1{margin:3px 0 0;font-size:clamp(30px,9vw,44px);letter-spacing:.16em;line-height:1.1;text-shadow:0 2px 18px #000}header p{position:absolute;right:4px;bottom:17px;margin:0;color:#817d6e;font-size:11px;letter-spacing:.18em}.game-frame{padding:5px;border:1px solid #4d4b3e;background:#0c0f0e;box-shadow:0 20px 60px #000,inset 0 0 30px #000}#game{width:100%;aspect-ratio:442 / 365}#game canvas{display:block;width:100%!important;height:100%!important}.controls{width:220px;margin:14px auto 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.controls button{appearance:none;height:47px;border:1px solid #4c4b40;border-radius:3px;color:#c7c0a7;background:linear-gradient(#1c211f,#101311);box-shadow:inset 0 1px #343a36,0 2px 5px #000;font:20px serif;cursor:pointer;touch-action:none}.controls button:nth-child(5){color:#8f2f2d;font-size:28px}.controls button:active{transform:translateY(1px);background:#252a26}footer{display:flex;justify-content:space-between;margin-top:5px;padding-top:8px;border-top:1px solid #292d29;color:#66675d;font:9px monospace;letter-spacing:.16em}@media(min-width:760px){.shell{padding-top:24px;padding-bottom:24px}.controls{width:194px}.controls button{height:40px}}@media(max-height:760px){header{padding-bottom:9px}header p{bottom:10px}.controls{margin-top:8px}.controls button{height:38px}}