:root{--ink: #1f2a1c;--panel: rgb(255 252 240 / .92);--accent: #e0a63a;--error: #b3402e;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#cfe6ef}.app{position:relative;width:100%;height:100%}.board{position:absolute!important;inset:0;touch-action:none}.hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));pointer-events:none}.hud-top,.hud-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.hud-top>*,.hud-bottom>*,.notice{pointer-events:auto}.brand{margin:0;padding:6px 12px;border-radius:10px;background:var(--panel);font-size:1.25rem}.seed-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;background:var(--panel)}.seed-form label{font-size:.85rem}.seed-form input{width:9.5rem;min-height:40px;padding:6px 8px;border:1px solid #b9b59f;border-radius:6px;font:inherit;text-transform:uppercase}.seed-form input[aria-invalid=true]{border-color:var(--error)}button{min-height:40px;padding:6px 12px;border:0;border-radius:8px;background:var(--accent);color:var(--ink);font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #2d6cdf;outline-offset:2px}.lang{margin-left:auto;background:var(--panel)}.notices{display:flex;flex-direction:column;align-items:center;gap:6px}.notice{max-width:min(36rem,100%);margin:0;padding:8px 12px;border-radius:10px;background:var(--panel)}.tile-info{margin:0;padding:8px 12px;border-radius:10px;background:var(--panel)}.rotate{display:flex;gap:6px;margin-left:auto}.rotate button{min-width:44px;font-size:1.2rem}.no-webgl{display:grid;place-content:center;max-width:40rem;height:100%;margin:0 auto;padding:16px;text-align:center}