*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#f0f0f0;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.page{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:38px;background:#fafafa;border-bottom:1px solid #ddd;flex-shrink:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:8px;min-width:120px}.topbar-center{display:flex;align-items:center;justify-content:center;flex:1}.topbar-right{display:flex;align-items:center;justify-content:flex-end;min-width:120px;gap:10px}.logo{font-size:1rem;font-weight:700;color:#222;letter-spacing:.3px}.admin-tag{font-size:.65rem;font-weight:600;color:#d93c3c;background:#fde8e8;padding:1px 5px;border-radius:3px;text-transform:uppercase}.timer{font-size:.85rem;font-weight:600;white-space:nowrap;color:#888}.timer.ready{color:#269926}.timer.cooldown{color:#d93c3c}.auth-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#666}.admin-badge{background:#d93c3c;color:#fff;padding:1px 5px;border-radius:3px;font-size:.65rem;font-weight:600}.kick-login-btn{display:inline-block;background:#53fc18;color:#000;text-decoration:none;padding:4px 12px;border-radius:3px;font-weight:600;font-size:.8rem;cursor:pointer;transition:background .15s;border:none;line-height:normal;white-space:nowrap}.kick-login-btn:hover{background:#46d915}.canvas-area{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#e8e8e8}.map-container{flex:1;position:relative;overflow:hidden}.map-canvas{display:block;width:100%;height:100%;cursor:crosshair}.pixel-tooltip{position:absolute;pointer-events:none;font-size:.7rem;font-family:Courier New,monospace;background:#000c;color:#fff;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:20}.tooltip-user{color:#8cf}.zoom-indicator{position:absolute;bottom:8px;right:10px;font-size:.75rem;font-family:Courier New,monospace;color:#666;background:#ffffffd9;padding:2px 7px;border-radius:3px;border:1px solid #ddd;pointer-events:none;z-index:15}.login-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f5f5f5;color:#666}.palette-bar{display:flex;justify-content:center;align-items:center;padding:8px 16px;background:#fafafa;border-top:1px solid #ddd;flex-shrink:0}.color-palette{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.color-swatch{width:24px;height:24px;border:2px solid transparent;cursor:pointer;transition:transform .05s,border-color .05s}.color-swatch:hover{transform:scale(1.3);z-index:2}.color-swatch.active{border-color:#000;box-shadow:0 0 2px #0000004d;transform:scale(1.15);z-index:1}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888}