:root{--heat:0;--night:#0b0a10;--stone:#1c1926;--stone-lit:#262231;--marble:#ece5d8;--marble-dim:#a49c8c;--bronze:#b98f56;--bronze-dim:#7a6039;--edge:#96754a;--gold:#f0c469}*{box-sizing:border-box}body{min-height:100svh;color:var(--marble);background:radial-gradient(1100px 560px at 50% 118%, #2a1a10, transparent 62%), radial-gradient(900px 520px at 50% -12%, #1a1830, transparent 68%), var(--night);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;margin:0;padding:1.5rem 1.25rem 3rem;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,Times New Roman,serif;line-height:1.6;display:flex;position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:var(--heat);background:radial-gradient(1000px 520px at 50% 112%,#ff963c73,#0000 62%);position:fixed;inset:0}.aether{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.layer{position:absolute;inset:0}.sky{opacity:var(--g-zeus,0);background:radial-gradient(130% 48% at 50% -14%,#cedcff66,#0000 72%)}.sea{opacity:var(--g-poseidon,0);background:repeating-linear-gradient(177deg,#5fc8d829 0 2px,#0000 2px 18px);-webkit-mask-image:linear-gradient(#0000 45%,#000 105%);mask-image:linear-gradient(#0000 45%,#000 105%)}.deep{opacity:var(--g-hades,0);background:radial-gradient(120% 62% at 50% 118%,#5a2e849e,#0000 66%),linear-gradient(#0000 40%,#0000008c)}.bloom{opacity:var(--g-demeter,0);background-color:#0000;background-image:radial-gradient(closest-side,#8fce6a38,#0000 100%),radial-gradient(closest-side,#8fce6a24,#0000 100%);background-position:50% 62%,50% 62%;background-repeat:no-repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-size:calc(28% + var(--g-demeter,0) * 46%) calc(30% + var(--g-demeter,0) * 50%), calc(60% + var(--g-demeter,0) * 60%) calc(58% + var(--g-demeter,0) * 60%)}.sun{opacity:var(--g-apollo,0);background:radial-gradient(66% 58% at 50% 42%,#ffb34738,#0000 72%)}.stars{opacity:var(--g-artemis,0);background-image:radial-gradient(1.6px 1.6px at 18% 24%,#b8d8e8e6,#0000),radial-gradient(1.3px 1.3px at 71% 12%,#b8d8e8bf,#0000),radial-gradient(1.8px 1.8px at 43% 78%,#b8d8e8d9,#0000);background-size:240px 190px,170px 230px,310px 260px}.shock{opacity:var(--g-ares,0);background:radial-gradient(58% 42% at 50% 108%,#e05a5a57,#0000 70%)}header,main{z-index:1;position:relative}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}main{width:100%;max-width:52rem;margin:auto}nav{letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}a{color:var(--bronze);-webkit-text-decoration-color:var(--bronze-dim);text-decoration-color:var(--bronze-dim);text-underline-offset:.3em}h1{letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;text-align:center;color:var(--marble);text-shadow:0 0 calc(var(--heat) * 34px) #f0c469bf;margin:0;font-size:clamp(2.2rem,7vw,3.6rem);font-weight:400}.meander{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M0 13H3V3h10v10H7V7h3M13 13h3' fill='none' stroke='%23b98f56' stroke-width='2'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;background-size:22px 22px;height:22px;margin:1.15rem 0 1.5rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}[data-start]{text-align:center;letter-spacing:.05em;min-height:1.6em;color:var(--marble);margin:0;font-size:1.1rem;font-style:italic}.hint{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--marble-dim);margin:.35rem 0 0;font-size:.78rem}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mute{border:1px solid var(--edge);min-height:2.75rem;color:var(--bronze);font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:.25rem;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.72rem;display:inline-flex}.mute-mark{background:currentColor;border-radius:50%;width:.7rem;height:.7rem;position:relative}.mute.is-muted{color:var(--marble-dim)}.mute.is-muted .mute-mark{background:0 0;box-shadow:inset 0 0 0 1px}.mute.is-muted .mute-mark:after{content:"";border-left:1px solid;position:absolute;inset:-.15rem .28rem;rotate:45deg}.totems{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.25rem;display:flex}.totem{aspect-ratio:4/7;border:1px solid color-mix(in srgb, var(--accent) calc(var(--lit,0) * 100%), var(--edge));background:repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 9px), linear-gradient(180deg, color-mix(in srgb, var(--accent) calc(var(--lit,0) * 26%), var(--stone-lit)), var(--stone) 45%, #14121b);box-shadow:inset 0 1px 0 #ffffff12, inset 0 -14px 26px #00000080, 0 0 calc(var(--lit,0) * 2.4rem) color-mix(in srgb, var(--accent) 70%, transparent), 0 10px 24px #00000073;color:color-mix(in srgb, var(--accent) calc(var(--lit,0) * 100%), var(--bronze));font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:.35rem .35rem .15rem .15rem;flex-direction:column;flex:0 0 calc(14.2857% - .642857rem);justify-content:center;align-items:center;gap:.7rem;padding:1rem .4rem 2.6rem;display:flex;position:relative;overflow:hidden}.totem:before{content:"";background:linear-gradient(180deg, var(--bronze-dim), transparent);height:5px;position:absolute;inset:0 0 auto}.totem:after{content:"";height:2px;scale:var(--lit,0) 1;background:currentColor;position:absolute;inset:auto 18% .35rem}.totem-glyph{width:62%;max-width:3.4rem;color:inherit;filter:drop-shadow(0 0 calc(var(--lit,0) * 10px) var(--accent));display:block}.totem-glyph svg{width:100%;height:auto;display:block}.totem-name{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--marble) calc(var(--lit,0) * 100%), var(--marble-dim));font-size:.72rem;line-height:1.3}.totem-key{letter-spacing:.1em;color:inherit;border:1px solid;border-radius:.2rem;padding:0 .4rem;font-size:.7rem;position:absolute;bottom:1rem;left:50%;translate:-50%}.totem[data-god=zeus]{--accent:#ffe08a;--lit:var(--g-zeus,0)}.totem[data-god=poseidon]{--accent:#5fc8d8;--lit:var(--g-poseidon,0)}.totem[data-god=hades]{--accent:#9b7ad6;--lit:var(--g-hades,0)}.totem[data-god=demeter]{--accent:#8fce6a;--lit:var(--g-demeter,0)}.totem[data-god=apollo]{--accent:#ffb347;--lit:var(--g-apollo,0)}.totem[data-god=artemis]{--accent:#b8d8e8;--lit:var(--g-artemis,0)}.totem[data-god=ares]{--accent:#e05a5a;--lit:var(--g-ares,0)}@media (prefers-reduced-motion:no-preference){.totem{transition:translate .12s}.totem.is-awake{translate:0 3px}.totem-glyph{animation:4.5s ease-in-out infinite breathe}.totem:nth-child(2n) .totem-glyph{animation-delay:-1.1s}.totem:nth-child(3n) .totem-glyph{animation-delay:-2.3s}.totem.is-awake .totem-glyph{animation:none}.sky:after{content:"";background:radial-gradient(120% 40% at 46% -8%,#ffffff80,#0000 62%);animation:5.3s ease-out infinite strike;position:absolute;inset:0}.sea{animation:9s ease-in-out infinite alternate swell}.stars{animation:26s linear infinite drift}.shock{animation:2.857s linear infinite impact}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes strike{0%,4%,to{opacity:0}1%{opacity:1}2%{opacity:.25}3%{opacity:.7}}@keyframes swell{0%{translate:0}to{translate:0 -9px}}@keyframes drift{0%{background-position:0 0,0 0,0 0}to{background-position:240px 0,-170px 0,310px 0}}@keyframes impact{0%,37.5%,62.5%,81.25%{opacity:var(--g-ares,0)}12%,50%,74%,93%,to{opacity:calc(var(--g-ares,0) * .25)}}@media (width<34rem){body{padding:1rem .9rem 2rem}.totems{gap:.5rem;margin-top:1.5rem}.totem{flex:0 0 calc(25% - .375rem);padding:.8rem .25rem 2.4rem}.totem-name{letter-spacing:.02em;font-size:.76rem}.totem-key{font-size:.78rem;bottom:.75rem}[data-start]{font-size:1rem}.hint{letter-spacing:.12em;font-size:.72rem}}