#colorPalette{position:fixed;right:20px;bottom:20px;background:var(--surface,#34495e);border:1px solid rgba(0,0,0,.2);border-radius:0;padding:12px;display:none;z-index:9999;box-shadow:0 4px 8px rgba(0,0,0,.3);min-width:200px}.color-palette-header{color:var(--text);font-size:14px;font-weight:500;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center}.color-palette-header .selection-counter{font-size:11px;color:rgba(255,255,255,.7);font-weight:400;margin-top:4px}.color-palette-items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px}.color-item{width:36px;height:36px;border-radius:0;cursor:pointer;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:currentColor;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.2)}.color-item::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--surface-2,#3d566e);color:#fff;padding:6px 10px;border-radius:0;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10000;margin-bottom:8px;box-shadow:0 2px 4px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.2)}.color-item::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--surface-2,#3d566e);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10000;margin-bottom:4px}.color-item:hover::before,.color-item:hover::after{opacity:1;transition-delay:.1s}.color-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3);border-color:rgba(255,255,255,.5)}.color-item.is-selected{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.5)}.me{color:#c2a3da}.ame{color:#c2a3da}.darkgrey{color:#5a5a5b}.grey{color:#939799}.lightgrey{color:#c6c4c4}.death{color:#f00000}.yellow{color:#fbf724}.green{color:#56d64b}.orange{color:#eda841}.blue{color:#3896f3}.white{color:#f1f1f1}.radioColor{color:#ffec8b}.radioColor2{color:#a19558}.depColor{color:#ccca15}.vesseltraffic{color:#33C1C9}.toyou{color:#ff00bc}.coloring-mode{-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coloring-mode .colorable{cursor:pointer;transition:background-color .2s ease;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coloring-mode .colorable:hover{background-color:rgba(255,255,255,.1)}.selected-for-coloring{background-color:rgba(255,255,255,.2)!important;outline:2px solid #007bff;box-shadow:none;transition:all .2s ease}@media print{.coloring-mode .colorable:hover,.selected-for-coloring{background-color:transparent!important;outline:none!important}#colorPalette{display:none!important}}.dom-to-image .coloring-mode .colorable:hover,.dom-to-image .selected-for-coloring{background-color:transparent!important;outline:none!important}.dom-to-image #colorPalette{display:none!important}.color-applied-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#007bff;color:#fff;padding:8px 16px;border-radius:0;font-size:14px;z-index:10001;box-shadow:0 4px 8px rgba(0,0,0,.3);animation:fadeInOut 1s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width:768px){#colorPalette{right:10px;bottom:10px;padding:8px;min-width:180px}.color-item{width:32px;height:32px}.color-palette-header{font-size:13px;margin-bottom:8px}}