:root{--fg: #000;--bg: #fff}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Courier New,Courier,monospace;color:var(--fg);-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:flex-start}.back-link{pointer-events:auto;color:var(--fg);text-decoration:none;font-weight:700;background:var(--bg);padding:5px 10px;border:1px solid var(--fg)}.back-link:hover{background:var(--fg);color:var(--bg)}h1{margin:0;font-size:1rem;background:var(--bg);padding:5px 10px;border:1px solid var(--fg)}.controls{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.settings-panel{pointer-events:auto;background:var(--bg);padding:15px;border:1px solid var(--fg);display:flex;flex-direction:column;gap:10px;min-width:200px}.setting-group{display:flex;flex-direction:column}.setting-group label{font-size:.7rem;font-weight:700;display:flex;justify-content:space-between;margin-bottom:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--fg);outline:none;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:var(--fg);cursor:pointer;border:1px solid var(--bg)}button#btn-reset{background:var(--fg);color:var(--bg);border:none;padding:8px;font-family:inherit;font-weight:700;cursor:pointer;margin-top:5px}button#btn-reset:hover{background:#333}.control-group{background:var(--bg);padding:10px;border:1px solid var(--fg);font-size:.8rem;min-width:150px}.control-group label{display:block;font-weight:700;border-bottom:1px solid var(--fg);margin-bottom:5px;padding-bottom:2px}p{margin:2px 0}@media (max-width: 600px){#ui{padding:1rem}.controls{flex-direction:column-reverse;align-items:flex-start}.settings-panel{width:100%}}