@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080c13;--panel:#101722;--text:#eff6ff;--muted:#9aabc2;--cyan:#36e9ef;--purple:#b977ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 8%,#0b303f66,transparent 42%),radial-gradient(ellipse at 90% 15%,#39205055,transparent 42%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.65}.bar{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 32px;border-bottom:1px solid #ffffff10}.brand{text-decoration:none;color:var(--cyan);font-weight:800;letter-spacing:2px;font-size:18px}.brand span{color:#e9f5ff;margin-left:8px}.world{font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1200px;margin:auto;padding:0 32px}.hero{text-align:center;padding:65px 0 44px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--cyan);font-weight:800}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}.logo{width:min(480px,80%);height:auto;max-height:160px;object-fit:contain;margin:20px auto 0}h1{font-size:clamp(32px,4.2vw,53px);letter-spacing:-2px;line-height:1.18;margin:12px 0 20px;font-weight:800}h1 span{background:linear-gradient(95deg,var(--cyan),#b888ff);background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:15px;margin:0}.gem-row{display:flex;justify-content:center;gap:25px;margin:35px auto 7px}.gem-row i{width:23px;height:23px;transform:rotate(45deg);background:linear-gradient(135deg,#ffacb2,#ff254f 45%,#7e0526);border:1px solid #ffffff80;box-shadow:0 0 24px #fb245944,inset 6px 6px 0 #ffffff30}.gem-row i:nth-child(2){background:linear-gradient(135deg,#fff4ab,#ffd630 45%,#997300)}.gem-row i:nth-child(3){background:linear-gradient(135deg,#ffd2a2,#ff8e24 45%,#a84400)}.gem-row i:nth-child(4){background:linear-gradient(135deg,#c6ffd0,#29e86b 45%,#007b35)}.gem-row i:nth-child(5){background:linear-gradient(135deg,#bdeaff,#2394ff 45%,#063f9d)}.gem-row i:nth-child(6){background:linear-gradient(135deg,#d7c9ff,#7050fa 45%,#302179)}.directory{margin-top:16px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}h2{font-size:25px;letter-spacing:-.8px;margin:5px 0 0;line-height:1.4}.count{display:inline-flex;min-width:30px;justify-content:center;font-size:13px;vertical-align:middle;border:1px solid #2cebf034;border-radius:8px;color:var(--cyan);background:#22e8ef0c;padding:2px 8px;margin-left:8px}button,a{touch-action:manipulation}.secondary{background:#ffffff05;border:1px solid #ffffff20;border-radius:9px;padding:10px 16px;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.secondary:hover{border-color:var(--cyan)}button:disabled{opacity:.45;cursor:wait}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 14px}.search{display:flex;align-items:center;gap:12px;width:min(430px,100%);border:1px solid #ffffff18;background:#111925;border-radius:10px;padding:11px 15px}.search>span:first-child{font-size:22px;color:var(--muted);line-height:1}.search input{background:none;border:0;outline:none;color:var(--text);width:100%;font:inherit;font-size:12px}.search:focus-within{border-color:var(--cyan)}#updated{font-size:11px;color:var(--muted)}.status{font-size:12px;color:var(--muted);margin:6px 0 18px}.status.error{color:#ffb9b9}.status:empty{display:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;overflow:hidden;border:1px solid #ffffff16;background:linear-gradient(155deg,#152330,#111620 75%);border-radius:15px;padding:24px}.card:before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,#33e9ef88,#ae66f944)}.badge{display:inline-flex;align-items:center;gap:6px;color:#84eac9;font-size:9px;font-weight:800;letter-spacing:1px}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:#75e4b6}.card h3{margin:18px 0 2px;font-size:21px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.5px}.coords{color:var(--muted);font-size:11px;margin:6px 0}.lastseen{color:#90a3bb;font-size:10px;margin:14px 0 22px}.teleport{display:block;text-decoration:none;text-align:center;color:#08151d;background:linear-gradient(110deg,#48e1eb,#9d9aff);border-radius:8px;padding:10px 14px;font-size:12px;font-weight:800}.teleport:hover{filter:brightness(1.14)}.teleport:focus-visible,.secondary:focus-visible{outline:2px solid white;outline-offset:4px}.empty{grid-column:1/-1;text-align:center;background:#101722;border:1px dashed #ffffff26;border-radius:15px;padding:45px 20px}.empty h3{margin:0 0 8px;font-size:21px}.empty p{max-width:480px;margin:auto;color:var(--muted);font-size:13px}.directory-note{color:#8394aa;font-size:10px;margin:22px 0}.how{border-top:1px solid #ffffff12;margin-top:65px;padding:40px 0 48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:26px}.steps article>span{font-size:12px;color:var(--purple);font-weight:800}.steps h3{font-size:15px;margin:9px 0}.steps p{font-size:12px;color:var(--muted);margin:0}footer{text-align:center;border-top:1px solid #ffffff10;padding:28px 24px 32px}footer>span{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--cyan)}footer p{font-size:12px;color:var(--muted);margin:9px 0}footer small{font-size:9px;color:#72839c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo{max-width:420px}.world{display:none}}@media(max-width:550px){main{padding:0 20px}.bar{padding:20px}.hero{padding-top:42px}h1{letter-spacing:-1px}.hero p{font-size:13px}.desktop{display:none}.grid,.steps{grid-template-columns:1fr}.section-head{align-items:flex-start}h2{font-size:22px}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}.search{width:100%}.card{padding:22px}.how{margin-top:44px}.steps{gap:24px}.secondary{padding:9px 12px;white-space:nowrap}.gem-row{gap:23px}.eyebrow{font-size:9px}}

.header-actions{display:flex;align-items:center;gap:24px}.withdraw{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border:1px solid #74e6ef55;border-radius:9px;padding:9px 19px;color:#07121c;background:linear-gradient(110deg,#48e1eb,#9d9aff);font-weight:800;font-size:12px;white-space:nowrap;box-shadow:0 0 22px #31dce612}.withdraw:hover{filter:brightness(1.12)}.withdraw:focus-visible{outline:2px solid white;outline-offset:4px}.withdraw[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media(max-width:550px){.bar{gap:12px}.brand{font-size:14px;letter-spacing:1px}.brand span{margin-left:3px}.withdraw{padding:8px 13px;font-size:11px}.header-actions{gap:0}}

.gem-art{display:block;width:min(590px,100%);height:auto;margin:12px auto 0}@media(max-width:550px){.gem-art{margin-top:14px}}

/* Reuse the exact gem artwork from the existing Gem Collect texture. */
.gem-icons{display:flex;justify-content:center;gap:10px;width:min(420px,100%);margin:30px auto 7px}
.gem-icon{display:block;flex:1;max-width:60px;aspect-ratio:340 / 300;background-image:url('assets/gem-texture.png');background-size:368.8235% 418%;background-repeat:no-repeat;clip-path:polygon(23% 0,77% 0,100% 34%,100% 43%,50% 100%,0 43%,0 34%)}
.gem-red{background-position:12.035% 31.447%}.gem-yellow{background-position:49.781% 31.447%}.gem-orange{background-position:88.074% 31.447%}.gem-green{background-position:12.035% 62.369%}.gem-blue{background-position:49.781% 62.369%}.gem-indigo{background-position:88.074% 62.369%}
@media(max-width:550px){.gem-icons{gap:7px;width:min(350px,100%)}}