@font-face{font-family:Roboto;src:url(assets/roboto-regular.ttf)}@font-face{font-family:Roboto;src:url(assets/roboto-bold.ttf);font-weight:700}
:root{color-scheme:dark;--mint:#67e8bc;--text:#f0f5f7;--muted:#9bafbd}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:#07111b;color:var(--text);font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column;padding:clamp(24px,4vw,76px) clamp(28px,5vw,100px)}a{color:inherit;text-decoration:none}header,main,footer{position:relative;z-index:1}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:17px;font-size:28px;font-weight:700;letter-spacing:-1px}.brand-sub{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:6px}.mark{display:inline-flex;position:relative;font-size:43px;letter-spacing:-19px;padding:4px 22px 4px 8px;color:var(--mint);border:1px solid #376256;border-radius:13px}.mark span{color:var(--text)}.server-pill{display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #243c46;border-radius:30px;font-size:11px;letter-spacing:1.5px;color:#bccecf;max-width:45%}.live-dot{height:7px;width:7px;flex:none;border-radius:100%;background:var(--mint)}main{flex:1;display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center;padding:45px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--mint);line-height:1.5}h1{font-size:clamp(38px,4.9vw,90px);line-height:1.07;font-weight:700;letter-spacing:-2.5px;margin:24px 0}h1 span{color:#a4b9c2}.intro{font-size:clamp(15px,1.25vw,22px);color:var(--muted);line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span{font-size:12px;color:#c5d7dd;border:1px solid #29414a;padding:10px 13px;border-radius:8px;background:#0b1b25}.guide{background:#101f2ae8;border:1px solid #29424b;border-radius:22px;padding:30px;min-height:365px;box-shadow:0 20px 90px #0003}.guide-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.guide-head .eyebrow{font-size:10px;color:var(--muted)}#tip-count{font-size:11px;color:var(--muted)}.tip-icon{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:62px;border:1px solid #386658;border-radius:13px;background:#193b35;color:var(--mint);font-weight:700;font-size:28px;margin-top:28px;padding:0 12px}h2{font-size:24px;line-height:1.3;margin:20px 0 12px;min-height:62px}.guide p{font-size:14px;line-height:1.7;color:var(--muted);min-height:72px}.dots{display:flex;gap:5px;margin:22px 0 30px}.dots i{width:21px;height:3px;background:#36515c;border-radius:2px}.dots i.active{background:var(--mint)}.discord{display:flex;justify-content:space-between;border-top:1px solid #29424b;padding-top:22px;font-size:14px;color:var(--text)}.discord span{color:var(--mint)}.guide .tiny{font-size:11px;min-height:0;margin:10px 0 0}footer{padding-top:10px}.loading-info{display:flex;align-items:center;justify-content:space-between;gap:20px}.loading-info .eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.5px}.loading-info p{margin:0 0 10px;font-size:15px}#progress-label{font-size:15px;color:var(--mint);letter-spacing:1px}.track{width:100%;height:5px;background:#203540;border-radius:5px;overflow:hidden;margin:10px 0 19px}#progress{width:0;height:100%;background:var(--mint);transition:width .4s ease}#progress.indeterminate{width:24%;animation:loading 2.5s ease-in-out infinite}.bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}#detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:78%}button{font:inherit;color:var(--muted);border:1px solid #2b424a;background:#10212b;padding:9px 12px;border-radius:7px;cursor:pointer;white-space:nowrap}button:hover,button:focus-visible{border-color:var(--mint);color:var(--mint)}.city{position:fixed;inset:0;overflow:hidden;pointer-events:none}.city .orb{position:absolute;width:70vw;height:70vw;right:-20vw;top:-30vw;border-radius:100%;background:radial-gradient(circle,#164c4660,transparent 67%)}.city .grid{position:absolute;inset:0;background-image:linear-gradient(#52708108 1px,transparent 1px),linear-gradient(90deg,#52708108 1px,transparent 1px);background-size:70px 70px;transform:skewY(-12deg) scale(1.2)}.city svg{position:absolute;bottom:0;width:100%;height:53vh;fill:#15313b66}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(520%)}}@media(max-width:800px){body{overflow:auto;padding:24px}header .server-pill{display:none}main{grid-template-columns:1fr;gap:25px;padding:35px 0}h1{font-size:46px}.guide{padding:24px;min-height:0}.guide p{min-height:0}h2{min-height:0}.intro br{display:none}.guide .tip-icon{margin-top:18px}.dots{margin:18px 0}.tags{margin-top:18px}footer{padding-top:15px}.bottom{align-items:flex-start}#detail{max-width:65%;white-space:normal;line-height:1.5}}@media(max-height:740px) and (min-width:801px){body{padding-top:24px;padding-bottom:24px}main{padding:20px 0}.guide{padding:22px;min-height:0}.tip-icon{margin-top:15px;width:50px;height:50px}h1{font-size:60px}h2{margin:16px 0 8px;min-height:0}.dots{margin:18px 0}.guide p{min-height:0}.intro{font-size:16px}.tags{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}