@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#cfb989;--green:#9cef58;--charge:0;font-family:Georgia,'Times New Roman',serif;background:#08070b;color:var(--gold)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d7c59c;outline-offset:6px}button,a{user-select:none;-webkit-user-select:none}#scene{isolation:isolate;position:relative;min-height:720px;height:100svh;overflow:hidden;background:#09080d}.backdrop,.vignette,#particles,.burst{position:absolute;inset:0;pointer-events:none}.backdrop{z-index:-4;background:url('assets/chamber.webp') center center/cover no-repeat;transition:filter 1.2s ease;filter:brightness(.85)}.vignette{z-index:-2;background:radial-gradient(ellipse at 50% 47%,transparent 20%,#02020633 65%,#0202069c 100%),linear-gradient(0deg,#050507c9,transparent 18%,transparent 83%,#0003)}header{position:relative;z-index:4;padding:4.3vh 16px 0;text-align:center;pointer-events:none}h1{margin:0;font-family:'Cinzel',Georgia,serif;font-weight:400;text-transform:uppercase;font-size:clamp(50px,6.7vw,112px);line-height:1.1;letter-spacing:-.055em;background:linear-gradient(110deg,#796e56 5%,#f6edd0 23%,#a4997d 39%,#fff5d8 53%,#8b7c59 76%,#e5d6ad);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 1px #000) drop-shadow(0 0 12px #000)}.heading-rule{display:flex;align-items:center;justify-content:center;gap:16px;color:#84724a;font-size:23px;line-height:1;margin:6px auto 0;width:min(470px,45vw)}.heading-rule:before,.heading-rule:after{content:'';width:45%;height:1px;background:linear-gradient(90deg,transparent,#b4a074)}.heading-rule:after{transform:rotate(180deg)}#message{margin:17px 0 0;min-height:1.4em;font-size:clamp(18px,2.1vw,32px);color:#dc484e;text-shadow:0 2px 5px #000;opacity:0;transition:opacity .6s}#message.visible{opacity:1}.stage{position:absolute;inset:0;pointer-events:none;z-index:-1}#spell{position:absolute;inset:0;transition:opacity .25s,filter .2s;opacity:1}.hands{position:absolute;left:0;top:12%;width:100%;height:63%;object-fit:contain;animation:hover-hands 6s ease-in-out infinite;filter:drop-shadow(0 12px 17px #0007);transform-origin:50% 50%}.fel-glow{position:absolute;left:50%;top:46%;width:29vw;height:29vw;max-width:450px;max-height:450px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#9ffc5e22,transparent 65%);mix-blend-mode:screen;animation:breathe 3s ease-in-out infinite}#reveal{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity 1s,transform 1.2s}.vitalik{position:absolute;height:61%;width:65%;left:17.5%;top:24%;object-fit:contain;filter:drop-shadow(0 18px 18px #000a)}.computer-glow{position:absolute;left:49%;top:39%;width:26%;height:34%;background:radial-gradient(ellipse,#b89aff78,transparent 65%);opacity:0;mix-blend-mode:screen;transition:opacity 2s}.ethereum{position:absolute;left:50%;top:25%;width:64px;height:110px;transform:translate(-50%,15px);filter:drop-shadow(0 0 20px #a181ff);opacity:0;transition:opacity 1.5s,transform 2s}.ethereum svg{height:100%;width:100%}#particles{width:100%;height:100%;z-index:1}.controls{position:absolute;z-index:5;left:50%;top:69%;transform:translateX(-50%);width:min(560px,88vw);text-align:center}.ornate{display:block;position:relative;width:100%;min-height:102px;border:0;background:url('assets/button.png') center/100% 100% no-repeat;background-color:transparent;font-family:'Cinzel',Georgia,serif;font-size:clamp(18px,1.8vw,29px);font-weight:500;letter-spacing:.02em;padding:24px 38px 30px;filter:drop-shadow(0 5px 6px #0008);text-shadow:0 2px 3px #000;transition:filter .2s,transform .15s}.ornate:not(:disabled):hover{filter:brightness(1.22) drop-shadow(0 0 12px #b9f98826)}.ornate:not(:disabled):active{transform:scale(.985)}.ornate:disabled{opacity:.7}#cast-meter{margin:0 auto 17px;height:17px;width:82%;border:1px solid #af9962;border-radius:2px;padding:3px;background:#070d07;box-shadow:0 0 0 2px #1a1810,0 0 0 3px #625638,inset 0 0 8px #000;position:relative}#cast-meter:before,#cast-meter:after{content:'';position:absolute;width:13px;height:13px;top:1px;transform:rotate(45deg);border:1px solid #b5a16a;background:#181b12;z-index:-1}#cast-meter:before{left:-7px}#cast-meter:after{right:-7px}#cast-fill{height:100%;width:calc(var(--charge)*100%);background:linear-gradient(0deg,#41850d,#c7ff82 65%,#5b9f2c);box-shadow:0 0 12px #98f647;transition:width .05s linear}#hint{font-size:16px;color:#b0a487;text-shadow:0 2px 4px #000;margin:6px 0 0;min-height:1.2em}#replay{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:15px;color:#c7b999;margin-top:6px;padding:8px 16px}footer{position:absolute;bottom:3.5%;left:50%;transform:translateX(-50%);z-index:6;width:min(900px,80vw)}nav{display:flex;justify-content:center;gap:7px}.nav-button{display:flex;gap:10px;align-items:center;justify-content:center;flex:1;min-height:48px;padding:12px 14px;color:#dac798;font-size:13px;font-family:'Cinzel',Georgia,serif;font-weight:500;text-decoration:none;white-space:nowrap;border:1px solid #a18a58;outline:1px solid #342c1b;outline-offset:3px;background:linear-gradient(115deg,#151612,#0b0c0d 55%,#191812);box-shadow:inset 0 0 0 2px #050505,inset 0 0 0 3px #55482e,0 3px 10px #000;position:relative;transition:filter .2s,color .2s}.nav-button:before,.nav-button:after{content:'';position:absolute;width:8px;height:8px;border:1px solid #ad9867;transform:rotate(45deg);background:#12130e;pointer-events:none}.nav-button:before{left:-5px;top:4px}.nav-button:after{right:-5px;bottom:4px}.nav-button>span:first-child{font-size:21px;line-height:1}.nav-button:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.4);color:#fff0c7}.nav-button[aria-disabled=true],.nav-button:disabled{color:#b5a17c;cursor:not-allowed}.sound-control{position:absolute;right:22px;bottom:3.4%;z-index:7;display:flex;align-items:center;gap:10px;flex-direction:row-reverse}#sound{width:48px;height:48px;border-radius:50%;border:2px solid #a18b5d;box-shadow:inset 0 0 0 3px #16160e,0 0 0 2px #332e21;background:#0c0d0e;padding:11px}#sound svg{width:100%;height:100%;fill:#d2bb86;stroke:#d2bb86;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#sound .waves{fill:none}#sound[aria-pressed=true] .waves{display:none}.volume-label{display:flex;flex-direction:column;gap:6px;background:#101014ec;border:1px solid #655635;padding:12px;color:#d7c59d;font:13px Georgia;width:120px;position:absolute;bottom:59px;right:0;opacity:0;visibility:hidden;transition:opacity .2s}.sound-control:hover .volume-label,.sound-control:focus-within .volume-label{opacity:1;visibility:visible}#volume{width:96px;accent-color:#b79a5c}.burst{background:radial-gradient(ellipse,#acfd76aa,transparent 68%);z-index:3;opacity:0}#toast{position:absolute;z-index:8;bottom:12%;left:50%;transform:translateX(-50%);color:#e5d5b6;background:#0b0b10ee;border:1px solid #6f5c3c;padding:12px 20px;opacity:0;pointer-events:none;text-align:center;max-width:90%;transition:opacity .2s;font-size:16px}#toast.visible{opacity:1}#scene[data-state=casting] .hands{animation:casting .17s infinite alternate;filter:drop-shadow(0 0 20px #81f34844) brightness(calc(1 + var(--charge)*.25))}#scene[data-state=casting] .fel-glow{opacity:calc(.5 + var(--charge));transform:translate(-50%,-50%) scale(calc(1 + var(--charge)*.6))}#scene[data-state=cancelled] #spell,#scene[data-state=revealed] #spell,#scene[data-state=ethereum] #spell{opacity:0}#scene[data-state=cancelled] .burst{animation:pop .6s ease-out}#scene[data-state=revealed] #reveal,#scene[data-state=ethereum] #reveal{opacity:1;transform:translateY(0)}#scene[data-state=revealed] .backdrop{filter:brightness(.57) saturate(.65)}#scene[data-state=ethereum] .backdrop{filter:brightness(.63) hue-rotate(12deg)}#scene[data-state=ethereum] .computer-glow{opacity:1}#scene[data-state=ethereum] .ethereum{opacity:1;transform:translate(-50%,0)}#scene[data-state=ethereum] #message{color:#d2baff}#scene[data-state=revealed] #cast-meter,#scene[data-state=ethereum] #cast-meter,#scene[data-state=cancelled] #cast-meter{visibility:hidden}#scene[data-state=ethereum] .ornate{display:none}#scene[data-state=ethereum] .controls{top:77%}.nojs{position:fixed;inset:auto 0 20%;text-align:center;background:#0c1010;padding:20px;z-index:20}@keyframes hover-hands{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.009)}}@keyframes breathe{0%,100%{opacity:.55}50%{opacity:1}}@keyframes casting{from{transform:translate(-1px,-2px) scale(1.012)}to{transform:translate(1px,1px) scale(1.015)}}@keyframes pop{0%{opacity:0}15%{opacity:.8}100%{opacity:0}}
@media(min-aspect-ratio:2/1){#scene{min-height:600px}.hands{height:68%;top:10%}header{padding-top:2vh}h1{font-size:70px}.controls{top:65%}.ornate{min-height:85px}footer{bottom:3%}}
@media(max-width:700px){#scene{min-height:730px;height:100svh}header{padding-top:7vh}h1{font-size:clamp(43px,11vw,74px);letter-spacing:-.045em}.heading-rule{width:60vw}.backdrop{background-position:50% center}.hands{width:165%;max-width:none;left:-32.5%;top:22%;height:41%}.fel-glow{top:43%;width:60vw;height:60vw}.controls{top:61%;width:94vw;max-width:490px}.ornate{min-height:94px;font-size:18px;padding:23px 33px 29px}#cast-meter{height:15px;margin-bottom:12px;width:74%}#hint{font-size:15px}#message{font-size:19px;margin-top:17px;padding:0 20px}.vitalik{width:120%;left:-10%;height:47%;top:26%}.ethereum{top:26%;width:40px;height:70px}.computer-glow{top:36%;left:47%;width:40%;height:25%}footer{bottom:34px;width:calc(100% - 36px);max-width:490px}nav{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.nav-button{grid-column:span 2;font-size:11px;padding:9px 6px;min-height:42px;gap:5px}.nav-button:nth-child(4){grid-column:2/span 2}.nav-button>span:first-child{font-size:17px}.sound-control{right:16px;bottom:auto;top:15px}#sound{width:36px;height:36px;padding:8px}.volume-label{bottom:auto;top:43px}#toast{bottom:20%;width:max-content}#scene[data-state=ethereum] .controls{top:66%}}
.hands{object-fit:fill}.ethereum{left:62%;top:29%}
@media(max-width:700px){.nav-button{font-size:12px;padding-inline:4px;gap:4px}.nav-button[data-link=dexscreener]>span{display:none}.ethereum{left:66%;top:31%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#particles{display:none}}