.simpludify{isolation:isolate;background:var(--s-background);width:100%;height:100%;min-height:20rem;color:var(--s-text);font-family:var(--s-font);outline-offset:-4px;position:relative;overflow:hidden}.simpludify,.simpludify *{box-sizing:border-box}.simpludify>canvas{display:block;position:absolute;inset:0}.s-ui{z-index:1;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));pointer-events:none;flex-flow:column;align-items:flex-start;gap:.75rem;display:flex;position:absolute;inset:0;overflow:auto}.s-ui>*{pointer-events:auto}.s-panel{background:var(--s-surface);border:1px solid color-mix(in srgb, var(--s-muted), transparent 65%);border-radius:1rem;gap:.75rem;min-width:0;max-width:min(100%,30rem);padding:1rem;display:flex;box-shadow:0 .5rem 2rem #0002}.s-column{flex-direction:column}.s-row{flex-flow:wrap;align-items:center}.s-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));width:100%;display:grid}.s-ui p,.s-ui h2{overflow-wrap:anywhere;margin:0;line-height:1.5}.s-ui h2{letter-spacing:-.02em;font-size:1.15rem}.s-muted{color:var(--s-muted);font-size:.9rem}.s-ui button{font:inherit;color:var(--s-background);background:var(--s-accent);cursor:pointer;overflow-wrap:anywhere;border:0;border-radius:.6rem;min-height:2.75rem;padding:.7rem 1rem;font-weight:650}.s-ui button:hover{filter:brightness(1.08)}.s-ui button:disabled,.s-ui button[aria-disabled=true]{opacity:.65;cursor:progress}.s-ui button:focus-visible,.simpludify:focus-visible{outline:3px solid var(--s-accent);outline-offset:3px}.s-error{bottom:1rem;z-index:2;color:#fff;background:#6b1728;border-radius:.75rem;padding:1rem;position:absolute;inset-inline:1rem}@media (width<=32rem){.s-ui{padding:.75rem}.s-panel{padding:.85rem}}.s-ui>.s-bottom{margin-top:auto}.s-ui>.s-center{margin:auto}.simpludify .s-hold{touch-action:none;-webkit-user-select:none;user-select:none;min-width:3rem;min-height:3rem}.simpludify .s-hold[aria-pressed=true]{filter:brightness(.8)}.s-canvas-accessibility{pointer-events:none;position:absolute;inset:0;overflow:hidden}.s-canvas-accessibility button{pointer-events:none;opacity:0;border:0;margin:0;padding:0;position:absolute}.simpludify>canvas{touch-action:none}.s-canvas-accessibility .s-canvas-native{pointer-events:auto;box-sizing:border-box;-webkit-user-select:text;user-select:text;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0;color:var(--s-native-color);background:0 0;border:0;border-radius:0;outline:0;margin:0;position:absolute}.s-canvas-native option{background:var(--s-native-background)}.s-canvas-accessibility input.s-canvas-native:not(:focus){color:#0000;caret-color:#0000}.s-canvas-accessibility input.s-canvas-native:not(:focus)::placeholder{color:#0000}.s-canvas-accessibility input.s-canvas-native:focus::placeholder{color:currentColor;opacity:.65}.s-canvas-native:disabled{opacity:.45}.s-canvas-native[aria-readonly=true]{opacity:.7}html,body{color:#eaf2ff;background:#0c1520;min-height:100%;margin:0;font-family:system-ui,sans-serif}*{box-sizing:border-box}#app{max-width:620px;margin:auto;padding:12px}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}h1{letter-spacing:-1px;margin:0;font-size:27px}.kicker{letter-spacing:1.7px;color:#85c6ff;font-size:9px}#status{text-align:right;color:#c8d6e9;max-width:190px;margin:0;font-size:12px}#stage{border:1px solid #405c73;border-radius:12px;max-width:420px;height:clamp(260px,49dvh,540px);margin:auto;overflow:hidden}#stage .simpludify{min-height:0}#stats .s-ui,#controls .s-ui{gap:6px;padding:0;position:static}#stats .s-panel,#controls .s-panel{box-shadow:none;background:0 0;border:0;gap:6px;width:100%;max-width:none;padding:0}#stats{margin-bottom:8px}#stats .s-panel{justify-content:space-between}#stats p{font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}#controls{margin-top:10px}#controls .s-ui button{overflow-wrap:normal;flex:1;min-width:44px;min-height:44px;padding:9px 8px;font-size:12px}#controls .s-hold{touch-action:none;-webkit-user-select:none;user-select:none}#controls .s-hold[aria-pressed=true]{filter:brightness(.72)}.help{color:#b2c4d8;margin:10px 0 0;font-size:11px;line-height:1.55}@media (width>=700px) and (height<=560px){#app{grid-template-columns:1fr 1fr;gap:10px 20px;max-width:850px;display:grid}header{grid-column:1/-1}#stage{grid-area:2/1/5;width:100%;height:340px}#controls{grid-column:2}}
