:root{--bg: #000;--fg: #fff;--fg-muted: #888;--border: #222;--border-hover: #555;--input-bg: rgba(255, 255, 255, .08);--error: #e55}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;width:100%;overflow:hidden}body{background-color:var(--bg);color:var(--fg);font-family:Menlo,SF Mono,Fira Code,Cascadia Code,monospace}#root{display:flex;flex-direction:column}.pixel-app{display:flex;flex-direction:column;width:100%;height:100%}.pixel-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;border-bottom:1px solid var(--border);flex-wrap:wrap;font-size:.8rem}.control-group{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.control-group-left{justify-content:flex-start}.control-group-right{justify-content:flex-end}@keyframes rainbow{0%{color:red}17%{color:#ff0}33%{color:#0f0}50%{color:#0ff}67%{color:#00f}83%{color:#f0f}to{color:red}}.rainbow-title{font-size:1.6rem;font-weight:700;line-height:1;animation:rainbow 4s linear infinite;-webkit-user-select:none;user-select:none;text-align:center;flex-shrink:0}.control-color{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.control-color input[type=color]{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:transparent;cursor:pointer}.control-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.control-color input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.control-color span{font-variant-numeric:tabular-nums;color:var(--fg-muted)}.control-nick{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--fg);padding:.35rem .6rem;font-family:inherit;font-size:.8rem;width:180px;transition:border-color .15s}.control-nick:focus{outline:none;border-color:var(--border-hover)}.control-cooldown{color:var(--fg-muted);font-variant-numeric:tabular-nums}.control-reset{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--fg);padding:.35rem .7rem;font-family:inherit;font-size:.8rem;cursor:pointer;transition:border-color .15s}.control-reset:hover{border-color:var(--border-hover)}.control-erase{background:transparent;border:1px solid var(--error);border-radius:4px;color:var(--error);padding:.35rem .7rem;font-family:inherit;font-size:.8rem;cursor:pointer;transition:background-color .15s,color .15s;font-variant-numeric:tabular-nums}.control-erase:hover,.control-erase-on{background:var(--error);color:#fff}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-dialog{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;padding:1.25rem;background:#0a0a0a;border:1px solid var(--border);border-radius:6px;min-width:240px}.admin-input{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--fg);padding:.5rem .7rem;font-family:inherit;font-size:.85rem;text-align:center;transition:border-color .15s}.admin-input:focus{outline:none;border-color:var(--border-hover)}.admin-error{color:var(--error);font-size:.75rem;text-align:center}.admin-actions{display:flex;gap:.5rem;justify-content:flex-end}.admin-button{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--fg);padding:.35rem .9rem;font-family:inherit;font-size:.8rem;cursor:pointer;transition:border-color .15s,opacity .15s}.admin-button:hover:not(:disabled){border-color:var(--border-hover)}.admin-button:disabled{opacity:.4;cursor:not-allowed}.pixel-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#000;cursor:crosshair;touch-action:none}.pixel-canvas{position:absolute;top:0;left:0;transform-origin:0 0;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;transition:opacity .2s;will-change:transform}.pixel-frame{position:absolute;border:1px solid rgba(255,255,255,.45);box-sizing:border-box;pointer-events:none}.pixel-grid{position:absolute;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.25) 1px,transparent 1px);background-position:0 0}.pixel-tooltip{position:absolute;background:#000000d9;border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;color:var(--fg);pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:.5rem;z-index:10;line-height:1}.tt-coord{color:var(--fg-muted);font-variant-numeric:tabular-nums}.tt-name{color:var(--fg)}.tt-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;font-size:.9rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pixel-error{color:var(--error);font-size:.75rem;padding:.4rem .9rem;border-top:1px solid var(--border)}.pixel-hint{color:var(--fg-muted);font-size:.7rem;padding:.4rem .9rem;border-top:1px solid var(--border);text-align:center}@media(max-width:720px){.pixel-controls{justify-content:center}.control-group{flex:1 1 100%;justify-content:center}.rainbow-title{order:-1;flex:1 1 100%;font-size:1.8rem}.control-nick{width:130px}.pixel-hint{font-size:.65rem}}