*{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{height:28px;width:auto}.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}.color-palette-wrapper{position:relative}.custom-btn{font-size:0}.custom-color-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px;box-shadow:0 2px 12px #00000026;z-index:30;display:flex;flex-direction:column;gap:8px;min-width:200px}.custom-row{display:flex;align-items:center;gap:8px}.custom-label{font-size:.75rem;font-weight:600;color:#555;min-width:60px}.custom-input-color{width:40px;height:30px;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:0}.custom-slider{flex:1;height:6px;cursor:pointer}.custom-value{font-size:.75rem;color:#666;min-width:30px;text-align:right}.custom-preview{width:32px;height:32px;border:1px solid #ccc;border-radius:3px}.custom-apply{padding:4px 16px;background:#269926;color:#fff;border:none;border-radius:3px;font-size:.8rem;font-weight:600;cursor:pointer;margin-left:auto}.custom-apply:hover{background:#1f7a1f}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888}