.dp-view-toolbar .dp-pirate-back{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:9px;flex-shrink:0;min-height:50px;padding:4px 17px 4px 8px;border:1px solid #a9d97970;border-radius:14px 22px 22px 14px;background:radial-gradient(ellipse at 22% 0,#467c3b66,transparent 70%),linear-gradient(150deg,#263a2c,#0e1914 70%);color:#efffdc;text-decoration:none!important;box-shadow:inset 0 0 0 3px #0b130980,inset 0 5px 12px #dcffb015,0 4px 0 #070d09,0 7px 18px #0006;transition:transform .24s,box-shadow .24s,border-color .24s,background .24s;overflow:hidden;cursor:pointer}
.dp-pirate-back::before{content:"";position:absolute;z-index:-1;inset:3px;border:1px dashed #bb996254;border-radius:10px 18px 18px 10px;pointer-events:none}
.dp-pirate-back::after{content:"";position:absolute;inset:-60% -80%;z-index:-1;background:linear-gradient(110deg,transparent 44%,#d3ff9b25 49%,transparent 55%);transform:translateX(-65%);animation:dp-back-glint 6s ease-in-out infinite;pointer-events:none}
.dp-pirate-back-art{display:block;width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 2px 6px #a8f24345);animation:dp-back-bob 3.8s ease-in-out infinite;transform-origin:50% 70%;transition:filter .25s}
.dp-pirate-back-copy{display:flex;flex-direction:column;gap:2px;line-height:1.1;text-align:left}
.dp-pirate-back-copy strong{font-size:14px;font-weight:850;letter-spacing:.3px}.dp-pirate-back-copy small{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#b8cc99}
.dp-pirate-back-arrow{display:grid;place-items:center;width:23px;height:23px;margin-left:5px;border-radius:50%;border:1px solid #c8a86e6b;color:#dfc08a;background:#070e0966;transition:transform .25s,color .25s}
.dp-pirate-back-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.dp-view-toolbar .dp-pirate-back:hover{transform:translateY(-2px);border-color:#c0ef8d;box-shadow:inset 0 0 0 3px #0b130980,0 5px 0 #070d09,0 0 24px #aaf14a30}.dp-pirate-back:hover .dp-pirate-back-art{filter:drop-shadow(0 0 9px #baff5a88);animation:dp-back-salute .75s ease-in-out infinite alternate}.dp-pirate-back:hover .dp-pirate-back-arrow{transform:translateX(-3px);color:#c4ff7f}}
.dp-view-toolbar .dp-pirate-back:focus-visible{outline:2px solid #d6ff9b;outline-offset:4px}.dp-view-toolbar .dp-pirate-back:active{transform:translateY(3px) scale(.97);box-shadow:inset 0 0 0 3px #0b130980,0 1px 0 #070d09,0 0 15px #baff5a22}
.dp-view-toolbar .dp-pirate-back.is-setting-sail{animation:dp-back-depart .26s ease-in both;pointer-events:none}.dp-pirate-back.is-setting-sail .dp-pirate-back-art{animation:dp-back-launch .26s ease-in both}
@keyframes dp-back-bob{0%,100%{transform:translateY(1px) rotate(-3deg)}50%{transform:translateY(-2px) rotate(3deg)}}
@keyframes dp-back-glint{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}
@keyframes dp-back-salute{from{transform:translateY(-1px) rotate(-7deg)}to{transform:translateY(-3px) rotate(5deg)}}
@keyframes dp-back-depart{40%{transform:scale(.96)}100%{transform:translateX(-12px);opacity:.35;filter:drop-shadow(0 0 10px #baff5a)}}
@keyframes dp-back-launch{to{transform:translateX(-16px) rotate(-14deg)}}
@media(max-width:440px){.dp-view-toolbar .dp-pirate-back{padding-right:10px;gap:5px;min-height:44px}.dp-pirate-back-art{width:38px;height:38px}.dp-pirate-back-copy strong{font-size:12px}.dp-pirate-back-copy small{font-size:7px;letter-spacing:.8px}.dp-pirate-back-arrow{margin-left:1px;width:20px;height:20px}.dp-view-toolbar{gap:6px}.dp-view-toolbar>div{gap:5px}}
@media(prefers-reduced-motion:reduce){.dp-pirate-back,.dp-pirate-back *, .dp-pirate-back::after{animation:none!important;transition:none!important}}
