html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#000;font-family:Georgia,serif}:root{--vw:100vw;--vh:100dvh;--vx:0px;--vy:0px;--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}#shell{position:absolute;width:calc(var(--vw) - var(--sl) - var(--sr));height:calc(var(--vh) - var(--st) - var(--sb));overflow:hidden;left:calc(var(--vx) + var(--sl));top:calc(var(--vy) + var(--st))}#canvas,#controls{position:absolute;inset:0}#canvas canvas{display:block}#controls{pointer-events:none}#controls button{position:absolute;pointer-events:auto;background:transparent;border:0;color:transparent;cursor:pointer;touch-action:manipulation;padding:0;-webkit-tap-highlight-color:transparent}#controls button:disabled{cursor:default}#controls button:focus-visible{outline:3px solid #fff4a8;border-radius:14px;box-shadow:0 0 9px #f5ce50}@media(orientation:portrait){#shell{width:calc(var(--vh) - var(--st) - var(--sb));height:calc(var(--vw) - var(--sl) - var(--sr));left:calc(var(--vx) + var(--sl) + (var(--vw) - var(--sl) - var(--sr))/2);top:calc(var(--vy) + var(--st) + (var(--vh) - var(--st) - var(--sb))/2);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}}
#viewport{position:fixed;inset:0;overflow:hidden;contain:strict}

#loading{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#001e16;color:#ffe9a0;font-family:Arial,sans-serif}#loading[hidden],#load-retry[hidden]{display:none}.loading-box{width:min(70%,520px);text-align:center;font-size:26px}#load-progress{display:block;width:100%;height:24px;margin:20px 0 12px;accent-color:#edc757}#load-percent{font-size:22px}#load-retry{display:block;margin:20px auto 0;padding:12px 32px;border:2px solid #e7bd50;border-radius:16px;background:#064c34;color:#ffe9a0;font-size:24px;font-weight:bold;touch-action:manipulation}