.pirate-page{gap:28px;padding-bottom:8px;display:grid}.pirate{--p-panel:var(--art-c-panel,#15224f);--p-panel-text:var(--art-c-panelText,#f3f1ea);--p-panel-line:var(--art-c-panelLine,#f3f1ea29);--p-accent:var(--art-c-accent,#f2793a);--p-on-accent:var(--art-c-onAccent,#1b1406);--p-fill:var(--art-c-fill,#d9c7a2);--p-slot:var(--art-c-slot,#f4f1ea);--p-on-slot:var(--art-c-onSlot,#1d2a44);--p-used:var(--art-c-used,#b9b2a3);--p-turn:var(--art-c-turn,#f4f1ea);--p-on-turn:var(--art-c-onTurn,#1d2a44);--p-danger:var(--art-c-danger,#e0553a);--p-on-danger:var(--art-c-onDanger,#fff);--p-chip:var(--art-c-chip,#f4f1ea);--p-on-chip:var(--art-c-onChip,#1d2a44);--p-cobalt:#2c55c9;--p-lime:#b6e24a;--p-gap:12px;gap:var(--p-gap);height:clamp(600px, calc(100svh - var(--header-h)), 1000px);padding:var(--p-gap);box-sizing:border-box;width:100%;max-width:1840px;scroll-margin-top:var(--header-h);grid-template:"panel stage"minmax(0,1fr)"actions stage"/340px minmax(0,1fr);margin:0 auto;display:grid;position:relative}.pirate__panel{overscroll-behavior:contain;background:var(--p-panel);min-height:0;color:var(--p-panel-text);scrollbar-width:thin;border-radius:18px 18px 6px 6px;grid-area:panel;padding:18px 16px;overflow-y:auto}.pirate__panel.has-more{-webkit-mask:linear-gradient(#000 calc(100% - 14px),#0000);mask:linear-gradient(#000 calc(100% - 14px),#0000)}.pirate__title{letter-spacing:-.01em;margin:0 0 14px;font-size:1.2rem;font-weight:800;line-height:1.25}.pirate__form{flex-direction:column;gap:14px;margin:0;display:flex}.pirate__form.is-compact .pirate__more{display:none}.pirate__set{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.pirate__set:disabled{opacity:.55}.pirate__label{letter-spacing:.01em;opacity:.85;align-items:baseline;gap:8px;padding:0;font-size:.84rem;font-weight:700;display:flex}.pirate__count{opacity:.7;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.pirate__meta{opacity:.86;margin:0;font-size:.8rem;line-height:1.4}.pirate__text{box-sizing:border-box;border:1px solid var(--p-panel-line);width:100%;min-height:40px;color:var(--p-panel-text);font:inherit;resize:vertical;background:#ffffff0f;border-radius:10px;padding:8px 10px;font-size:.92rem;line-height:1.45}.pirate__text:disabled{opacity:.6}.pirate__mini{min-height:36px;color:var(--p-panel-text);font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;justify-self:start;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;font-weight:600;display:inline-flex}.pirate__mini svg{width:16px;height:16px}.pirate__mini:disabled{opacity:.45;cursor:default}.pirate__renew{justify-content:center;justify-self:stretch;min-height:42px}.pirate__chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.pirate__chip{border:1px solid var(--p-panel-line);min-height:36px;color:var(--p-panel-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:600}.pirate__chip:hover:not(:disabled):not(.is-on){background:#ffffff12}.pirate__chip.is-on{background:var(--p-panel-text);color:var(--p-panel);border-color:#0000}.pirate__seg{background:#ffffff0f;border-radius:12px;gap:3px;padding:3px;display:flex}.pirate__segBtn{min-width:0;min-height:40px;color:var(--p-panel-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 1 0;padding:0 6px;font-size:.86rem;font-weight:600}.pirate__segBtn:hover:not(:disabled):not(.is-on){background:#ffffff0f}.pirate__segBtn.is-on{background:var(--p-panel-text);color:var(--p-panel)}.pirate__seg--sm .pirate__segBtn{min-height:36px;font-size:.8rem}.pirate__tune{width:100%;min-height:44px;color:var(--p-panel-text);font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:.92rem;font-weight:600;display:flex}.pirate__tune svg{width:18px;height:18px}.pirate__chev{margin-left:auto;transition:transform .2s}.pirate__tune[aria-expanded=true] .pirate__chev{transform:rotate(180deg)}.pirate__more{background:#ffffff0d;border-radius:14px;gap:14px;margin-top:-6px;padding:12px;display:grid}.pirate__switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:.88rem;font-weight:600;display:flex}.pirate__hint{opacity:.86;margin-top:2px;font-size:.76rem;font-weight:500;display:block}.pirate__switch input{background:var(--p-panel-line);appearance:none;cursor:pointer;border-radius:13px;flex:none;width:44px;height:26px;margin:0;transition:opacity .18s;position:relative}.pirate__switch input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.pirate__switch input:checked{background:var(--p-accent)}.pirate__switch input:checked:after{transform:translate(18px)}.pirate__bgField .field__label{opacity:.85;font-size:.84rem;font-weight:700}.pirate__actions{background:var(--p-panel);border-radius:6px 6px 18px 18px;grid-area:actions;gap:6px;min-width:0;padding:10px;display:flex}.pirate__go{background:var(--p-accent);min-width:0;min-height:52px;color:var(--p-on-accent);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:14px;flex:auto;padding:0 14px;font-size:1.02rem;font-weight:800;transition:transform .12s}.pirate__go:hover:not(:disabled){transform:translateY(-1px)}.pirate__go:disabled{opacity:.45;cursor:default}.pirate__icon{width:52px;min-height:52px;color:var(--p-panel-text);cursor:pointer;background:#ffffff1a;border:0;border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.pirate__icon svg{width:20px;height:20px}.pirate__icon--text{width:auto;font:inherit;grid-auto-flow:column;gap:6px;padding:0 12px;font-size:.86rem;font-weight:700}.pirate__icon:disabled{opacity:.35;cursor:default}.pirate__stage{background:linear-gradient(135deg, transparent 49.6%, #1d2a440f 50%, transparent 50.4%) 0 0 / 50% 50%, linear-gradient(45deg, #ffffff14 0 50%, transparent 50%) 0 0 / 100% 100%, linear-gradient(180deg, #8fb4e8 0 46%, var(--p-fill) 46%);isolation:isolate;box-sizing:border-box;border-radius:18px;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.pirate__backdrop img{z-index:0;object-fit:cover;object-position:center 55%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.has-user-bg .pirate__backdrop{display:none}.pirate__stage .game__userBg{z-index:0;background:var(--stage-bg-color,#283a5c) var(--stage-bg,none) center / cover no-repeat;position:absolute;inset:0}.pirate__creases{z-index:0;pointer-events:none;background:linear-gradient(160deg,#ffffff24 0 30%,#0000 30%),linear-gradient(20deg,#0000 70%,#1d2a440f 70%);position:absolute;inset:0}.has-art .pirate__creases,.has-user-bg .pirate__creases{display:none}.pirate__tools{z-index:8;gap:8px;display:flex;position:absolute;top:10px;right:10px}.pirate__tool{background:color-mix(in srgb, var(--p-slot) 92%, transparent);width:42px;height:42px;color:var(--p-on-slot);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 1px 3px #1d2a4438}.pirate__tool svg{width:20px;height:20px}.pirate__hud{z-index:6;pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:14px;right:112px}.pirate__pill{background:color-mix(in srgb, var(--p-slot) 94%, transparent);color:var(--p-on-slot);font-variant-numeric:tabular-nums;border-radius:999px;margin:0;padding:4px 12px;font-size:clamp(13px,1.5cqw,20px);font-weight:800;box-shadow:0 1px 3px #1d2a442e}.pirate__event{text-overflow:ellipsis;white-space:nowrap;max-width:40cqw;overflow:hidden}.pirate__chance{opacity:.8;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:clamp(13px,1.25cqw,17px);font-weight:700}.pirate__opener{background:var(--p-accent);color:var(--p-on-accent)}.pirate__scene{z-index:2;grid-template:"board side"minmax(0,1fr)/minmax(0,1fr) clamp(240px,30cqw,400px);gap:12px;padding:60px 18px 18px;display:grid;position:absolute;inset:0}.pirate__board{z-index:2;grid-area:board;place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.pirate__drum{--oct:polygon(29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29%);--slot:clamp(40px, 7.4cqmin, 66px);--dw:min(100cqw, 100cqh * var(--ratio));--u:calc(var(--dw) / 650);width:var(--dw);aspect-ratio:var(--ratio);position:relative}.pirate__drumArt{background:var(--art-drum) center / contain no-repeat;position:absolute;inset:0}.pirate:not(.has-art) .pirate__drumArt{clip-path:var(--oct);background:linear-gradient(#f58a4f,#e8692c);inset:3% 1% 1%}.pirate:not(.has-art) .pirate__drumArt:before{content:"";clip-path:var(--oct);background:conic-gradient(from 22.5deg at 50% 52%, #2c55c9 0 45deg, #2449b0 0 90deg, #3462d6 0 135deg, #2449b0 0 180deg, #2c55c9 0 225deg, #22419d 0 270deg, #3462d6 0 315deg, #2449b0 0);position:absolute;inset:3.2% 2.6%}.pirate:not(.has-art) .pirate__drumArt:after{content:"";clip-path:var(--oct);background:linear-gradient(115deg,#ffffff1a 0 50%,#0000 50%);position:absolute;inset:3.2% 2.6%}.pirate:not(.has-art) .pirate__drum:after{content:"";z-index:-1;background:#1d2a4438;border-radius:50%;height:7%;position:absolute;bottom:-1%;left:4%;right:4%}.pirate__drumFront{z-index:3;pointer-events:none;background:var(--art-drum) center / contain no-repeat;clip-path:polygon(0 100%, 0 var(--lip-s), 31% var(--lip-s), 38% var(--lip-m), 50% var(--lip), 62% var(--lip-m), 69% var(--lip-s), 100% var(--lip-s), 100% 100%);position:absolute;inset:0}.pirate__crewArt{z-index:2;background:var(--img) center bottom / contain no-repeat;transform-origin:50% 100%;pointer-events:none;transition:transform .18s cubic-bezier(.2,.75,.25,1);position:absolute}.pirate__burst.pirate__burst--art{z-index:1;left:calc(var(--mx) * 100%);top:calc(var(--my) * 100% - 8%);width:calc(var(--mw) * 190%);aspect-ratio:1;opacity:0;pointer-events:none;background:var(--art-pop) center / contain no-repeat;position:absolute;transform:translate(-50%,-50%)}.has-art .pirate__slots{z-index:4}.has-art .pirate__board{place-items:end center}.has-art .pirate__drum{--dw:min(100cqw, 76cqh * var(--ratio))}@container (max-width:560px){.has-art .pirate__drum{--dw:min(100cqw, 100cqh * var(--ratio))}}@container (max-aspect-ratio:5/4){.has-art .pirate__scene{grid-template-rows:min(calc((100cqw - 20px) / var(--ratio) * 1.24), 64cqh) minmax(0, 1fr);padding-top:52px}.has-art .pirate__side{max-height:none}}.has-art .pirate__who{color:var(--p-on-turn)}.has-art .pirate__slot{background:radial-gradient(circle, #0c1a33 0 40%, var(--p-slot) 42% 70%, #f5faff 72%)}.has-art .pirate__slot.is-used{background:radial-gradient(circle, #0c1a33 0 40%, var(--p-used) 42% 70%, #f5faff 72%)}.has-art .pirate__slotNum,.pirate:not(.has-art) .pirate__slotNum{color:#f5faff}.has-art .pirate__stage[data-phase=play] .pirate__slot:not(:disabled){box-shadow:0 2px #0c1a3366,0 0 0 2px #b8e05a}.pirate__hole{z-index:1;left:calc(var(--mx) * 100%);top:calc(var(--my) * 100%);width:calc(var(--mw) * 100%);aspect-ratio:1.6;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.pirate:not(.has-art) .pirate__hole{background:radial-gradient(at 50% 40%,#3b2d1c 0 55%,#6d5535 70%,#f4f1ea 72% 82%,#0000 84%)}.pirate__slots{z-index:2;margin:0;padding:0;list-style:none;position:absolute;inset:0}.pirate__slotWrap{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);z-index:4;width:var(--slot);height:var(--slot);position:absolute;transform:translate(-50%,-50%)}.pirate__slotWrap.is-back{z-index:2}@container (min-width:560px){.pirate__slotWrap.is-back{transform:translate(-50%,-50%)scale(.9)}}.pirate__slot{background:radial-gradient(circle at 50% 50%, #1d2a44 0 38%, transparent 39%), linear-gradient(135deg, var(--p-slot) 0 50%, color-mix(in srgb, var(--p-slot) 86%, #1d2a44) 50%);width:100%;height:100%;color:var(--p-on-slot);font:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s;display:grid;box-shadow:0 2px #1d2a4459}.pirate__slot:hover:not(:disabled){transform:translateY(-2px)scale(1.06)}.pirate__slot:disabled{cursor:default}.pirate__slot.is-used{background:radial-gradient(circle at 50% 50%, #1d2a44 0 38%, transparent 39%), var(--p-used)}.pirate__slot.is-used .pirate__slotNum{opacity:0}.pirate__slotNum{z-index:1;color:var(--p-on-slot);font-size:clamp(11px, calc(var(--slot) * .28), 17px);font-variant-numeric:tabular-nums;pointer-events:none;font-weight:800;line-height:1;position:relative}.pirate__stage[data-phase=play] .pirate__slot:not(:disabled){box-shadow:0 2px 0 #1d2a4459, 0 0 0 2px color-mix(in srgb, var(--p-lime) 70%, transparent)}.pirate__pin{width:calc(var(--slot) * .42);height:calc(var(--slot) * 1.25);pointer-events:none;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.pirate__pinImg{background:var(--img) center bottom / contain no-repeat;position:absolute;inset:0}.has-art .pirate__pin{width:calc(var(--slot) * 1.05);aspect-ratio:183/268;height:auto;transform:translate(-82%,10%)}.pirate__pin[data-tone="0"]{--img:var(--art-pins-0);--pin:#f2793a}.pirate__pin[data-tone="1"]{--img:var(--art-pins-1);--pin:#b6e24a}.pirate__pin[data-tone="2"]{--img:var(--art-pins-2);--pin:#2c55c9}.pirate__pin[data-tone="3"]{--img:var(--art-pins-3);--pin:#f4f1ea}.pirate:not(.has-art) .pirate__pinImg{background:radial-gradient(circle calc(var(--slot) * .13) at 50% calc(var(--slot) * .16), var(--pin) 0 85%, #1d2a448c 86% 98%, transparent 100%), linear-gradient(90deg, transparent 8%, #1d2a44 8% 92%, transparent 92%) 50% 30% / 100% 9% no-repeat, linear-gradient(90deg, transparent 12%, var(--pin) 12% 92%, transparent 92%) 50% 30% / 100% 7% no-repeat, linear-gradient(90deg, transparent 36%, var(--pin) 36% 50%, color-mix(in srgb, var(--pin) 78%, #1d2a44) 50% 64%, transparent 64%) 50% 100% / 100% 82% no-repeat}.pirate__mouth{z-index:3;left:calc(var(--mx) * 100%);top:calc(var(--my) * 100%);width:calc(var(--mw) * 100%);aspect-ratio:.72;clip-path:inset(-120% -60% 0);pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.pirate__crew{will-change:transform;transition:transform .38s cubic-bezier(.2,.8,.25,1);position:absolute;inset:0}.pirate__captain{background:var(--img) center bottom / contain no-repeat;display:block;position:absolute;inset:0}.pirate__captainSvg{width:100%;height:100%;display:block}.pirate__burst{aspect-ratio:1;opacity:0;pointer-events:none;background:var(--art-pop) center / contain no-repeat;width:190%;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)}.pirate:not(.has-art) .pirate__burst{background:repeating-conic-gradient(from 10deg, #b6e24a 0 12deg, transparent 12deg 30deg, #f4f1ea 30deg 40deg, transparent 40deg 60deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 42%,#000 44% 70%,#0000 72%);mask:radial-gradient(circle,#0000 42%,#000 44% 70%,#0000 72%)}.pirate__side{z-index:4;scrollbar-width:none;flex-direction:column;grid-area:side;justify-content:safe center;gap:12px;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.pirate__side::-webkit-scrollbar{display:none}.pirate__hello,.pirate__card,.pirate__result,.pirate__tally{background:var(--p-turn);color:var(--p-on-turn);border-radius:18px;margin:0;padding:clamp(12px,1.8cqw,22px);box-shadow:0 6px #1d2a441a,0 10px 26px #1d2a4429}.pirate__card,.pirate__result{background:linear-gradient(225deg, color-mix(in srgb, var(--p-turn) 80%, #1d2a44) 0 14px, var(--p-turn) 14px);position:relative}.pirate__hello{font-size:clamp(17px,2cqw,28px);font-weight:800;line-height:1.3}.pirate__turnLead,.pirate__resultLead,.pirate__tallyTitle{letter-spacing:.08em;text-transform:uppercase;opacity:.66;margin:0;font-size:clamp(12px,1.2cqw,16px);font-weight:800}.pirate__turnName{letter-spacing:-.01em;overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(26px,4.2cqw,60px);font-weight:900;line-height:1.1}.pirate__say{margin:8px 0 0;font-size:clamp(14px,1.45cqw,21px);font-weight:600;line-height:1.35}.pirate__result{background:linear-gradient(225deg, color-mix(in srgb, var(--p-accent) 70%, #1d2a44) 0 14px, var(--p-turn) 14px)}.pirate__who{color:var(--p-danger);overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(30px,5cqw,72px);font-weight:900;line-height:1.05}.pirate__penalty{background:color-mix(in srgb, var(--p-lime) 32%, var(--p-turn));border-radius:12px;margin:10px 0 0;padding:8px 12px;font-size:clamp(15px,1.7cqw,24px);font-weight:700;line-height:1.3}.pirate__penaltyLead{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:.6em;font-weight:800;display:block}.pirate__bar{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pirate__chipBtn{background:color-mix(in srgb, var(--p-on-turn) 9%, var(--p-turn));min-height:44px;color:var(--p-on-turn);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:clamp(14px,1.3cqw,18px);font-weight:700;display:inline-flex}.pirate__chipBtn svg{width:1.1em;height:1.1em}.pirate__chipBtn--main{background:var(--p-panel);color:var(--p-panel-text)}.pirate__chipBtn--icon{justify-content:center;width:44px;padding:0}.pirate__hits{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.pirate__hit{background:color-mix(in srgb, var(--p-on-turn) 7%, var(--p-turn));border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 6px 4px 10px;font-size:clamp(13px,1.25cqw,18px);font-weight:700;display:inline-flex}.pirate__hitName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pirate__hit.is-out{opacity:.5}.pirate__hit.is-out .pirate__hitName{text-decoration:line-through}.pirate__dot{background:var(--dot);width:.62em;height:.62em;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--p-on-turn) 45%, transparent);vertical-align:.08em;border-radius:50%;flex:none;margin-right:.3em;display:inline-block}.pirate__hit .pirate__dot{width:12px;height:12px;margin:0}.pirate__dot[data-tone="0"]{--dot:#f2793a}.pirate__dot[data-tone="1"]{--dot:#b6e24a}.pirate__dot[data-tone="2"]{--dot:#2c55c9}.pirate__dot[data-tone="3"]{--dot:#f4f1ea}.pirate__hit b{background:var(--p-turn);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.6em;padding:0 4px}.pirate__hit.is-on{box-shadow:inset 0 0 0 2px}.pirate__summary{z-index:9;inset:var(--p-gap) var(--p-gap) var(--p-gap) calc(340px + var(--p-gap) * 2);background:#15224f59;border-radius:18px;place-items:center;padding:16px;display:grid;position:absolute}.pirate__sumCard{background:var(--p-turn);width:min(100%,640px);max-height:100%;color:var(--p-on-turn);box-sizing:border-box;border-radius:22px;gap:12px;padding:clamp(18px,3vw,30px);display:grid;overflow:auto;box-shadow:0 18px 40px #1d2a4447}.pirate__sumTitle{margin:0;font-size:clamp(20px,2.4vw,32px);font-weight:900}.pirate__sumLine{opacity:.8;margin:0;font-size:1rem;font-weight:600}.pirate__sumList{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.pirate__sumList li{background:color-mix(in srgb, var(--p-on-turn) 7%, var(--p-turn));border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:flex}.pirate__sumList b{font-variant-numeric:tabular-nums;margin-left:auto}.pirate__sumLog{gap:4px;margin:0;padding-left:1.6em;font-size:.95rem;display:grid}.pirate__sumLog small{opacity:.65}.pirate__sumActions{flex-wrap:wrap;gap:8px;display:flex}.pirate.is-full{background:var(--p-panel);grid-template:"stage"minmax(0,1fr)/minmax(0,1fr);max-width:none;height:100%;padding:0}.pirate.is-pseudo{z-index:1000;height:100dvh;position:fixed;inset:0}.pirate.is-full .pirate__panel{display:none}.pirate.is-full .pirate__stage{border-radius:0}.pirate.is-full .pirate__scene{padding-bottom:92px}.pirate.is-full .pirate__summary{border-radius:0;inset:0}.pirate.is-full .pirate__actions{z-index:10;background:color-mix(in srgb, var(--p-panel) 88%, transparent);border-radius:18px;width:auto;position:absolute;bottom:14px;left:14px}.pirate.is-full .pirate__go{min-width:200px}.pirate-page__more{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:0 20px 40px;display:grid}.pirate-page__about{min-width:0}.pirate-page__about .game__about{gap:12px;display:grid}.pirate-page__about h2{margin:0;font-size:1.15rem;font-weight:700}.pirate-page__about p{color:var(--label-2);margin:0;line-height:1.7}.pirate-page__about a{color:var(--accent)}.pirate__panel :is(button,input,textarea):focus-visible,.pirate__actions button:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.pirate__stage button:focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pirate__go,.pirate__slot,.pirate__crew,.pirate__chev,.pirate__switch input,.pirate__switch input:after{transition:none}}@container (max-aspect-ratio:5/4){.pirate__scene{grid-template:"board"minmax(0,1fr)"side"/minmax(0,1fr);gap:8px;padding:58px 10px 10px}.pirate__side{justify-content:flex-start;max-height:46cqh}.pirate__turnName{font-size:clamp(22px,7cqw,52px)}.pirate__who{font-size:clamp(26px,8cqw,60px)}.pirate__say{font-size:clamp(13px,3.6cqw,20px)}.pirate__hello,.pirate__card,.pirate__result,.pirate__tally{border-radius:14px;padding:10px 14px}.pirate__card{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;display:grid}.pirate__card .pirate__say,.pirate__card .pirate__chance{grid-column:1/-1;margin-top:4px}.pirate__result .pirate__say{display:none}.pirate__bar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.pirate__bar::-webkit-scrollbar{display:none}.pirate__bar .pirate__chipBtn{flex:none}.pirate__chipBtn{min-height:42px;padding:0 12px}.pirate__hits{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.pirate__hit{flex:none}}@media (max-width:899px){.pirate{grid-template:"stage""actions""panel"/minmax(0,1fr);gap:8px;height:auto;padding:8px}.pirate__stage{border-radius:16px;height:clamp(540px,80svh,820px)}.pirate__actions{border-radius:16px}.pirate__panel{border-radius:16px;overflow:visible}.pirate__summary{height:clamp(540px,80svh,820px);inset:8px 8px auto}.pirate-page__more{grid-template-columns:minmax(0,1fr);padding:0 14px 32px}}@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.pirate__stage{height:calc(100svh - 24px)}}