@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Syne:wght@600;700;800&display=swap');

:root{--coal:#0d0805;--ink:#1a0d08;--stone:#9b7049;--sand:#d1ae79;--bone:#f0d8aa;--ochre:#a83e19;--ember:#f18a2c;--ash:#5f4632;--panel:rgba(21,11,6,.82);--pad:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html,body{margin:0;background:var(--coal);color:var(--bone);font-family:"Special Elite",serif;overflow:hidden}button,a,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.noise{position:fixed;z-index:100;inset:-60%;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}.torch{position:fixed;z-index:90;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;opacity:.56;background:radial-gradient(circle,rgba(255,191,105,.19),rgba(255,114,30,.07) 27%,transparent 67%);mix-blend-mode:screen;transition:opacity .3s}.ember-field{position:fixed;z-index:89;inset:0;pointer-events:none;overflow:hidden}.ember{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ffb249;box-shadow:0 0 8px #ff7920;animation:rise linear forwards}
.topbar{position:fixed;z-index:80;left:24px;right:24px;top:18px;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border:1px solid #e5c18b55;background:#130b07b5;backdrop-filter:blur(12px);box-shadow:0 8px 30px #0008}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;cursor:pointer;font-family:Syne,sans-serif;font-weight:800}.brand-mark{width:38px;height:42px;display:grid;place-items:center;background:var(--ochre);border:2px solid #1a0b06;border-radius:50% 42% 48% 45%;box-shadow:inset 3px 3px 0 #db7346;font-size:29px}.brand small{display:block;margin-top:2px;color:var(--stone);font:8px "Special Elite";letter-spacing:.11em}.topbar nav{display:flex;gap:4px}.topbar nav button,.top-actions>*{border:0;background:none;cursor:pointer;color:#c7a776;font-size:9px;letter-spacing:.08em;text-decoration:none}.topbar nav button{padding:11px}.topbar nav button.active{color:var(--bone);background:#a93e192f}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.top-actions .buy{padding:12px 15px;color:#160b06;background:var(--ember);box-shadow:3px 3px 0 #6e2109}
.cave{width:100vw;height:100vh;overflow:hidden}.rail{height:100%;display:flex;will-change:transform;transition:transform 1s cubic-bezier(.18,.82,.16,1)}.chamber{position:relative;flex:0 0 100vw;width:100vw;height:100vh;overflow:hidden}.chamber:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #000c}.hero-world{position:absolute;width:100%;height:100%;object-fit:cover;filter:contrast(1.09) saturate(.87);transform:scale(1.03);animation:breathe 11s ease-in-out infinite alternate}.hero-vignette{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#090503d9 0%,#10080475 30%,transparent 64%),linear-gradient(0deg,#080402aa,transparent 42%)}.hero-copy{position:absolute;z-index:5;left:5vw;top:18%;width:min(620px,58vw)}.eyebrow{font-size:10px;letter-spacing:.18em;color:#d49a60}.hero h1,.stone-title h2,.relics-head h2,.ritual h2,.road-head h2{margin:24px 0;font:800 clamp(74px,10.7vw,170px)/.69 Syne,sans-serif;letter-spacing:-.075em;text-shadow:5px 7px 0 #0a0403}.hero h1 em,.stone-title h2 em,.relics-head h2 em,.ritual h2 em,.road-head h2 em{color:var(--ochre);font-style:normal;-webkit-text-stroke:1px #d98855}.hero-lede{max-width:505px;font-size:clamp(13px,1.2vw,18px);line-height:1.55}.hero-buttons{display:flex;gap:12px;margin-top:34px}.stone-button{padding:15px 18px;border:1px solid #e6c28d69;background:#1b0e08aa;color:var(--bone);cursor:pointer;font-size:10px;letter-spacing:.1em;box-shadow:5px 6px 0 #0008;transition:.25s}.stone-button span{margin-left:24px}.stone-button:hover{transform:translateY(-4px) rotate(-1deg);background:#633019}.stone-button.primary{background:var(--ochre);border-color:#e28755}.hotspot{position:absolute;z-index:6;padding:7px 10px;border:1px dashed #d6b27666;background:#0b0503a6;font-size:8px;letter-spacing:.08em;cursor:pointer;animation:pulse 2s ease-in-out infinite}.hotspot span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border-radius:50%;background:var(--ochre)}.phone-spot{left:7%;top:58%}.hat-spot{left:51%;top:59%}.date-stamp{position:absolute;z-index:5;right:4vw;top:17%;padding:14px;border:2px solid #ba6b35;color:#c98858;font-size:9px;line-height:1.6;rotate:6deg}.drag-note{position:absolute;z-index:5;right:4vw;bottom:5vh;font-size:9px;letter-spacing:.12em}.drag-note b{font-size:25px;color:var(--ember)}
.origin,.relics,.ritual,.roadmap{background-color:#4b2d1d;background-image:radial-gradient(circle at 60% 40%,#9c7448aa,transparent 40%),linear-gradient(110deg,#140b07,#4f321f 50%,#170d08)}.origin:before,.relics:before,.ritual:before,.roadmap:before{content:"";position:absolute;inset:0;opacity:.26;background-image:url('assets/first-pons-original.jpg');background-size:420px;mix-blend-mode:overlay;filter:grayscale(1)}.stone-title{position:absolute;z-index:3;left:var(--pad);top:13%;width:42%}.stone-title>span{font-size:9px;letter-spacing:.17em}.stone-title h2{font-size:clamp(53px,6.6vw,112px)}.origin-grid{position:absolute;z-index:4;right:var(--pad);top:15%;width:52%;height:69%;display:grid;grid-template-columns:.75fr 1.25fr;gap:22px}.evidence{position:relative;margin:0;padding:16px;background:#1a0e09;box-shadow:12px 14px 0 #0a0503;rotate:-2deg}.evidence img{width:100%;height:calc(100% - 44px);object-fit:cover;filter:sepia(.18) contrast(1.08)}.evidence figcaption{padding-top:12px;color:#a5825e;font-size:8px;letter-spacing:.11em}.scanline{position:absolute;left:16px;right:16px;top:20%;height:1px;background:#ffb566;box-shadow:0 0 14px #ff8335;animation:scan 4s linear infinite}.story-card{align-self:center;min-height:475px;padding:35px;background:#d0ad79;color:#211108;box-shadow:13px 15px 0 #1c0d07;rotate:1deg}.chapter-count{font-size:10px;color:#6d3b22}.chapter-count span{font-size:30px;color:var(--ochre)}.story-card h3{margin:28px 0 17px;font:800 clamp(34px,3.2vw,58px)/.9 Syne,sans-serif;letter-spacing:-.045em}.story-card p{font-size:12px;line-height:1.65}.story-card small{display:block;margin-top:24px;color:#7f4327;font-size:9px;letter-spacing:.1em}.story-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-top:30px}.story-controls button{width:40px;height:40px;border:1px solid #6f3b22;background:none;cursor:pointer}.story-controls div{display:flex;justify-content:center;gap:8px}.story-controls i{width:8px;height:8px;border-radius:50%;border:1px solid #6f3b22}.story-controls i.active{background:var(--ochre)}.wall-note{position:absolute;z-index:4;color:#d09a67;font-size:11px;font-style:italic;rotate:-8deg}.note-one{left:7%;bottom:12%}.note-two{left:39%;bottom:7%;rotate:5deg}
.relics-head{position:absolute;z-index:3;left:var(--pad);top:15%;width:37%}.relics-head h2,.ritual h2,.road-head h2{font-size:clamp(49px,6vw,97px)}.relics-head>p:last-child,.ritual-copy>p,.road-head>p:last-child{max-width:450px;color:#c3a477;line-height:1.55}.relic-map{position:absolute;z-index:4;right:3vw;top:12%;width:58%;height:76%;border:1px solid #d7ac7044;border-radius:49% 45% 48% 51%;background:repeating-radial-gradient(ellipse at center,#d7ae6f22 0 1px,transparent 2px 69px);box-shadow:inset 0 0 90px #080402}.pons-sigil{position:absolute;left:50%;top:46%;translate:-50% -50%;width:210px;height:235px;display:grid;place-items:center;border:8px solid #190b06;border-radius:48% 40% 45% 43%;color:#291108;background:#a8421f;box-shadow:inset 8px 8px 0 #c56c3d,0 0 60px #e7722525;font:800 165px/.7 Syne,sans-serif;rotate:-2deg}.pons-sigil:after{content:"";position:absolute;width:82px;height:90px;right:-17px;bottom:-6px;background:#5c3b27;border-radius:58% 0 0 0}.pons-sigil i{position:absolute;inset:-28px;border:1px dashed #dfb277;border-radius:50%;animation:spin 18s linear infinite}.pons-sigil span{position:absolute;bottom:-56px;width:160px;text-align:center;color:#e5bd85;font:9px "Special Elite";letter-spacing:.13em}.relic{position:absolute;width:116px;height:116px;display:grid;place-items:center;border:1px solid #e2b77c77;border-radius:48% 42% 50% 44%;background:#1a0d08;color:#d5af7e;cursor:pointer;transition:.32s;box-shadow:7px 8px 0 #090402}.relic b{font:54px Syne,sans-serif}.relic span{position:absolute;bottom:-25px;font-size:8px;white-space:nowrap;letter-spacing:.08em}.relic:hover{transform:translateY(-8px) rotate(-5deg);background:#7d321c}.relic.found{background:var(--ember);color:#1b0d07;box-shadow:0 0 32px #ff8138,7px 8px 0 #090402}.r-phone{left:5%;top:10%}.r-headphones{right:8%;top:7%}.r-cross{right:2%;bottom:18%}.r-beanie{left:6%;bottom:12%}.r-tape{left:44%;bottom:-1%}.relic-map aside{position:absolute;z-index:8;right:14%;bottom:6%;width:310px;padding:25px;background:#d2ad79;color:#211108;box-shadow:10px 11px 0 #1b0d08}.relic-map aside h3{margin:6px 0;font:800 30px Syne}.relic-map aside p{font-size:11px;line-height:1.55}
.ritual{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;padding:10vh var(--pad)}.ritual-copy{position:relative;z-index:4}.ritual-actions{display:flex;gap:10px;margin-top:30px}.oracle{margin-top:24px;padding:16px;border-left:3px solid var(--ochre);color:#d6aa73;font-size:10px;letter-spacing:.1em}.canvas-shell{position:relative;z-index:4;width:min(100%,720px);justify-self:end;padding:20px;background:#160b07;box-shadow:17px 18px 0 #070301;rotate:1deg}.canvas-label{margin-bottom:13px;color:#94704d;font-size:9px;letter-spacing:.12em}.canvas-shell canvas{display:block;width:100%;height:min(62vh,620px);touch-action:none;cursor:crosshair;background:radial-gradient(circle at 42% 37%,#493020,#1a0e09 72%);box-shadow:inset 0 0 55px #000}.canvas-corners i{position:absolute;width:25px;height:25px;border-color:#d89759}.canvas-corners i:nth-child(1){left:11px;top:42px;border-left:2px solid;border-top:2px solid}.canvas-corners i:nth-child(2){right:11px;top:42px;border-right:2px solid;border-top:2px solid}.canvas-corners i:nth-child(3){left:11px;bottom:10px;border-left:2px solid;border-bottom:2px solid}.canvas-corners i:nth-child(4){right:11px;bottom:10px;border-right:2px solid;border-bottom:2px solid}.beat-stone{position:absolute;z-index:7;left:var(--pad);bottom:5vh;width:37%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:18px;border:1px solid #c49a6755;background:#150a06}.beat-stone span{font-size:8px;letter-spacing:.12em}.beat-stone input{grid-column:1/2;width:100%;accent-color:var(--ochre)}.beat-stone b{grid-column:2;grid-row:1/3;color:var(--ember)}.beat-stone button{grid-column:1/3;padding:10px;border:0;background:#6d2b18;cursor:pointer;font-size:9px;letter-spacing:.1em}
.road-head{position:absolute;z-index:4;left:var(--pad);top:12%;width:37%}.spiral-wrap{position:absolute;z-index:5;right:3vw;top:10%;width:60%;height:74%}.spiral{position:absolute;left:0;top:0;width:650px;height:650px;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.spiral-ring{position:absolute;border:2px dashed #c99c65aa;border-radius:50%;box-shadow:0 0 34px #f1843120}.ring-a{inset:3%}.ring-b{inset:20%;border-style:solid}.ring-c{inset:36%}.spiral-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:155px;height:175px;display:grid;place-items:center;border-radius:47% 43% 46% 44%;background:var(--ochre);border:6px solid #241008;color:#241008;font:800 120px/.7 Syne}.spiral-center span{position:absolute;bottom:-47px;color:#d6ab76;text-align:center;font:8px/1.3 "Special Elite";letter-spacing:.1em}.phase{position:absolute;width:130px;height:130px;border:1px solid #e4b97b;border-radius:50%;background:#1b0d08;color:#d7aa70;cursor:pointer;box-shadow:7px 8px 0 #090402;transition:.3s}.phase b{display:block;font:800 38px Syne}.phase span{font-size:7px;letter-spacing:.09em}.phase.active,.phase:hover{background:var(--ember);color:#1a0b06;transform:scale(1.1)}.phase-1{left:42%;top:-1%}.phase-2{right:-1%;top:43%}.phase-3{left:42%;bottom:-1%}.phase-4{left:-1%;top:43%}.phase-card{position:absolute;z-index:8;right:1%;bottom:-4%;width:330px;padding:27px;background:#d1ac78;color:#201007;box-shadow:11px 12px 0 #180b06}.phase-card small{font-size:8px;letter-spacing:.1em;color:#7c4227}.phase-card h3{margin:14px 0 9px;font:800 35px/.9 Syne}.phase-card p{font-size:11px;line-height:1.55}.final-actions{position:absolute;z-index:6;left:var(--pad);bottom:7vh;width:36%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.final-actions a{min-height:110px;padding:16px;display:grid;grid-template-columns:1fr auto;align-content:center;color:var(--bone);border:1px solid #d7ad7566;text-decoration:none;background:#1a0c07;transition:.3s}.final-actions a:last-child{color:#190c07;background:var(--ember)}.final-actions a:hover{transform:translateY(-7px) rotate(-1deg)}.final-actions b{grid-column:2;grid-row:1/3;font-size:27px}.final-actions small{margin-top:7px;font-size:8px;letter-spacing:.1em}
.cave-ui{position:fixed;z-index:81;left:50%;bottom:20px;translate:-50% 0;display:grid;grid-template-columns:auto 150px auto auto;align-items:center;gap:14px;padding:9px 12px;border:1px solid #d4aa7155;background:#140a06d8;backdrop-filter:blur(10px)}.cave-ui button{width:34px;height:34px;border:1px solid #b78c5955;background:#32170d;cursor:pointer}.cave-ui span{width:145px;font-size:8px;letter-spacing:.1em}.progress{width:150px;height:2px;background:#795639}.progress i{display:block;width:20%;height:100%;background:var(--ember);transition:.8s}
dialog{width:min(430px,88vw);padding:36px;border:1px solid #dda870;background:#cfaa77;color:#211108;box-shadow:16px 18px 0 #080301}dialog::backdrop{background:#060301cc;backdrop-filter:blur(4px)}dialog>span{font-size:9px;letter-spacing:.13em;color:#814328}dialog>b{display:block;margin:20px 0;font:70px Syne}dialog h3{margin:0;font:800 42px/.9 Syne}dialog p{line-height:1.6}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;cursor:pointer;font-size:28px}.toast{position:fixed;z-index:120;left:50%;bottom:90px;translate:-50% 30px;padding:12px 18px;background:var(--ember);color:#1b0c06;font-size:9px;letter-spacing:.1em;opacity:0;transition:.35s}.toast.show{opacity:1;translate:-50% 0}.fire-mode{--ochre:#d34b1a;--ember:#ffb24b}.fire-mode .torch{opacity:.9}.fire-mode .hero-world{filter:contrast(1.12) saturate(1.1) brightness(1.08)}
@keyframes grain{to{transform:translate(2%,-1%)}}@keyframes breathe{to{transform:scale(1.07)}}@keyframes pulse{50%{opacity:.46}}@keyframes scan{to{top:82%}}@keyframes spin{to{rotate:360deg}}@keyframes rise{to{transform:translate(var(--drift),-105vh);opacity:0}}
@media(max-width:1050px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.origin-grid{width:58%;grid-template-columns:1fr}.evidence{display:none}.spiral{scale:.8;transform-origin:top left}.spiral-wrap{right:-7vw}.phase-card{right:8%;bottom:0}}
@media(max-width:760px){.topbar{left:10px;right:10px;top:8px}.brand>span:last-child,.top-actions button,.top-actions a:first-of-type{display:none}.chamber{overflow-y:auto}.hero-copy{left:20px;top:20%;width:88vw}.hero h1{font-size:24vw}.hero-lede{font-size:13px}.hero-buttons{flex-direction:column;width:250px}.date-stamp,.hotspot,.drag-note{display:none}.stone-title,.relics-head,.road-head{position:relative;left:auto;top:auto;width:auto;padding:120px 20px 20px}.stone-title h2,.relics-head h2,.ritual h2,.road-head h2{font-size:16vw}.origin-grid{position:relative;right:auto;top:auto;width:auto;height:auto;padding:0 20px 110px;display:block}.story-card{min-height:0;padding:26px}.note-one,.note-two{display:none}.relics{min-height:1100px}.relic-map{position:relative;right:auto;top:auto;width:calc(100% - 30px);height:660px;margin:0 15px}.relic{width:90px;height:90px}.relic b{font-size:40px}.pons-sigil{width:140px;height:160px;font-size:105px}.ritual{height:100vh;display:block;padding:110px 18px 100px;overflow-y:auto}.ritual-copy{padding-bottom:28px}.canvas-shell{rotate:0}.canvas-shell canvas{height:390px}.beat-stone{display:none}.roadmap{min-height:1100px}.spiral-wrap{position:relative;right:auto;top:auto;width:100%;height:610px;overflow:hidden}.spiral{left:50%;translate:-50% 0;scale:.59;transform-origin:top center}.phase-card{left:20px;right:20px;bottom:10px;width:auto}.final-actions{position:relative;left:auto;bottom:auto;width:auto;margin:0 20px 110px}.cave-ui{bottom:10px;grid-template-columns:auto 80px auto auto}.progress{width:80px}.cave-ui span{width:100px}.relic-map aside{left:10px;right:10px;bottom:15%;width:auto}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}