*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Tahoma,Arial,sans-serif;background:#111719;color:#f4efe5}#stage{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden;background:#bdcbd2}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}button,a{font:inherit;color:inherit}button,#navigation a{background:#172329e8;border:1px solid #9ba8ac;border-radius:8px;min-width:46px;min-height:46px;padding:10px 12px;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}#navigation{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px;align-items:center;z-index:4}#navigation a{font-size:.85rem;display:flex;align-items:center}#fullscreen{font-size:1.5rem}#credits-toggle{font-size:1.2rem}#loading,#pause{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#111719e8;z-index:2}#status{margin:0}progress{width:min(70vw,320px);accent-color:#e8d2a3}#setup{display:flex;justify-content:center}#load{min-width:160px}#actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:8px}#touch{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));direction:ltr;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none}#touch button{width:52px;height:52px;padding:0;font-size:1.4rem;touch-action:none}#touch>div{display:flex;gap:6px;margin-top:6px}#shift-toggle{position:absolute;left:0;top:0;font-size:.8rem!important}#touch button[aria-pressed=true]{background:#e8d2a3;color:#172329}#error{position:absolute;top:76px;left:16px;right:16px;background:#402a25;padding:14px;z-index:5;border-radius:8px}#credits{position:absolute;inset:76px max(16px,env(safe-area-inset-right)) 150px max(16px,env(safe-area-inset-left));max-width:650px;margin:auto;background:#172329fa;border:1px solid #9ba8ac;border-radius:10px;overflow:auto;padding:16px;z-index:6;font-size:.8rem;line-height:1.8}#credits-close{position:sticky;top:0;float:left}#credits a{color:#e8d2a3}#credits li{margin-bottom:18px;overflow-wrap:anywhere}#attributions{padding-inline-start:20px}#detail,#instruction{display:none!important}[hidden]{display:none!important}:focus-visible{outline:3px solid #e8d2a3;outline-offset:3px}@media(max-width:500px){#navigation{gap:5px}#navigation a{font-size:.75rem;padding:8px}#touch button{width:48px;height:48px}#credits{bottom:140px}}
#sections{position:absolute;top:max(72px,calc(env(safe-area-inset-top) + 60px));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px);z-index:3}#sections button{font-size:.78rem;white-space:nowrap;padding:8px 10px}#sections button[aria-pressed=true]{background:#e8d2a3;color:#172329}#cut-position{width:130px;min-width:60px;accent-color:#e8d2a3}@media(max-width:500px){#cut-position{width:100px}#sections button{padding:8px}}

#project-return{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:5}#project-return a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid #edd6a9;border-radius:8px;background:#e8d2a3!important;color:#172329!important;text-decoration:none;font-size:.82rem;font-weight:700}#navigation{left:max(12px,env(safe-area-inset-left));right:auto}@media(max-width:500px){#project-return a{font-size:.75rem;padding:8px 12px}}
#project-return{position:fixed}

#sections{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px)}#cut-handles{display:flex;gap:5px}#cut-handles button{touch-action:none;user-select:none;min-width:44px;min-height:44px;font-size:1.35rem;cursor:grab}#cut-handles button[aria-pressed=true]{cursor:grabbing;background:#75d9ef;color:#172329}#cut-outline{z-index:1}#sections{z-index:3}