*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070c13;color:#e6d5ad}body{font-family:Crimson Text,Georgia,serif}.vault{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#20303d55,transparent 63%),linear-gradient(90deg,#080d14,#111c29 50%,#080d14)}.vault:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.2' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.edge{position:absolute;left:0;right:0;height:7px;border-top:1px solid #ad8746;border-bottom:1px solid #75562a;background:linear-gradient(#433422,#110e0c);z-index:5}.top{top:0}.bottom{bottom:0}.corner{position:absolute;width:68px;height:68px;border-color:#b68d47;border-style:double;z-index:5;pointer-events:none}.tl{top:20px;left:20px;border-width:4px 0 0 4px}.tr{top:20px;right:20px;border-width:4px 4px 0 0}.bl{bottom:20px;left:20px;border-width:0 0 4px 4px}.br{bottom:20px;right:20px;border-width:0 4px 4px 0}.corner:after{content:"◆";position:absolute;font-size:11px;color:#b28b4d;top:9px;left:9px}.tr:after,.br:after{left:auto;right:9px}.bl:after,.br:after{top:auto;bottom:9px}header{position:relative;text-align:center;z-index:2;padding-top:36px;pointer-events:none}.eyebrow{display:flex;align-items:center;justify-content:center;gap:17px;color:#a7a28f;font-family:Cinzel,serif;font-size:10px;letter-spacing:4px}.eyebrow span{width:50px;height:1px;background:linear-gradient(90deg,transparent,#8b723e)}.eyebrow span:last-child{transform:rotate(180deg)}.title-plaque{display:flex;justify-content:center;align-items:center;gap:30px;margin:12px auto 0;max-width:560px}.rune{font-size:29px;color:#967444;text-shadow:0 2px 2px black}h1{font-family:Cinzel,Georgia,serif;font-size:70px;line-height:1.05;letter-spacing:-3px;margin:0;font-weight:800;color:#edce83;filter:drop-shadow(0 3px 1px #000);text-shadow:0 1px #fff1bd,0 5px 0 #5a3614,0 9px 24px #000}h1 small{display:block;font-size:12px;line-height:1.8;letter-spacing:8px;color:#bc9854}h1 b{font-weight:800;color:#e5b94f}.tagline{font-style:italic;color:#bbb19c;font-size:18px;letter-spacing:.5px;margin:15px 0 0}.hero{position:relative;height:clamp(400px,53vh,630px);margin-top:-12px}#scene{position:absolute;inset:-55px 0 -15px}canvas{display:block;width:100%;height:100%;outline:none}.scene-vignette{position:absolute;inset:-56px 0 -16px;background:linear-gradient(#0c152000,transparent 75%,#0b121cf0);pointer-events:none}.chest-action{position:absolute;bottom:45px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,transparent,#141512e0,transparent);padding:10px 24px;border:0;color:#edd08a;white-space:nowrap;cursor:pointer;font-family:Crimson Text,serif;font-size:16px;font-style:italic;text-shadow:0 2px 4px #000}.chest-action:hover{color:#fff0b8;text-shadow:0 0 15px #ffb226}.chest-action:disabled{opacity:0}.interaction-diamond{font-size:20px}.treasury-caption{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:15px;font-family:Cinzel,serif;font-size:9px;letter-spacing:3px;color:#908675}.treasury-caption span{width:80px;height:1px;background:linear-gradient(90deg,transparent,#75613e)}.treasury-caption span:last-child{transform:rotate(180deg)}.destinations{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1060px;margin:17px auto 0;padding:0 30px}.destination{position:relative;display:flex;align-items:center;gap:17px;min-height:94px;padding:17px 24px;text-decoration:none;color:#eed59c;background:linear-gradient(115deg,#293646,#111b28 52%,#17232e);border:1px solid #b08a48;box-shadow:inset 0 0 0 3px #171512,inset 0 0 0 4px #685536,inset 0 0 18px #040608,0 5px #05080d,0 6px #645033,0 10px 18px #0008;transition:transform .2s,filter .2s,box-shadow .2s}.destination:before,.destination:after{content:"◆";position:absolute;color:#c7a564;font-size:8px;top:5px}.destination:before{left:6px}.destination:after{right:6px}.destination:hover{filter:brightness(1.25);transform:translateY(-3px);box-shadow:inset 0 0 0 3px #171512,inset 0 0 0 4px #aa8246,0 0 25px #d392232b,0 5px #05080d}.destination:active{transform:translateY(2px)}.destination:focus-visible,.chest-action:focus-visible{outline:2px solid #ffe7a4;outline-offset:6px}.icon{width:47px;height:47px;flex-shrink:0;overflow:hidden;border:1px solid #8e7241;background:#020304;box-shadow:0 0 0 3px #0b1016,0 0 0 4px #51452f;display:grid;place-items:center}.icon img{width:100%;height:100%;object-fit:cover}.icon.dex img{width:160%;height:160%}.icon.x img{width:145%;height:145%}.icon.community img{width:110%;height:110%;mix-blend-mode:normal}.destination strong{font-family:Cinzel,serif;font-size:17px;font-weight:600;display:block;white-space:nowrap;text-shadow:0 2px 2px #000}.destination small{display:block;color:#a99f8b;font-size:14px;margin-top:4px}.arrow{margin-left:auto;color:#b18c4f;font-size:19px}footer{display:flex;align-items:center;justify-content:center;gap:17px;padding:34px 40px 30px;font-family:Cinzel,serif;color:#7b7568;font-size:8px;letter-spacing:2.3px}.footer-line{width:70px;height:1px;background:#64533877}footer>span:nth-child(2),footer>span:nth-child(4){color:#987540}.loading{position:absolute;top:48%;width:100%;text-align:center;color:#dbc38b;font-style:italic;letter-spacing:2px}.loading span{display:block;width:100px;height:1px;background:#b78b40;margin:15px auto;animation:load 1s infinite alternate}@keyframes load{to{opacity:.2;transform:scaleX(.3)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-height:950px){header{padding-top:55px}.hero{height:58vh}}@media(max-width:720px){header{padding-top:35px}h1{font-size:51px}.title-plaque{gap:18px}.eyebrow{font-size:8px;letter-spacing:2.8px}.tagline{font-size:16px}.hero{height:400px;margin-top:0}#scene{inset:-20px -120px 0}.destinations{max-width:460px;grid-template-columns:1fr;gap:13px;margin-top:10px;padding:0 32px}.destination{min-height:78px;padding:13px 24px}.icon{width:40px;height:40px}.destination strong{font-size:16px}.destination small{font-size:13px}footer{font-size:7px;gap:9px;letter-spacing:1px;padding:29px 20px 34px}.footer-line{width:20px}.corner{width:35px;height:35px}.tl,.bl{left:10px}.tr,.br{right:10px}.treasury-caption{font-size:8px;letter-spacing:2px}.treasury-caption span{width:35px}.chest-action{bottom:41px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.title-plaque{margin-top:18px;max-width:670px;gap:20px;min-height:100px}h1{font-family:Cinzel Decorative,Cinzel,Georgia,serif;font-size:78px;font-weight:900;letter-spacing:-5px;line-height:1.15;filter:drop-shadow(0 5px 0 #07101c) drop-shadow(0 0 2px #b18a43);transform:scaleY(1.08);-webkit-text-stroke:1px #70400d;text-shadow:0 1px 0 #fff2ba,1px 3px 0 #71410e,2px 5px 0 #38200c,0 8px 1px #040609}h1 span{background:linear-gradient(#fff2b0 3%,#efd17d 24%,#b57a22 49%,#f5d37c 52%,#b88425 80%,#ffe6a0);background-clip:text;-webkit-background-clip:text;color:transparent}.tagline{margin-top:6px}.rune{color:#c0903f;text-shadow:1px 2px #080909}.destination{min-height:99px;border:3px solid #8e6c35;border-top-color:#d1ad62;border-bottom-color:#574025;padding:15px 22px;gap:18px;background:radial-gradient(ellipse at 50% 0,#9e3423aa,transparent 70%),repeating-linear-gradient(5deg,#0000 0 3px,#0002 4px 5px),linear-gradient(#64271e,#391510 48%,#501b13 51%,#2b100e);box-shadow:inset 0 0 0 2px #24180d,inset 0 0 0 4px #a18147,inset 0 7px 9px #eea15635,inset 0 -8px 10px #0d0705aa,0 0 0 1px #130e09,0 0 0 3px #695737,0 6px #0c0907,0 9px 18px #0009}.destination:before,.destination:after{content:"✦";top:50%;transform:translateY(-50%);font-size:12px;color:#e0bd78;text-shadow:0 1px #000}.destination:before{left:3px}.destination:after{right:3px}.destination strong{color:#ffd768;font-family:Cinzel,Georgia,serif;font-weight:700;font-size:17px;text-shadow:1px 2px 0 #180701,0 0 7px #9d531a44}.destination small{color:#c9ad7b;text-shadow:0 1px #140705}.destination:hover{filter:brightness(1.18);box-shadow:inset 0 0 0 2px #24180d,inset 0 0 0 4px #d1ab61,inset 0 0 20px #f8992940,0 0 0 1px #130e09,0 0 0 3px #a1884f,0 6px #0c0907,0 0 22px #d18c3435}.icon{width:49px;height:49px;border:2px solid #bb8c34;border-top-color:#ffe093;border-left-color:#edbd61;border-bottom-color:#654014;background:radial-gradient(circle,#976224,#3d250c 75%);box-shadow:0 0 0 2px #1d1108,0 0 0 3px #b19052,inset 0 0 8px #090400;image-rendering:pixelated}.icon img{image-rendering:pixelated}.icon.x img,.icon.dex img{filter:sepia(1) saturate(3.3) brightness(.86);mix-blend-mode:screen}.icon.community img{mix-blend-mode:multiply;filter:saturate(1.25) contrast(1.08)}.arrow{color:#e6be6f;text-shadow:0 2px #170a04}@media(max-width:720px){.title-plaque{min-height:75px;gap:9px;margin-top:12px}h1{font-size:49px;letter-spacing:-3px;-webkit-text-stroke:.6px #70400d}.title-plaque .rune{font-size:18px}.destination{min-height:82px;padding:13px 22px}.destination strong{font-size:16px}.icon{width:43px;height:43px}.tagline{margin-top:7px}}.icon.community{background:#edc779}.chest-action{bottom:26px}.treasury-caption{bottom:-1px}@media(max-width:720px){.chest-action{bottom:29px}.treasury-caption{bottom:2px}}.vault{min-height:100svh;padding-bottom:26px;background:#080d18}header{padding-top:12px;height:clamp(125px,22vh,210px);position:relative;z-index:3}.image-title{margin:0 auto;width:min(700px,78vw);height:100%;font-size:inherit;transform:none;filter:none;line-height:0;text-shadow:none;-webkit-text-stroke:0}.image-title img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;image-rendering:auto}.hero{height:clamp(400px,65vh,760px);margin-top:-22px}#scene{inset:0}.scene-vignette{inset:0;background:linear-gradient(#080d18 0%,transparent 12%,transparent 93%,#080d18 100%)}.chest-action{bottom:12px;font-size:14px;padding:5px 15px}.destinations{max-width:780px;gap:20px;margin:8px auto 0;padding:0 24px}.destination{min-height:65px;padding:10px 16px;gap:12px}.destination strong{font-size:13px}.destination small{font-size:11px;margin-top:2px}.icon{width:34px;height:34px;flex-shrink:0}.arrow{font-size:16px}.destination:before,.destination:after{font-size:8px}.destination .icon img{object-fit:contain}.icon.x img,.icon.dex img{width:100%;height:100%;transform:scale(1.15)}.icon.community img{width:100%;height:100%}@media(max-width:720px){header{height:130px;padding-top:14px}.image-title{width:94vw}.hero{height:440px;margin-top:-8px}#scene{inset:0 -170px}.destinations{max-width:345px;gap:12px;margin-top:9px;padding:0 25px}.destination{min-height:58px;padding:8px 20px;gap:14px}.destination strong{font-size:13px}.destination small{font-size:11px}.icon{width:32px;height:32px}.chest-action{bottom:2px}.vault{padding-bottom:40px}}@media(min-width:721px)and (max-height:750px){header{height:125px}.hero{height:calc(100svh - 225px);min-height:330px}.destination{min-height:60px}}.image-title{mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.image-title img{-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 13%,#000 86%,transparent)}.icon.x img{width:150%;height:150%;transform:none}.icon.dex img{width:165%;height:165%;transform:none}.icon.community img{width:110%;height:110%}.vault{isolation:isolate;background:#080b11}#scene{position:absolute;inset:0;z-index:0}.hero{pointer-events:none}.hero .chest-action{pointer-events:auto}.scene-vignette{display:none}.image-title,.image-title img{mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}.image-title{filter:drop-shadow(0 4px 10px #000b)}header,.destinations{position:relative;z-index:3}.vault:after{z-index:1;background:radial-gradient(ellipse at center,transparent 35%,#0009 100%);opacity:1}.chest-action{z-index:3}.corner,.edge{opacity:.65}@media(max-width:720px){#scene{inset:0 -170px}}.icon{position:relative;display:block}.icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:none}.icon.x img{width:150%;height:150%}.icon.dex img{width:165%;height:165%}.treasure-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:22px;z-index:4;pointer-events:auto;white-space:nowrap}.treasure-controls .chest-action{position:static;transform:none;font-size:13px;padding:5px 9px;gap:7px}.wow-reward{position:absolute;z-index:8;pointer-events:none;color:#ffe071;font:700 25px Cinzel,Georgia,serif;white-space:nowrap;text-shadow:0 2px 0 #4b2304,0 0 9px #fda522,0 3px 5px #000;animation:reward-rise 1.25s ease-out forwards}@keyframes reward-rise{0%{opacity:0;transform:translate(-50%) scale(.8)}12%{opacity:1;transform:translate(-50%,-9px) scale(1.05)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-75px) scale(1)}}@media(max-width:720px){.treasure-controls{bottom:2px;gap:13px}.wow-reward{font-size:19px}}@media(prefers-reduced-motion:reduce){.wow-reward{animation:none;transform:translate(-50%,-15px)}}.treasure-controls{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.treasure-controls:focus-within{width:auto;height:auto;margin:0;overflow:visible;clip:auto;bottom:12px;padding:5px;background:#100c08e8}.music-toggle{position:fixed;right:24px;bottom:22px;z-index:20;width:40px;height:40px;padding:9px;border:1px solid #8e713958;border-radius:50%;background:#0b101bd1;color:#b69a65;cursor:pointer;opacity:.72;display:grid;place-items:center;transition:opacity .2s,border-color .2s}.music-toggle:hover,.music-toggle:focus-visible{opacity:1;border-color:#dfb762}.music-toggle:focus-visible{outline:2px solid #ffe3a0;outline-offset:3px}.music-toggle svg{width:21px;height:21px}.music-toggle[data-playing=true] .sound-off,.music-toggle[data-playing=false] .sound-waves{display:none}@media(max-width:720px){.music-toggle{right:15px;bottom:14px;width:40px;height:40px}}