:root{color-scheme:dark;--ink:#0c100c;--panel:#141b13;--gold:#caa45b;--cream:#f2e4c1;--muted:#b9b59c;--line:#665333;--red:#9f392c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:#090d09;color:var(--cream);font:16px/1.65 system-ui,sans-serif}h1,h2,h3,.brand strong{font-family:Georgia,'Times New Roman',serif;line-height:1.18;color:#efd597}h1{font-size:clamp(2rem,4vw,3.6rem);margin:.5em 0}h2{font-size:clamp(1.4rem,2vw,2rem)}h3{font-size:1.15rem}a{color:#e2bb70;text-underline-offset:4px}a:hover{color:#fff2d3}p{overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;height:auto}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.6rem 1.2rem;border:1px solid #b08841;border-radius:2px;background:linear-gradient(#e0c381,#b38c47);color:#231b0d;font-weight:700;text-decoration:none;line-height:1.3}.button:hover{color:#191309;filter:brightness(1.12)}.button.red{background:linear-gradient(#b34e3d,#75241c);color:#fff0d2;border-color:#ce7256}.button.secondary{background:#172017;color:var(--cream)}.text-button{background:none;border:0;color:var(--gold);padding:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffdc83;outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;z-index:100;background:#161a12;padding:1rem}.skip:focus{top:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2vw;background:#16110b url('/prototype/assets/charred-timber.png') center/cover;border-bottom:2px solid #977038;position:relative;z-index:30}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:50px;height:50px;object-fit:contain}.brand strong{display:block;font-size:1.35rem}.brand small{display:block;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.topbar nav{justify-content:flex-end;gap:.9rem}.topbar nav a{font-size:.78rem;text-decoration:none;text-transform:uppercase;font-weight:650}.topbar nav form{margin:0}.topbar [aria-current]{border-bottom:2px solid var(--gold)}.menu-toggle{display:none;padding:.6rem;border:1px solid var(--gold);background:#111;color:var(--cream)}.preview-label{text-align:center;background:#232516;padding:.35rem 1rem;font-size:.74rem;color:#ddd0a5;border-bottom:1px solid #62522d}.operator-nav{padding:.7rem 3vw;border-bottom:1px solid var(--line);font-size:.88rem}.operator-nav span{color:var(--muted)}.hero{position:relative;min-height:550px;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 4vw 4rem;background:linear-gradient(0deg,#081008 0%,transparent 35%),url('/prototype/assets/skull-island-clean.png') center 45%/cover}.hero-story{display:flex;align-items:flex-start}.parchment{position:relative;width:330px;max-width:100%;min-height:350px;color:#2c2519;text-align:center;padding:3rem 2rem 3.5rem;background:url('/prototype/assets/blank-parchment.png') center/100% 100% no-repeat;filter:drop-shadow(0 15px 20px #0008);transform:rotate(-2deg)}.parchment h1{font-variant:small-caps;color:#241e13;font-size:2.15rem;margin:.4em 0}.parchment p{font:600 .92rem/1.5 Georgia,serif}.parchment .eyebrow{color:#783d27}.parchment-coin{position:absolute;width:80px;bottom:-24px;left:calc(50% - 40px);filter:drop-shadow(0 7px 7px #000a)}.hero-offer{display:grid;grid-template-columns:minmax(210px,280px) minmax(80px,170px);gap:1.3rem;justify-content:end;align-items:start}.plaque{margin-top:1rem;padding:1.5rem;background:linear-gradient(#181910,#080b07);text-align:center;border:1px solid #786439;box-shadow:0 10px 25px #000b}.plaque>span{font:small-caps 1.4rem Georgia,serif}.plaque h2{font-size:2.35rem;margin:.7rem 0}.plaque p{font-size:.78rem;text-transform:uppercase}.plaque small{display:block;font-size:.62rem;margin-top:.8rem;color:var(--muted)}.plaque .button{width:100%}.guardian{align-self:end;max-height:440px;width:100%;object-fit:contain;object-position:bottom;margin-top:70px;filter:drop-shadow(0 15px 15px #000a)}.quest-strip{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:min(900px,94%);margin:-2rem auto 0;background:#10180f;border:1px solid var(--gold);z-index:2}.quest-strip a{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:var(--cream)}.quest-strip a+a{border-left:1px solid var(--line)}.quest-strip b{border:1px solid var(--gold);border-radius:50%;width:35px;height:35px;text-align:center;color:var(--gold)}.quest-strip span{font-weight:700;font-size:.85rem;text-transform:uppercase}.quest-strip small{display:block;color:var(--muted);font-size:.65rem;font-weight:400;text-transform:none}.home-board{display:grid;grid-template-columns:1fr 1.4fr 1.1fr .85fr;max-width:1600px;margin:auto}.panel{background:linear-gradient(145deg,#182015,#0d130e);padding:1.5rem;border:1px solid var(--line);margin-bottom:1.3rem;min-width:0}.home-board>.panel{margin:0;border-top:0;padding:1.2rem}.membership-poster{text-align:center;background:linear-gradient(#0d160dcc,#081008ee),url('/prototype/assets/membership-scene.png') center/cover}.membership-poster ul{text-align:left;padding-left:1.2rem;font-size:.85rem}.price{font:3.5rem/1.2 Georgia,serif;color:#e8cb87;display:block;margin:1rem 0}.price small{display:block;font: .7rem system-ui,sans-serif;color:var(--muted)}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-head>a{white-space:nowrap}.map-art{display:block}.map-art img{width:100%;max-height:360px;object-fit:cover}.hunt-row{display:block;padding:.65rem;border-bottom:1px solid var(--line);text-decoration:none}.hunt-row small{display:block;font-size:.7rem;color:var(--muted)}.journey{padding-left:1.4rem}.journey li{padding:.3rem 0 .7rem}.journey p{font-size:.9rem;color:var(--muted);margin:.35rem 0}.promise{text-align:center;padding:2rem;background:#241e12;border-top:1px solid var(--gold)}footer{padding:2rem 4vw;display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--line);background:#070b08}footer p,footer small{color:var(--muted);font-size:.8rem}footer small{grid-column:1/-1}footer nav a{font-size:.82rem}.page-shell{max-width:1240px;margin:auto;padding:2.7rem 2rem}.narrow{max-width:850px}.auth-shell{max-width:530px;margin:3rem auto;padding:2rem}.field{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0;color:#e1d8c0;font-size:.9rem}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:45px;padding:.7rem;background:#09110b;color:#f2ead6;border:1px solid #786443;border-radius:3px}.field textarea{min-height:130px;resize:vertical}.check{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:.85rem;margin:1rem 0}.check input{width:18px;height:18px;accent-color:#c49b53;flex-shrink:0}.notice{max-width:1200px;margin:1rem auto;padding:1rem;border:1px solid #ab9051;background:#302914;color:#fff0ca}.notice.error{background:#381b18;border-color:#dd897c}.notice ul{margin-bottom:0}.muted,small{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1.5rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.hunt-card{padding:0;overflow:hidden}.hunt-card>img{height:190px;width:100%;object-fit:cover}.hunt-card>div{padding:1.3rem}.hunt-card h2{font-size:1.5rem}.hunt-card a{text-decoration:none}.empty{grid-column:1/-1;text-align:center;padding:3rem}.filters{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filters .field{flex:1;min-width:150px}.filters .button{margin-bottom:.8rem}.view-switch{display:flex;gap:.5rem;margin-bottom:1rem}.view-switch [aria-pressed=true]{box-shadow:0 0 0 2px #eacf8e}#hunt-map{height:480px;border:1px solid var(--gold);background:#17251c;color:#161d13}#hunt-map a{color:#4d3714}#hunt-map[hidden]{display:none}.scene{width:100%;max-height:350px;object-fit:cover;margin-bottom:1rem}.clue-copy{white-space:pre-line;font:1.2rem/1.8 Georgia,serif;background:#24271a;padding:1.2rem;border-left:3px solid var(--gold)}details{margin:.8rem 0}summary{cursor:pointer;min-height:44px;padding:.6rem 0;font-weight:650;color:#eed198}details.panel{padding:1rem 1.5rem}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.locked{padding:1rem;border:1px dashed var(--gold)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stats-grid strong{display:block;font:2.8rem Georgia,serif;color:var(--gold)}.stats-grid span{font-size:.85rem}.activity{padding:.7rem 0;border-bottom:1px solid var(--line)}.activity h3{margin:.4rem 0}.activity p{margin:.5rem 0}.collectible{background:radial-gradient(at top,#424128,#11190f);border:2px solid #ae8a45;text-align:center}.collectible>img{display:block;width:65%;height:220px;object-fit:contain;margin:1rem auto}.collectible small{font-size:.7rem;overflow-wrap:anywhere}.secret-code{display:block;overflow-wrap:anywhere;background:#070a07;padding:1rem;margin:.5rem 0;color:#ffe3a0;font-size:1rem}.reward-art{display:block;max-height:180px;margin:auto}.actions,.tabs{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.coin-row{padding:1rem 0;border-top:1px solid var(--line)}.coin-row>span{margin-left:1rem;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}td,th{padding:.6rem;border-bottom:1px solid var(--line)}.prose p{line-height:1.85}.prose li{margin:.6rem 0}.tabs{padding-bottom:1rem}.page-shell section[id]{scroll-margin-top:2rem}nav[role=navigation]{margin:1.2rem 0}nav[role=navigation] svg{width:20px}nav[role=navigation]>div{display:flex;gap:1rem}blockquote{border-left:3px solid var(--gold);margin:1rem 0;padding-left:1rem}
@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}
@media(max-width:1150px){.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:100%;left:0;right:0;background:#10180e;border:1px solid var(--line);padding:1rem}.topbar nav.open{display:flex}.home-board{grid-template-columns:1fr 1fr}.hero{padding:2.5rem 3vw 4rem;gap:1rem;min-height:520px}.hero-offer{grid-template-columns:minmax(190px,250px) minmax(55px,100px);gap:.5rem}.guardian{max-height:350px;margin-top:120px}.plaque h2{font-size:1.8rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brand strong{font-size:1.15rem}.brand img{width:40px;height:40px}.topbar{padding:.8rem 1rem}.hero{grid-template-columns:1fr;padding:1.5rem 1rem 3rem;gap:2rem;background-position:52% center}.hero-story{justify-content:center}.parchment{width:300px;min-height:335px}.hero-offer{width:min(430px,100%);margin:auto;grid-template-columns:minmax(0,1fr) 90px;align-items:end}.plaque{margin:0;padding:1.3rem}.guardian{margin:0;max-height:280px}.quest-strip{margin:0;width:100%;grid-template-columns:1fr}.quest-strip a{padding:.8rem 1.5rem}.quest-strip a+a{border-left:0;border-top:1px solid var(--line)}.home-board,.detail-grid,.card-grid{grid-template-columns:1fr}.home-board>.panel{padding:1.5rem}.home-board .map-art img{max-height:400px}.page-shell{padding:1.8rem 1rem}.auth-shell{margin:1.8rem 1rem;padding:1.5rem}.stats-grid{gap:.5rem}.stats-grid .panel{padding:.8rem}.stats-grid strong{font-size:2rem}.stats-grid span{font-size:.7rem}footer{grid-template-columns:1fr;padding:2rem 1.5rem}.section-head{align-items:start;flex-direction:column}.two-columns{grid-template-columns:1fr}.filters{gap:.4rem}.filters .field{min-width:100%}.notice{margin:1rem}.panel .notice{margin:1rem 0}#hunt-map{height:380px}.prose{padding:1.2rem}.topbar nav.open{align-items:start;flex-direction:column}.topbar nav a{padding:.35rem 0}.topbar nav a.button{padding:.7rem}.operator-nav{font-size:.75rem}.table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Concept-art typography, served locally; body copy remains easy to read. */
@font-face{font-family:'IM Fell';src:url('fonts/im-fell-english-sc.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Oswald;src:url('fonts/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
h1,h2,h3,.brand strong{font-family:'IM Fell',Georgia,serif;font-weight:400}
.brand strong{font-size:1.65rem}.topbar nav a,.button,.eyebrow,.quest-strip span{font-family:Oswald,system-ui,sans-serif;letter-spacing:.035em}
.topbar nav a{font-size:.86rem}.button{text-transform:uppercase;letter-spacing:.055em}
.parchment h1{font-size:2.55rem;line-height:1.05}.parchment{padding-top:2.6rem;padding-bottom:3rem}
.plaque>span{font-family:'IM Fell',Georgia,serif}.plaque h2{font-size:2.65rem}
.hero{min-height:500px;padding-top:2.2rem;padding-bottom:3rem}
.hero-offer{align-items:start}.guardian{align-self:end;margin-top:50px;max-height:380px}
.home-board>.panel h2{font-size:1.65rem}.home-board{font-size:.94rem}
.preserve-lines{white-space:pre-line}.page-shell code{overflow-wrap:anywhere}
.guardian{height:380px;object-fit:cover;object-position:center}
@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.parchment{width:295px;padding:2.6rem 1.6rem 3rem}.parchment h1{font-size:2.3rem}.hero-offer{grid-template-columns:minmax(0,1fr) 65px}.plaque{padding:1rem}.plaque h2{font-size:2.1rem}.guardian{max-height:280px}}
@media(max-width:760px){.brand strong{font-size:1.35rem}.hero{min-height:0;padding:1.5rem 1rem 2rem}.parchment{width:290px;min-height:335px}.parchment h1{font-size:2.3rem}.hero-offer{align-items:end}.guardian{margin:0;max-height:260px}.plaque h2{font-size:2rem}.quest-strip small{letter-spacing:0}.home-board>.panel h2{font-size:1.8rem}}
@media(min-width:761px) and (max-width:1000px){.hero-offer{grid-template-columns:minmax(0,1fr) 105px}.guardian{height:280px}}
@media(max-width:760px){.guardian{height:260px}}
@media(max-width:380px){.topbar{padding:.75rem .65rem;gap:.5rem}.brand{gap:.4rem}.brand strong{font-size:1.05rem}.brand small{font-size:.48rem}.brand img{width:32px;height:32px}.menu-toggle{font-size:.8rem;padding:.5rem}.hero-offer{grid-template-columns:minmax(0,1fr) 78px;gap:.5rem}.plaque{padding:1rem .7rem}.plaque h2{font-size:1.7rem}.plaque .button{padding:.6rem .5rem}}
.qr-code{display:block;width:200px;height:200px;margin:1rem auto;background:white}.print-coins{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.print-coin{padding:1rem;border:1px solid var(--line);text-align:center;break-inside:avoid}.print-coin .secret-code{font-size:.85rem}
.example-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.example-card{min-width:0;background:#10180f;border:1px solid var(--line);border-radius:12px;overflow:hidden}.example-card-art{display:block;position:relative}.example-card-art img{display:block;width:100%;height:auto;aspect-ratio:1060/1484;object-fit:contain}.sample-card-label{display:inline-block;padding:.4rem .65rem;background:#15251b;color:#fff0c5;border:1px solid #b99c62;font:600 .68rem/1.4 system-ui,sans-serif;letter-spacing:.04em}.example-card-art .sample-card-label{position:absolute;bottom:.8rem;left:50%;transform:translateX(-50%);white-space:nowrap;box-shadow:0 2px 8px #000}.example-card-caption{padding:1rem 1.2rem}.example-card-caption h3{font-size:1.7rem;margin:.4rem 0}.example-collection>p{max-width:85ch;color:var(--muted);font-size:.9rem}.collection-examples{padding-bottom:0}.collection-signin{margin-top:2rem}.example-card-detail{max-width:900px}.example-card-detail>img{display:block;width:100%;height:auto}.example-card-detail .notice{margin:1rem 0}.example-card-art:focus-visible{outline-offset:-4px}
@media(max-width:1000px){.example-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.example-card-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.example-card-caption{padding:1rem}.example-card-detail{padding:1.5rem .8rem}}

/* The guardian frames the scene like the concept, rather than floating in it. */
.hero-stage{display:grid;max-width:1600px;margin:auto;isolation:isolate}.hero-stage>.hero{grid-area:1/1/2/2;width:100%;min-width:0}.hero-stage>.quest-strip{grid-area:2/1/3/2}
.hero-offer{display:block;min-width:0;justify-self:end;width:clamp(190px,20vw,280px);margin-right:calc(clamp(100px,13vw,175px) + 20px);position:relative;z-index:1}
.guardian-frame{position:relative;grid-area:1/1/3/2;justify-self:end;width:clamp(135px,16vw,245px);overflow:hidden;pointer-events:none;z-index:1}
.guardian-frame .guardian{position:absolute;top:-2%;left:50%;transform:translateX(-50%);height:155%;width:auto;max-height:none;max-width:none;margin:0;object-fit:initial;filter:drop-shadow(-12px 8px 12px #0008)}
.membership-poster ul{list-style:none;text-align:center;padding:0;width:100%;max-width:260px;margin:1.5rem auto;line-height:1.6}
.membership-poster li{padding:.45rem .4rem;border-bottom:1px solid #caa45b26;text-wrap:balance}
.membership-poster li:last-child{border-bottom:0}
.membership-poster>p{max-width:260px;margin:1rem auto}
.membership-poster>.button{max-width:100%}
@media(min-width:761px) and (max-width:1000px){.hero-offer{width:190px;margin-right:120px}.guardian-frame{width:125px}}
@media(max-width:760px){.hero-offer{width:calc(100% - 110px);max-width:280px;justify-self:start;margin:0 110px 0 0}.guardian-frame{grid-area:1/1/2/2;align-self:end;height:350px;width:110px}.guardian-frame .guardian{top:0;height:155%}.hero{grid-template-columns:minmax(0,1fr);padding-bottom:2rem}.hero-story{min-width:0}}
@media(max-width:380px){.hero-offer{width:calc(100% - 85px);margin-right:85px}.guardian-frame{width:85px;height:320px}}
@media print{body:has(.issued-sheet){background:white;color:black}body:has(.issued-sheet) .topbar,body:has(.issued-sheet) .preview-label,body:has(.issued-sheet) .operator-nav,body:has(.issued-sheet) footer,body:has(.issued-sheet) .notice,body:has(.issued-sheet) .page-shell>:not(.issued-sheet),.no-print{display:none!important}.issued-sheet,.print-coin{background:white!important;color:black!important;box-shadow:none}.issued-sheet h2,.issued-sheet h3{color:black}.issued-sheet .secret-code{background:white;color:black}.print-coins{display:block}.print-coin{display:inline-block;width:45%;margin:1%;vertical-align:top}}