:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0b0d10;--fg:#d7dae0;--dim:#7b8494;--line:#232833;--key:#171b22;--accent:#3c6df0}*{box-sizing:border-box}html,body{overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;height:100%;margin:0;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#phone{display:flex;flex-direction:column;max-width:520px;height:100dvh;margin:0 auto}#stage{position:relative;aspect-ratio:1;overflow:hidden;display:grid;background:#000;flex:none;place-items: center;width:100%;max-height:62dvh}#screen{object-fit:contain;image-rendering:pixelated;width:100%;height:100%}#loading{position:fixed;z-index:20;display:grid;background:var(--bg);color:var(--dim);text-align:center;place-items: center;padding:24px;inset:0}#loading[hidden]{display:none}#loading.bad{color:#e06c6c}#stat,#menu-btn{position:absolute;top:calc(6px + env(safe-area-inset-top));color:var(--dim);background:#000000b0;font-size:11px}#stat{pointer-events:none;border-radius:4px;padding:3px 6px;left:6px}#menu-btn{border:1px solid var(--line);color:var(--fg);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:16px;line-height:1;right:6px}#pad{display:flex;padding:6px calc(6px + env(safe-area-inset-right))calc(6px + env(safe-area-inset-bottom))calc(6px + env(safe-area-inset-left));touch-action:none;flex-direction:column;flex:auto;gap:6px;min-height:0}#pad .soft{display:grid;grid-template-columns:repeat(3,1fr);flex:none;gap:6px;height:18%;min-height:38px}#pad .clusters{display:grid;grid-template-columns:1fr 1fr;flex:auto;gap:6px;min-height:0}#pad .dpad{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:6px}#pad .num{display:grid;grid-template:repeat(4,1fr)/repeat(3,1fr);gap:6px}.key{display:grid;border:1px solid var(--line);background:var(--key);color:var(--fg);font:inherit;touch-action:none;border-radius:8px;place-items: center;min-width:0;min-height:0;padding:0;font-size:16px}.key.small{color:var(--dim);font-size:11px}.key.fire{background:#202634;font-size:13px}.key.blank{visibility:hidden}.key.down{background:var(--accent);border-color:var(--accent);color:#fff}#sheet{position:fixed;z-index:10;background:var(--bg);display:flex;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;inset:0}#sheet[hidden]{display:none}#sheet header{display:flex;border-bottom:1px solid var(--line);align-items: center;gap:6px;padding:8px 10px}#tabs{display:flex;gap:4px;margin-right:auto}#tabs button,#close,.btn{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 10px}#tabs button.on{background:var(--key);border-color:var(--line);color:#fff}#tabs button.alert:after{content:" •";color:#d7b060}.btn{border-color:var(--line);background:var(--key)}.panel{display:flex;flex-direction:column;flex:auto;min-height:0}.panel[hidden]{display:none}.scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:4px 10px}.bar{display:flex;gap:6px;padding:8px 10px 4px}#filter{background:var(--key);border:1px solid var(--line);color:var(--fg);font:inherit;border-radius:6px;flex:1;min-width:0;padding:8px}#games button{display:block;text-align:left;border:0;border-bottom:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;width:100%;padding:11px 4px}#games button:active{background:var(--key)}#games .none{color:var(--dim);padding:11px 4px}.row{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;align-items: center;gap:14px;padding:11px 4px}.row small{display:block;color:var(--dim);margin-top:3px;font-size:11px;line-height:1.35}.row code{color:#9aa3b2}.row .val{display:flex;white-space:nowrap;align-items: center;gap:8px}.row .val.off{color:#e06c6c}.row input[type=range]{accent-color:var(--accent);width:110px}.row input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px}#games-server{background:var(--key);border:1px solid var(--line);color:var(--fg);font:inherit;border-radius:4px;width:min(190px,48vw);padding:6px}#reload-games{border:1px solid var(--line);background:var(--key);color:var(--fg);font:inherit;cursor:pointer;border-radius:4px;padding:6px}#log{white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;font-size:11px}#log div{margin-bottom:2px}.core{color:var(--dim)}.ok{color:#6cc46c}.warn{color:#d7b060}.bad{color:#e06c6c}