/* Isolated captain's handbook; existing menu, lobby, and table retain their styling. */
.howto-screen{background:#312015 url('assets/menu-ocean.webp') center top/cover fixed}.howto-screen .app{max-width:none}.howto-screen .topbar,.howto-screen .preview-nav,.howto-screen .global-footer{display:none}.howto-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,#1e1003bb,#2a140377 50%,#122e3355)}.rules-rail{position:sticky;top:0;height:100vh;padding:22px 17px;display:flex;flex-direction:column;background:repeating-linear-gradient(92deg,#0000 0 61px,#0007 63px,#ae7b3733 65px,#0000 68px),linear-gradient(90deg,#20130e,#50321d 45%,#291b12);border-right:5px ridge #a77c44;box-shadow:8px 0 20px #0007;z-index:2}.rules-logo{padding:0;margin:2px -9px 18px}.rules-logo img{display:block;width:100%;height:143px;object-fit:contain;filter:drop-shadow(0 7px 5px #0008)}.rules-wood{position:relative;background:linear-gradient(#6c4325,#3c2418);border:1px solid #b98645;border-radius:7px;box-shadow:inset 0 2px #edbb6966,inset 0 -4px #0006,0 4px 6px #0006;color:#fff0cf;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.03em;min-height:57px;display:flex;align-items:center;gap:14px;padding:12px 17px;text-shadow:0 2px 2px #000b;font-size:13px}.rules-wood:before,.rules-wood:after{content:'';width:4px;height:4px;border-radius:50%;background:#d5a86e;position:absolute;left:7px;top:calc(50% - 2px);box-shadow:0 1px 2px #000}.rules-wood:after{left:auto;right:7px}.rules-back{margin-bottom:20px;font-size:14px;justify-content:center}.rules-navigation{display:grid;gap:10px}.rules-navigation a:hover,.rules-navigation a.is-current{color:#2e180b;text-shadow:0 1px #fff6;background:linear-gradient(#ffdc86,#e6aa3f);border-color:#eec875}.rules-nav-num{font:700 20px Georgia,serif;opacity:.75}.rules-rail-footer{margin-top:auto;text-align:center;padding-top:30px}.rules-compass{font-size:70px;color:#cea15c;line-height:1;display:block}.rules-rail-footer p{font:italic 16px Georgia,serif;color:#efd5a6;margin:14px 0 6px}.rules-rail-footer>span:last-child{font-size:9px;color:#bc9362;text-transform:uppercase;letter-spacing:2px}.rules-content{padding:24px clamp(16px,2.3vw,38px) 30px;max-width:1600px;width:100%;margin:auto}.rules-title{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;margin:0 0 22px;background:repeating-linear-gradient(0deg,#0000 0 36px,#0007 38px,#aa743c55 41px),linear-gradient(95deg,#382216,#694024,#2c1b12);border:2px solid #a4723b;border-radius:7px;box-shadow:0 7px 12px #0009,inset 0 1px #d7a25c}.rules-title p{color:#dfb777;font-size:10px;letter-spacing:3px;font-weight:bold;margin:0 0 5px}.rules-title h1{font:900 clamp(34px,4.3vw,68px)/1.1 Georgia,serif;letter-spacing:-1.5px;text-transform:uppercase;color:#fff1d0;margin:0;text-shadow:0 3px #342012,0 5px 4px #000}.rules-title-mark{font-size:76px;line-height:1;color:#c59b5e;filter:drop-shadow(0 3px 1px #000)}.rules-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rules-paper{color:#342416;padding:23px 24px;background:radial-gradient(ellipse at 50% 45%,#fff9e4 0,#f2ddb2 72%,#d1a56b 100%);border:1px solid #b18246;border-radius:9px 4px 11px 5px;box-shadow:0 4px 1px #1b100b,0 8px 15px #0005,inset 0 0 18px #ae652533;position:relative;scroll-margin-top:20px}.rules-paper h2{font:800 clamp(20px,2vw,28px)/1.15 Georgia,serif;letter-spacing:-.6px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#362116}.rules-number{background:linear-gradient(140deg,#5f3b23,#24160f);border:2px solid #bc914e;color:#fff0d3;border-radius:50%;width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;font-size:24px;box-shadow:0 2px 2px #0003}.rules-paper p{color:inherit;line-height:1.55;font-size:14px;margin-bottom:15px}.rules-paper p:last-child{margin-bottom:0}.rules-paper h3{font:800 20px/1.2 Georgia,serif;color:inherit}.rules-facts{display:flex;gap:10px;margin:20px 0 15px}.rules-facts div{flex:1;text-align:center;padding:12px 4px;border-radius:8px;background:#b87d2520;border-bottom:2px solid #ac793b33}.rules-facts b{display:block;font:800 26px Georgia,serif;color:#442a15}.rules-facts span{font-size:12px}.rules-paper .rules-small{font-size:12px;line-height:1.55}.rules-setup-list{list-style:none;counter-reset:setup;padding:0;margin:0;font-size:14px;line-height:1.5}.rules-setup-list li{counter-increment:setup;position:relative;padding-left:29px;margin:0 0 10px}.rules-setup-list li:before{content:counter(setup);position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe29a,#d99d32);border:1px solid #be8329;font-weight:800;box-shadow:0 1px 2px #845d2844}.rules-callout{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-top:15px;background:#ad772524;border:1px solid #a1743433;border-radius:5px;font-size:13px}.rules-callout>b{font-size:30px;line-height:1}.rules-turn-choice{display:flex;align-items:center;gap:8px;margin-bottom:16px}.rules-turn-choice div{flex:1;background:#c88f3930;border:1px solid #ba884733;border-radius:8px;padding:17px 9px;text-align:center}.rules-turn-choice b{display:block;font:800 24px Georgia,serif;margin-bottom:6px}.rules-turn-choice span{font-size:12px;display:block}.rules-turn-choice em{font-style:normal;font-size:12px;font-weight:800}.rules-types{margin:18px 0}.rules-types>p{margin-top:-5px}.rules-family-grid{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:14px}.rules-family{padding:17px 16px;border-radius:10px;border:1px solid #87632d22;background:#55858e24}.rules-family-special{background:#dea63230}.rules-family-defense{background:#61906c28}.rules-family h3{text-align:center;margin:0 0 5px;text-transform:uppercase;font-size:18px}.rules-family>p:first-of-type{text-align:center;font-size:12px;margin-bottom:12px}.rules-family>p:last-child{font-size:12px;margin-top:13px}.rules-feature-art{display:flex;gap:8px;justify-content:center;align-items:start}.rules-art{display:block;padding:0;max-width:140px;min-width:0;width:100%;position:relative;transition:transform .15s}.rules-art:hover{transform:translateY(-4px)}.rules-art img{width:100%;display:block;aspect-ratio:1462/2047;object-fit:contain;filter:drop-shadow(0 3px 3px #2c170a66)}.rules-art>span{display:block;font:700 9px Arial,sans-serif;text-align:center;margin-top:6px;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.rules-guide-link{width:max-content;max-width:100%;margin:20px auto 0;min-height:44px;font-size:12px;gap:25px;padding:11px 23px}.rules-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rules-bullets{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.55}.rules-bullets li{position:relative;padding-left:19px;margin:0 0 10px}.rules-bullets li:before{content:'◆';font-size:10px;color:#b68129;position:absolute;left:0;top:3px}.rules-details{border-top:1px solid #aa7b4044;margin-top:16px;padding-top:13px;font-size:12px}.rules-details summary{font-weight:bold;cursor:pointer;padding:5px 0}.rules-details dl{margin:12px 0 0}.rules-details dl>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b88e5133;padding:9px 0;gap:12px}.rules-details dt{font-weight:bold}.rules-details dd{margin:0}.rules-victory{display:flex;gap:17px;align-items:center;margin-bottom:20px}.rules-victory-coin{width:74px;height:74px;flex:0 0 74px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffdf79,#e2a327 70%,#b16c16);border:6px double #ad6f18;box-shadow:0 3px 4px #663b1933,inset 0 0 0 3px #ffe6a3;font:800 31px Georgia,serif;color:#754516;text-shadow:0 1px #ffeaa6}.rules-victory h3{margin-bottom:5px}.rules-victory p{margin:0;font-size:13px}.rules-signoff{font:italic 21px/1.3 Georgia,serif!important;text-align:right;margin-top:22px!important;color:#77572f!important}.rules-guide{margin-top:25px}.rules-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px}.rules-guide-heading h2{margin:0}.rules-guide-heading>span{border:1px solid #ba985e;padding:7px 10px;border-radius:20px;white-space:nowrap;font-weight:bold;font-size:11px}.rules-kicker{font-size:9px!important;font-weight:bold;letter-spacing:2px;margin-bottom:7px!important}.rules-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}.rules-guide-card{padding:16px;background:#fff7df66;border:1px solid #ae814944;border-radius:7px;display:flex;flex-direction:column;align-items:center}.rules-guide-card .rules-art{max-width:155px;margin-bottom:17px}.rules-guide-card>div{width:100%}.rules-category{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#775938;font-weight:bold;display:block;margin-bottom:5px}.rules-guide-card h3{font-size:17px;margin:0 0 8px;display:flex;align-items:baseline;justify-content:space-between;gap:5px}.rules-guide-card h3 span{font:bold 11px Arial,sans-serif;color:#7a5429;white-space:nowrap}.rules-guide-card p{font-size:12px;line-height:1.6;margin:0}.rules-page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 5px}.rules-page-footer p{font:italic 16px Georgia,serif;color:#f4dfb8;margin:0}.rules-page-footer .rules-wood{min-height:45px;font-size:11px}.rules-enlarged-card{display:block;width:auto;max-width:100%;height:auto;max-height:55vh;margin:10px auto 22px;object-fit:contain}.howto-screen a:focus-visible,.howto-screen button:focus-visible{outline:3px solid #077e9d;outline-offset:4px}.howto-screen #modal{max-width:570px}.howto-screen .rules-paper :target{scroll-margin-top:20px}
@media(min-width:1600px){.howto-layout{grid-template-columns:280px minmax(0,1fr)}.rules-logo img{height:170px}.rules-content{padding-top:30px}.rules-paper{padding:27px}.rules-rail{padding:25px}.rules-wood{font-size:14px}}
@media(max-width:1150px){.howto-layout{grid-template-columns:210px minmax(0,1fr)}.rules-rail{padding:15px 12px}.rules-logo img{height:120px}.rules-paper{padding:18px}.rules-intro-grid{grid-template-columns:1fr 1fr}.rules-intro-grid #rules-turn{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px 20px;align-items:start}.rules-intro-grid #rules-turn h2{grid-column:1/-1}.rules-intro-grid #rules-turn>p:first-of-type{display:none}.rules-turn-choice{margin:0}.rules-family-grid{grid-template-columns:1fr 1fr}.rules-family-defense{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.rules-family-defense .rules-feature-art{grid-column:1;grid-row:1/4}.rules-family-defense h3,.rules-family-defense p{text-align:left!important}.rules-family-defense .rules-art{max-width:90px}.rules-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-title{padding:22px 27px}.rules-title-mark{font-size:60px}}
@media(max-width:760px){.howto-layout{display:block}.rules-rail{height:auto;position:sticky;top:0;padding:8px 12px 0;border-right:0;border-bottom:3px ridge #a77c44;display:grid;grid-template-columns:1fr auto;gap:0 10px;background:linear-gradient(#3c2519,#28190f);box-shadow:0 4px 12px #0007}.rules-logo{margin:0;text-align:left;width:110px}.rules-logo img{height:58px;width:110px}.rules-back{margin:6px 0;min-height:39px;align-self:center;font-size:10px;padding:8px 16px;gap:7px}.rules-navigation{grid-column:1/-1;display:flex;overflow-x:auto;gap:6px;margin:4px -12px 0;padding:0 12px 9px;scrollbar-width:thin}.rules-navigation .rules-wood{flex:0 0 auto;min-height:35px;padding:7px 13px;font-size:9px;gap:7px;border-radius:4px}.rules-nav-num{font-size:13px}.rules-rail-footer{display:none}.rules-content{padding:16px 12px 20px}.rules-title{padding:20px 20px;margin-bottom:14px}.rules-title h1{font-size:36px}.rules-title p{font-size:8px;letter-spacing:2px}.rules-title-mark{font-size:45px}.rules-paper{scroll-margin-top:125px;padding:20px}.rules-intro-grid{gap:13px}.rules-intro-grid #rules-overview{grid-column:1/-1}.rules-facts{margin-top:15px}.rules-facts div{padding:10px}.rules-intro-grid #rules-setup,.rules-intro-grid #rules-turn{grid-column:auto;display:block}.rules-intro-grid #rules-turn>p:first-of-type{display:block}.rules-turn-choice{margin-bottom:14px}.rules-paper h2{font-size:21px;gap:8px}.rules-number{width:32px;height:32px;flex-basis:32px;font-size:20px}.rules-intro-grid #rules-turn,.rules-intro-grid #rules-setup{padding:16px}.rules-intro-grid p,.rules-setup-list{font-size:12px}.rules-turn-choice{gap:5px}.rules-turn-choice div{padding:15px 5px}.rules-turn-choice b{font-size:19px}.rules-turn-choice span{font-size:10px}.rules-callout{font-size:11px;padding:8px}.rules-family-grid{grid-template-columns:1fr}.rules-family-defense{grid-column:auto;display:block}.rules-family-defense h3,.rules-family-defense p{text-align:center!important}.rules-family-defense .rules-art{max-width:120px}.rules-feature-art .rules-art{max-width:115px}.rules-family>p:last-child{font-size:13px}.rules-bottom-grid{grid-template-columns:1fr;gap:15px}.rules-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rules-guide-card{padding:12px}.rules-guide-card h3{font-size:16px;display:block}.rules-guide-card h3 span{display:inline-block;margin-left:4px}.rules-guide-card p{font-size:11px}.rules-guide{padding:20px 14px}.rules-guide-heading{align-items:start}.rules-guide-heading h2{font-size:23px}.rules-guide-heading>span{font-size:9px;padding:5px 8px}.rules-page-footer p{font-size:13px}.rules-page-footer .rules-wood{font-size:10px}.rules-guide-link{font-size:10px;padding:12px 19px}.rules-title-mark{display:none}}
@media(max-width:380px){.rules-intro-grid{display:block}.rules-intro-grid .rules-paper{margin-bottom:14px}.rules-card-grid{gap:8px}.rules-guide-card{padding:10px}.rules-title h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.rules-art{transition:none}}
/* Individually generated transparent UI pieces; every label stays live HTML. */
.rules-paper{background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 4px #0007);padding:27px}.rules-paper:before{content:'';position:absolute;inset:-6px;z-index:-1;background:url('assets/ui/ui-panel-parchment.webp') center/100% 100% no-repeat;pointer-events:none}.rules-wood{background:transparent url('assets/ui/ui-button-wood.webp') center/110% 175% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 3px 2px #0006)}.rules-wood:before,.rules-wood:after{display:none}.rules-navigation a:hover,.rules-navigation a.is-current{background:transparent url('assets/ui/ui-button-gold.webp') center/110% 175% no-repeat;border:0}.rules-victory-coin{border:0;box-shadow:none;background:url('assets/ui/ui-badge-gold.webp') center/contain no-repeat;color:#402308;text-shadow:0 1px #ffeab2;font-size:25px}.rules-victory h3:before{content:'';display:inline-block;width:27px;height:27px;vertical-align:middle;margin-right:5px;background:url('assets/ui/ui-badge-victory.webp') center/contain no-repeat}
@media(max-width:760px){.rules-paper{padding:24px}.rules-guide{padding:24px 17px}.rules-intro-grid #rules-turn,.rules-intro-grid #rules-setup{padding:19px}.rules-paper:before{inset:-4px}}
.rules-title{background:transparent url('assets/ui/ui-header-wood.webp') center/105% 177% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 6px 5px #0008);padding:29px 43px}.rules-number{background:transparent url('assets/ui/ui-badge-step.webp') center/125% 125% no-repeat;border:0;box-shadow:none;text-shadow:0 1px 2px #000}.rules-title h1{position:relative}.rules-title p{position:relative}
@media(max-width:760px){.rules-title{padding:24px 25px}.rules-number{background-size:135% 135%}}
.main-menu-screen .deck-button{background:transparent url('assets/ui/ui-button-wood.webp') center/110% 175% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 4px 3px #0008)}.main-menu-screen .deck-button.deck-play{background:transparent url('assets/ui/ui-button-gold.webp') center/110% 175% no-repeat;border:0;box-shadow:none}.main-menu-screen .deck-button:before,.main-menu-screen .deck-button:after{display:none}.main-menu-screen .deck-button:hover{filter:brightness(1.14) drop-shadow(0 4px 3px #0008)}.main-menu-screen .deck-button:active{box-shadow:none}.deck-button .menu-ui-icon{position:absolute;left:29px;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 1px #100900)}.deck-utility .menu-ui-icon{width:26px;height:26px;object-fit:contain}.rules-back img{width:27px;height:27px;object-fit:contain}
@media(max-width:760px){.deck-button .menu-ui-icon{left:23px;width:30px;height:30px}.rules-back img{width:20px;height:20px}}
@media(max-height:600px) and (orientation:landscape){.deck-button .menu-ui-icon{left:27px;width:25px;height:25px}}
/* Phone QA: comfortable full-width reading panels and a single horizontal nav rail. */
.rules-facts b{white-space:nowrap;font-size:clamp(22px,2vw,26px)}
@media(max-width:760px){.rules-rail{height:auto;max-height:none;overflow:visible;min-width:0}.rules-navigation{overflow-y:hidden;max-width:calc(100% + 24px);min-width:0;align-items:center}.rules-logo{display:block;min-width:110px;min-height:58px;align-self:center;visibility:visible;opacity:1}.rules-logo img{display:block;visibility:visible;opacity:1;min-height:58px;flex-shrink:0}.rules-navigation .rules-wood{white-space:nowrap}.rules-facts b{font-size:24px}}
@media(max-width:600px){.rules-intro-grid{grid-template-columns:minmax(0,1fr)}.rules-intro-grid #rules-setup,.rules-intro-grid #rules-turn{grid-column:1/-1;padding:24px}.rules-intro-grid p,.rules-setup-list{font-size:14px}.rules-intro-grid .rules-small{font-size:12px}.rules-turn-choice div{padding:17px 9px}.rules-turn-choice b{font-size:24px}.rules-turn-choice span{font-size:12px}.rules-paper h2{font-size:23px}}
img.rules-compass{width:90px;height:90px;object-fit:contain;margin:auto}img.rules-title-mark{width:80px;height:80px;object-fit:contain;flex:0 0 80px}
@media(max-width:1150px){img.rules-title-mark{width:65px;height:65px;flex-basis:65px}}
@media(max-width:760px){img.rules-title-mark{display:none}}

/* Keep handbook text on a durable opaque surface; ragged parchment is decoration only. */
.rules-content,.rules-paper,.rules-paper>*{min-width:0}
.rules-rail-actions{display:grid;gap:10px;margin-bottom:20px}
.rules-rail-actions .rules-back{margin:0}
.rules-fullscreen{justify-content:center;text-transform:none}
.rules-fullscreen svg{width:20px;height:20px;flex:0 0 auto}
.rules-paper{isolation:isolate;background:linear-gradient(145deg,#fff7df 0%,#f2ddb2 72%,#e3c28e 100%);border:1px solid #b18246;border-radius:12px;box-shadow:0 4px 1px #1b100b,0 8px 15px #0005,inset 0 0 22px #ae652528;filter:drop-shadow(0 5px 4px #0007);padding:clamp(34px,3vw,46px) clamp(28px,3vw,44px);overflow:hidden}
.rules-paper:before,.rules-paper:after{content:'';position:absolute;left:-6px;right:-6px;height:76px;z-index:0;pointer-events:none;background-image:url('assets/ui/ui-panel-parchment.webp');background-size:calc(100% + 12px) auto;background-repeat:no-repeat}
.rules-paper:before{top:-6px;background-position:center top}
.rules-paper:after{bottom:-6px;background-position:center bottom}
.rules-paper>*{position:relative;z-index:1;max-width:100%}
.rules-paper h1,.rules-paper h2,.rules-paper h3,.rules-guide-card p,.rules-bullets li,.rules-setup-list li{overflow-wrap:anywhere}
.rules-guide-heading{flex-wrap:wrap}
.rules-guide-heading>div{min-width:0}
.large-text .rules-paper p,.large-text .rules-bullets,.large-text .rules-setup-list{font-size:16px;line-height:1.65}
.large-text .rules-paper .rules-small,.large-text .rules-family>p,.large-text .rules-guide-card p,.large-text .rules-details{font-size:15px;line-height:1.65}
.large-text .rules-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.rules-rail-actions{display:flex;align-self:center;gap:7px;margin:0}.rules-rail-actions .rules-wood{min-height:39px;padding:8px 12px;font-size:10px;gap:7px}.rules-rail-actions .rules-fullscreen span{display:none}.rules-rail-actions .rules-fullscreen{width:42px;padding:8px}.rules-paper,.rules-guide{padding:38px 28px}.rules-title{min-width:0}.rules-title>div{min-width:0}.rules-title h1{font-size:clamp(31px,9vw,42px);overflow-wrap:anywhere}.large-text .rules-card-grid{grid-template-columns:1fr}}
@media(max-width:600px){.rules-card-grid{grid-template-columns:1fr}.rules-guide-card{padding:18px}.rules-guide-card p{font-size:14px;line-height:1.65}.rules-details dl>div{grid-template-columns:1fr;gap:4px}.rules-content{padding-left:10px;padding-right:10px}.rules-paper,.rules-guide{padding:38px 25px}.rules-intro-grid p,.rules-setup-list{font-size:14px}.rules-family-grid{gap:18px}.rules-family{padding:18px}.rules-page-footer{flex-wrap:wrap}.rules-page-footer p{width:100%;text-align:center;order:-1}}
@media(max-width:420px){.rules-turn-choice{display:grid;grid-template-columns:1fr}.rules-turn-choice em{text-align:center}.rules-victory{align-items:flex-start;gap:12px}.rules-victory-coin{width:62px;height:62px;flex-basis:62px}.rules-facts{gap:6px}.rules-facts div{padding:10px 2px}.rules-facts b{font-size:21px}.rules-paper,.rules-guide{padding-left:22px;padding-right:22px}}
@media(max-height:600px) and (orientation:landscape){.rules-paper,.rules-guide{padding-top:36px;padding-bottom:36px}.rules-rail-actions .rules-fullscreen span{display:none}}