@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-5.3.0-latin-wght.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme: dark;--ground: #161826;--deep: #0f1119;--surface: #232532;--surface-hover: #2b2d3c;--text: #e9e9ed;--text-2: #cfd3e5;--muted: #9397ab;--faint: #75798c;--border: #3f424d;--accent-border: #5d5294;--divider: rgba(233,233,237,0.16);--accent: #9184d9;--accent-text: #d2cefd;--accent-bright: #b5abfc;--accent-pale: #e7e5fe;--track: #2b2741;--ok: #6fd3a1;--ok-bg: rgba(111,211,161,0.12);--ok-bd: rgba(111,211,161,0.42);--warn: #f0bf6c;--warn-bg: rgba(240,191,108,0.12);--warn-bd: rgba(240,191,108,0.45);--fail: #f2918a;--fail-bg: rgba(242,145,138,0.10);--fail-bd: rgba(242,145,138,0.42);--info: #8cc4f5;--info-bg: rgba(140,196,245,0.11);--info-bd: rgba(140,196,245,0.40);--r-field: 12px;--r-tile: 14px;--r-node: 16px;--r-card: 22px;--r-panel: 24px;--r-pill: 999px;--gutter: clamp(16px,4vw,40px);--section: clamp(64px,7vw,112px);--font: "Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;min-height: 100vh;display: flex;flex-direction: column;background: var(--ground);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.55;-webkit-font-smoothing: antialiased;overflow-x: hidden}main{display: block}h1,h2,h3,p,ul,ol,dl,dd,figure{margin: 0}ul,ol{padding: 0;list-style: none}strong{font-weight: 650;color: var(--text)}a{color: var(--accent-text)}a:hover{color: var(--accent-pale)}code{font-family: var(--mono)}button{font: inherit;cursor: pointer}:focus-visible{outline: 3px solid var(--accent-bright);outline-offset: 3px}.sprite{position: absolute;width: 0;height: 0;overflow: hidden}.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 16px;top: -80px;z-index: 10;padding: 12px 16px;border-radius: var(--r-field);background: var(--accent-bright);color: var(--ground);font-weight: 650;text-decoration: none}.skip:focus{top: 12px;color: var(--ground)}.ic{width: 16px;height: 16px;flex: none;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round}.ic-16{width: 16px;height: 16px}.ic-18{width: 18px;height: 18px}.ic-20{width: 20px;height: 20px;stroke-width: 2}.ic-22{width: 22px;height: 22px;stroke-width: 2}.ic-thin{stroke-width: 1.9}.ic-bold{stroke-width: 2.4}.ic-fill{fill: currentColor;stroke: none}.mark{flex: none;color: var(--ground)}.mark-deep{color: var(--deep)}.wrap{width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;padding-left: var(--gutter);padding-right: var(--gutter)}.section{padding-top: var(--section)}.h1{font-size: clamp(36px,5.2vw,64px);line-height: 1.04;letter-spacing: -0.035em;font-weight: 700;max-width: 15ch;text-wrap: balance}.h1-accent{color: var(--accent-bright)}.h2{font-size: clamp(30px,3.2vw,44px);line-height: 1.1;letter-spacing: -0.025em;font-weight: 700;text-wrap: balance}.h3{font-size: 20px;line-height: 1.3;font-weight: 650;letter-spacing: -0.01em}.sec-lead{margin-top: 12px;max-width: 56ch;color: var(--text-2)}.sec-lead-wide{max-width: 60ch}.body-2{color: var(--text-2)}.eyebrow{margin-bottom: 10px;font-size: 15px;font-weight: 600;color: var(--accent-bright)}.card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-card)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 54px;padding: 0 24px;border-radius: var(--r-tile);font-size: 17px;font-weight: 600;line-height: 1.2;text-decoration: none}.btn-52{min-height: 52px;padding: 0 20px;font-size: 16px}.btn-primary{background: var(--accent-bright);color: var(--ground);font-weight: 650}.btn-primary:hover{background: var(--accent-pale);color: var(--ground)}.btn-quiet{border: 1px solid var(--accent-border);color: var(--accent-pale)}.btn-quiet:hover{background: var(--track);border-color: var(--accent);color: var(--accent-pale)}.btn-ghost{border: 1px solid var(--border);color: var(--text-2)}.btn-ghost:hover{background: var(--track);color: var(--text)}.notice{background: var(--info-bg);border-bottom: 1px solid var(--info-bd)}.notice[data-level="warn"]{background: var(--warn-bg);border-bottom-color: var(--warn-bd)}.notice-in{max-width: 1200px;margin: 0 auto;min-height: 56px;padding: 6px var(--gutter);display: flex;align-items: center;gap: 12px}.notice-ic{width: 22px;height: 22px;stroke-width: 2;color: var(--info)}.notice[data-level="warn"] .notice-ic{color: var(--warn)}.notice-text{flex: 1 1 auto;min-width: 0;font-size: 15px;line-height: 1.45;font-weight: 500}.notice-x{flex: none;width: 44px;height: 44px;padding: 0;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: var(--r-field);background: transparent;color: var(--text-2)}.notice-x:hover{background: rgba(233,233,237,0.08);color: var(--text)}.site-header{padding-top: 14px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 4px 24px}.brand{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;color: var(--text);text-decoration: none}.brand:hover{color: var(--text)}.brand-name{font-size: 20px;font-weight: 700;letter-spacing: -0.03em}.brand-sm .brand-name{font-size: 18px}.nav{margin: 0 -12px;display: flex;flex-wrap: wrap;gap: 2px}.nav a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 12px;border-radius: var(--r-field);color: var(--text-2);text-decoration: none;font-size: 15px;font-weight: 500}.nav a:hover{background: var(--surface);color: var(--text)}.hero{padding-top: clamp(36px,6vw,88px);display: flex;flex-wrap: wrap;align-items: center;gap: 40px 64px}.hero-main{flex: 999 1 520px;min-width: 0}.hero-lead{margin-top: 20px;max-width: 44ch;font-size: clamp(17px,1.45vw,20px);line-height: 1.5;color: var(--text-2)}.cta-row{margin-top: 32px;max-width: 480px;display: flex;flex-wrap: wrap;gap: 12px}.cta-row .btn{flex: 1 1 auto}.hero-down{margin-top: 18px;display: flex;align-items: flex-start;gap: 8px;font-size: 15px;line-height: 1.5;color: var(--text-2)}.hero-down-ic{margin-top: 2px;color: var(--fail)}.now{flex: 1 1 360px;min-width: 0;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-card);padding: 20px}.now-head{display: flex;align-items: center;gap: 14px}.now-art{flex: none}.now-win{fill: var(--faint)}.now[data-watch="online"] .now-win{fill: var(--warn)}.now[data-watch="offline"] .now-win{fill: var(--deep)}.now-head-text{min-width: 0}.now-title{font-size: 18px;line-height: 1.3;font-weight: 650;letter-spacing: -0.01em}.now-updated{margin-top: 2px;font-size: 14px;line-height: 1.4;color: var(--muted)}.now-list{margin-top: 16px;display: flex;flex-direction: column;gap: 8px}.now-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;min-height: 58px;padding: 10px 12px 10px 14px;border-radius: var(--r-tile);background: var(--ground)}.now-text{min-width: 0}.now-name{font-size: 16px;font-weight: 600;line-height: 1.3}.now-detail{margin-top: 2px;font-size: 14px;line-height: 1.35;color: var(--muted)}.now-na{margin-top: 14px;font-size: 14px;line-height: 1.45;color: var(--text-2)}.chip{display: inline-flex;align-items: center;gap: 6px;height: 30px;padding: 0 12px 0 9px;flex: none;border-radius: var(--r-pill);border: 1px dashed var(--faint);background: transparent;color: var(--text-2);font-size: 14px;font-weight: 600;line-height: 1;white-space: nowrap}.chip[data-state="online"]{color: var(--ok);background: var(--ok-bg);border: 1px solid var(--ok-bd)}.chip[data-state="offline"]{color: var(--fail);background: rgba(242,145,138,0.12);border: 1px solid rgba(242,145,138,0.45)}.chip[data-state="asleep"]{color: var(--info);background: var(--info-bg);border: 1px solid var(--info-bd)}.chip[data-state="starting"]{color: var(--warn);background: var(--warn-bg);border: 1px solid var(--warn-bd)}.chip[data-state="unknown"]{color: var(--text-2);background: rgba(207,211,229,0.07);border: 1px solid var(--border)}.sec-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 16px 32px}.sec-head-text{flex: 1 1 420px;min-width: 0}.watch-card{margin-top: 28px;padding: clamp(20px,3vw,36px);display: flex;flex-direction: column;gap: 28px}.alert{display: flex;gap: 12px;align-items: flex-start;padding: 16px;border-radius: var(--r-tile)}.alert-fail{background: var(--fail-bg);border: 1px solid var(--fail-bd)}.alert-ic{margin-top: 1px;color: var(--fail);stroke-width: 2.2}.alert-title{font-weight: 650;color: var(--fail)}.alert-text{margin-top: 4px;font-size: 16px}.browser-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px 32px}.browser-text{flex: 1 1 320px;min-width: 0}.browser-text .body-2{margin-top: 6px}.browser-row .btn{flex: 0 1 auto}.or{display: flex;align-items: center;gap: 16px;color: var(--muted);font-size: 14px;font-weight: 600}.or span{flex: 1 1 auto;height: 1px;background: var(--divider)}.steps{margin-top: 18px;display: flex;flex-direction: column;gap: 26px}.step-label{display: flex;align-items: center;gap: 10px;font-size: 16px;font-weight: 600;line-height: 1.35}.step-num{flex: none;width: 26px;height: 26px;border-radius: var(--r-pill);display: inline-flex;align-items: center;justify-content: center;background: var(--track);color: var(--accent-text);font-size: 14px;font-weight: 700}.platforms{margin-top: 12px;display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,136px),1fr));gap: 8px}@media (max-width: 359px){.platforms{grid-template-columns: 1fr}}.platform{display: flex;flex-direction: column;justify-content: space-between;gap: 12px;min-height: 92px;height: 100%;padding: 14px;border-radius: var(--r-tile);background: var(--ground);border: 1px solid var(--border);color: var(--text);text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1.3}.platform:hover{background: var(--surface-hover);border-color: var(--accent-border);color: var(--text)}.platform-ic{color: var(--accent-bright)}.copy{display: flex;flex-wrap: wrap;gap: 8px}.copy-watch{margin-top: 12px;max-width: 600px}.copy-value{flex: 999 1 240px;min-width: 0;display: flex;align-items: center;min-height: 52px;padding: 10px 16px;border-radius: var(--r-field);background: var(--deep);border: 1px solid var(--border);font-size: 16px;line-height: 1.4;color: var(--accent-pale);-webkit-user-select: all;user-select: all;overflow-wrap: anywhere}.copy-btn{flex: 1 0 112px;min-height: 52px;padding: 0 18px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--r-field);border: 1px solid var(--accent-border);background: var(--track);color: var(--accent-pale);font-size: 16px;font-weight: 600}.copy-btn:hover{filter: brightness(1.15)}.copy-btn > span{display: inline-flex;align-items: center;gap: 8px}.copy-done,.copy-sel{display: none !important}.copy-btn[data-copied] .copy-idle{display: none}.copy-btn[data-copied="done"]{background: var(--ok-bg);border-color: rgba(111,211,161,0.55);color: var(--ok)}.copy-btn[data-copied="done"] .copy-done{display: inline-flex !important}.copy-btn[data-copied="selected"] .copy-sel{display: inline-flex !important}.account{border-top: 1px solid var(--divider);padding-top: 24px;display: flex;flex-direction: column;gap: 14px}.tips{background: var(--ground);border: 1px solid var(--border);border-radius: var(--r-tile)}.tips summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 52px;padding: 0 16px;font-weight: 600;border-radius: var(--r-tile)}.tips summary::-webkit-details-marker{display: none}.tips-chev{color: var(--muted)}.tips[open] .tips-chev{transform: rotate(180deg)}.tips ul{padding: 0 18px 18px 36px;list-style: disc;display: flex;flex-direction: column;gap: 10px;color: var(--text-2);font-size: 16px}.tips strong{font-weight: 600}.games-grid{margin-top: 28px;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));gap: 20px;align-items: start}.game{min-width: 0;padding: clamp(20px,2.4vw,28px);display: flex;flex-direction: column;gap: 20px}.game-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 16px}.game-id{display: flex;align-items: center;gap: 14px;min-width: 0;flex: 1 1 220px}.tile-ic{flex: none;width: 48px;height: 48px;border-radius: var(--r-tile);display: inline-flex;align-items: center;justify-content: center;background: var(--track);color: var(--accent-bright)}.tile-ic .ic{width: 26px;height: 26px;stroke-width: 1.9}.game-name{font-size: 22px;line-height: 1.2;font-weight: 700;letter-spacing: -0.015em}.game-sub{margin-top: 3px;font-size: 15px;line-height: 1.35;color: var(--muted)}.well{background: var(--ground);border: 1px solid var(--border);border-radius: var(--r-tile);padding: 12px 14px;display: flex;flex-direction: column;gap: 10px}.well[data-state="asleep"]{border-color: rgba(140,196,245,0.30)}.well[data-state="starting"]{border-color: rgba(240,191,108,0.35)}.well-text{font-size: 16px;line-height: 1.45;font-weight: 500;color: var(--text-2)}.well[data-state="online"] .well-text{color: var(--text)}.meter{height: 6px;border-radius: var(--r-pill);background: var(--track);overflow: hidden}.meter-fill{height: 100%;width: 0;background: var(--accent);border-radius: var(--r-pill)}.rule{display: flex;gap: 12px;align-items: flex-start;padding: 14px 16px;border-radius: var(--r-tile);background: var(--ground);border: 1px solid var(--border)}.rule-warn{background: rgba(240,191,108,0.09);border-color: rgba(240,191,108,0.40)}.rule-ic{margin-top: 1px;color: var(--text-2)}.rule-warn .rule-ic,.rule-warn .rule-title{color: var(--warn)}.rule-title{font-weight: 650;line-height: 1.4;color: var(--text-2)}.rule-text{margin-top: 4px;font-size: 15px;line-height: 1.5}.rule-extra{margin-top: 6px;font-size: 15px;line-height: 1.5;color: var(--text-2)}.field-label{margin-bottom: 8px;font-size: 14px;font-weight: 600;color: var(--text-2)}.facts{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 8px 20px;font-size: 15px;line-height: 1.45;border-top: 1px solid var(--divider);padding-top: 16px}.facts dt{color: var(--muted)}.help-grid{margin-top: 28px;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));gap: 16px}.help-card{border-radius: 20px;padding: 22px}.help-ic{width: 44px;height: 44px;border-radius: var(--r-field);display: inline-flex;align-items: center;justify-content: center;background: var(--track);color: var(--accent-bright)}.help-card h3{margin-top: 16px;font-size: 19px;line-height: 1.3;font-weight: 650}.help-card p{margin-top: 6px;font-size: 16px;color: var(--text-2)}.back-top{margin-top: 6px;display: inline-flex;align-items: center;gap: 6px;min-height: 44px;font-weight: 600;text-decoration: none}.built{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 40px 64px}.built-text{flex: 1 1 400px;min-width: 0}.built-p{margin-top: 16px;max-width: 58ch;color: var(--text-2)}.badges{margin-top: 24px;display: flex;flex-wrap: wrap;gap: 8px}.badges li{padding: 6px 12px;border-radius: var(--r-pill);background: var(--track);color: var(--accent-text);font-size: 14px;font-weight: 500;line-height: 1.4}.link-row{margin-top: 28px;display: flex;flex-wrap: wrap;gap: 12px}.diagram{flex: 1 1 440px;min-width: 0;background: var(--deep);border: 1px solid var(--border);border-radius: var(--r-panel);padding: clamp(20px,3vw,32px)}.dg{margin: 0 auto;max-width: 420px}.dg-node{display: flex;align-items: center;gap: 14px;padding: 12px 16px;border-radius: var(--r-node);background: var(--surface);border: 1px solid var(--border)}.dg-node > div{min-width: 0}.dg-ic{flex: none;width: 40px;height: 40px;border-radius: var(--r-field);display: inline-flex;align-items: center;justify-content: center;background: var(--track);color: var(--accent-bright)}.dg-title{font-size: 16px;font-weight: 650;line-height: 1.3}.dg-sub{margin-top: 2px;font-size: 14px;line-height: 1.4;color: var(--muted)}.dg-conn{display: flex;flex-direction: column;align-items: center;width: 14px;margin-left: 30px;color: var(--accent)}.dg-conn > span{width: 2px;height: 18px;background: var(--accent)}.dg-conn .ic{width: 14px;height: 8px;stroke-width: 2}.dg-server{display: block;padding: 14px 16px 16px;border-radius: 18px;border: 1.5px solid var(--accent-border)}.dg-server-head{display: flex;align-items: center;gap: 14px}.dg-pills{margin-top: 14px;display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.dg-pill{display: inline-flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: var(--r-field);background: var(--track);color: var(--accent-pale);font-size: 14px;font-weight: 600}.dg-pill .ic{stroke-width: 2}.dg-pill-arrow{color: var(--accent);stroke-width: 2}.dg-note{margin-top: 10px;line-height: 1.45}.dg-branch{display: flex;align-items: stretch;gap: 16px;margin-left: 36px;min-height: 48px}.dg-branch-line{flex: none;border-left: 2px dashed var(--warn)}.dg-branch p{align-self: center;padding: 8px 0;font-size: 13px;line-height: 1.4;color: var(--text-2)}.dg-alert{border-color: var(--warn-bd)}.dg-alert .dg-ic{background: rgba(240,191,108,0.13);color: var(--warn)}.dg-private-li{margin-top: 28px}.dg-private{padding: 14px 16px;background: transparent;border: 1.5px dashed var(--faint)}.dg-private .dg-ic{background: transparent;border: 1px solid var(--border);color: var(--text-2)}.dg-caption{margin: 20px auto 0;max-width: 420px;font-size: 14px;line-height: 1.5;color: var(--muted)}.site-footer{margin-top: clamp(72px,8vw,120px);flex: 1 0 auto;border-top: 1px solid var(--divider);background: var(--deep)}.footer-in{padding-top: 40px;padding-bottom: 48px;display: flex;flex-wrap: wrap;gap: 32px 64px;justify-content: space-between}.footer-col{min-width: 0}.footer-brand{flex: 1 1 300px}.footer-contact{flex: 1 1 240px}.footer-outpost{flex: 1 1 280px}.footer-note{margin-top: 12px;max-width: 40ch;font-size: 15px;line-height: 1.5;color: var(--muted)}.footer-h{font-size: 15px;line-height: 1.4;font-weight: 650}.footer-mail{display: inline-flex;align-items: center;min-height: 44px;font-size: 16px;overflow-wrap: anywhere}.footer-privacy{margin-top: 4px;display: flex;align-items: center;gap: 8px;font-size: 15px;line-height: 1.45;color: var(--text-2)}.privacy-ic{color: var(--ok);stroke-width: 2}.outpost{display: flex;flex-direction: column;gap: 4px;min-height: 44px;padding: 16px 18px;border-radius: var(--r-node);background: var(--ground);border: 1px solid var(--border);text-decoration: none}.outpost:hover{background: var(--surface-hover);border-color: var(--accent-border)}.outpost-q{font-size: 15px;line-height: 1.45;color: var(--text-2)}.outpost-name{display: inline-flex;align-items: center;gap: 6px;font-size: 16px;font-weight: 650;color: var(--accent-text)}@keyframes hb-spin{to{transform: rotate(360deg)}}@keyframes hb-pop{from{opacity: 0.5;transform: scale(0.97)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: no-preference){.chip[data-state="starting"] .chip-ic{animation: hb-spin 1.6s linear infinite}.copy-btn[data-copied="done"] .copy-done{animation: hb-pop 0.2s ease-out}.tips-chev{transition: transform 0.2s ease}.btn,.nav a,.platform,.outpost,.notice-x{transition: background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}}