html,body,#root{width:100%;height:100%;margin:0}body{color:#292524;background:#f7f3ec;min-width:320px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}.app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud{z-index:2;padding:.75rem max(.75rem, env(safe-area-inset-right)) .75rem max(.75rem, env(safe-area-inset-left));background:#fffdfaeb;flex-wrap:wrap;flex:none;align-items:center;gap:.65rem 1rem;display:flex;box-shadow:0 1px 8px #2925241f}.level-label{flex:none;font-size:1.125rem;font-weight:700}.violation-message{color:#b91c1c;flex:13rem;min-width:min(13rem,100%);font-size:1.125rem}.hud-actions{flex-wrap:wrap;flex:0 auto;gap:.5rem;display:flex}button{max-width:100%;min-height:2.5rem;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #78716c;border-radius:.6rem;padding:.55rem .9rem;font-weight:650}button:hover:not(:disabled){background:#f5f5f4}button:disabled{cursor:default;opacity:.45}button:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.game-area{touch-action:none;flex:auto;min-height:0;position:relative}.game-area canvas{touch-action:none;display:block}.webgl-fallback{text-align:center;place-items:center;height:100%;margin:0;padding:1rem;display:grid}.clear-overlay{z-index:1;box-sizing:border-box;text-align:center;background:#fffffff0;border:2px solid #4d7c0f;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;min-width:min(15rem,100% - 2rem);padding:1.25rem;font-size:1.35rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #2925243d}.clear-overlay button{color:#fff;background:#4d7c0f;border-color:#3f6212}.clear-overlay button:hover:not(:disabled){background:#3f6212}.board-frame{width:min(92vw,68vh);margin-inline:auto;position:relative}.board2d{grid-template-columns:repeat(var(--size), 1fr);aspect-ratio:1;display:grid}.board2d [role=row],.board2d [role=gridcell]{display:contents}.board-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cell-button{aspect-ratio:1;cursor:pointer;touch-action:none;border:1px solid #1e293b2e;min-width:0;min-height:0;padding:0;position:relative}.cell-button:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #2563eb}.cell-sprite{pointer-events:none;width:84%;height:84%;position:absolute;inset:8%}