/* The recovered journal: leather binding, salt-stained leaves, iron-gall ink. */
:root{--ink:#382c20;--muted:#695642;--paper:#decc9f;--rule:#84664055;--rust:#7b3928;--leather:#38231b}
html{background:#252925}body{max-width:1400px;margin:38px auto;padding:0 30px 16px 38px;color:var(--ink);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(ellipse at 10% 20%,#9a694635,transparent 50%),repeating-linear-gradient(97deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(110deg,#21140f,#63402b 3%,#3b251b 6%,#4e3021 94%,#241710);border:1px solid #9a75504d;border-radius:9px 16px 16px 9px;box-shadow:0 20px 70px #0009,inset 5px 0 6px #0009,inset -3px 0 8px #170d0a;position:relative}html:before{content:'';position:fixed;inset:0;background:linear-gradient(#202d2ac9,#1b241edf),url('assets/06-wreck-shore.webp') center/cover;z-index:-1}body:before{content:'';position:absolute;left:12px;top:16px;bottom:16px;width:8px;border-left:1px dashed #b5986c88;border-right:1px solid #170d0b88;border-radius:50%;pointer-events:none}header{padding:30px 40px 24px;min-height:125px;background:linear-gradient(#f0e1bc,#decca5);border-bottom:1px solid var(--rule);box-shadow:inset 8px 0 15px #4e311421;margin-top:14px;gap:20px;flex-direction:column;align-items:stretch}header:before{content:'FROM THE SHORE  /  A RECOVERED GAME JOURNAL';display:block;text-align:center;font:9px/1.6 Georgia,serif;letter-spacing:3px;color:#7c6147}.brand{text-align:center;font-size:27px;letter-spacing:4px;color:var(--ink)}.brand span{color:var(--rust)}.brand small{font-family:Georgia,serif;color:#775c42;letter-spacing:3px;font-size:9px}nav{justify-content:center;gap:26px;font-family:Georgia,serif;font-size:13px}nav a{color:#665039}nav a[aria-current=page]{color:var(--rust);border-bottom:1px solid var(--rust)}a:hover{color:var(--rust)}a:focus-visible,button:focus-visible{outline-color:#813e29}main{background:radial-gradient(ellipse at 95% 35%,#8a542422,transparent 35%),radial-gradient(ellipse at 0 75%,#8a542429,transparent 30%),repeating-linear-gradient(1deg,#49301504 0 1px,transparent 1px 4px),#e4d3ad;box-shadow:inset 8px 0 14px #5e3d221e,inset -5px 0 12px #5e3d221e;min-width:0}h1,h2,h3,h4,h5,h6{color:var(--ink)}h1{letter-spacing:-3px}em{color:var(--rust)}.eyebrow{font-family:Georgia,serif;color:#795334;letter-spacing:2.3px}.hero{height:auto;max-height:none;min-height:710px;background:none;display:block;position:relative;padding-bottom:65px;isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;inset:45px 40px 90px 44%;background:linear-gradient(0deg,#5d452b30,#76533708),url('assets/01-snb-vibe-dropdie.webp') 60% center/cover;filter:sepia(.8) saturate(.55);transform:rotate(3deg);border:10px solid #c8b286;outline:1px solid #8f734b;box-shadow:4px 8px 14px #4e311b59;z-index:-1}.hero:after{content:'Fig. I — The Bones & the Coffer';position:absolute;right:8%;bottom:70px;transform:rotate(3deg);font:italic 14px Georgia,serif;color:#644c34}.hero-copy{padding:65px 5%;max-width:62%;background:linear-gradient(90deg,#e4d3ad 68%,#e4d3ad00)}.hero h1{font-size:clamp(60px,7.6vw,108px);margin:25px 0;line-height:.98;text-shadow:1px 1px #f9ebc5}.hero-copy>p:not(.eyebrow){color:var(--ink)}.lead{font-style:italic;font-size:23px;max-width:330px}.hero-copy .actions{max-width:360px;gap:20px}.button{color:#f6e6bf;background:#693b2a;border-color:#552a1d;box-shadow:inset 0 0 0 3px #ffffff0c,1px 2px 3px #52391b33;font-family:Georgia,serif;font-size:13px;letter-spacing:.2px;border-radius:2px}.button:hover{background:#4e2b20;color:#fff0cd}.text-link{font-family:Georgia,serif;color:var(--rust)}.hero-bottom{padding:18px 5%;border-top:1px solid var(--rule);color:#72573d;font-family:Georgia,serif;letter-spacing:1.3px;flex-wrap:wrap}.intro{padding:65px 30px 50px}.intro:before{content:'✧';font-size:30px;color:#8d663b}.intro h2,.closing h2{font-size:clamp(36px,4vw,55px)}.intro>p:not(.eyebrow){color:var(--muted)}.cards{border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:10px 5% 65px}.cards>a{padding:35px 25px}.cards>a+a{border-color:var(--rule)}.cards h2{font-style:italic;font-size:29px}.cards p{color:var(--muted)}.cards b{font-family:Georgia,serif;color:var(--rust)}.closing{padding:70px 20px;background:linear-gradient(#e4d3adeb,#d2ba8edd),url('assets/06-wreck-shore.webp') center/cover;border-top:1px solid var(--rule)}.closing .eyebrow{color:#725137}.page-heading{padding:55px 6%;background:radial-gradient(ellipse at right,#92704722,transparent 65%);border-bottom:1px solid var(--rule)}.page-heading h1{font-size:clamp(44px,6vw,76px)}.page-heading>p:not(.eyebrow){color:var(--muted)}.page-heading .actions>a{color:var(--rust)}.reading-layout{padding:45px 5% 80px;grid-template-columns:190px minmax(0,800px);gap:45px}.prose{color:var(--ink)}.prose h2,.prose h3,.prose h4,.prose h6{color:#583a26}.prose h3{border-color:var(--rule)}.prose a:not(.button){color:var(--rust)}aside{font-family:Georgia,serif}aside a{color:var(--muted);border-color:var(--rule)}.standalone{padding-top:40px}footer{color:#6e533a;background:linear-gradient(#d8c399,#e7d5ab);border-top:1px solid var(--rule);padding:30px 5%;font-family:Georgia,serif;box-shadow:inset 8px 0 12px #5e3d2220,0 3px #a58b62,0 5px #d4bf94,0 7px #9f8057}footer small{color:#765e43}.skip{background:#693b2a;color:#fff0cd}
/* Academy: inked diagrams on the facing leaf. */
.academy-intro{padding:45px 5% 20px}.academy-intro>p:last-child{color:var(--muted)}.academy-shell{margin:10px 5% 55px;border:1px solid #85694677;box-shadow:2px 4px 9px #64401c22}.academy-top{border-color:var(--rule);font-family:Georgia,serif;color:#725235;background:#ac8b5220;letter-spacing:1px}.academy-top progress{accent-color:#794530}.quiet{color:#6d5036;font-family:Georgia,serif}.lesson{padding:30px}.lesson h2{font-size:32px}.lesson p{color:var(--ink)}.lesson .eyebrow{color:#80532f}.lesson .hint{color:#71573f;border-color:#9a7448;font-style:italic}.lesson-controls button{color:var(--rust);border-color:var(--rule);font-family:Georgia,serif}.tabletop{background:radial-gradient(ellipse at 30% 70%,#99703922,transparent 60%),repeating-linear-gradient(0deg,transparent 0 31px,#91794e12 31px 32px),#dac69a;border-color:var(--rule);box-shadow:inset 15px 0 20px -15px #68482170;min-height:530px;padding:25px}.table-status{color:#725639;font-family:Georgia,serif}.coffer{border:2px solid #81613d99;background:transparent;box-shadow:inset 0 0 0 4px #dac69a,inset 0 0 0 5px #81613d66}.coffer-icon,.coffer strong{color:#78572e}.coffer strong,.coffer p{font-family:Georgia,serif}.coffer p{color:#654d33}.die>span{background:linear-gradient(145deg,#f3e5c0,#b09a70);color:#4a3522;filter:drop-shadow(1px 3px 2px #60452155)}.die small{color:#705437;font-family:Georgia,serif}.die.highlight>span,.stone.highlight{background:linear-gradient(135deg,#c8794a,#7b3727);color:#fff2d0}.stone{background:linear-gradient(135deg,#849089,#4d5c52);color:#f2e5c2}.coin-bands span:nth-child(1){color:#854a30}.coin-bands span:nth-child(2){color:#535b55}.coin-bands span:nth-child(3){color:#765720}.stone-row{border-color:var(--rule)}.stone-row p{font-family:Georgia,serif;color:#6e5438}.result{background:#b89b6324;border-color:var(--rule);color:#4f3725}.result:empty:before{color:#755b3e;content:'Press the brown button to bring this example to life.'}.lesson-nav{border-color:var(--rule);justify-content:flex-start}.lesson-jump{font-family:Georgia,serif;color:#725139;border-color:#876b4555}.lesson-jump[aria-current=step]{background:#794530;color:#f3dfb5;border-color:#794530}.quiz button{color:var(--ink);background:#f0dfb9;border-color:#927449;font-family:Georgia,serif}.academy-foot{padding-bottom:50px;margin-bottom:0}.academy-foot p{color:var(--muted)}
@media(min-width:1600px){body{margin-top:60px}}@media(max-width:1000px){body{margin:16px 12px;padding:0 16px 16px 24px}body:before{left:7px;width:5px}header{padding:25px 20px 20px}.hero{min-height:660px}.hero-copy{max-width:68%}.hero:before{left:42%;right:25px}.reading-layout{grid-template-columns:160px minmax(0,1fr);gap:25px}.academy-grid{grid-template-columns:1fr}.tabletop{border-left:0;border-top:1px solid var(--rule);min-height:430px}.lesson h2{font-size:30px}}
@media(max-width:650px){body{margin:8px 5px;padding:0 9px 13px 16px;border-radius:4px 8px 8px 4px}body:before{left:4px;width:4px}header{margin-top:8px;padding:22px 14px 16px}header:before{font-size:8px;letter-spacing:1.5px}.brand{font-size:21px;letter-spacing:2px}nav{gap:10px 18px;font-size:12px}.hero{padding-bottom:95px;min-height:0}.hero-copy{max-width:none;padding:40px 8% 240px;background:none}.hero h1{font-size:67px}.hero:before{inset:auto 9% 100px 15%;height:220px;transform:rotate(-3deg);border-width:7px}.hero:after{font-size:11px;bottom:80px;right:14%;transform:rotate(-3deg)}.hero-copy .lead{font-size:20px;max-width:100%}.hero-copy .actions{max-width:none}.hero-bottom{font-size:8px;padding:12px 8%;gap:8px}.intro{padding:40px 22px 30px}.cards>a{padding:28px 18px}.cards>a+a{border-top-color:var(--rule)}.closing{padding:45px 18px}.reading-layout{display:block;padding:25px 7% 50px}aside{margin-bottom:35px}.page-heading{padding:35px 8%}.page-heading h1{font-size:44px}.standalone{padding:30px 8% 50px}.academy-intro{padding:30px 7% 15px}.academy-intro h1{font-size:45px}.academy-shell{margin:10px 5% 35px}.academy-top{padding:16px;gap:12px}.academy-top>span:last-child{font-size:9px}.lesson{padding:22px}.tabletop{padding:22px 12px;min-height:420px}.bones{gap:4px}.die>span{width:53px;height:62px;font-size:26px}.die small{font-size:7px}.coffer{min-width:190px;padding:15px 25px}.coin-bands{gap:9px;font-size:10px}.stone-row{gap:12px}.result{padding:20px;font-size:16px}.academy-foot{margin-left:7%;margin-right:7%}footer{padding:25px 8%}}
@media print{html,body,main,header,footer,.page-heading{background:white!important;box-shadow:none!important;color:#111}body{margin:0;padding:0;max-width:none;border:0}body:before,html:before{display:none}.reading-layout{display:block;padding:0}.prose,.prose h2,.prose h3,.prose h4,.prose h6{color:#111}.page-heading{padding:0}}