:root{--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--gutter: 120px;--ctl-line: rgba(255, 255, 255, .35);--ctl-fill: rgba(255, 255, 255, .1);--ctl-down: rgba(255, 255, 255, .38);--accent: #5555ff}[hidden]{display:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#000;color:#eee;font:16px/1.4 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0;touch-action:none}#screen{position:absolute;image-rendering:pixelated;background:#000}button{font:inherit;color:inherit;touch-action:none}.ctl{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--ctl-line);border-radius:18px;background:var(--ctl-fill);font-weight:600;pointer-events:none}.ctl.down{background:var(--ctl-down)}.dir{width:var(--dir-w);height:var(--dir-h);bottom:calc(var(--safe-b) + 18px);font-size:24px}.dir[data-key=left]{left:calc(var(--safe-l) + 10px)}.dir[data-key=right]{left:calc(var(--safe-l) + 14px + var(--dir-w))}.act{width:var(--act-size);height:var(--act-size);right:calc(var(--safe-r) + 10px);border-radius:50%}.act[data-key=jump]{bottom:calc(var(--safe-b) + 18px)}.act[data-key=fire]{bottom:calc(var(--safe-b) + 26px + var(--act-size))}.aux{width:62px;height:40px;border-radius:12px;font-size:13px;right:calc(var(--safe-r) + 10px)}.aux[data-key=open]{top:var(--top-row)}.aux[data-key=teleport]{top:calc(var(--top-row) + 46px)}#corner{position:absolute;top:var(--top-row);left:calc(var(--safe-l) + 10px);display:flex;gap:6px}#corner .off{opacity:.4;text-decoration:line-through}#corner button{min-width:44px;height:40px;padding:0 8px;border:2px solid var(--ctl-line);border-radius:12px;background:var(--ctl-fill);font-size:16px}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 16px);overflow:auto;padding:16px 20px;border:2px solid #5555ff;border-radius:10px;background:#00a;text-align:center}.panel.small{width:min(320px,calc(100vw - 32px))}.panel h1{margin:0 0 8px;color:#ff5;font-size:26px}.panel p{margin:8px 0}.panel a{color:#5ff}.primary,.quiet{display:block;width:100%;min-height:46px;margin:8px 0;padding:10px;border:0;border-radius:8px;text-align:center}.primary{background:#ff5;color:#000;font-weight:700}.quiet{background:transparent;color:#bbb;font-size:14px}.quiet-text{color:#ccc;font-size:14px}#message{color:#ff5}#message:empty{display:none}#name{width:100%;margin:10px 0 2px;padding:10px;border:0;border-radius:8px;font-size:16px;user-select:text;-webkit-user-select:text}#rotate{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 4px);margin:0;color:#999;font-size:12px;text-align:center}