body{text-align:center;margin:0;padding:10px}#draw-canvas{border:1px solid #000;background:#fff;cursor:crosshair}#swim-canvas{display:block;margin:20px auto;background:#4fc3f7;border-radius:10px;border:2px solid #0288d1}#welcome-back-message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .3s ease}#welcome-back-message a{font-weight:500;transition:color .2s ease}#welcome-back-message a:hover{color:#049!important}.fish-card.user-fish-highlight{background:linear-gradient(135deg,#fff9e6,#fff3d0)!important;border:2px solid #ffd700!important;box-shadow:0 4px 12px #ffd7004d!important;transform:scale(1.02)!important;transition:all .3s ease!important;position:relative!important}.fish-card.user-fish-highlight:hover{transform:scale(1.05)!important;box-shadow:0 6px 16px #ffd70066!important}.fish-card.user-fish-highlight:before{content:"Your Fish";position:absolute;top:8px;right:8px;background:#ffd700e6;color:#333;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:10;box-shadow:0 1px 3px #0003}.test-highlight{background:red!important;border:5px solid blue!important}#paint-bar{max-width:100%!important;overflow:visible!important;box-sizing:border-box}@media (max-width: 480px){#paint-bar{padding:4px 5px!important;margin:4px auto!important;flex-direction:column!important;gap:4px!important}#paint-bar>div{width:100%;justify-content:center!important}#draw-canvas{max-width:100%;height:auto}#paint-bar button{font-size:11px!important;padding:3px 6px!important;height:22px!important}#paint-bar button[style*="border-radius: 50%"]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}}