: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: "Nunito", "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(.9 .08 222);--bg-horizon: oklch(.82 .12 210);--bg-sand: oklch(.95 .06 92);--sea-deep: oklch(.48 .16 232);--sea-bright: oklch(.7 .16 210);--coral: oklch(.66 .23 32);--coral-dark: oklch(.5 .21 30);--lemon: oklch(.88 .16 88);--mint: oklch(.82 .15 162);--ink-strong: oklch(.2 .06 248);--ink-soft: oklch(.38 .05 240);--ink-faint: oklch(.58 .04 240);--panel: oklch(.99 .008 90);--sketch-radius-sm: .72rem .88rem .8rem .68rem;--sketch-radius-md: 1.3rem 1.6rem 1.5rem 1.2rem;--sketch-radius-lg: 2rem 2.6rem 2.3rem 1.8rem;--shadow-lg: 0 28px 72px oklch(.28 .1 232 / .22);--shadow-md: 0 16px 38px oklch(.28 .1 232 / .14);--shadow-sm: 0 6px 18px oklch(.28 .1 232 / .08);--texture-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23p)' opacity='0.038'/%3E%3C/svg%3E")}.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:linear-gradient(160deg,#a3e3f8,#66cfe1 35%,#46bfde 52.5%,#32b7dd,#12aedb 70%,#00a6d4,#009dcb 85%,#008cba);background:linear-gradient(160deg,#a3e3f8,#66cfe1 35%,#46bfde 52.5%,#32b7dd,#12aedb 70%,color(xyz 0.254 0.319 0.677),color(xyz 0.227 0.285 0.632) 85%,color(xyz 0.181 0.224 0.55));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(ellipse at 8% 6%,oklch(.97 .14 88 / .55) 0%,oklch(.97 .14 88 / .18) 22%,transparent 48%)}body:after{background:linear-gradient(180deg,transparent 60%,oklch(.42 .1 230 / .28) 100%)}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}.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:#fefcf6;box-shadow:0 32px 80px #002d3f38,0 8px 24px #002d3f1f,inset 0 1px #fff;box-shadow:0 32px 80px oklch(.28 .1 230 / .22),0 8px 24px oklch(.28 .1 230 / .12),inset 0 1px #fff;border:1px solid rgba(255,255,255,.9)}.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: 0;--hud-dock-height: 72px}.game-scene[data-layout=mobile-portrait] .game-layout{min-height:var(--viewport-height, var(--app-height));display:block}.game-scene[data-layout=mobile-portrait] .game-stage{position:relative;width:100%;height:var(--viewport-height, var(--app-height));display:block;overflow:hidden}.game-scene[data-layout=mobile-portrait] .board-stage-shell{--avail-h: calc(var(--viewport-height, var(--app-height)) - var(--hud-dock-height));--board-w: min(var(--avail-h), calc(var(--viewport-width, 100vw) * 1.6));position:absolute;left:50%;top:calc(var(--avail-h) / 2);width:var(--board-w);height:unset;max-width:unset;max-height:unset;aspect-ratio:16 / 10;transform:translate(-50%,-50%) rotate(90deg);border-radius:16px}.game-scene[data-layout=mobile-portrait] .hud-stage-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;pointer-events:none}@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);letter-spacing:.01em;line-height:1.08}.display-title{font-size:clamp(2.6rem,7vw,5rem);max-width:14ch}.panel-title{font-size:clamp(1.6rem,4vw,2.2rem)}.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;left:50%;transform:translate(-50%);bottom:clamp(.7rem,1.6vw,1.05rem);display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.42rem .75rem .42rem .65rem;border-radius:1.6rem;background:linear-gradient(180deg,#fffffff5,#fff4e2f0),linear-gradient(135deg,#ffe7ad2e,#6fdbff1a);border:1px solid rgba(255,255,255,.62);box-shadow:0 16px 36px #12356133,0 4px 12px #1235611a,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;white-space:nowrap}.hud-turn-status-bar{display:flex;align-items:center;gap:.62rem;padding:0;background:none;border:none;box-shadow:none;pointer-events:none}.hud-turn-status-bar__avatar{width:1.72rem;height:1.72rem;flex:none;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,white 16%,var(--current-player, var(--coral))),color-mix(in oklab,black 8%,var(--current-player, var(--coral))));color:#fff;font-size:.72rem;font-weight:900;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #00000029}.hud-turn-status-bar__text{min-width:0;display:grid;gap:.06rem}.hud-turn-status-bar__text strong{font-size:.82rem;color:#243f62;line-height:1.1}.hud-turn-status-bar__text span{min-width:0;color:#4c6586;font-size:.68rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-toggle{min-height:2.9rem;width:100%;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:5.2rem;min-height:5.2rem;padding:.88rem 1rem;display:inline-grid;place-items:center;gap:.14rem;border-radius:1.2rem 1.5rem 1.4rem 1.1rem;background:linear-gradient(180deg,#ffffff38,#fff0 50%),linear-gradient(160deg,#ff745a,#f33825 50%,#e2241b,#d0020f);background:linear-gradient(180deg,#ffffff38,#fff0 50%),linear-gradient(160deg,color(xyz 0.546 0.334 0.075),#f33825 50%,#e2241b,#d0020f);border:2px solid rgba(255,255,255,.24);box-shadow:0 20px 36px #d0020f5c,0 6px 12px #d0020f33,inset 0 3px #ffffff4d,inset 0 -4px #00000024;pointer-events:auto;transform-origin:center;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s ease}.dice-fab:hover:not([data-motion=rolling]){transform:translateY(-3px) scale(1.04);box-shadow:0 28px 48px #d0020f70,0 8px 16px #d0020f3d,inset 0 3px #ffffff57,inset 0 -4px #00000024}.dice-fab:active:not([data-motion=rolling]){transform:translateY(2px) scale(.97);box-shadow:0 8px 18px #d0020f47,inset 0 2px #ffffff38,inset 0 -2px #0000001f}.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-turn-status-bar{min-width:min(16.6rem,calc(100vw - 6.7rem));max-width:min(18rem,calc(100vw - 6.3rem));padding:.4rem .58rem}.hud-turn-status-bar__avatar{width:1.72rem;height:1.72rem}.hud-turn-status-bar__text strong{font-size:.82rem}.hud-turn-status-bar__text span{font-size:.68rem}.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:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.hud-float[data-layout=mobile-portrait] .hud-turn-pill{top:clamp(.48rem,1.2vw,.72rem);left:clamp(.48rem,1.2vw,.72rem);max-width:calc(100% - 11rem);min-width:10rem;padding:.56rem .72rem;gap:.62rem;pointer-events:none}.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:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-float[data-layout=mobile-portrait] .hud-float__dock{position:absolute;left:.75rem;right:.75rem;transform:none;bottom:calc(var(--safe-bottom, 0px) + .6rem);top:auto;justify-content:space-between;border-radius:1.4rem}.hud-float[data-layout=mobile-portrait] .hud-turn-status-bar{min-width:0;max-width:none;flex:1;padding:0;background:none;border:none;box-shadow:none}.hud-float[data-layout=mobile-portrait] .hud-drawer{position:absolute;left:.75rem;right:auto;bottom:calc(var(--safe-bottom, 0px) + .6rem + 3.8rem + .55rem);top:auto;width:min(15rem,calc(100% - 1.5rem))}.hud-float[data-layout=mobile-portrait] .hud-drawer__toggle{width:auto;min-height:2.8rem;border-radius:1rem}.hud-float[data-layout=mobile-portrait] .dice-fab{min-width:5rem;min-height:3rem;padding:.48rem .9rem;border-radius:1.1rem;flex:none}.hud-float[data-layout=mobile-portrait] .dice-fab__icon{font-size:1.2rem}.hud-float[data-layout=mobile-portrait] .dice-fab__label{font-size:.82rem}@media(max-width:640px){.board-cell-label{min-width:2rem;height:1.55rem;font-size:.76rem}.board-cell-label--landmark{min-width:2rem;height:1.55rem;padding:0 .35rem;border-width:1.8px}.board-cell-label__dot{width:9px;height:9px;top:-4px;right:-4px}.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.05rem;height:1.05rem;font-size:.6rem}.board-sticker__title{padding:.08rem .28rem;font-size:.46rem}.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{position:relative;width:min(540px,100%);max-height:min(36rem,calc(var(--viewport-height, var(--app-height)) - 2rem));display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.2rem;overflow:hidden;border-radius:var(--sketch-radius-lg, 2.2rem 2.6rem 2.4rem 2rem);padding:1.6rem;background:#fffcf4;box-shadow:0 40px 100px #00141f5c,0 12px 32px #00141f2e,inset 0 2px #fff;box-shadow:0 40px 100px oklch(.18 .1 232 / .36),0 12px 32px oklch(.18 .1 232 / .18),inset 0 2px #fff;border:1.5px solid rgba(255,255,255,.9);text-align:left}.overlay-card__glow{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent 0%,var(--mood-color, oklch(.62 .18 228)) 30%,var(--mood-color, oklch(.62 .18 228)) 70%,transparent 100%);border-radius:inherit inherit 0 0}.overlay-card__body{min-height:0;overflow:auto}.overlay-emoji{width:5.5rem;height:5.5rem;font-size:3rem;border-radius:var(--sketch-radius-md, 1.3rem 1.6rem 1.5rem 1.2rem);background:linear-gradient(180deg,#ffffff80,#fff0),color-mix(in oklab,white 52%,var(--lemon));box-shadow:0 12px 28px #ae7c0038,inset 0 2px #fffc;box-shadow:0 12px 28px oklch(.62 .16 80 / .22),inset 0 2px #fffc;display:grid;place-items:center}.event-caption[data-mood=danger]{background:#ffd8d6cc;background:oklch(.92 .1 22 / .8);border-color:#ce505366;color:#7c111d}.event-caption[data-mood=lucky]{background:#ffe8c0cc;background:oklch(.94 .12 82 / .8);border-color:#b7850066;border-color:oklch(.65 .16 82 / .4);color:#573d00;color:oklch(.38 .12 82)}.overlay-choice[data-mood=danger]{background:linear-gradient(180deg,#ffffff2e,#fff0 50%),linear-gradient(135deg,#f53b4b,#d41f3a,#b0002c);background:linear-gradient(180deg,#ffffff2e,#fff0 50%),linear-gradient(135deg,#f53b4b,#d41f3a,color(xyz 0.188 0.094 0.03));box-shadow:0 14px 28px #b100264d,inset 0 2px #ffffff38;box-shadow:0 14px 28px oklch(.48 .2 22 / .3),inset 0 2px #ffffff38}.overlay-choice[data-mood=lucky]{background:linear-gradient(180deg,#ffffff38,#fff0 50%),linear-gradient(135deg,#da9f00,#a87500);background:linear-gradient(180deg,#ffffff38,#fff0 50%),linear-gradient(135deg,color(xyz 0.425 0.396 0.009),color(xyz 0.244 0.208 -0.026));color:#251800;color:oklch(.22 .06 80);box-shadow:0 14px 28px #966c004d,inset 0 2px #ffffff4d;box-shadow:0 14px 28px oklch(.56 .18 82 / .3),inset 0 2px #ffffff4d}.info-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:12}.info-overlay[data-layout=anchored]{background:transparent}.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:.35rem;padding:1rem 3.1rem 1rem 1.2rem;border-radius:1.15rem;background:#fffbf2f7;border:1px solid rgba(96,71,33,.12);box-shadow:0 18px 40px #172a4833;pointer-events:auto;min-width:min(23rem,calc(100% - 1.2rem));max-width:min(31rem,calc(100% - 1.2rem))}.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__card--effect .overlay-copy{margin:0;color:#2b4868;font-size:clamp(1.18rem,2.6vw,1.9rem);line-height:1.42;font-weight:600}.info-overlay__card--effect .overlay-copy strong{color:#1b3555;margin-right:.25rem}.info-overlay__close{position:absolute;top:.62rem;right:.62rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:none;border-radius:999px;background:#e8effaeb;color:#28435d;font-size:1.2rem;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}.winner-trophy{font-size:4.5rem;line-height:1;filter:drop-shadow(0 0 16px rgba(255,210,60,.8)) drop-shadow(0 8px 20px rgba(180,120,20,.4));animation:bounceIn .7s cubic-bezier(.22,1,.36,1) .1s both}.winner-crown{font-size:1.2rem;animation:floatBob 3s ease-in-out infinite}.win-ribbon-row{display:flex;gap:.5rem;align-items:flex-end}.win-ribbon{width:12px;background:var(--rb, var(--coral));border-radius:6px;animation:popUp .4s cubic-bezier(.22,1,.36,1) var(--delay, 0s) both}.win-ribbon:nth-child(1){height:32px}.win-ribbon:nth-child(2){height:48px}.win-ribbon:nth-child(3){height:24px}.win-ribbon:nth-child(4){height:56px}.win-ribbon:nth-child(5){height:36px}.win-ribbon:nth-child(6){height:44px}.win-ribbon:nth-child(7){height:20px}.replay-btn{font-size:1.06rem;padding:1rem 1.5rem;border-radius:var(--sketch-radius-md, 1.3rem 1.6rem 1.5rem 1.2rem)}.ranking-list{display:grid;gap:.85rem}.ranking-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1.1rem;border-radius:1.2rem 1.5rem 1.4rem 1.1rem;background:#f7f2e3;border:1.5px solid rgba(180,140,80,.18);transition:transform .18s ease,box-shadow .18s ease}.ranking-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ranking-item--winner{background:linear-gradient(135deg,#fff0d599,#fff8e7),#fff8e7;background:linear-gradient(135deg,color(xyz 0.866 0.879 0.391 / 0.6),color(xyz 0.894 0.941 0.602)),oklch(.98 .08 88);border-color:#e1a10066;border-color:oklch(.75 .16 80 / .4);box-shadow:0 8px 24px #b785002e,inset 0 1px #fffc;box-shadow:0 8px 24px oklch(.65 .16 82 / .18),inset 0 1px #fffc}.ranking-item__left{display:flex;align-items:center;gap:.8rem;min-width:0}.ranking-item__badge{min-width:2.4rem;height:2.4rem;display:grid;place-items:center;flex:none;border-radius:999px;background:var(--crew-color, var(--coral));color:#fff;font-weight:800;font-size:1.1rem}.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:.72rem .88rem .8rem .68rem;transform:translate(-50%,-50%) rotate(var(--cell-rotation, 0deg));background:linear-gradient(180deg,#ffffffb8,#fff0 60%),linear-gradient(175deg,#fff8e0,#f5d888);border:2px solid rgba(140,90,28,.58);color:#4a2c08;font-size:.9rem;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.6),0 -1px 0 rgba(100,60,10,.12);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 #ffffffc7,inset 0 -2px #b46e1e47,2px 4px #8c5a1c2e,0 6px 16px #60411438}.board-cell-label:after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:48px;min-height:48px;width:100%;height:100%}.board-cell-label__value{line-height:1}.board-cell-label--landmark{min-width:2.9rem;height:2.2rem;padding:0 .55rem;border-radius:.82rem 1rem .92rem .78rem;border-width:2.5px;cursor:pointer;background:linear-gradient(180deg,#ffffff8c,#fff0 45%),linear-gradient(180deg,#ffec70,#ffb02e);box-shadow:inset 0 2px #fffc,inset 0 -3px #a0560a47,3px 5px #a0641438,0 14px 24px #8c501447,0 0 0 3px #ffffff61,0 0 16px 3px #ffbc3c7a}.board-cell-label--landmark:hover{transform:translate(-50%,-60%) rotate(var(--cell-rotation, 0deg)) scale(1.18);z-index:10;box-shadow:inset 0 2px #fffc,inset 0 -3px #a0560a3d,3px 5px #a064142e,0 20px 36px #8c501452,0 0 0 3px #ffffff80,0 0 28px 6px #ffc83c8c}.board-cell-label--landmark:active{transform:translate(-50%,-54%) rotate(var(--cell-rotation, 0deg)) scale(1.08)}.board-cell-label__dot{position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:999px;background:var(--dot-color, #e8901a);border:2px solid white;box-shadow:0 2px 6px #00000042,0 0 0 0 var(--dot-color, #e8901a);animation:dot-pulse 2.4s ease-out infinite}@keyframes dot-pulse{0%,70%{box-shadow:0 2px 6px #00000042,0 0 0 0 var(--dot-color, #e8901a)}40%{box-shadow:0 2px 6px #00000042,0 0 0 5px color-mix(in oklab,var(--dot-color, #e8901a) 0%,transparent)}}.board-cell-label--landmark-star .board-cell-label__dot,.board-cell-label--landmark-dice .board-cell-label__dot{--dot-color: #e8900a}.board-cell-label--landmark-gem .board-cell-label__dot{--dot-color: #d43890}.board-cell-label--landmark-octopus .board-cell-label__dot,.board-cell-label--landmark-swirl .board-cell-label__dot{--dot-color: #3a70e8}.board-cell-label--landmark-bridge .board-cell-label__dot,.board-cell-label--landmark-ladder .board-cell-label__dot{--dot-color: #3a9a18}.board-cell-label--landmark-pirate .board-cell-label__dot,.board-cell-label--landmark-shark .board-cell-label__dot{--dot-color: #d44018}.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,#ffffff80,#fff0),linear-gradient(180deg,#fff06f,#ffad2b);border-color:#92540bb3;color:#5c3600;box-shadow:inset 0 2px #ffffffb8,inset 0 -2px #92540b33,0 10px 18px #92540b33,0 0 0 2.5px #ffffff52,0 0 10px 2px #ffad2b6b}.board-cell-label--landmark-gem{background:linear-gradient(180deg,#ffffff80,#fff0),linear-gradient(180deg,#ffd1e8,#ff70b4);border-color:#952a5cb3;color:#6b1048;box-shadow:inset 0 2px #ffffffb8,inset 0 -2px #952a5c33,0 10px 18px #952a5c33,0 0 0 2.5px #ffffff52,0 0 10px 2px #ff70b461}.board-cell-label--landmark-octopus,.board-cell-label--landmark-swirl{background:linear-gradient(180deg,#ffffff80,#fff0),linear-gradient(180deg,#cfe3ff,#7ca6ff);border-color:#34559bb3;color:#1e3a7a;box-shadow:inset 0 2px #ffffffb8,inset 0 -2px #34559b33,0 10px 18px #34559b33,0 0 0 2.5px #ffffff52,0 0 10px 2px #7ca6ff6b}.board-cell-label--landmark-bridge,.board-cell-label--landmark-ladder{background:linear-gradient(180deg,#ffffff80,#fff0),linear-gradient(180deg,#e4ffc0,#97e04e);border-color:#44791ab3;color:#2a5410;box-shadow:inset 0 2px #ffffffb8,inset 0 -2px #44791a33,0 10px 18px #44791a33,0 0 0 2.5px #ffffff52,0 0 10px 2px #97e04e6b}.board-cell-label--landmark-pirate,.board-cell-label--landmark-shark{background:linear-gradient(180deg,#ffffff80,#fff0),linear-gradient(180deg,#ffc9b1,#ff7540);border-color:#923814bf;color:#5c1c06;box-shadow:inset 0 2px #ffffffb8,inset 0 -2px #92381433,0 10px 18px #92381433,0 0 0 2.5px #ffffff52,0 0 10px 2px #ff75406b}.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--landmark.board-cell-label--active{transform:translate(-50%,-56%) rotate(var(--cell-rotation, 0deg)) scale(1.18)}.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:flex;flex-direction:row;align-items:center;gap:.18rem;padding:0;border:none;background:transparent;transform:translate(-50%,-50%);color:#453018;font-size:.54rem;line-height:1;text-align:left;filter:drop-shadow(0 4px 6px rgba(88,63,31,.14));cursor:pointer}.board-sticker-link{display:none}.board-sticker:before,.board-sticker:after{display:none}.board-sticker__icon{width:1.28rem;height:1.28rem;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.4px solid rgba(88,63,31,.38);box-shadow:0 3px 6px #583f1f24,inset 0 1px #ffffffc7;font-size:.72rem;z-index:2;flex-shrink:0}.board-sticker__title{padding:.12rem .36rem;border-radius:999px;background:#fffaeff0;border:1px solid color-mix(in oklab,var(--sticker-accent, #ffd76f) 24%,#8b6a3a);box-shadow:inset 0 1px #ffffffb8,0 3px 6px #583f1f1a;font-weight:800;font-size:.54rem;letter-spacing:.02em;white-space:nowrap;z-index:2}.board-sticker__detail{display:none}.board-sticker:hover .board-sticker__detail,.board-sticker:focus-visible .board-sticker__detail{display:block;padding:.14rem .44rem;border-radius:999px;background:#fffaeff5;border:1.2px solid color-mix(in oklab,var(--sticker-accent, #ffd76f) 22%,#8b6a3a);font-weight:700;font-size:.56rem;color:#6b4f28;letter-spacing:.01em;white-space:nowrap;z-index:2}.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:.42rem;transform:translate(-50%,-50%);filter:drop-shadow(0 0 32px rgba(255,210,60,.72)) drop-shadow(0 24px 48px rgba(160,100,10,.36));pointer-events:none;z-index:8}.board-center-sign__sparkles{display:flex;align-items:center;gap:.55rem;font-size:1.5rem;text-shadow:0 0 12px rgba(255,234,140,.9),0 0 28px rgba(255,200,60,.6)}.board-center-sign__flag{display:inline-grid;place-items:center;min-width:7rem;padding:.42rem 1.1rem;border-radius:.6rem;background:linear-gradient(180deg,#ffffffad,#fff0 50%),linear-gradient(180deg,#ffed7a,#ffae28 60%,#f09000);border:2.5px solid rgba(110,70,10,.82);color:#3a2008;font-size:1.08rem;font-weight:900;letter-spacing:.06em;line-height:1.1;box-shadow:inset 0 2px #ffffffd1,inset 0 -3px #96500a47,0 12px 28px #b46e1452,0 0 0 1px #ffdc5066}.board-center-sign__value{display:inline-grid;place-items:center;min-width:4.8rem;height:3rem;border-radius:1.1rem;background:linear-gradient(180deg,#ffffffad,#fff0 40%),linear-gradient(180deg,#fffbe8,#ffd44a);border:2.5px solid rgba(110,70,10,.82);color:#3a2008;font-size:1.56rem;font-weight:900;box-shadow:inset 0 2px #ffffffd6,inset 0 -3px #96500a3d,0 16px 32px #a0641447,0 0 0 1px #ffdc5066}.start-scene{display:grid;align-items:center}.start-hero,.win-hero{align-self:stretch;gap:1.1rem}.sticker-row{display:flex;flex-wrap:wrap;gap:.62rem}.sticker{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;font-weight:700;font-size:.9rem;color:var(--ink-strong);background:#a6fad0cc;border:1.5px solid oklch(.6 .12 162 / .5);box-shadow:0 3px #25966a40}.sticker--surprise{background:#ffdbd4bf;background:oklch(.92 .12 32 / .75);border-color:#c65b4873;box-shadow:0 3px #c65b4838}.sticker--trophy{background:#ffe5a8cc;background:oklch(.93 .14 88 / .8);border-color:#a6800073;border-color:oklch(.62 .14 88 / .45);box-shadow:0 3px #a6800038;box-shadow:0 3px oklch(.62 .14 88 / .22)}.hero-scene{position:relative;min-height:300px;border-radius:var(--sketch-radius-lg);overflow:hidden;background:linear-gradient(180deg,#00b6e0,#00aad4,#009ec8 22.5%,#0086ae 45%,#005a7e);background:linear-gradient(180deg,color(xyz 0.3 0.39 0.785),color(xyz 0.259 0.336 0.73),color(xyz 0.222 0.287 0.677) 22.5%,color(xyz 0.16 0.204 0.577) 45%,color(xyz 0.077 0.088 0.326));box-shadow:0 32px 72px #002d4052,inset 0 1px #ffffff47,inset 0 -2px #00000026;box-shadow:0 32px 72px oklch(.28 .14 232 / .32),inset 0 1px #ffffff47,inset 0 -2px #00000026;border:2px solid rgba(255,255,255,.18)}.hero-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-sun{position:absolute;top:.8rem;right:1.4rem;width:5.5rem;height:5.5rem;border-radius:999px;background:radial-gradient(circle,oklch(.98 .16 88) 0%,oklch(.92 .18 78) 38%,oklch(.88 .16 74 / .6) 62%,transparent 80%);box-shadow:0 0 24px #ffe0a999,0 0 60px #ffcf7d40;box-shadow:0 0 24px oklch(.92 .18 82 / .6),0 0 60px oklch(.88 .16 80 / .25)}.hero-star{position:absolute;left:var(--x, 50%);top:var(--y, 10%);width:var(--sz, 5px);height:var(--sz, 5px);border-radius:999px;background:#fff7eb;background:oklch(.98 .04 80);box-shadow:0 0 6px #fff7ebcc;box-shadow:0 0 6px oklch(.98 .12 80 / .8)}.hero-ocean{position:absolute;bottom:0;left:0;right:0;height:55%;pointer-events:none}.hero-wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background-repeat:repeat-x;background-position:0 bottom;background-size:50% 100%}.hero-wave--back{opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath d='M0 60 C240 20 480 100 720 60 C960 20 1200 100 1440 60 L1440 120 L0 120 Z' fill='%23185a8a'/%3E%3C/svg%3E")}.hero-wave--mid{opacity:.55;bottom:-4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath d='M0 70 C180 30 360 110 720 70 C1080 30 1260 110 1440 70 L1440 120 L0 120 Z' fill='%231a6b9e'/%3E%3C/svg%3E")}.hero-wave--front{opacity:.8;bottom:-8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath d='M0 80 C120 50 360 110 720 80 C1080 50 1320 110 1440 80 L1440 120 L0 120 Z' fill='%23206fa8'/%3E%3C/svg%3E")}.hero-ship-wrap{position:absolute;left:10%;bottom:26%;width:52%;transform-origin:center 90%}.hero-ship{width:100%;height:auto;filter:drop-shadow(0 12px 24px rgba(10,40,80,.4))}.hero-island{position:absolute;right:5%;bottom:22%;display:flex;flex-direction:column;align-items:center;gap:.1rem}.hero-island__glow{position:absolute;top:-20px;right:-30px;bottom:-20px;left:-30px;border-radius:999px;background:radial-gradient(ellipse,oklch(.88 .18 82 / .5) 0%,transparent 70%);pointer-events:none}.hero-island__palm{font-size:2.6rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.hero-island__chest{font-size:2rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(200,140,20,.6));animation:floatBob 3.5s ease-in-out infinite}.hero-island__label{margin-top:.3rem;padding:.25rem .65rem;border-radius:999px;background:#ffe664e0;color:#3a2008;font-size:.68rem;font-weight:900;letter-spacing:.06em;border:1.5px solid rgba(180,120,20,.6);white-space:nowrap}.hero-compass-wrap{position:absolute;left:1rem;bottom:1rem;font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));opacity:.8}.hero-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.mode-btn{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;text-align:left}.mode-btn__icon{font-size:1.3rem;line-height:1}.mode-btn__label{font-weight:800;font-size:.92rem}.start-cta{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.08rem;padding:1.05rem 1.6rem;background:linear-gradient(180deg,#fff3,#fff0 50%),linear-gradient(135deg,var(--coral),var(--coral-dark));box-shadow:0 18px 36px #c4150052,0 6px 12px #c415002e,inset 0 2px #ffffff47,inset 0 -3px #00000024;box-shadow:0 18px 36px oklch(.52 .22 32 / .32),0 6px 12px oklch(.52 .22 32 / .18),inset 0 2px #ffffff47,inset 0 -3px #00000024;border-radius:var(--sketch-radius-md)}.start-cta:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 24px 48px #c4150066,0 8px 16px #c4150038,inset 0 2px #ffffff52;box-shadow:0 24px 48px oklch(.52 .22 32 / .4),0 8px 16px oklch(.52 .22 32 / .22),inset 0 2px #ffffff52}.start-cta:active:not(:disabled){transform:translateY(1px) scale(.99)}.start-cta__icon{font-size:1.4rem}.start-panel{background:var(--panel)}.game-scene{--scene-padding: 0;padding:var(--scene-padding)}.board-stage-shell{border-radius:2rem;background:linear-gradient(180deg,#ffffff24,#fff0),linear-gradient(180deg,#55aae01f,#092f540f);border:1px solid rgba(255,255,255,.28);box-shadow:0 32px 80px #123e6c47,0 8px 22px #123e6c24,inset 0 1px #ffffff7a}.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,.14),transparent 20%),radial-gradient(circle at 88% 12%,rgba(255,219,131,.16),transparent 18%),radial-gradient(circle at 50% 104%,rgba(255,255,255,.16),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;background-image:var(--texture-paper, none);background-size:200px 200px;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -36px 64px #04223f1a;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:#00141f9e;background:oklch(.18 .08 232 / .62);-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2)}.win-scene{display:grid;align-items:center;overflow:hidden;position:relative}.win-panel{background:var(--panel);position:relative;z-index:1}.confetti-strip{display:flex;flex-wrap:wrap;gap:.75rem}.confetti-dot{width:1rem;height:1rem;border-radius:999px;background:var(--dot-color, var(--coral))}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.confetti-particle{position:absolute;top:-30px;left:var(--x, 50%);width:var(--size, 10px);height:var(--size, 10px);background:var(--color, #ff6b6b);border-radius:var(--br, 50%)}.winner-announce{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}@media(max-width:980px){.hero-scene{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:.85rem}.hero-scene{min-height:220px}}@media(max-width:640px){.game-scene{--scene-padding: 0}.hero-scene{min-height:180px;border-radius:1.5rem 2rem 1.8rem 1.4rem}.hero-ship-wrap{width:58%}.hero-island__palm{font-size:2rem}.hero-island__chest{font-size:1.6rem}.sticker{padding:.48rem .78rem;font-size:.84rem}.win-panel .ranking-item{flex-wrap:wrap;justify-content:flex-start}}@keyframes floatBob{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-10px) rotate(.5deg)}}@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(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.4) rotate(-8deg)}55%{opacity:1;transform:scale(1.16) rotate(3deg)}75%{transform:scale(.94) rotate(-1.5deg)}90%{transform:scale(1.04) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes popUp{0%{opacity:0;transform:translateY(32px) scale(.88)}62%{opacity:1;transform:translateY(-6px) scale(1.03)}82%{transform:translateY(3px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(28px) skewY(3deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) skewY(0);filter:blur(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes wobbleIn{0%{opacity:0;transform:scale(.72) rotate(-6deg)}50%{opacity:1;transform:scale(1.06) rotate(2.5deg)}72%{transform:scale(.97) rotate(-1deg)}88%{transform:scale(1.02) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes diceRollLoop{0%{transform:translateY(0) rotate(0) scale(1)}18%{transform:translateY(-9px) rotate(-18deg) scale(1.08)}36%{transform:translateY(3px) rotate(14deg) scale(.96)}54%{transform:translateY(-6px) rotate(-10deg) scale(1.05)}72%{transform:translateY(2px) rotate(7deg) scale(.99)}88%{transform:translateY(-3px) rotate(-4deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes diceIdle{0%,80%,to{transform:rotate(0)}83%{transform:rotate(-4deg)}86%{transform:rotate(4deg)}89%{transform:rotate(-2deg)}92%{transform:rotate(1deg)}}@keyframes chipReady{0%,to{transform:translate(-50%,-50%) scale(1);filter:saturate(1)}50%{transform:translate(-50%,-60%) scale(1.1);filter:saturate(1.2) brightness(1.08)}}@keyframes chipHop{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-62%) scale(1.07)}}@keyframes landingFlash{0%{transform:translate(-50%,-62%) scale(1.1);filter:brightness(1) saturate(1)}30%{transform:translate(-50%,-44%) scale(1.18);filter:brightness(1.28) saturate(1.3)}58%{transform:translate(-50%,-60%) scale(1.06);filter:brightness(1.1) saturate(1.1)}80%{transform:translate(-50%,-56%) scale(1.09);filter:brightness(1.04)}to{transform:translate(-50%,-58%) scale(1.08);filter:brightness(1)}}@keyframes cellLand{0%{box-shadow:inset 0 2px #fffc,0 0 #ffdc50cc,0 8px 14px #6047212e}28%{box-shadow:inset 0 2px #ffffffe6,0 0 0 14px #ffdc5000,0 18px 32px #ffbe2861;transform:translate(-50%,-50%) rotate(var(--cell-rotation, 0deg)) scale(1.18)}to{box-shadow:inset 0 2px #ffffffb3,0 0 #ffdc5000,0 8px 14px #6047212e;transform:translate(-50%,-50%) rotate(var(--cell-rotation, 0deg)) scale(1)}}@keyframes tileSpark{0%,to{box-shadow:inset 0 2px #ffffffb3,inset 0 -2px #ce903d3d,0 8px 14px #6047212e}50%{box-shadow:inset 0 2px #ffffffe0,inset 0 -2px #ce903d29,0 14px 26px #ffc8506b}}@keyframes finishBeacon{0%,to{filter:drop-shadow(0 0 8px rgba(255,210,60,.4)) drop-shadow(0 18px 30px rgba(222,162,58,.22))}50%{filter:drop-shadow(0 0 22px rgba(255,230,80,.9)) drop-shadow(0 24px 48px rgba(255,190,50,.42))}}@keyframes shipRock{0%,to{transform:rotate(-3deg) translateY(0)}25%{transform:rotate(2.5deg) translateY(-4px)}50%{transform:rotate(-1.5deg) translateY(2px)}75%{transform:rotate(3.5deg) translateY(-3px)}}@keyframes waveDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes confettiFall{0%{transform:translateY(-60px) rotate(var(--rot, 0deg)) scaleX(1);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(calc(var(--rot, 0deg) + 540deg)) scaleX(.4);opacity:0}}@keyframes confettiSway{0%,to{margin-left:0}25%{margin-left:calc(var(--sway, 20px) * 1)}75%{margin-left:calc(var(--sway, 20px) * -1)}}@keyframes winnerReveal{0%{opacity:0;transform:scale(.3) rotate(-15deg);filter:blur(8px)}55%{opacity:1;transform:scale(1.12) rotate(4deg);filter:blur(0)}75%{transform:scale(.96) rotate(-1.5deg)}90%{transform:scale(1.03) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes shimmerSweep{0%{background-position:-200% center}to{background-position:300% center}}@keyframes overlayEnter{0%{opacity:0;transform:translateY(60px) scale(.88) rotate(-2deg)}55%{opacity:1;transform:translateY(-8px) scale(1.03) rotate(.8deg)}75%{transform:translateY(4px) scale(.99) rotate(-.3deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes backdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes flagWave{0%,to{transform:skew(0) scaleX(1)}25%{transform:skew(4deg) scaleX(1.04)}50%{transform:skew(-3deg) scaleX(.98)}75%{transform:skew(2deg) scaleX(1.02)}}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rippleOut{0%{transform:scale(.5);opacity:.7}to{transform:scale(3.2);opacity:0}}.scene-panel,.board-stage-shell{animation:riseIn .48s cubic-bezier(.22,1,.36,1) both}.overlay-card{animation:wobbleIn .48s cubic-bezier(.22,1,.36,1) both}.overlay-badge{animation:bounceIn .6s cubic-bezier(.22,1,.36,1) .12s both}.hero-badge{animation:popUp .52s cubic-bezier(.22,1,.36,1) 80ms both}.display-title{animation:titleReveal .64s cubic-bezier(.22,1,.36,1) .2s both}.support-copy{animation:riseIn .48s ease-out .34s both}.sticker-row{animation:riseIn .4s ease-out .44s both}.map-showcase,.hero-scene{animation:riseIn .6s ease-out .18s both}.start-panel,.win-panel{animation:slideInRight .5s cubic-bezier(.22,1,.36,1) .1s both}.ranking-item--winner{animation:riseIn .48s cubic-bezier(.22,1,.36,1) .2s both}.ranking-item--winner .ranking-item__badge{animation:bounceIn .6s cubic-bezier(.22,1,.36,1) .38s both}.map-showcase__sun{animation:floatBob 5.2s ease-in-out infinite}.dice-fab[data-motion=idle]{animation:diceIdle 6s ease-in-out infinite}.dice-fab[data-motion=rolling]{animation:diceRollLoop .38s 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 .17s cubic-bezier(.25,1,.5,1) infinite alternate}.board-player-chip--landing,.board-player-chip--result{animation:landingFlash .38s cubic-bezier(.22,1,.36,1) forwards}.board-cell-label--trail,.board-cell-label--landed{animation:tileSpark .8s ease-in-out infinite}.board-cell-label--landed{animation:cellLand .52s cubic-bezier(.22,1,.36,1) forwards}.board-center-sign{animation:finishBeacon 3s ease-in-out infinite}.hero-ship-wrap{animation:shipRock 5.5s ease-in-out infinite;transform-origin:center bottom}.hero-star{animation:starTwinkle calc(1.8s + var(--delay, 0s) * .7s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.confetti-particle{animation:confettiFall var(--dur, 3s) ease-in var(--delay, 0s) forwards,confettiSway calc(var(--dur, 3s) * .6) ease-in-out var(--delay, 0s) infinite}.winner-announce{animation:winnerReveal .7s cubic-bezier(.22,1,.36,1) .3s both}.event-overlay-card{animation:overlayEnter .52s cubic-bezier(.22,1,.36,1) both}.event-overlay-backdrop{animation:backdropIn .3s ease both}.hero-compass{animation:compassSpin 12s linear infinite}.hero-wave{animation:waveDrift var(--wave-dur, 8s) linear infinite}.chip-ripple{animation:rippleOut .6s ease-out forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}