:root{--bg-color:#222;--text-color:#fff;--accent:#f4d03f;--parchment:#f4e4bc;--ink:#3e2723}body{margin:0;padding:0;background:var(--bg-color);color:var(--text-color);font-family:'Courier New',Courier,monospace;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;overscroll-behavior:none;touch-action:none}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}#game-container{position:relative;width:100%;height:100%;max-width:800px;max-height:450px;background:#333;border:2px solid #555;overflow:hidden}@media (max-width:600px){#game-container{max-width:100%;max-height:100%;border:none}#start-screen{justify-content:flex-start!important;padding-top:35vh}}canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:30;cursor:pointer}#title-img{width:303px;height:auto;max-width:80%;margin-bottom:20px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}#start-screen p{font-size:18px;margin:5px}.blink{animation:blinker 1.5s linear infinite;color:#fff;font-weight:700;margin-top:20px!important}@keyframes blinker{50%{opacity:0}}#game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:20}.btn{background:var(--accent);color:#000;padding:10px 20px;margin-top:20px;border:none;cursor:pointer;font-size:16px;text-decoration:none;display:inline-block;border-radius:4px;font-weight:700}#scroll-hint{color:var(--accent);font-style:italic;margin-top:15px;font-size:15px;line-height:1.5;opacity:.9}#scroll-dialog{margin-top:15px;margin-bottom:5px;width:80%;max-width:400px;animation:unroll .5s ease-out forwards}.scroll-paper{background-color:var(--parchment);background-image:linear-gradient(to bottom,#e3d2a3 0,var(--parchment) 10%,var(--parchment) 90%,#e3d2a3 100%);color:var(--ink);padding:20px;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.5),inset 0 0 20px rgba(160,82,45,.2);border:1px solid #c0b080;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center;position:relative}.scroll-paper::after,.scroll-paper::before{content:'';position:absolute;left:-10px;right:-10px;height:15px;background:#8d6e63;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.4)}.scroll-paper::before{top:-8px}.scroll-paper::after{bottom:-8px}.scroll-header{font-size:18px;font-weight:700;border-bottom:2px solid var(--ink);margin-bottom:10px;padding-bottom:5px;width:100%;text-align:center}.scroll-paper p{margin:5px 0;font-size:14px;line-height:1.4}.scroll-btn{background:#8b0000;color:#fff;padding:10px 15px;margin-top:15px;border-radius:20px;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:transform .1s;border:2px solid brown}.scroll-btn:active{transform:scale(.95)}@keyframes unroll{from{transform:scaleY(.1);opacity:0}to{transform:scaleY(1);opacity:1}}