.pirate-back{padding:6px;border:2px solid #e8c472;background:linear-gradient(135deg,#f4d998,#776047 38%,#e2b758 65%,#4f3832);box-shadow:0 15px 30px #1a061080}
.pirate-back .back-in{border-radius:7px;border:2px dashed #f4d998a6;background:radial-gradient(ellipse at center,#682b48,#2a0a18 75%)}
.pirate-back .back-lattice{opacity:.65;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 19px,#f4d99818 20px 21px),linear-gradient(135deg,#27785e44,transparent 45%,#c48a2333)}
.pirate-back .back-ring{width:88%;top:16%;stroke:#efd093}.pirate-back .r1{stroke-width:3;stroke-dasharray:1 3;stroke-linecap:round}.pirate-back .r2{stroke-width:1;stroke-dasharray:none}.compass-rose{fill:#eac77618;stroke-width:1.2}.pirate-back .back-ring text{font-size:7px;letter-spacing:1.2px}.pirate-back .back-bipy{bottom:18%;height:40%;width:42%;filter:drop-shadow(0 4px 4px #1a0610)}
.back-voyage{position:absolute;top:6%;font:900 clamp(7px,1.2vw,15px)/1 Georgia,serif;letter-spacing:.12em;color:#f6dca4}.back-crossed{position:absolute;top:27%;font-size:clamp(20px,5vw,58px);color:#f2d28d;opacity:.55}.back-waves{position:absolute;bottom:12%;color:#f2d28d;font:700 24px Georgia,serif;letter-spacing:.25em}.pirate-back .back-mark{bottom:4%;width:43%}
.deck{position:relative;isolation:isolate}.battle-background{position:absolute;z-index:-1;top:0;left:calc((100% - 100vw)/2);width:100vw;height:min(780px,100%);overflow:hidden;pointer-events:none;opacity:.32;mask-image:linear-gradient(#000 0 65%,transparent);background:var(--blush-100)}.battle-background iframe{position:absolute;width:max(100vw,1387px);height:780px;left:50%;top:0;transform:translateX(-50%);border:0;filter:saturate(.55)}.battle-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 40%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 65%);mix-blend-mode:normal}.battle-source{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin:12px 0}.battle-source a{color:var(--pink);min-height:44px;display:inline-flex;align-items:center}.battle-source button{font:inherit;min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:99px;padding:5px 12px}
html[data-theme=light] .battle-background{opacity:.18;filter:sepia(.25) hue-rotate(285deg)}html[data-theme=dark] .battle-background{opacity:.28;filter:sepia(.2) hue-rotate(285deg)}
.journey-toolbar{position:relative;gap:16px;min-height:112px;padding:14px 20px!important;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 6px 0 var(--pink-200),0 12px 24px #45122b12;overflow:hidden}.journey-crew{display:flex;align-items:center;height:88px;flex:none;position:relative}.journey-crew img{height:88px;width:70px;object-fit:contain;filter:drop-shadow(0 5px 4px #45122b25);animation:crewHop 3.8s ease-in-out infinite}.journey-crew img:last-child{margin-left:-18px;animation-delay:-1.9s}.journey-toolbar>p{margin-right:auto;font-size:11px;letter-spacing:.08em}.journey-toolbar>span{display:flex;gap:14px;font-size:9px;line-height:1.8}.journey-toolbar>span b{color:var(--pink)}.journey-toolbar .secondary{border-radius:99px;min-height:48px}
.deck-head{gap:24px;margin-block:30px 24px}.deck-head h2 em{position:relative}.deck-head h2 em:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:var(--pink);transform:rotate(-3deg);border-radius:4px}.mode-switch{gap:12px!important}.mode-switch .mode-button{position:relative;min-height:88px;border-radius:18px;box-shadow:0 5px 0 var(--pink-200);transform:translateY(-2px);transition:transform .2s,box-shadow .2s;background:var(--surface)}.mode-switch .mode-button:active{transform:translateY(3px);box-shadow:none}.mode-switch #gachaMode{border:2px solid var(--pink);background:var(--pink-600);color:var(--on-pink);overflow:hidden}.mode-switch #gachaMode[aria-pressed=true]{background:var(--pink-600);color:var(--on-pink);box-shadow:0 6px 0 var(--berry-700),0 8px 24px #e62b5e22}.mode-switch #gachaMode small{color:inherit;opacity:.85}.mode-switch #gachaMode:after{content:"✦";position:absolute;right:8px;top:0;font-size:36px;opacity:.17;animation:compassTurn 12s linear infinite}.mode-switch #pickMode{border:2px solid var(--honey-400);background:var(--surface);color:var(--text)}.mode-switch #pickMode[aria-pressed=true]{background:var(--honey-100);border-color:var(--honey-400);color:var(--text);box-shadow:0 6px 0 var(--honey-400),0 8px 24px #c48a2322}.mode-switch #pickMode .ico{color:var(--honey-800)}
.deck-command{position:relative;perspective:1000px;transform:rotateX(2deg);border:1px solid var(--pink-200);box-shadow:0 7px 0 var(--pink-200),0 22px 40px #45122b18!important;background:var(--surface)!important;transition:transform .25s}.deck-command:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#fff0 35%,#ffffff50 50%,#fff0 65%);pointer-events:none}.deck-command #startButton{position:relative;overflow:hidden;min-height:70px;transform:translateZ(12px);box-shadow:0 7px 0 var(--berry-700),0 14px 20px #e62b5e25;transition:transform .15s,box-shadow .15s}.deck-command #startButton:active{transform:translateY(5px);box-shadow:0 2px 0 var(--berry-700)}.deck-command #startButton:after{content:"";position:absolute;inset:-100% -30%;background:linear-gradient(105deg,transparent 45%,#fff4 50%,transparent 55%);animation:ctaShine 5s ease-in-out infinite;pointer-events:none}
.table-bipys .s-jade{animation:crewHop 4s ease-in-out infinite!important}.table-bipys .s-gold{animation:chefDance 4s ease-in-out infinite!important}.table-bipys .s-pink{animation:princessHop 4s ease-in-out infinite!important}.rivalry{display:grid!important;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;padding-block:42px!important}.rivalry .section-head{display:block;max-width:390px}.rivalry .section-head h2{font-size:clamp(28px,3.7vw,46px)}.rivalry .section-head>p{line-height:1.8;font-size:12px}.rivalry-stage{min-width:0;position:relative;aspect-ratio:16/9;border-radius:28px;border:1px solid var(--line);overflow:hidden;background:var(--blush-100);box-shadow:0 9px 0 var(--pink-200),var(--shadow-card)}.rivalry-stage video{width:100%;height:100%;object-fit:cover;display:block}.rivalry-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 10px 0;font-size:11px;color:var(--muted)}.rivalry-caption button{min-height:44px;padding:5px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--text)}
@keyframes crewHop{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-9px) rotate(4deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(-4deg)}}@keyframes chefDance{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-10px) rotate(-7deg)}60%{transform:translateY(0) rotate(5deg)}}@keyframes princessHop{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.04)}60%{transform:translateY(-8px) scale(1.04)}}@keyframes compassTurn{to{transform:rotate(360deg)}}@keyframes ctaShine{0%,65%{transform:translateX(-65%)}100%{transform:translateX(65%)}}
@media(max-width:1000px){.journey-toolbar>span{display:none}.journey-toolbar{gap:10px;padding:12px!important}.rivalry{gap:22px}.rivalry .section-head h2{font-size:32px}}
@media(max-width:600px){.journey-toolbar{min-height:88px;border-radius:18px;gap:8px;padding:10px!important;flex-wrap:wrap}.journey-toolbar .secondary{padding-inline:12px;font-size:10px}.journey-crew{height:56px}.journey-crew img{height:60px;width:42px}.journey-crew img:last-child{margin-left:-10px}.journey-toolbar>p{font-size:8px;letter-spacing:.02em}.deck-head{margin-block:24px 16px}.mode-switch{width:100%;gap:10px!important}.mode-switch .mode-button{min-height:80px;padding:12px 10px;flex:1}.mode-switch .mode-button small{font-size:9px}.deck-command #startButton{min-height:62px}.rivalry{grid-template-columns:1fr;gap:18px;padding-block:28px!important}.rivalry .section-head{max-width:none}.rivalry .section-head h2{font-size:31px}.rivalry-stage{border-radius:20px}.battle-source{flex-wrap:wrap}.battle-background iframe{height:540px;width:960px}}
@media(prefers-reduced-motion:reduce){.journey-crew img,.table-bipys .sticker,.mode-switch #gachaMode:after,.deck-command #startButton:after{animation:none!important}.deck-command{transform:none}.battle-background{display:none}}
html[data-motion=reduce] :is(.journey-crew img,.table-bipys .sticker,.mode-switch #gachaMode:after,.deck-command #startButton:after){animation:none!important}html[data-motion=reduce] .deck-command{transform:none}html[data-motion=reduce] .battle-background{display:none}