*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#07070c;width:100%;height:100%;overflow:hidden}body{flex-direction:column;justify-content:center;align-items:center;font-family:monospace;display:flex}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#title-poster,#title-shade{pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .35s;position:fixed;inset:0}#title-poster{z-index:0;background:radial-gradient(at 50% 48%,#a14c183d,#0000 37%),linear-gradient(90deg,#030408b8,#0000 48%,#03040870),repeating-linear-gradient(0deg,#171b22 0 38px,#29303a 39px,#11141a 42px);overflow:hidden}#title-poster:before{content:"";width:255px;height:270px;image-rendering:pixelated;filter:drop-shadow(0 0 38px #e7631933);background-image:url(/game/rogue/revised-placeholders/04-dwarven-architecture.png);background-position:-294px -16px;background-repeat:no-repeat;position:absolute;top:48%;left:55%;transform:translate(-50%,-50%)scale(2.3)}#title-poster:after{content:"";background:linear-gradient(#0000,#090a0e 92%);position:absolute;inset:60% 0 0}#title-shade{z-index:1;background:linear-gradient(90deg,#010204f0 0%,#020306d1 28%,#03040780 52%,#03040714 76%),linear-gradient(#00000075 0%,#0000 36%,#00000061 100%)}body.title-active #title-poster,body.title-active #title-shade{opacity:1}@media (width<=700px){#title-poster:before{transform:translate(-50%,-50%)scale(1.45)}}body.title-active #back-link{opacity:0;visibility:hidden;pointer-events:none}canvas{image-rendering:pixelated}#stage{z-index:2;flex:none;position:relative}#game{position:absolute;top:0;left:0}#ui{image-rendering:auto;z-index:10;touch-action:none;position:absolute;top:0;left:0}#stage,#game,#dpad,.tb,.tm,.db{touch-action:none}canvas:focus-visible,#back-link:focus-visible,.tb:focus-visible,.tm:focus-visible,.db:focus-visible{outline-offset:3px;outline:2px solid #f5c842}#back-link{z-index:20;color:#f0e4c88c;letter-spacing:.05em;background:#00000040;border:1px solid #f0e4c826;border-radius:6px;padding:6px 10px;font-family:Georgia,serif;font-size:18px;text-decoration:none;transition:color .3s;position:fixed;top:12px;left:12px}#back-link:hover{color:#f0e4c8e6;background:#0006;border-color:#f0e4c84d}.death-cinematic #back-link,.death-cinematic #dpad,.death-cinematic .tb,.death-cinematic .tm{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.tb{pointer-events:auto;color:#f0e4c880;z-index:15;background:#f0e4c826;border:2px solid #f0e4c840;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:none;position:fixed}.tb:active{background:#f0e4c84d}.tm{pointer-events:auto;color:#f0e4c8b8;z-index:15;background:#0a0c12b8;border:1px solid #f0e4c847;border-radius:6px;justify-content:center;align-items:center;width:48px;height:34px;font-size:12px;font-weight:700;display:none;position:fixed}.tm:active{background:#f0e4c84d}#dpad{bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;z-index:15;width:140px;height:140px;display:none;position:fixed;left:20px}.db{pointer-events:auto;color:#f0e4c866;background:#f0e4c81f;border:1px solid #f0e4c833;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute}.db:active{background:#f0e4c840}#du{border-radius:8px 8px 0 0;width:56px;height:50px;top:0;left:42px}#dd{border-radius:0 0 8px 8px;width:56px;height:50px;bottom:0;left:42px}#dl{border-radius:8px 0 0 8px;width:50px;height:56px;top:42px;left:0}#dr{border-radius:0 8px 8px 0;width:50px;height:56px;top:42px;right:0}#ba{bottom:max(40px, calc(env(safe-area-inset-bottom) + 20px));right:30px}#bb{bottom:max(100px, calc(env(safe-area-inset-bottom) + 80px));right:85px}#bx{bottom:max(40px, calc(env(safe-area-inset-bottom) + 20px));right:140px}#bq{bottom:max(105px, calc(env(safe-area-inset-bottom) + 85px));right:140px}#by{bottom:max(105px, calc(env(safe-area-inset-bottom) + 85px));right:25px}#bi{bottom:max(176px, calc(env(safe-area-inset-bottom) + 156px));right:84px}#bm{bottom:max(176px, calc(env(safe-area-inset-bottom) + 156px));right:26px}@media (pointer:coarse){#dpad{display:block}.tb,.tm{display:flex}}#rotate-hint{z-index:40;text-align:center;color:#f0e4c8d1;background:#07070c;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;font-family:Georgia,serif;display:none;position:fixed;inset:0}#rotate-hint .rotate-icon{color:#f5c842d9;font-size:64px;line-height:1;animation:2.4s ease-in-out infinite rotate-nudge}#rotate-hint p{letter-spacing:.04em;color:#f0e4c8f2;margin:0;font-size:22px}#rotate-hint span{opacity:.6;font-size:14px;font-style:italic}@keyframes rotate-nudge{0%,55%{transform:rotate(0)}72%,88%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{display:flex}#dpad,.tb,.tm{display:none!important}}