@font-face{font-family:Pirate;src:url(pirate-display.otf)}*{box-sizing:border-box}body{margin:0;background:#061c29;color:#fff3d6;font:16px/1.5 system-ui,sans-serif;background-image:radial-gradient(ellipse at top,#104758,transparent 65%)}button{cursor:pointer;font:inherit;color:inherit;background:#153d4c;border:1px solid #63818b;border-radius:10px;padding:10px 16px}button:hover{background:#24576a}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #ffe187;outline-offset:4px}header{max-width:1560px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font:clamp(28px,4vw,44px) Pirate,Georgia;margin:3px 0;color:#ffdb8b}small{font-size:12px;letter-spacing:2px;color:#a6cbd0}nav{display:flex;gap:10px}main{max-width:1560px;margin:auto;padding:0 24px 36px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.play-area{min-width:0}#board{position:relative;width:100%;max-width:1100px;margin:auto;isolation:isolate;box-shadow:0 18px 65px #0008;border-radius:15px}.board-art{display:block;width:100%;border-radius:15px}#pawns,#safeSpaces,#fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#safeSpaces{z-index:1}#pawns{z-index:2}#fx{z-index:3}.pawn{position:absolute;width:6.5%;aspect-ratio:1;border:0;background:transparent;padding:0;transform:translate(-50%,-60%);pointer-events:auto;transition:left .18s ease,top .18s ease,scale .2s;filter:drop-shadow(0 3px 3px #000a);z-index:2}.pawn img{width:100%;height:100%;object-fit:contain;pointer-events:none}.pawn:hover{background:transparent;scale:1.15;z-index:10}.pawn .number{position:absolute;bottom:0;right:6%;font:bold 12px system-ui;border:2px solid #fff;background:var(--color);color:#081b25;width:20px;height:20px;border-radius:50%;line-height:16px}.pawn.legal{filter:drop-shadow(0 0 6px #fff9);animation:bob .8s infinite alternate}.pawn.legal:before{content:'';position:absolute;inset:4%;border:2px solid #fff5;border-radius:50%;box-shadow:0 0 18px #ffe49e}.pawn.captured{animation:knock .7s ease-in}.safe{position:absolute;transform:translate(-50%,-50%);width:5.3%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;padding:0;pointer-events:auto}.safe:hover,.safe:focus-visible{background:#fff3;box-shadow:0 0 15px #ffdb8b}#moveTitle{position:absolute;top:47%;left:9%;right:9%;z-index:5;text-align:center;pointer-events:none;font:clamp(20px,4vw,52px) Pirate,Georgia;color:#fff4a0;text-shadow:0 3px 4px #000,0 0 16px #000;background:#06212cbb;border-radius:18px;opacity:0;transition:opacity .2s;padding:15px}#moveTitle.show{opacity:1}.credit{text-align:center;margin:16px 0;color:#c3d8db;font-size:14px}.credit strong{display:block;font:clamp(26px,4vw,38px) Pirate,Georgia;color:#f6cb73;letter-spacing:1px}.helm{text-align:center;background:#0c2c39;border:1px solid #466573;border-radius:18px;padding:14px 20px;margin:auto;max-width:820px}#status{margin:0 0 10px;min-height:24px}#die{border:0;background:transparent;width:112px;height:106px;padding:0;perspective:550px;margin:3px auto;display:block}#die:hover{background:transparent}.stage{width:76px;height:76px;display:block;margin:15px auto;perspective:500px}.cube{width:76px;height:76px;display:block;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(25deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.face{position:absolute;inset:0;border:3px solid #d4a044;border-radius:12px;background:radial-gradient(circle at 30% 20%,#fff0b7,#d6a447);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px;gap:4px;backface-visibility:hidden;box-shadow:inset 0 0 10px #765121}.face i{border-radius:50%;background:#66291b;box-shadow:inset 1px 2px 2px #0009}.face b{grid-column:1/4;grid-row:1/4;font-size:43px;line-height:46px;color:#652b1f}.f1{transform:translateZ(38px)}.f2{transform:rotateY(90deg) translateZ(38px)}.f3{transform:rotateX(90deg) translateZ(38px)}.f4{transform:rotateX(-90deg) translateZ(38px)}.f5{transform:rotateY(-90deg) translateZ(38px)}.f6{transform:rotateY(180deg) translateZ(38px)}.rolling{animation:tumble .7s linear infinite}#rollStatus{font-size:14px;color:#e8c580;margin:5px 0 10px}#choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}#choices button{border-color:#e9bf69}.card{background:#0c2b39;border:1px solid #496675;border-radius:16px;padding:18px;margin-bottom:18px}h2{font:24px Pirate,Georgia;margin:0 0 16px;color:#f5d28f}.crew-row{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:7px;margin:5px 0}.crew-row.active{border-color:var(--color);background:#ffffff0c}.crew-row img{width:48px;height:48px;object-fit:contain}.crew-row strong{display:block}.crew-row span{font-size:13px;color:#b7d0d6}#log{padding-left:19px;font-size:14px;line-height:1.6}#log li{margin:8px 0}summary{cursor:pointer;font-weight:600}details p{font-size:14px;color:#c4d9dc}dialog{max-width:580px;width:calc(100% - 32px);background:#0d303f;color:#fff3d6;border:2px solid #caa355;border-radius:22px;padding:28px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#02101ac9;backdrop-filter:blur(6px)}dialog h2{font-size:35px;margin:8px 0}.primary{background:#e9bd63;color:#172936;font-weight:700;border:0;width:100%;margin-top:12px}.primary:hover{background:#ffe39a}#captains{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#captains label{border:1px solid #617e86;border-radius:14px;padding:8px;display:flex;align-items:center;gap:8px;cursor:pointer}#captains img{width:60px;height:60px;object-fit:contain}#setupError{color:#ffbdad;font-size:14px}#winner{text-align:center}#winnerPawn{width:200px;max-width:70%;animation:bob 1s infinite alternate}@keyframes bob{to{translate:0 -5px}}@keyframes tumble{to{transform:rotateX(700deg) rotateY(740deg) rotateZ(50deg)}}@keyframes knock{50%{scale:1.4;rotate:25deg}100%{scale:.7;rotate:-20deg}}@media(max-width:900px){main{grid-template-columns:1fr;padding:0 10px 25px;gap:16px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}aside .card{margin:0}aside details{grid-column:1/-1}header{padding:14px;flex-wrap:wrap}.pawn .number{font-size:10px;width:17px;height:17px;line-height:13px}.credit{margin:10px}.helm{padding:12px}#status{font-size:15px}}@media(prefers-reduced-motion:reduce){.pawn,.cube{transition:none}.pawn.legal,#winnerPawn{animation:none}}
/* Right-hand helm keeps the board as the main play surface. */
main{grid-template-columns:minmax(0,1fr) 285px}aside{min-width:0}.helm{margin:0 0 18px;padding:20px 15px;position:sticky;top:12px;z-index:10;box-shadow:0 8px 28px #0005}#status{min-height:72px}#choices{flex-direction:column}#choices button{font-size:14px;padding:9px 6px}.music-card label{font-size:14px;display:flex;justify-content:space-between;margin-top:14px}.music-card input{width:100%;accent-color:#f0c977}.music-card #musicStatus,.track-name{font-size:14px;color:#c3dade}.music-card #musicStatus{margin-bottom:0}.pawn.reaction-yeah{z-index:15!important;animation:celebrate .5s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px var(--color))}.pawn.reaction-release{z-index:15!important;animation:release .75s ease-out;filter:drop-shadow(0 0 14px var(--color))}.pawn.reaction-angry{z-index:16!important;animation:furious .15s ease-in-out infinite alternate;filter:drop-shadow(0 0 9px #ff453d)}.pawn.reaction-laugh{z-index:15!important;animation:laugh .35s ease-in-out infinite alternate}.pawn.reaction-laugh:after{content:'HA HA!';position:absolute;top:-10%;left:-10%;right:-10%;font:bold clamp(9px,1.1vw,16px) system-ui;color:#fff8bb;text-shadow:1px 2px 3px #000}.pawn.reaction-angry:after{content:'!!';position:absolute;top:0;right:0;font:bold 25px system-ui;color:#ff4d4d;text-shadow:1px 2px 2px #fff}.pawn.reaction-yeah:after,.pawn.reaction-release:after{content:'YEAH!';position:absolute;top:-5%;left:-10%;right:-10%;font:bold clamp(9px,1.1vw,16px) system-ui;color:#fff5a9;text-shadow:1px 2px 3px #000}.pawn.character-zoro.reaction-yeah{animation:smirk .5s ease-in-out infinite alternate}.pawn.character-nami.reaction-yeah{animation:celebrate .4s ease-in-out infinite alternate}.pawn.character-sanji.reaction-yeah{animation:smirk .7s ease-in-out infinite alternate}#reactionBanner{position:absolute;left:18%;right:18%;top:42%;z-index:7;pointer-events:none;text-align:center;padding:18px 12px;background:#062634eb;border:2px solid #e5c46a;border-radius:14px;opacity:0;translate:0 10px;transition:opacity .2s,translate .2s;font:clamp(20px,3vw,40px) Pirate,Georgia;color:#ffdd88}#reactionBanner.show{opacity:1;translate:0 0}#reactionBanner.penalty{color:#ffb8a5;border-color:#ff645d}.turn-cancelled .board-art{animation:board-shake .16s linear 5} @keyframes celebrate{to{translate:0 -13px;rotate:8deg;scale:1.18}}@keyframes smirk{to{rotate:-8deg;scale:1.2;translate:0 -4px}}@keyframes furious{to{rotate:9deg;translate:3px -3px;scale:1.15}}@keyframes laugh{to{rotate:-12deg;translate:0 -7px;scale:1.12}}@keyframes release{0%{scale:.75;rotate:-12deg}45%{scale:1.4;translate:0 -25px;rotate:12deg}100%{scale:1;translate:0 0;rotate:0deg}}@keyframes board-shake{25%{translate:3px 0}75%{translate:-3px 0}}
@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) 225px;gap:12px}aside{display:block}.helm{padding:15px 10px;position:static}.card{padding:14px;margin-bottom:12px}header{padding:12px}h1{font-size:30px}}@media(max-width:620px){main{grid-template-columns:1fr}.helm{display:grid;grid-template-columns:1fr 112px;align-items:center;margin-bottom:12px}#status{min-height:0;text-align:left}#die{grid-column:2;grid-row:1/3}#rollStatus{grid-column:1;text-align:left}#choices{grid-column:1/-1;flex-direction:row}aside{display:grid;grid-template-columns:1fr 1fr}.helm,aside details{grid-column:1/-1}.card{margin:0}.crew-row{padding:2px}.crew-row img{width:38px;height:38px}.crew-row span{font-size:12px}.music-card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.pawn.reaction-yeah,.pawn.reaction-angry,.pawn.reaction-laugh,.pawn.reaction-release,.turn-cancelled .board-art{animation:none}#reactionBanner{transition:none}}
#rollBank{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}#rollBank:empty{display:none}.roll-chip{width:48px;height:48px;padding:0;font:bold 24px Pirate,Georgia;background:#243f4a;border:2px solid #718491;box-shadow:inset 0 2px 6px #0007}.roll-chip.selected{color:#173442;background:#ffda79;border-color:#fff3ad;box-shadow:0 0 16px #f6bd6455}.roll-chip:disabled{opacity:.75}#die{width:136px;height:126px;filter:drop-shadow(0 9px 7px #0007)}.stage{margin:24px auto}.face{border:4px ridge #efbf62;background:radial-gradient(ellipse at 25% 20%,#fff4cd,#e9bf68 55%,#b68530);box-shadow:inset 0 0 0 2px #654015,inset 0 0 16px #7c421e66,0 0 2px #b07625}.face:after{content:'GRAND LINE';position:absolute;bottom:2px;left:0;right:0;text-align:center;font:bold 6px/1 system-ui;letter-spacing:1px;color:#725026}.face i{background:#5c251c;box-shadow:inset 1px 2px 3px #000a,0 1px 1px #fff6}.face b{color:#462b20;text-shadow:0 1px 1px #fff9}.helm:before{content:'GRAND LINE DIE';display:block;font:14px Pirate,Georgia;color:#f5d085;letter-spacing:2px;margin-bottom:8px}.cube{will-change:transform}.rolling{animation:pirate-tumble .65s linear infinite}@keyframes pirate-tumble{0%{transform:translateY(0) rotateX(-20deg) rotateY(20deg)}50%{transform:translateY(-12px) rotateX(340deg) rotateY(380deg) rotateZ(20deg)}100%{transform:translateY(0) rotateX(700deg) rotateY(740deg) rotateZ(0deg)}}
#homeCelebration{position:absolute;inset:18% 20% 16%;z-index:20;pointer-events:none;display:none;text-align:center;border-radius:30px;background:radial-gradient(ellipse,#0b334af2 30%,#0c314b99 55%,transparent 75%);filter:drop-shadow(0 10px 20px #0007)}#homeCelebration.show{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:home-pop .6s cubic-bezier(.2,.8,.2,1)}#homePose{height:82%;max-width:100%;object-fit:contain;animation:home-float .75s ease-in-out infinite alternate}#homeCaption{font:clamp(20px,3vw,42px) Pirate,Georgia;color:#ffdf87;text-shadow:0 3px 4px #000}.home-luffy #homePose{animation:hat-salute 1.1s ease-in-out infinite}.home-zoro #homePose{animation:sword-pose .7s ease-in-out infinite alternate}.home-sanji #homePose{animation:heart-pose .65s ease-in-out infinite alternate}.home-nami #homePose{animation:home-float .45s ease-in-out infinite alternate}@keyframes home-pop{from{scale:.15;opacity:0;rotate:-10deg}to{scale:1;opacity:1;rotate:0deg}}@keyframes home-float{to{translate:0 -12px;rotate:5deg}}@keyframes hat-salute{50%{translate:0 -20px;scale:1.05}}@keyframes sword-pose{to{rotate:-8deg;scale:1.05}}@keyframes heart-pose{to{scale:1.09;rotate:6deg}}@media(prefers-reduced-motion:reduce){.rolling,#homeCelebration.show,#homePose{animation:none!important}}
@media(max-width:620px){.helm{grid-template-columns:minmax(0,1fr) 136px}.helm:before{grid-column:1/-1}#die{grid-row:2/4}}
.formats{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.formats legend{font-size:14px;margin-bottom:10px;color:#e8ce98}.formats label{display:flex;align-items:flex-start;gap:9px;padding:14px;border:1px solid #668591;border-radius:12px;cursor:pointer}.formats label:has(input:checked){border-color:#ffe09a;background:#f4c86a16}.formats input{margin-top:5px;accent-color:#f0c96c}.formats strong{display:block;font-size:18px}.formats small{display:block;font:13px/1.5 system-ui;letter-spacing:0;color:#c4d8de;margin-top:5px}.mode-label{font-size:13px;color:#ffd889;margin-top:-10px}.pawn.qualified img{filter:drop-shadow(0 0 2px var(--color)) drop-shadow(0 0 5px var(--color));}.pawn.character-luffy{--color:#ff4545!important}.pawn.character-nami{--color:#36a3ff!important}.pawn.character-zoro{--color:#39df78!important}.pawn.character-sanji{--color:#ffdc45!important}.battle-luffy #homePose{animation:battle-punch .5s ease-in-out infinite alternate}.battle-zoro #homePose{animation:sword-pose .45s ease-in-out infinite alternate}.battle-nami #homePose{animation:home-float .65s ease-in-out infinite alternate}.battle-sanji #homePose{animation:battle-kick .5s ease-in-out infinite alternate}@keyframes battle-punch{to{scale:1.08;rotate:-5deg;translate:0 -8px}}@keyframes battle-kick{to{rotate:8deg;scale:1.06;translate:0 -10px}}@media(max-width:460px){.formats{grid-template-columns:1fr}.formats label{padding:10px}}
#battlePop{position:absolute;inset:18% 20% 16%;z-index:20;pointer-events:none;display:none;text-align:center;border-radius:30px;background:radial-gradient(ellipse,#0b334af2 30%,#0c314b99 55%,transparent 75%);filter:drop-shadow(0 10px 20px #0007)}#battlePop.show{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:home-pop .6s cubic-bezier(.2,.8,.2,1)}#battlePop .battlePortrait{height:82%;max-width:100%;object-fit:contain}#battlePop .battlePortrait[hidden]{display:none!important}#battleCaption{font:clamp(20px,3vw,42px) Pirate,Georgia;color:#ffdf87;text-shadow:0 3px 4px #000}.battle-luffy .battlePortrait{animation:battle-punch .5s ease-in-out infinite alternate}.battle-zoro .battlePortrait{animation:sword-pose .45s ease-in-out infinite alternate}.battle-nami .battlePortrait{animation:home-float .65s ease-in-out infinite alternate}.battle-sanji .battlePortrait{animation:battle-kick .5s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){#battlePop.show,#battlePop .battlePortrait{animation:none!important}}