:root{color-scheme:dark;--cream:#f2e8d7;--muted:#a89c8a;--gold:#efb460;--gold-soft:#d29a51;--coal:#080705;--line:#ffffff18;--ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{background:var(--coal);scroll-behavior:smooth}
body{margin:0;background:var(--coal);color:var(--cream);font-family:var(--ui);font-size:16px}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button,input,textarea{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
#experience{height:100svh;min-height:660px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 57% 70%,#5b260d35 0,transparent 55%),#080705;isolation:isolate}
#fire,#sparks,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#fire{z-index:0}.webgl-lost #fire{opacity:0}#sparks{z-index:1}.vignette{z-index:2;box-shadow:inset 0 0 170px 55px #03030280;background:linear-gradient(#03030270,transparent 26%,transparent 64%,#030302d8)}
header{position:absolute;z-index:5;top:max(28px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start}
.wordmark{display:flex;gap:13px;align-items:center;font-size:14px;letter-spacing:.16em;text-shadow:0 2px 15px #000}.wordmark b{font-weight:650}.mark{font-family:var(--display);font-size:27px;color:var(--gold);height:44px;width:44px;border:1px solid #dba45d66;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 20px #e9921515,0 0 22px #e992150d}.wordmark small{display:block;font-size:9px;letter-spacing:.19em;color:var(--muted);margin-top:6px}
.market{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;text-shadow:0 2px 15px #000}.market>span{font-size:9px;letter-spacing:.2em;color:#a99c89}.market>div{margin:8px 0}#price{font-family:var(--display);font-size:19px;letter-spacing:.01em}#change{font-size:12px;margin-left:10px}#blockButton{padding:3px 0;font-size:10px;color:var(--muted);letter-spacing:.16em}
.intro{position:absolute;z-index:3;left:7.5%;top:23%;pointer-events:none;opacity:.94;transition:opacity 1.5s}.intro.resting{opacity:.82}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold)}h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.4vw,66px);line-height:1.08;margin:18px 0 16px;letter-spacing:-.04em}h1 em{color:#dfb87f;font-weight:400}.intro p{font-size:13px;max-width:280px;line-height:1.7;color:var(--muted)}
.banknote-area{position:absolute;z-index:5;left:25%;bottom:122px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:310px}
#burnHint{font-size:10px;letter-spacing:.23em;color:#c8b99f;white-space:nowrap;text-shadow:0 2px 14px #000}
#note{width:250px;height:112px;color:#303426;border:1px solid #727c5c;background:linear-gradient(135deg,#d0c7a5,#aba77f 53%,#c7be9a);box-shadow:0 18px 38px #000c,0 0 30px #e0871514,inset 0 0 0 4px #4d57412c,inset 0 0 0 6px #dcd5b555;padding:11px 13px;transform:rotate(-4deg);touch-action:none;user-select:none;position:relative;overflow:hidden;transition:filter .2s,box-shadow .2s;cursor:grab;clip-path:polygon(1% 3%,99% 0,100% 96%,2% 100%)}
#note:hover{filter:brightness(1.08);box-shadow:0 20px 45px #000d,0 0 36px #e0871524}#note:active{cursor:grabbing}
.note-pattern{position:absolute;inset:7px;border:1px solid #4e594344;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 4px,#4c58401c 5px 6px,transparent 7px 10px);mix-blend-mode:multiply;opacity:.75}.note-pattern:after{content:"";position:absolute;inset:6px;border:1px dashed #59604855;border-radius:45%}
.note-edge{position:relative;font-family:var(--display);font-size:7px;letter-spacing:.12em;display:block;border-bottom:1px solid #555b4544;padding-bottom:5px}.note-body{position:relative;display:flex;align-items:center;justify-content:space-between;height:59px}.denom{font-family:var(--display);font-size:43px;line-height:1}.note-title strong{font-family:var(--display);font-size:27px;letter-spacing:.22em}.note-title small{display:block;font-size:6px;letter-spacing:.17em;margin-top:1px}.note-seal{border:3px double #626b51;border-radius:50%;width:43px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center}.note-seal b{font-family:var(--display);font-size:24px;line-height:.7}.note-seal small{font-size:5px;letter-spacing:.12em;margin-top:4px}.note-foot{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.1em;border-top:1px solid #555b4544;padding-top:5px}.note-serial{font-family:monospace;letter-spacing:.06em}.note-char{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(circle at 50% 105%,transparent 0 38%,#ffcf6b 42%,#e36b20 46%,#120905 54%);opacity:0;mix-blend-mode:multiply}
#note.burning{pointer-events:none;animation:note-burn 1.05s cubic-bezier(.35,.01,.45,1) forwards}.burning .note-char{animation:note-char 1.05s ease-in forwards}
@keyframes note-burn{0%{transform:rotate(-4deg);filter:brightness(1)}30%{transform:translate(70px,-48px) rotate(12deg) scale(.82);filter:brightness(1.65) saturate(1.3)}68%{transform:translate(128px,-112px) rotate(29deg) scale(.48);filter:brightness(.65) sepia(1)}100%{transform:translate(155px,-164px) rotate(43deg) scale(.08);filter:brightness(.05);opacity:0}}
@keyframes note-char{0%,18%{opacity:0}38%{opacity:.35}70%{opacity:.9}100%{opacity:1}}
.fire-stats{display:flex;align-items:center;gap:9px;padding:4px 7px;color:#beaf97;font-size:9px;letter-spacing:.13em;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000}.fire-stats strong{color:#ead6b4;font-weight:600}.fire-stats i{height:12px;width:1px;background:#ffffff25}.fire-stats:hover{color:var(--cream)}.counter-status{min-height:16px;max-width:290px;margin:-5px 0 0;text-align:center;color:#9d8f7a;font-size:11px;line-height:1.4}
#shareBurn{position:absolute;bottom:242px;left:25%;transform:translateX(-50%);z-index:6;font-size:11px;font-weight:700;letter-spacing:.16em;color:#27170b;background:#efbd77;border-radius:30px;padding:12px 19px;white-space:nowrap;box-shadow:0 12px 35px #0009,0 0 28px #f0a43228}#shareBurn span{margin-left:7px}
#incomingSpark{position:absolute;z-index:8;width:8px;height:8px;border-radius:50%;background:#fff0b6;box-shadow:0 0 12px 5px #ffb23f,0 0 35px 12px #e86f1b;opacity:0;pointer-events:none;left:-20px;top:45%}#incomingSpark.travel{animation:spark-arrival 1.25s cubic-bezier(.3,.7,.4,1) forwards}@keyframes spark-arrival{0%{opacity:0;transform:translate(0,80px) scale(.3)}18%{opacity:1}82%{opacity:1;transform:translate(58vw,17vh) scale(1)}100%{opacity:0;transform:translate(60vw,20vh) scale(3)}}
.controls{position:absolute;z-index:6;bottom:max(48px,env(safe-area-inset-bottom));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.tools{display:flex;gap:24px}.tools button{font-size:18px;color:var(--muted);display:flex;align-items:center;gap:8px;padding:8px 0}.button-label{font-size:12px}.tools button:hover{color:var(--cream)}.ember-button{border:1px solid #dca25766;background:#281a10bd;border-radius:5px;padding:13px 18px;font-size:12px;letter-spacing:.08em;box-shadow:0 0 25px #e8931610}.ember-button>span{color:var(--gold);margin-right:8px}.ember-button:hover{background:#442912;border-color:#e5b66c}
.below{position:absolute;z-index:5;bottom:17px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.19em;color:#8a7b68;white-space:nowrap}.below span{margin-left:10px}
#moment{position:absolute;z-index:9;top:18%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s;font-family:var(--display);font-size:32px;color:#ffe1aa;text-shadow:0 0 32px #e99029;width:min(90%,620px)}#moment.visible{opacity:1}#moment small{display:block;font-family:var(--ui);letter-spacing:.2em;font-size:10px;margin-bottom:12px;color:#efbd77}
#about{background:#0d0b08;border-top:1px solid var(--line);padding:96px 8% 28px}.story{max-width:720px;margin:auto}.story h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,52px);line-height:1.1;letter-spacing:-.03em}.story p{color:#b3a693;line-height:1.8;font-size:16px;max-width:650px}.story-links{display:flex;flex-wrap:wrap;gap:20px;margin:35px 0;font-size:14px;color:var(--gold)}.story p.small{font-size:12px;color:#8e8271;margin-top:35px}.creator{max-width:720px;margin:72px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:8px;color:#8e8271;font-size:12px}.creator a{color:#ccb58f}.colophon{border-top:1px solid var(--line);max-width:720px;margin:34px auto 0;padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#8e8271}.colophon nav{display:flex;gap:20px;flex-wrap:wrap}.colophon button{padding:0;font-size:12px;color:inherit}
dialog{color:var(--cream);background:#15100cf2;border:1px solid #d2a16b44;border-radius:14px;width:min(470px,calc(100vw - 28px));padding:38px;box-shadow:0 35px 100px #000d;max-height:min(720px,calc(100svh - 30px));overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}#closeDialog{position:absolute;right:14px;top:9px;font-size:28px;color:var(--muted)}dialog h2{font-family:var(--display);font-weight:400;font-size:33px;margin:7px 0 16px;letter-spacing:-.02em}dialog p{font-size:14px;color:var(--muted);line-height:1.7}dialog .primary{width:100%;padding:13px;background:#e7b16d;color:#23150a;border-radius:5px;margin-top:15px;font-weight:650}dialog .fine{font-size:11px}dialog a{color:var(--gold)}.share-options{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;font-size:13px}.share-options button{padding:0;color:var(--gold)}
.address-label,.contact-form label{display:block;font-size:13px;color:#d8bd94;margin:20px 0 8px}.bitcoin-address,.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:13px 11px;border:1px solid #b7823c55;border-radius:7px;background:#080705;color:#f2e8d5;font:14px var(--ui)}.bitcoin-address{font-family:monospace}.contact-form textarea{min-height:130px;resize:vertical;line-height:1.5}.contact-form .trap{position:absolute;left:-9999px}.contact-status{min-height:21px}.ember-receipt{text-align:center;padding:8px 0 2px}.ember-receipt strong{display:block;font-family:var(--display);font-size:38px;color:#ffd79a;font-weight:400}.ember-receipt span{font-size:11px;letter-spacing:.16em;color:var(--muted)}.activity-chart{height:135px;display:flex;align-items:flex-end;gap:3px;margin:22px 0 9px;border-bottom:1px solid #ffffff22}.activity-bar{flex:1;min-width:3px;background:linear-gradient(#ffcf7a,#a54b18);border-radius:2px 2px 0 0;opacity:.8}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#8e8271}.activity-total{display:flex;gap:25px;margin:18px 0}.activity-total strong{display:block;font-family:var(--display);font-size:30px;color:#ebc286;font-weight:400}.activity-total span{font-size:9px;letter-spacing:.13em;color:#9d907e}
.cinema header,.cinema .intro,.cinema .banknote-area,.cinema .below{opacity:0;pointer-events:none}.cinema .controls{opacity:.2}.cinema .controls:hover{opacity:1}
.obs header,.obs .intro,.obs .banknote-area,.obs .controls,.obs .below,.obs #shareBurn{display:none!important}.obs{min-height:100vh!important}button[hidden]{display:none!important}
.document{max-width:780px;margin:auto;padding:65px 25px}.document h1{font-size:clamp(38px,7vw,60px);margin:35px 0}.document p{font-size:16px;color:#b9ac98;line-height:1.85}.document .lead{font-size:21px}.document section{margin:42px 0}.document h2{font-family:var(--display);font-size:25px;font-weight:400}.document nav{margin-top:55px;color:#a1927b;font-size:13px}.document .ember-button{display:inline-block;margin-top:20px}
@media(max-width:900px){.intro{left:6%;top:19%}.banknote-area{left:50%;bottom:128px}#shareBurn{left:50%;bottom:320px}}
@media(max-width:700px){#experience{min-height:640px}header{top:max(18px,env(safe-area-inset-top));left:19px;right:19px}.wordmark{font-size:11px;gap:9px}.wordmark small{font-size:7px;letter-spacing:.12em}.mark{width:35px;height:35px;font-size:22px}.market #price{font-size:15px}.market #change{display:none}.market>span{font-size:8px}.intro{top:16%;left:22px}.intro h1{font-size:34px;margin:11px 0}.intro p{font-size:11px;max-width:210px}.eyebrow{font-size:8px}.banknote-area{bottom:126px;width:270px}#note{width:218px;height:100px;padding:9px 11px}.note-body{height:52px}.denom{font-size:38px}.note-title strong{font-size:24px}.note-seal{width:38px;height:38px}.note-serial{display:none}.fire-stats{font-size:8px;gap:7px}.controls{bottom:max(47px,env(safe-area-inset-bottom));left:20px;right:20px}.tools{gap:17px}.button-label{display:none}.ember-button{padding:12px 13px;font-size:11px}.below{font-size:7px}#moment{top:36%;font-size:26px}#shareBurn{bottom:326px}.story-links{flex-direction:column}.colophon{flex-direction:column;gap:20px}dialog{padding:34px 24px}.creator{margin-top:55px}}
@media(max-height:690px){.intro{display:none}.banknote-area{bottom:103px;transform:translateX(-50%) scale(.9)}.controls{bottom:40px}.below{display:none}#shareBurn{bottom:278px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#incomingSpark.travel{animation-duration:.2s}#note.burning,.burning .note-char{animation-duration:.22s}}