:root{color-scheme:light;--app-height: 100vh;--viewport-width: 100vw;--viewport-height: var(--app-height);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-display: "Avenir Next Rounded", "Trebuchet MS", "Marker Felt", "Hannotate SC", sans-serif;--font-body: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-sky: oklch(.93 .06 220);--bg-horizon: oklch(.88 .1 195);--bg-sand: oklch(.96 .05 95);--sea-deep: oklch(.66 .14 229);--sea-bright: oklch(.84 .13 206);--coral: oklch(.72 .19 36);--lemon: oklch(.9 .15 97);--mint: oklch(.88 .13 165);--ink-strong: oklch(.34 .08 248);--ink-soft: oklch(.5 .05 240);--panel: color-mix(in oklab, white 88%, var(--bg-sand));--shadow-lg: 0 24px 60px color-mix(in oklab, var(--ink-strong) 14%, transparent);--shadow-md: 0 16px 32px color-mix(in oklab, var(--ink-strong) 10%, transparent)}.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}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{box-sizing:border-box}html{min-height:var(--viewport-height)}body{min-height:var(--viewport-height);margin:0;font-family:var(--font-body);color:var(--ink-strong);background:radial-gradient(circle at 12% 12%,color-mix(in oklab,white 70%,var(--lemon)) 0,transparent 24%),radial-gradient(circle at 88% 8%,color-mix(in oklab,white 68%,var(--mint)) 0,transparent 18%),linear-gradient(180deg,var(--bg-sky) 0%,var(--bg-horizon) 28%,var(--bg-sand) 100%);overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}body:before{background:radial-gradient(circle at 20% 30%,color-mix(in oklab,white 72%,var(--coral)) 0 2px,transparent 2px 100%),radial-gradient(circle at 70% 24%,color-mix(in oklab,white 76%,var(--mint)) 0 3px,transparent 3px 100%),radial-gradient(circle at 82% 72%,color-mix(in oklab,white 76%,var(--lemon)) 0 2px,transparent 2px 100%);background-size:240px 240px,320px 320px,280px 280px;opacity:.55}body:after{background:radial-gradient(circle at 50% 100%,color-mix(in oklab,var(--sea-bright) 72%,white) 0,transparent 38%),linear-gradient(180deg,transparent 0%,color-mix(in oklab,var(--sea-bright) 35%,transparent) 100%);transform:translateY(18%)}button,input{font:inherit}button{cursor:pointer}canvas,img{display:block;max-width:100%}#app[data-theme=pirate-party]{position:relative;min-height:var(--viewport-height);isolation:isolate}#app[data-theme=pirate-party]:before{content:"";position:absolute;inset:0 auto auto 50%;width:min(40vw,420px);aspect-ratio:1;transform:translate(-50%,-24%);border-radius:999px;background:radial-gradient(circle,color-mix(in oklab,white 68%,var(--lemon)) 0%,transparent 68%);opacity:.7;pointer-events:none}.scene-shell{position:relative;min-height:var(--viewport-height, var(--app-height));--scene-padding: clamp(1rem, 2.4vw, 2rem);--scene-pad-top: calc(var(--scene-padding) + var(--safe-top));--scene-pad-right: calc(var(--scene-padding) + var(--safe-right));--scene-pad-bottom: calc(var(--scene-padding) + var(--safe-bottom));--scene-pad-left: calc(var(--scene-padding) + var(--safe-left));--scene-inline-gutter: calc(var(--scene-pad-left) + var(--scene-pad-right));--scene-block-gutter: calc(var(--scene-pad-top) + var(--scene-pad-bottom));padding:var(--scene-pad-top) var(--scene-pad-right) var(--scene-pad-bottom) var(--scene-pad-left)}.scene-shell>*{position:relative;z-index:1}.scene-grid{width:min(1180px,100%);margin:0 auto;display:grid;gap:clamp(1.25rem,2vw,2rem)}.start-grid,.win-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center}.game-layout{width:100%;margin:0 auto;display:grid;min-height:calc(var(--viewport-height, var(--app-height)) - var(--scene-block-gutter));place-items:center}.game-stage{position:relative;display:grid;width:100%;min-height:0;justify-self:center;justify-items:center}.scene-panel{border-radius:32px;padding:clamp(1.25rem,2vw,2rem);background:linear-gradient(180deg,#ffffffeb,#fff6e5e6),linear-gradient(135deg,#ffd48724,#6eddff1a);box-shadow:0 28px 70px #1e426b24,inset 0 1px #ffffffe0;border:1px solid rgba(255,255,255,.52);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stack{display:grid;gap:1rem}.board-stage-shell{position:relative;width:min(calc(var(--viewport-width, 100vw) - var(--scene-inline-gutter)),calc((var(--viewport-height, var(--app-height)) - var(--scene-block-gutter) - var(--hud-dock-height, 0px)) * 1.6));aspect-ratio:16 / 10;min-height:0;max-height:calc(var(--viewport-height, var(--app-height)) - var(--scene-block-gutter) - var(--hud-dock-height, 0px));max-width:100%;border-radius:0;overflow:hidden;justify-self:center}.hud-stage-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay-layer>*{pointer-events:auto}.crew-list,.ranking-list{margin:0;padding:0;list-style:none}.game-scene{--scene-padding: 0;--hud-dock-height: 0px}.game-scene[data-layout=mobile-landscape]{--scene-padding: .7rem}.game-scene[data-layout=mobile-portrait]{--scene-padding: .55rem;--hud-dock-height: 8.35rem}.game-scene[data-layout=mobile-portrait] .game-layout{place-items:stretch center;align-content:space-between}.game-scene[data-layout=mobile-portrait] .game-stage{width:100%;gap:.8rem;justify-items:stretch}.game-scene[data-layout=mobile-portrait] .board-stage-shell{width:min(100%,calc((var(--viewport-height, var(--app-height)) - var(--scene-block-gutter) - var(--hud-dock-height)) * 1.6))}.game-scene[data-layout=mobile-portrait] .hud-stage-shell{position:static;inset:auto;width:100%;pointer-events:auto}@media(max-width:980px){.start-grid,.win-grid{grid-template-columns:1fr}}@media(max-width:640px){.scene-shell{--scene-padding: .75rem}.scene-panel{border-radius:26px;padding:1.125rem}}.hero-badge,.scene-caption{display:inline-flex;align-items:center;width:fit-content;gap:.45rem;padding:.5rem .95rem;border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#fff0),color-mix(in oklab,white 55%,var(--lemon));box-shadow:0 10px 22px #ffd16229,inset 0 1px #ffffffb8;color:color-mix(in oklab,var(--ink-strong) 86%,var(--coral));font-size:.9rem;font-weight:800;letter-spacing:.02em}.display-title,.panel-title{margin:0;font-family:var(--font-display);line-height:.96;letter-spacing:-.04em}.display-title{font-size:clamp(2.8rem,8vw,5.6rem);max-width:12ch}.panel-title{font-size:clamp(1.8rem,5vw,2.6rem)}.support-copy,.helper-text,.hud-copy,.overlay-copy{margin:0;color:var(--ink-soft);line-height:1.6}.action-button{border:none;border-radius:999px;padding:.95rem 1.4rem;font-weight:800;font-size:1rem;box-shadow:0 14px 28px #2e426624,inset 0 1px #ffffff5c;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.action-button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-md)}.action-button:disabled{cursor:not-allowed;opacity:.58}.action-button--primary{background:linear-gradient(180deg,#ffffff2e,#fff0),linear-gradient(135deg,var(--coral),color-mix(in oklab,var(--coral) 68%,var(--lemon)));color:#fff}.action-button--secondary{background:linear-gradient(180deg,#ffffff85,#fff0),color-mix(in oklab,white 68%,var(--sea-bright));color:var(--ink-strong)}.count-picker{display:flex;flex-wrap:wrap;gap:.75rem}.count-option{min-width:4.5rem;border:1px solid rgba(255,255,255,.48);border-radius:1.2rem;padding:.75rem 1rem;background:linear-gradient(180deg,#ffffffb8,#fff0),color-mix(in oklab,white 86%,var(--bg-sand));box-shadow:0 10px 24px #25385a14,inset 0 1px #ffffffd1;color:var(--ink-strong);font-weight:800}.count-option[data-active=true]{background:color-mix(in oklab,white 45%,var(--lemon));border-color:color-mix(in oklab,var(--coral) 30%,var(--lemon))}.field-label{display:block;font-size:.92rem;font-weight:700;color:var(--ink-strong)}.name-field{width:100%;border:1px solid rgba(255,255,255,.56);border-radius:1.1rem;padding:.9rem 1rem;background:linear-gradient(180deg,#ffffffc7,#fff0),color-mix(in oklab,white 82%,var(--bg-sand));box-shadow:inset 0 1px #ffffffb8,0 10px 24px #24385a0f;color:var(--ink-strong)}.name-field:focus{outline:3px solid color-mix(in oklab,var(--mint) 42%,white);outline-offset:2px}.toggle-row{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:1.15rem;background:color-mix(in oklab,white 82%,var(--mint));font-weight:700}.toggle-row input{width:1.1rem;height:1.1rem;accent-color:var(--coral)}.crew-preview,.crew-list{display:flex;flex-wrap:wrap;gap:.75rem}.preview-pill,.crew-pill{display:inline-flex;align-items:center;gap:.65rem;min-width:0;padding:.78rem .95rem;border-radius:1.1rem;background:linear-gradient(180deg,#ffffff9e,#fff0),color-mix(in oklab,white 78%,var(--sea-bright));box-shadow:0 10px 20px #26385c14,inset 0 1px #ffffffbd;color:var(--ink-strong)}.preview-pill[data-ai=true]{background:color-mix(in oklab,white 72%,var(--mint))}.crew-pill{justify-content:space-between;width:100%;border:1px solid color-mix(in oklab,var(--crew-color, var(--sea-deep)) 18%,white)}.crew-pill[data-active=true]{background:color-mix(in oklab,white 54%,var(--lemon));transform:translateY(-2px)}.crew-pill__name{font-weight:800}.crew-pill__meta{color:var(--ink-soft);font-size:.9rem}.crew-dot{width:.9rem;height:.9rem;border-radius:999px;background:var(--crew-color, var(--coral));box-shadow:0 0 0 4px color-mix(in oklab,var(--crew-color, var(--coral)) 24%,white);flex:none}.overlay-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.05}.hud-float,.hud-primary-bar,[data-role=hud-primary-bar]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-turn-pill{position:absolute;top:clamp(.55rem,1.4vw,.85rem);left:clamp(.55rem,1.4vw,.85rem);display:flex;align-items:center;gap:.72rem;min-width:11rem;padding:.66rem .9rem;border-radius:1.3rem;background:linear-gradient(180deg,#fffffff5,#fff4e2eb),linear-gradient(135deg,#ffe7ad2e,#6fdbff1a);border:1px solid rgba(255,255,255,.48);box-shadow:0 16px 36px #1235612e,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.hud-turn-pill__avatar{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,white 12%,var(--current-player, var(--coral))),color-mix(in oklab,black 6%,var(--current-player, var(--coral))));color:#fff;font-size:.82rem;font-weight:900;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #0000001f,0 8px 18px color-mix(in oklab,var(--current-player, var(--coral)) 24%,transparent)}.hud-turn-pill__stack{min-width:0;display:grid;gap:.08rem}.hud-turn-pill__eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4e391eb8}.hud-turn-pill__name{min-width:0;font-size:1rem;font-weight:900;color:#29446a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-turn-pill__meta{font-size:.82rem;color:color-mix(in oklab,var(--ink-soft) 84%,var(--sea-deep))}.hud-float__dock{position:absolute;right:clamp(.9rem,2vw,1.35rem);bottom:clamp(.9rem,2vw,1.35rem);display:grid;justify-items:end;gap:.6rem;pointer-events:none}.sound-toggle{min-height:2.9rem;padding:.65rem .95rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:1rem;box-shadow:0 8px 16px #2f364e14,inset 0 -2px #0000000f;pointer-events:auto;white-space:nowrap}.sound-toggle[aria-pressed=true]{opacity:.72;filter:saturate(.82)}.sound-toggle--inline{margin-left:auto}.sound-toggle__icon{font-size:1.1rem;line-height:1}.sound-toggle__text{font-size:.8rem;font-weight:900;letter-spacing:.02em;line-height:1}.hud-settings{display:grid;gap:.55rem}.hud-settings__button{width:100%;justify-content:center}.hud-drawer{position:absolute;left:clamp(.9rem,2vw,1.35rem);bottom:clamp(.9rem,2vw,1.35rem);width:min(18rem,calc(100% - 7rem));pointer-events:auto}.hud-drawer__toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.58rem .95rem;border-radius:999px;background:linear-gradient(180deg,#fffcf5f5,#fff2d6f0),linear-gradient(135deg,#ffd07b24,#6bd4ff1a);border:1px solid rgba(255,255,255,.54);box-shadow:0 10px 22px #33385c26,inset 0 1px #ffffffd6;color:#55371c;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.hud-drawer__toggle:focus-visible,.sound-toggle:focus-visible,.dice-fab:focus-visible{outline:3px solid color-mix(in oklab,var(--mint) 42%,white);outline-offset:3px}.hud-drawer__toggle::-webkit-details-marker{display:none}.hud-drawer__toggle:before{content:"☰";font-size:.86rem}.hud-drawer[open] .hud-drawer__toggle:before{content:"×"}.hud-drawer__sheet{margin-top:.7rem;display:grid;gap:.6rem;padding:.72rem;border-radius:24px;background:linear-gradient(180deg,#fff9ebfa,#fff3d9f0),linear-gradient(135deg,#ffdc8f1f,#6eddff1a);border:1px solid rgba(255,255,255,.52);box-shadow:0 24px 44px #2731562e,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-drawer__panel{border-radius:18px;padding:.75rem .85rem;background:#fffaf0f5;border:1px solid rgba(87,63,34,.13)}.hud-drawer__panel--turn{background:color-mix(in oklab,white 52%,var(--lemon))}.hud-drawer__panel--legend{background:#ffffffeb}.hud-drawer__panel--hint{background:color-mix(in oklab,white 74%,var(--sea-bright))}.hud-drawer__hint{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.4}.hud-mini__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.55rem}.hud-mini__eyebrow{margin:0 0 .45rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#47371fc7}.hud-mini__bar .hud-mini__eyebrow{margin:0}.hud-mini__current{display:flex;align-items:center;gap:.65rem}.hud-mini__current-badge,.hud-legend__badge{min-width:2.1rem;height:2.1rem;padding:0 .42rem;display:grid;place-items:center;border-radius:999px;background:var(--current-player, var(--crew-color, var(--coral)));color:#fff;font-weight:800;font-size:.76rem;letter-spacing:.03em;box-shadow:inset 0 -2px #00000024}.hud-mini__current-copy{display:grid;gap:.1rem}.hud-mini__current-copy strong{font-size:1.08rem}.hud-mini__current-copy span{color:var(--ink-soft);font-size:.84rem}.hud-legend{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.hud-legend__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .1rem;border-bottom:1px dashed rgba(80,59,27,.16)}.hud-legend__item:last-child{border-bottom:none}.hud-legend__item[data-active=true] .hud-legend__name{color:var(--coral)}.hud-legend__item[data-active=true]{margin:0 -.2rem;padding-inline:.45rem;border-radius:14px;background:color-mix(in oklab,white 36%,var(--lemon))}.hud-legend__left{min-width:0;display:flex;align-items:center;gap:.55rem}.hud-legend__name{font-weight:700}.hud-legend__meta{color:var(--ink-soft);font-size:.82rem;white-space:nowrap}.hud-mini__event{margin:0;color:var(--ink-strong);display:grid;gap:.15rem}.hud-mini__event-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#47371fb8}.hud-mini__event-text{font-size:.88rem;line-height:1.35}.dice-fab{min-width:4.9rem;min-height:4.9rem;padding:.82rem .95rem;display:inline-grid;place-items:center;gap:.12rem;border-radius:1.35rem;background:linear-gradient(180deg,#ff9150,#ff6c4b,#ff7f4b);border:1px solid rgba(255,255,255,.28);box-shadow:0 16px 28px #ff683942,inset 0 2px #ffffff47,inset 0 -3px #0000001a;pointer-events:auto;transform-origin:center}.dice-fab__icon{font-size:1.42rem;line-height:1}.dice-fab__label{font-size:.9rem;font-weight:900;letter-spacing:.02em}.dice-fab__value{min-width:1.55rem;height:1.55rem;display:grid;place-items:center;padding:0 .35rem;border-radius:999px;background:#ffffff38;box-shadow:inset 0 1px #ffffff57,0 4px 10px #782e1229;font-size:.96rem;font-weight:900}.dice-fab[data-motion=rolling]{box-shadow:0 14px 28px #ff84593d,inset 0 -3px #0000001a}.dice-fab[data-motion=moving],.dice-fab[data-motion=landing],.dice-fab[data-motion=result]{box-shadow:0 14px 26px #ffc45038,inset 0 -3px #0000001a}@media(max-width:640px){.hud-turn-pill{max-width:calc(100% - 6.5rem)}.hud-drawer{width:min(16rem,calc(100% - 6rem))}.hud-drawer__sheet{padding:.62rem}.dice-fab{min-width:4.95rem;min-height:4.95rem;border-radius:1.5rem}}.hud-float[data-layout=mobile-portrait]{position:static;display:grid;gap:.7rem;pointer-events:auto}.hud-float[data-layout=mobile-portrait] .hud-turn-pill{position:static;inset:auto;max-width:none;width:100%;min-width:0;padding:.62rem .78rem;gap:.62rem;pointer-events:auto}.hud-float[data-layout=mobile-portrait] .hud-turn-pill__avatar{width:2.2rem;height:2.2rem;font-size:.74rem}.hud-float[data-layout=mobile-portrait] .hud-turn-pill__name{font-size:.96rem}.hud-float[data-layout=mobile-portrait] .hud-turn-pill__meta,.hud-float[data-layout=mobile-portrait] .hud-turn-pill__eyebrow{font-size:.72rem}.hud-float[data-layout=mobile-portrait] .hud-primary-bar{position:static;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:end;pointer-events:auto}.hud-float[data-layout=mobile-portrait] .hud-drawer,.hud-float[data-layout=mobile-portrait] .hud-float__dock{position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto}.hud-float[data-layout=mobile-portrait] .hud-drawer{width:100%}.hud-float[data-layout=mobile-portrait] .hud-drawer__toggle{width:100%;min-height:4.4rem;justify-content:center;border-radius:1.35rem}.hud-float[data-layout=mobile-portrait] .hud-float__dock{display:block;pointer-events:auto}.hud-float[data-layout=mobile-portrait] .dice-fab{min-width:5.3rem;min-height:4.4rem;padding:.8rem .95rem;border-radius:1.45rem}.hud-float[data-layout=mobile-portrait] .dice-fab__icon{font-size:1.44rem}@media(max-width:640px){.board-cell-label{min-width:2rem;height:1.55rem;font-size:.76rem}.board-player-chip{width:2rem;height:2rem}.board-player-chip__badge{min-width:1.55rem;height:1.55rem;padding:0 .3rem;font-size:.7rem}.board-sticker{gap:.14rem}.board-sticker:before{height:.82rem}.board-sticker[data-lift=up]:after{top:calc(100% + .55rem)}.board-sticker[data-lift=down]:after{bottom:calc(100% + .55rem)}.board-sticker__icon{width:1.46rem;height:1.46rem;font-size:.88rem}.board-sticker__title{padding:.16rem .42rem;font-size:.58rem}.board-center-sign{transform:translate(-50%,-50%) scale(.92);transform-origin:center}}.hud-mini__action-copy{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.45}.roll-button{width:100%;margin-top:.8rem;font-size:1.05rem}.roll-button--compact{padding:.9rem 1rem;font-size:.96rem}.overlay-card{width:min(520px,100%);max-height:min(34rem,calc(var(--viewport-height, var(--app-height)) - 2rem));display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1rem;overflow:hidden;border-radius:34px;padding:1.4rem;background:color-mix(in oklab,white 80%,var(--bg-sand));box-shadow:0 28px 80px #22305d38;text-align:left}.overlay-card__body{min-height:0;overflow:auto}.info-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.info-overlay[data-layout=modal]{display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);background:#111f353d;pointer-events:auto}.info-overlay__card{position:absolute;display:grid;gap:.2rem;padding:1rem 1rem 1.1rem;border-radius:1.3rem;background:#fffbf2f7;border:1px solid rgba(96,71,33,.12);box-shadow:0 18px 36px #172a482e;pointer-events:auto}.info-overlay[data-layout=modal] .info-overlay__card{position:relative;width:min(28rem,100%);max-width:100%;max-height:min(34rem,calc(var(--viewport-height, var(--app-height)) - 2rem));overflow:auto}.info-overlay__close{position:absolute;top:.7rem;right:.7rem;width:2rem;height:2rem;display:grid;place-items:center;border:none;border-radius:999px;background:#e8effaeb;color:#28435d;font-size:1rem;font-weight:900;cursor:pointer}.overlay-badge{width:4rem;height:4rem;display:grid;place-items:center;border-radius:1.3rem;background:linear-gradient(180deg,color-mix(in oklab,white 38%,var(--lemon)),color-mix(in oklab,white 30%,var(--coral)));font-size:2rem;box-shadow:var(--shadow-md)}.overlay-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.overlay-choice{flex:1 1 180px}.ranking-list{display:grid;gap:.85rem}.ranking-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem 1rem;border-radius:1.4rem;background:color-mix(in oklab,white 72%,var(--bg-sand))}.ranking-item--winner{background:color-mix(in oklab,white 50%,var(--lemon))}.ranking-item__left{display:flex;align-items:center;gap:.8rem;min-width:0}.ranking-item__badge{width:2.3rem;height:2.3rem;display:grid;place-items:center;flex:none;border-radius:999px;background:var(--crew-color, var(--coral));color:#fff;font-weight:800}.ranking-item__name{font-weight:800}.ranking-item__meta{color:var(--ink-soft);font-size:.92rem;white-space:nowrap}.board-cell-label{position:absolute;display:grid;place-items:center;min-width:2.5rem;height:1.9rem;padding:0 .48rem;border-radius:.82rem;transform:translate(-50%,-50%) rotate(var(--cell-rotation, 0deg));background:linear-gradient(180deg,#ffffffa3,#fff0),linear-gradient(180deg,#fff3ce,#f0cf88);border:1.8px solid rgba(126,88,34,.52);color:#553410;font-size:.9rem;font-weight:900;line-height:1;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s ease;box-shadow:inset 0 2px #ffffffb3,inset 0 -2px #ce903d3d,0 10px 18px #60472129}.board-cell-label--landmark{background:linear-gradient(180deg,#ffe783,#ffbc57);font-size:.86rem}.board-cell-label--final-bend{min-width:2.2rem;height:1.68rem;padding:0 .38rem;border-radius:999px;font-size:.78rem;background:linear-gradient(180deg,#ffffffa3,#fff0),linear-gradient(180deg,#fff6d5,#ffd690);border-color:#a7642a7a;box-shadow:inset 0 2px #ffffffc7,inset 0 -2px #d27c4033,0 9px 16px #60472124}.board-cell-label--finish-lane{min-width:1.92rem;height:1.62rem;padding:0 .34rem;border-radius:999px;font-size:.74rem;color:#7a2f19;background:linear-gradient(180deg,#ffffffa3,#fff0),linear-gradient(180deg,#fff2ce,#ffc682);border-color:#c9703485;box-shadow:inset 0 2px #ffffffc2,inset 0 -2px #ce903d29,0 8px 14px #cc6f2f29}.board-cell-label--landmark-star,.board-cell-label--landmark-dice{background:linear-gradient(180deg,#fff0a2,#ffca66);border-color:#a774219e}.board-cell-label--landmark-gem{background:linear-gradient(180deg,#ffe2ef,#ffb3d3);border-color:#b05b7e94}.board-cell-label--landmark-octopus,.board-cell-label--landmark-swirl{background:linear-gradient(180deg,#e5efff,#b9d0ff);border-color:#5c7cb594}.board-cell-label--landmark-bridge,.board-cell-label--landmark-ladder{background:linear-gradient(180deg,#edf8c8,#bfe98a);border-color:#67923a94}.board-cell-label--landmark-pirate,.board-cell-label--landmark-shark{background:linear-gradient(180deg,#ffd8c7,#ffab88);border-color:#b4603c9e}.board-cell-label--current{background:linear-gradient(180deg,#ff9775,#ff5f6e);border-color:#ab483fb3;color:#fff;box-shadow:inset 0 1px #ffffff3d,0 0 0 6px #ffffff3d,0 10px 18px #cc5e3152}.board-cell-label--trail{background:linear-gradient(180deg,#fff6c2,#ffe592);box-shadow:inset 0 2px #ffffffb8,inset 0 -2px #ce903d2e,0 10px 20px #ffd67847}.board-cell-label--active{transform:translate(-50%,-56%) rotate(var(--cell-rotation, 0deg)) scale(1.12);filter:saturate(1.08)}.board-cell-label--landed{background:linear-gradient(180deg,#ffd3a2,#ff9f68);border-color:#bc582ab3;color:#fff}.board-player-chip{position:absolute;display:inline-grid;place-items:center;transform:translate(-50%,-50%);width:2.2rem;height:2.2rem;border-radius:999px;isolation:isolate;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s ease}.board-player-chip__shadow{position:absolute;top:.42rem;right:.12rem;bottom:-.15rem;left:.12rem;border-radius:999px;background:#2f508133;filter:blur(4px);z-index:0}.board-player-chip__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#ffedc5eb);box-shadow:inset 0 2px #ffffffd1,inset 0 -2px #c2802f2e,0 10px 18px #0e284d2e;z-index:1}.board-player-chip__badge{position:relative;min-width:1.72rem;height:1.72rem;display:grid;place-items:center;padding:0 .38rem;border-radius:999px;background:var(--chip-color, var(--coral));color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.03em;box-shadow:inset 0 2px #ffffff42,inset 0 -3px #00000029;z-index:2}.board-player-chip--rolling{transform:translate(-50%,-56%) scale(1.03);filter:saturate(1.08)}.board-player-chip--moving{filter:saturate(1.12)}.board-player-chip--landing,.board-player-chip--result{transform:translate(-50%,-54%) scale(1.08);filter:saturate(1.12)}.board-sticker{position:absolute;display:grid;justify-items:center;gap:.2rem;padding:0;border:none;background:transparent;transform:translate(-50%,-50%) rotate(var(--sticker-rotation, 0deg));color:#453018;font-size:.68rem;line-height:1;text-align:center;filter:drop-shadow(0 10px 14px rgba(88,63,31,.18));cursor:pointer}.board-sticker-link{position:absolute;height:2px;transform-origin:0 50%;transform:rotate(var(--link-angle, 0deg));border-radius:999px;background:linear-gradient(90deg,#4b6d9594,#4b6d9514);pointer-events:none}.board-sticker:before{content:"";position:absolute;left:50%;width:2px;height:1rem;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#583f1f85,#583f1f00);z-index:0}.board-sticker:after{content:"";position:absolute;left:50%;width:.44rem;height:.44rem;transform:translate(-50%);border-radius:999px;background:color-mix(in oklab,var(--sticker-accent, #ffd76f) 68%,white);box-shadow:0 0 0 2px #ffffffb3;z-index:0}.board-sticker[data-lift=up]:before{top:calc(100% - .12rem)}.board-sticker[data-lift=up]:after{top:calc(100% + .7rem)}.board-sticker[data-lift=down]:before{bottom:calc(100% - .12rem)}.board-sticker[data-lift=down]:after{bottom:calc(100% + .7rem)}.board-sticker__icon{width:1.78rem;height:1.78rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--sticker-accent, #ffd76f) 44%,white),color-mix(in oklab,var(--sticker-accent, #ffd76f) 76%,#fff3dc));border:1.6px solid rgba(88,63,31,.54);box-shadow:0 8px 14px #583f1f29,inset 0 1px #ffffffc7;font-size:.98rem;z-index:2}.board-sticker__title{padding:.2rem .52rem;border-radius:999px;background:#fffaeffa;border:1.4px solid color-mix(in oklab,var(--sticker-accent, #ffd76f) 28%,#6b4f28);box-shadow:inset 0 1px #ffffffb8,0 6px 10px #583f1f24;font-weight:800;font-size:.66rem;letter-spacing:.02em;white-space:nowrap;z-index:2}.board-sticker__detail{display:none}.board-sticker--star{--sticker-accent: #ffd76f}.board-sticker--gem{--sticker-accent: #ffb8d4}.board-sticker--octopus,.board-sticker--swirl{--sticker-accent: #b8d0ff}.board-sticker--bridge,.board-sticker--ladder{--sticker-accent: #c9f29d}.board-sticker--pirate,.board-sticker--shark,.board-sticker--dice{--sticker-accent: #ffd39a}.board-center-sign{position:absolute;left:54%;top:45.5%;display:grid;justify-items:center;gap:.28rem;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 30px rgba(222,162,58,.22))}.board-center-sign__sparkles{display:flex;align-items:center;gap:.45rem;font-size:1.1rem;text-shadow:0 0 18px rgba(255,234,140,.5)}.board-center-sign__flag{display:inline-grid;place-items:center;min-width:5.2rem;padding:.28rem .7rem;border-radius:.42rem;background:linear-gradient(180deg,#ffffff85,#fff0),linear-gradient(180deg,#ffe587,#ffbf58);border:2px solid rgba(88,63,31,.72);color:#3d2a12;font-size:.84rem;font-weight:900;line-height:1.1;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #c78c2b2e}.board-center-sign__value{display:inline-grid;place-items:center;min-width:3.8rem;height:2.4rem;border-radius:.95rem;background:linear-gradient(180deg,#ffffff85,#fff0),linear-gradient(180deg,#fff4d4,#ffd97b);border:2px solid rgba(88,63,31,.72);color:#3d2a12;font-size:1.22rem;font-weight:900;box-shadow:inset 0 1px #ffffffb8,0 14px 26px #af82313d}.start-scene{display:grid;align-items:center}.start-hero,.win-hero{align-self:stretch;gap:1.2rem}.sticker-row{display:flex;flex-wrap:wrap;gap:.75rem}.sticker{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .95rem;border-radius:999px;background:color-mix(in oklab,white 70%,var(--mint));font-weight:700;color:var(--ink-strong)}.sticker:nth-child(2n){background:color-mix(in oklab,white 68%,var(--coral))}.map-showcase{position:relative;min-height:320px;padding:1.3rem;border-radius:36px;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in oklab,white 32%,var(--lemon)) 0,transparent 28%),radial-gradient(circle at 88% 18%,rgba(255,224,125,.36) 0,transparent 16%),linear-gradient(180deg,color-mix(in oklab,white 20%,var(--sea-bright)),color-mix(in oklab,white 8%,var(--sea-deep)));box-shadow:0 28px 68px #14446e2e,inset 0 1px #ffffff61}.map-showcase__sun,.map-showcase__island,.map-showcase__token{position:absolute}.map-showcase__sun{top:1rem;right:1.4rem;width:6rem;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,color-mix(in oklab,white 28%,var(--lemon)) 0%,transparent 72%)}.map-showcase__island{width:8rem;height:4.8rem;border-radius:55% 45% 48% 52%;background:linear-gradient(180deg,color-mix(in oklab,white 30%,var(--mint)),color-mix(in oklab,white 14%,var(--sea-deep)));box-shadow:inset 0 -8px color-mix(in oklab,var(--sea-deep) 18%,transparent)}.map-showcase__island--one{left:1.4rem;bottom:2rem}.map-showcase__island--two{right:2rem;bottom:4.2rem}.map-showcase__path{position:absolute;top:14%;right:10%;bottom:18%;left:10%}.map-showcase__path svg{width:100%;height:100%}.map-showcase__token{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .9rem;border-radius:999px;background:color-mix(in oklab,white 70%,var(--bg-sand));font-weight:800;color:var(--ink-strong);box-shadow:var(--shadow-md)}.map-showcase__token--a{left:10%;top:18%}.map-showcase__token--b{left:42%;top:42%}.map-showcase__token--c{right:8%;bottom:16%}.start-panel,.win-panel{background:color-mix(in oklab,white 78%,var(--panel))}.game-scene{--scene-padding: 0;padding:var(--scene-padding)}.board-stage-shell{border-radius:2rem;background:linear-gradient(180deg,#ffffff29,#fff0),linear-gradient(180deg,#55aae024,#092f5414);border:1px solid rgba(255,255,255,.32);box-shadow:0 24px 64px #1647772e,inset 0 1px #ffffff85}.board-stage-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.16),transparent 20%),radial-gradient(circle at 88% 12%,rgba(255,219,131,.18),transparent 18%),radial-gradient(circle at 50% 104%,rgba(255,255,255,.18),transparent 28%);mix-blend-mode:screen;pointer-events:none}.board-stage-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff57,inset 0 -36px 64px #04223f1f;pointer-events:none}.event-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);background:color-mix(in oklab,var(--ink-strong) 34%,transparent)}.win-scene{display:grid;align-items:center}.confetti-strip{display:flex;flex-wrap:wrap;gap:.75rem}.confetti-dot{width:1rem;height:1rem;border-radius:999px;background:var(--dot-color, var(--coral))}@media(max-width:980px){.map-showcase{min-height:260px}}@media(max-width:820px){.start-scene,.win-scene{align-items:start}.start-panel,.win-panel{order:-1}.start-hero,.win-hero{gap:.9rem}.map-showcase{min-height:220px}}@media(max-width:640px){.game-scene{--scene-padding: 0}.map-showcase{min-height:180px;border-radius:28px;padding:1rem}.map-showcase__token{padding:.48rem .72rem;font-size:.78rem}.sticker{padding:.55rem .8rem;font-size:.86rem}.win-panel .ranking-item{flex-wrap:wrap;justify-content:flex-start}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes softPulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--coral) 20%,transparent)}50%{box-shadow:0 0 0 16px color-mix(in oklab,var(--coral) 0%,transparent)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes diceRollLoop{0%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-6px) rotate(-12deg) scale(1.05)}50%{transform:translateY(2px) rotate(10deg) scale(.98)}75%{transform:translateY(-4px) rotate(-8deg) scale(1.03)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes chipReady{0%,to{transform:translate(-50%,-50%) scale(1);filter:saturate(1)}50%{transform:translate(-50%,-57%) scale(1.08);filter:saturate(1.14)}}@keyframes chipHop{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-60%) scale(1.06)}}@keyframes landingFlash{0%{transform:translate(-50%,-60%) scale(1.08);filter:brightness(1)}55%{transform:translate(-50%,-48%) scale(1.14);filter:brightness(1.18)}to{transform:translate(-50%,-54%) scale(1.08);filter:brightness(1.05)}}@keyframes finishBeacon{0%,to{filter:drop-shadow(0 18px 30px rgba(222,162,58,.22))}50%{filter:drop-shadow(0 22px 40px rgba(255,190,82,.34))}}@keyframes tileSpark{0%,to{box-shadow:inset 0 2px #ffffffb3,inset 0 -2px #ce903d3d,0 8px 14px #6047212e}50%{box-shadow:inset 0 2px #ffffffc2,inset 0 -2px #ce903d2e,0 12px 22px #ffd67852}}.scene-panel,.board-stage-shell,.overlay-card{animation:riseIn .42s ease-out}.map-showcase__sun,.overlay-badge,.ranking-item--winner .ranking-item__badge{animation:floatBob 4.8s ease-in-out infinite}.action-button--primary,.count-option[data-active=true]{animation:softPulse 3.2s ease-in-out infinite}.dice-fab[data-motion=rolling]{animation:diceRollLoop .42s cubic-bezier(.22,1,.36,1) infinite,softPulse 1.1s ease-in-out infinite}.dice-fab[data-motion=moving],.dice-fab[data-motion=landing],.dice-fab[data-motion=result]{animation:softPulse 1.2s ease-in-out infinite}.board-player-chip--rolling{animation:chipReady .36s cubic-bezier(.22,1,.36,1) infinite}.board-player-chip--moving{animation:chipHop .18s cubic-bezier(.25,1,.5,1) infinite alternate}.board-player-chip--landing,.board-player-chip--result{animation:landingFlash .34s cubic-bezier(.22,1,.36,1)}.board-center-sign{animation:finishBeacon 2.8s ease-in-out infinite}.board-cell-label--trail,.board-cell-label--landed{animation:tileSpark .7s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}