:root{font-family:Georgia,serif;color:#f7f1df;background:#071f2c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#12445b,#071f2c 70%);min-height:100vh}header{max-width:1480px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}h1{font-size:clamp(24px,3vw,38px);margin:4px 0}h2{margin:10px 0;font-size:28px}h3{margin:0 0 16px;font-size:20px}.eyebrow{font:700 12px/1.4 system-ui;letter-spacing:2.5px;color:#e7bd6c}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #53d9f4;outline-offset:4px}.quiet{background:transparent;border:1px solid #527082;color:#fff;border-radius:8px;padding:10px 14px;font:14px system-ui}main{max-width:1480px;margin:auto;padding:0 28px 32px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.board-wrap{border:2px solid #ad823d;border-radius:12px;overflow:hidden;box-shadow:0 15px 60px #0008}#board{position:relative;line-height:0}#board>img{width:100%;height:auto;display:block}aside{display:grid;gap:16px}.card{background:#102f40;border:1px solid #345566;border-radius:12px;padding:20px}p{font:16px/1.5 system-ui;color:#cbd8dc}.turn-card{text-align:center}#status{min-height:48px;margin-bottom:10px}#die{height:100px;width:100px;border-radius:22px;background:#fff4d8;color:#152d3a;border:4px solid #e0ad52;box-shadow:0 8px 0 #966626;margin:12px auto 18px;display:block;transition:transform .15s}#die:hover:enabled{transform:translateY(-3px)}#dieFace{font:88px/1 serif;display:block;margin-top:-5px}#rollLabel{font:14px system-ui;color:#d6e2e7}.rolling{animation:shake .18s infinite}.player-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #345566;font:16px system-ui}.player-row.active{color:#ffd47c}.player-row .place{margin-left:auto;font-weight:bold}.sprite{background-image:url('tokens.png');background-size:500% 200%;background-repeat:no-repeat;display:block;flex-shrink:0}.mini{width:48px;height:48px}.pawn{position:absolute;width:7.5%;aspect-ratio:1;transform:translate(-50%,-83%);transition:left .22s ease,top .22s ease;z-index:5;filter:drop-shadow(0 2px 1px #0008)}.pawn .sprite{width:100%;height:100%;animation:bob 3s ease-in-out infinite}.pawn-label{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-radius:50%;width:18px;height:18px;display:grid;place-items:center;background:var(--color);color:#071f2c;border:1px solid white;font:700 12px/1 system-ui;box-shadow:0 1px 3px #000}.hotspot{position:absolute;background:transparent;border:0;border-radius:6px;width:7%;height:7%;transform:translate(-50%,-50%);z-index:2}.hotspot:hover,.hotspot:focus-visible{background:#fff3;box-shadow:inset 0 0 0 2px #fff9}#route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}#burst{position:absolute;left:18%;right:18%;top:42%;background:#071f2cee;border:2px solid #efbd61;border-radius:12px;padding:18px;color:#fff;font:700 clamp(14px,2vw,24px)/1.4 system-ui;text-align:center;z-index:8;box-shadow:0 5px 40px #0008}#log{font:16px/1.6 system-ui;color:#e2e9ec}summary{cursor:pointer;font:600 16px system-ui}.route-row{display:flex;gap:10px;align-items:center;justify-content:space-between;font:14px system-ui;padding:6px 0}.small{font-size:14px}.primary{border:0;background:#edbd67;color:#102a36;border-radius:8px;padding:14px 24px;font:700 16px system-ui}.primary:hover{background:#ffd58b}dialog{color:#f5efdf;background:#0d2e40;border:1px solid #b9934b;border-radius:18px;padding:30px;width:min(720px,94vw);max-height:92vh;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#001420db;backdrop-filter:blur(7px)}.count{font:16px system-ui;display:flex;align-items:center;gap:15px;margin:22px 0}select{background:#173f53;color:#fff;border:1px solid #628092;padding:7px 12px;border-radius:5px}.selection{margin:18px 0}.selection label{display:block;font:600 16px system-ui;margin-bottom:10px}.token-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.token-choice{position:relative;background:#163e51;border:2px solid transparent;border-radius:9px;color:white;padding:3px;aspect-ratio:1}.token-choice .sprite{width:100%;height:100%}.token-choice[aria-pressed=true]{border-color:var(--color);background:#32677c;box-shadow:0 0 12px #e9bc6344}.token-name{font:14px system-ui;color:#f4cd8a;margin-top:8px}.close{float:right}#characterInfo .portrait{width:150px;height:150px;margin:20px auto}#setupError{color:#ffb4aa}#winDialog{text-align:center}body.winner{background:radial-gradient(ellipse at top,#87672a,#071f2c 80%)}@keyframes bob{50%{transform:translateY(-4%) rotate(3deg)}}@keyframes shake{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg) translateY(-5px)}}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) 250px;gap:14px;padding:0 14px 24px}.card{padding:15px}header{padding:18px 16px}}@media(max-width:680px){main{display:flex;flex-direction:column}.board-wrap{width:100%}aside{width:100%;grid-template-columns:1fr 1fr;gap:10px}.turn-card{grid-row:span 2}aside details{grid-column:1/-1}#die{width:76px;height:76px}#dieFace{font-size:65px}h2{font-size:22px}.card{padding:14px}.token-grid{grid-template-columns:repeat(5,1fr)}.token-choice{max-height:65px}dialog{padding:22px}.player-row{font-size:14px;gap:6px}.mini{width:36px;height:36px}.pawn{width:9%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.sprite{background-size:contain;background-position:center}
.header-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#winDialog{width:min(850px,96vw);padding:40px 30px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#87662f,#102e40 70%)}.treasure-reveal{display:block;position:relative;z-index:1;width:min(430px,65vw);aspect-ratio:1.24;margin:0 auto 30px;border-radius:22px;border:3px solid #f8d580;box-shadow:0 0 70px #ffcd6877;image-rendering:auto}#winDialog[open] .treasure-reveal{animation:treasureZoom 1.5s cubic-bezier(.2,.9,.3,1) both}#winDialog h2,#winDialog p,#winDialog button,#winDialog .eyebrow{position:relative;z-index:2}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-20px;left:var(--x);width:9px;height:17px;background:hsl(var(--hue) 90% 65%);animation:confettiFall 3s var(--delay) ease-in infinite}#winDialog[open]::backdrop{background:#001420ec}@keyframes treasureZoom{0%{transform:translate(-25vw,-25vh) scale(.03) rotate(-15deg);opacity:0}25%{opacity:1}80%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1)}}@keyframes confettiFall{to{transform:translateY(900px) rotate(680deg)}}@media(max-width:680px){header{align-items:flex-start;gap:12px}.header-controls{max-width:180px}.header-controls button{font-size:12px;padding:8px}#winDialog{padding:28px 18px}.treasure-reveal{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}
#powerCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.power-rider{transition:none!important;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 15px #f9bc4b);z-index:7!important}.power-active{box-shadow:inset 0 0 0 3px var(--power-color),0 0 20px var(--power-color);animation:powerPulse .35s ease-in-out infinite alternate}.preview-pawn{opacity:.95}#burst{left:15%;right:15%;top:auto;bottom:5%;font-size:clamp(14px,1.7vw,22px);padding:12px;background:#071f2cf5}#characterInfo{text-align:center;padding-top:24px}#characterInfo h3{color:#f4ca79}.header-controls{max-width:460px}@keyframes powerPulse{to{transform:translate(-50%,-50%) scale(1.06);background:#ffffff30}}@media(max-width:680px){.header-controls{max-width:190px}}

.creator-credit{text-align:center;padding:18px 12px;background:#102f40;border-top:1px solid #ad823d;color:#f5dba1;font:600 clamp(14px,1.5vw,18px)/1.5 system-ui}

.pawn{pointer-events:none;filter:drop-shadow(0 2px 2px #000a) drop-shadow(0 0 2px #fff8)}.pawn-label{width:22px;height:22px;font-size:14px;bottom:-2px}.pawn.reacting{width:12%;z-index:9!important}.pawn.reacting.happy .sprite{animation:happyBounce .45s ease-in-out infinite}.pawn.reacting.upset .sprite{animation:upsetShake .2s ease-in-out infinite}.pawn.reacting.happy{filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px #65e9a6)}.pawn.reacting.upset{filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px #ff816b)}@keyframes happyBounce{50%{transform:translateY(-7%) rotate(5deg)}}@keyframes upsetShake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@media(max-width:680px){.pawn.reacting{width:14%}}@media(prefers-reduced-motion:reduce){.pawn.reacting .sprite{animation:none}}
@font-face{font-family:PirateDisplay;src:url('pirate-display.otf') format('opentype');font-weight:700;font-display:swap}
.creator-credit{padding:20px 12px 28px;background:linear-gradient(135deg,#0d3549,#082534);display:flex;flex-direction:column;align-items:center;gap:8px}.credit-intro{font:500 15px/1.4 system-ui;color:#e4d6b9;letter-spacing:1.2px}.credit-name{display:block;font:700 clamp(28px,4.3vw,60px)/1.2 PirateDisplay,Georgia,serif;letter-spacing:1px;text-transform:uppercase;color:#ffd878;-webkit-text-stroke:1px #5f311c;text-shadow:2px 2px 0 #ac3829,4px 4px 0 #001929,0 5px 12px #0008;max-width:100%;overflow-wrap:anywhere}
#die{--cube-size:80px;--cube-half:40px;width:140px;height:134px;background:transparent;border:0;box-shadow:none;perspective:650px;padding:0;margin:14px auto 8px;overflow:visible;opacity:1;position:relative}#die:disabled{opacity:.65}#die:hover:enabled{transform:translateY(-3px)}#die.rolling{animation:none}.dice-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotateX(-16deg) rotateY(20deg);transform-style:preserve-3d;pointer-events:none}.dice-cube{position:relative;width:var(--cube-size);height:var(--cube-size);display:block;transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cube-face{position:absolute;inset:0;display:block;background:linear-gradient(135deg,#fff4d7,#d8b274);border:3px solid #b58127;border-radius:10px;box-shadow:inset 0 0 0 2px #ffe5a1,inset 0 0 14px #b57a3388;backface-visibility:hidden}.face-1{transform:translateZ(var(--cube-half))}.face-2{transform:rotateY(90deg) translateZ(var(--cube-half))}.face-3{transform:rotateX(90deg) translateZ(var(--cube-half))}.face-4{transform:rotateX(-90deg) translateZ(var(--cube-half))}.face-5{transform:rotateY(-90deg) translateZ(var(--cube-half))}.face-6{transform:rotateY(180deg) translateZ(var(--cube-half))}.die-pip{position:absolute;width:13px;height:13px;border-radius:50%;background:#143445;box-shadow:inset 1px 2px 2px #000b,0 1px 0 #fff9;transform:translate(-50%,-50%)}.pip-1,.pip-4,.pip-7{left:24%}.pip-3,.pip-6,.pip-9{left:76%}.pip-5{left:50%;top:50%}.pip-1,.pip-3{top:24%}.pip-4,.pip-6{top:50%}.pip-7,.pip-9{top:76%}.die-emblem{position:absolute;inset:0;display:grid;place-items:center;font:48px/1 Georgia,serif;color:#153744;text-shadow:0 1px 0 #fff8}.dice-caption{font:700 12px/1.5 system-ui;letter-spacing:2px;color:#e9c57d;margin-bottom:8px}.rolling .dice-cube{animation:cubeTumble .68s linear infinite;transition:none}.sr-only,#dieFace.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:1px}
@keyframes cubeTumble{0%{transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0)}30%{transform:translateY(-15px) rotateX(150deg) rotateY(120deg) rotateZ(30deg)}65%{transform:translateY(-7px) rotateX(260deg) rotateY(260deg) rotateZ(-20deg)}100%{transform:translateY(0) rotateX(360deg) rotateY(360deg) rotateZ(0)}}
@media(max-width:680px){#die{--cube-size:66px;--cube-half:33px;width:110px;height:110px}.die-pip{width:11px;height:11px}.die-emblem{font-size:40px}.credit-name{font-size:clamp(24px,6.4vw,42px)}}@media(prefers-reduced-motion:reduce){.rolling .dice-cube{animation:none}.dice-cube{transition:none}}
/* Board-first play surface: compact roll control, supporting information below. */
header{max-width:1740px;padding:16px 20px}main{max-width:1740px;padding:0 20px 28px;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:start}.board-primary{grid-column:1;min-width:0}.dice-panel{grid-column:2;position:sticky;top:16px;gap:0}.dice-panel .card{padding:16px 12px}.dice-panel h2{font-size:21px;line-height:1.25}.dice-panel .eyebrow{font-size:11px;letter-spacing:1.4px}.dice-panel #status{font-size:14px;min-height:0;line-height:1.45}.dice-panel #die{margin:12px auto 10px;width:130px;height:128px}.dice-panel #rollLabel{font-size:14px;line-height:1.45}.below-board{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:start}.below-board .card{padding:18px}.below-board p,.below-board #log{font-size:14px;line-height:1.6}.below-board h3{font-size:18px}.below-board .player-row{font-size:14px}.below-board summary{font-size:15px;line-height:1.5}#board>img{image-rendering:auto}#board .sprite{image-rendering:auto}.creator-credit{padding:16px 12px 24px}.credit-name{font-size:clamp(28px,4vw,60px)}
@media(min-width:1800px){main{grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:900px){header{padding:14px}main{padding:0 12px 24px;grid-template-columns:minmax(0,1fr) 160px;gap:12px}.dice-panel .card{padding:12px 8px}.dice-panel h2{font-size:18px}.dice-panel #die{--cube-size:68px;--cube-half:34px;width:112px;height:114px}.below-board{grid-template-columns:1fr 1fr}.below-board details{grid-column:1/-1}}
@media(max-width:680px){header{padding:12px;gap:8px}h1{font-size:22px}main{display:grid;grid-template-columns:minmax(0,1fr);padding:0 8px 20px;gap:12px}.board-primary{grid-column:1}.dice-panel{grid-column:1;position:static;width:100%;display:block}.dice-panel .turn-card{text-align:left;position:relative;min-height:126px;padding:14px 130px 14px 16px}.dice-panel h2{font-size:20px;margin:6px 0}.dice-panel #status{margin:6px 0}.dice-panel #die{position:absolute;right:8px;top:0;--cube-size:62px;--cube-half:31px;width:112px;height:112px;margin:4px 0}.dice-panel .dice-caption{display:none}.dice-panel #rollLabel{font-size:12px}.below-board{grid-column:1;grid-template-columns:1fr;gap:12px}.below-board .card{padding:16px}.below-board details{grid-column:1}.credit-name{font-size:clamp(26px,6.8vw,46px)}.creator-credit{padding:14px 10px 20px}}
.dice-panel{gap:12px}.dice-panel .player-row{gap:7px;font-size:14px}.dice-panel .mini{width:42px;height:42px}.dice-panel h3{font-size:18px}.below-board{grid-template-columns:minmax(280px,1.3fr) minmax(0,1fr) minmax(0,1fr)}.soundtrack-card label{font:14px system-ui;display:block;margin-bottom:8px}.soundtrack-card select{width:100%;font:14px system-ui;max-width:100%}.music-buttons{display:flex;gap:8px;margin:12px 0}.youtube-wrap{width:100%;height:240px;min-width:200px;min-height:200px;background:#061823;border-radius:8px;overflow:hidden}.youtube-wrap iframe{width:100%;height:240px;border:0}.soundtrack-card a{display:inline-block;color:#f6d593;font:14px/1.5 system-ui;margin-top:12px}.soundtrack-card .small{min-height:44px}.below-board .soundtrack-card{padding:18px}@media(max-width:900px){.below-board{grid-template-columns:minmax(240px,1.2fr) minmax(0,1fr)}.below-board details{grid-column:2}.soundtrack-card{grid-row:span 2}.dice-panel .player-row{font-size:13px}.dice-panel .mini{width:34px;height:34px}}@media(max-width:680px){.dice-panel{display:grid;grid-template-columns:1fr;gap:12px}.dice-panel .player-row{font-size:14px}.below-board{grid-template-columns:minmax(0,1fr)}.below-board details{grid-column:1}.soundtrack-card{grid-row:auto}.dice-panel .mini{width:42px;height:42px}}