@font-face{font-family:Geist;src:url('Geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#f3f0e8;--ink:#242220;--muted:#5e574b;--rule:#d6cfc1;--blue:#31558a}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.45 Geist,Arial,sans-serif}
button{font:inherit;cursor:pointer}
button:disabled{cursor:default}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.masthead{max-width:1500px;margin:0 auto;width:calc(100% - 76px);min-height:79px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--rule)}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:26px;font-weight:730;letter-spacing:-.8px}
.brand img{object-fit:contain;image-rendering:pixelated}
.edition{font-size:13px;border-left:1px solid #c9bfae;padding-left:20px;color:var(--muted);text-underline-offset:3px}
.preview{margin-left:auto;font-size:12px;color:var(--muted)}
.sound{margin-left:auto}
.preview:not([hidden])+.sound{margin-left:0}
.quiet-button{min-height:44px;padding:8px 12px;color:var(--muted);background:transparent;border:0;font-size:13px;border-radius:3px}
.quiet-button:hover{background:#e9e3d7;color:var(--ink)}
.sound{padding-inline:9px}
.experience{max-width:1560px;margin:0 auto;text-align:center}
.goal{width:min(100% - 36px,450px);margin:16px auto 0;text-align:left}
.goal-summary{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.goal-summary strong{color:var(--ink)}
#goal-count{font-weight:650;color:var(--ink)}
.goal-message{margin:5px 0 0;font-size:12px;color:var(--muted)}
.goal progress{display:block;width:100%;height:7px;margin-top:8px;border:0;border-radius:2px;overflow:hidden;appearance:none;background:#ded6c6;accent-color:var(--blue)}
.goal progress::-webkit-progress-bar{background:#ded6c6}
.goal progress::-webkit-progress-value{background:var(--blue)}
.goal progress::-moz-progress-bar{background:var(--blue)}
.stage{position:relative;height:clamp(310px,calc(100svh - 470px),490px);overflow:hidden;isolation:isolate}
#world,.fallback{position:absolute;inset:0}
#world{touch-action:pan-y}
#world canvas{display:block;width:100%;height:100%}
.fallback{display:grid;place-items:center}
.fallback img{width:auto;height:min(81%,540px);max-width:82%;object-fit:contain;transform:rotate(-4deg);border-block:10px double #c9bfaa;box-shadow:13px 19px 27px #24222026}
.fallback #still-card{transform:none;border:0}
.pack-hit{position:absolute;top:8%;height:83%;left:50%;transform:translateX(-50%);width:min(73vw,380px);background:transparent;border:0;border-radius:9px}
.claim{width:min(100% - 36px,450px);margin:0 auto 26px}
h1{font-size:clamp(34px,5vw,59px);line-height:1.02;font-weight:680;letter-spacing:-.055em;margin:0 0 11px}
.note{font-size:14px;color:var(--muted);margin:0 auto 14px;max-width:42ch}
.reward-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;margin:20px 0;padding:0;text-align:left}
.reward-teasers img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:3px;object-fit:cover}
.reward-teasers span{display:block;margin-top:5px;font-size:12px;font-weight:630;line-height:1.25}
.actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.primary{min-height:48px;min-width:220px;padding:10px 20px;color:#fffaf0;background:var(--ink);border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:570}
.primary:hover:not(:disabled){background:#3b362d}
.post-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:154px;background:transparent;color:var(--ink);text-decoration:none}
.post-link:hover:not(:disabled){background:#e9e3d7}
.primary:disabled{opacity:.62}
.feedback{font-size:13px;color:var(--muted);margin:12px auto 0;max-width:47ch}
.feedback:empty{display:none}
details{margin:12px auto 0;color:var(--muted);font-size:13px}
summary{width:max-content;max-width:100%;margin:auto;cursor:pointer;min-height:34px;display:list-item;padding:6px 5px}
summary:hover{color:var(--ink)}
.checklist{list-style:none;margin:5px auto 0;padding:0;border-top:1px solid var(--rule);text-align:left}
.checklist li{min-height:46px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}
.checklist a{color:var(--ink);text-underline-offset:4px}
.check{color:var(--muted);text-align:right;flex:none}
.check[data-value=verified]{color:var(--blue);font-weight:650}
.terms{font-size:12px;margin:11px auto 0;max-width:46ch}
.payout{max-width:420px;margin:18px auto 0;padding-top:15px;border-top:1px solid var(--rule);text-align:left;font-size:13px}
.payout label,.payout input{display:block;width:100%;margin-bottom:7px}
.payout input{font:inherit;padding:10px;border:1px solid #a79c8b;border-radius:4px;background:#fffaf0;color:var(--ink)}
.payout a{color:var(--blue)}
.payout p{overflow-wrap:anywhere}
.payout h2{font-size:18px;margin:0 0 8px}
.post-activity{margin:18px 0 20px;text-align:left}
.post-embed{container-type:inline-size}
.post-embed iframe{display:block;width:100%;height:590px;height:clamp(480px,calc(302px + 56.25cqw),615px);border:0;border-radius:12px}
.post-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0 0}
.post-metrics div{display:flex;flex-direction:column-reverse;gap:1px}
.post-metrics dt{color:var(--muted);font-size:12px}
.post-metrics dd{margin:0;font-size:23px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}
#activity-fallback{font-size:11px;color:var(--muted);margin:8px 0 0}
@media(min-width:900px){
  .experience{width:calc(100% - 76px);max-width:1120px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:28px 48px;padding:clamp(36px,9vh,85px) 0 45px;text-align:left}
  .goal{grid-column:2;grid-row:1;width:100%;margin:0;align-self:end}
  .stage{grid-column:1;grid-row:1/3;height:clamp(500px,calc(100svh - 180px),660px);margin-top:-34px}
  .claim{grid-column:2;grid-row:2;width:100%;margin:0;align-self:start}
  .note,.feedback,.terms,.payout,summary{margin-inline:0}
  summary{padding-left:0}
  .actions{justify-content:flex-start}
  .reward-teasers{gap:12px;margin:24px 0}
  .reward-teasers span{font-size:13px;margin-top:8px}
}
@media(max-width:620px){
  .masthead{width:calc(100% - 36px);gap:11px;min-height:62px}
  .brand{font-size:23px;gap:7px}
  .brand img{width:21px;height:24px}
  .edition{padding-left:11px;font-size:11px;line-height:1.15;max-width:88px}
  .preview,.sound{font-size:10px}
  .sound{padding-inline:3px}
  .stage{height:clamp(265px,calc(100svh - 468px),390px)}
  .note{font-size:13px;max-width:40ch}
  .claim{width:min(100% - 36px,450px)}
  .actions :is(#primary,.post-link){flex:1 1 150px;min-width:0;padding-inline:12px}
}
@media(max-width:350px){
  .masthead{width:calc(100% - 28px);gap:8px}
  .brand{font-size:20px}
  .brand img{width:18px}
  .edition{display:none}
  .preview,.sound{white-space:nowrap}
  .stage{height:clamp(250px,calc(100svh - 468px),340px)}
}