:root{--bg:#0b0b0a;--ink:#e9e4cf;--dim:#7e7b6f;--faint:#2a2925}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{text-transform:uppercase;letter-spacing:0;-webkit-font-smoothing:none;min-height:100dvh;padding:16px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));padding-top:calc(16px + env(safe-area-inset-top));font-family:Silkscreen,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;overflow:hidden}.wrap{max-width:680px;min-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;gap:28px;margin:0 auto;display:flex}header{flex-direction:column;gap:16px;height:48px;line-height:16px;display:flex;overflow:visible}h1{text-align:center;margin:0;font-size:16px;font-weight:700;line-height:16px}.stat{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.stat b{color:var(--ink);font-weight:400}[role=application]{touch-action:none;margin-top:auto;position:relative;overflow:hidden}canvas{display:block}#columns{position:absolute;inset:0}#columns button{-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.msgarea{flex-direction:column;align-items:center;gap:16px;height:104px;display:flex;position:relative;overflow:visible}.msgarea>*{flex-shrink:0}.msg{text-align:center;min-height:48px;color:var(--dim);align-self:stretch;line-height:24px}.msg.win,.msg.stuck,.msg.deadend{color:var(--ink)}.msg .winline{white-space:pre}#marks{pointer-events:none;position:absolute}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar{justify-content:space-between;align-items:end;gap:8px;margin-top:auto;line-height:16px;display:flex}.cmd{font:inherit;text-transform:inherit;letter-spacing:inherit;background:var(--faint);color:var(--ink);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:6px 8px 8px;line-height:16px}.cmd:hover{color:#fff}.cmd.cta{background:var(--ink);color:var(--bg)}.cmd[disabled]{color:var(--dim);cursor:default}.cmd:focus-visible{outline:1px dashed var(--dim);outline-offset:3px}#columns button:focus,#columns button:focus-visible{outline:none}#dev{color:var(--dim);flex-direction:column;align-items:center;gap:12px;line-height:16px;display:flex}#dev .cmd{background:0 0;padding:0}#dev{row-gap:8px}#dev .dev-row{align-items:center;gap:12px;display:flex}#dev input{font:inherit;text-transform:inherit;letter-spacing:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--faint);text-align:center;background:0 0;border-radius:0;padding:2px 0}#dev-level{appearance:textfield;width:4ch}#dev-level::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#dev-level::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#dev-seed{width:9ch}#dev-seed::placeholder{color:var(--faint)}#dev input:focus-visible,#dev-current:focus-visible{outline:1px dashed var(--dim);outline-offset:3px}#dev-current{cursor:pointer;font-variant-numeric:tabular-nums}#stats{flex-direction:column;flex:1;gap:28px;min-height:0;line-height:16px;display:flex}#stats .stats-scroll{flex:1;min-height:0;max-height:calc(100dvh - 160px);overflow:auto}#stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}#stats th,#stats td{text-align:left;white-space:nowrap;padding:4px 8px 4px 0}#stats th{color:var(--dim);border-bottom:1px solid var(--faint);font-weight:400}#stats .stats-bar{flex-wrap:wrap;justify-content:center;gap:16px 28px;display:flex}#tuning{z-index:10;border-left:1px solid var(--faint);text-transform:none;-webkit-font-smoothing:auto;width:300px;color:var(--ink);background:#141412f0;padding:12px 14px 40px;font:11.5px/1.35 ui-monospace,SF Mono,Menlo,monospace;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}#tuning.closed{width:auto;padding:8px 10px;bottom:auto}#tuning.closed>:not(.lab-head){display:none}body.tuning-open{padding-right:316px}#tuning .lab-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#tuning .row{grid-template-columns:86px minmax(0,1fr) 40px;align-items:center;gap:6px;margin:3px 0;display:grid}#tuning .row>span:first-child{color:var(--dim)}#tuning output{text-align:right;font-variant-numeric:tabular-nums}#tuning input[type=range]{width:100%;accent-color:var(--ink);margin:0}#tuning button{font:inherit;text-transform:none;color:inherit;cursor:pointer;background:0 0;border:1px solid #3a3933;border-radius:3px;padding:3px 8px}#tuning button:hover{background:var(--faint)}#tuning .buttons{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}[hidden]{display:none!important}