body{font-family:'Segoe UI',Inter,Arial,sans-serif}
h1,h2,h3,.pixel-label,.tag,.sidebar-heading,.sidebar-toggle{font-family:'Segoe UI',Inter,Arial,sans-serif!important;letter-spacing:normal}
h1{font-weight:800;line-height:1.12!important;text-shadow:0 3px 18px #0005;letter-spacing:-1.8px!important}
h2{font-weight:750;font-size:30px;text-shadow:none;line-height:1.25}
h3{font-weight:700;line-height:1.3}
.card h3,.features h3{font-size:23px}
.pixel-label{font-size:14px;font-weight:600}
.tag{font-size:11px;font-weight:600}.sidebar-heading{font-size:13px;font-weight:600}
.sound-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;margin-top:18px;border:1px solid #456074;background:#14232e;color:#cfdfeb;font:500 13px 'Segoe UI',Arial,sans-serif;cursor:pointer;text-align:left}
.sound-toggle:hover{background:#223c4e;border-color:#8bd3ff}
.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sound-toggle[aria-pressed="true"] .sound-icon{color:#9dddff}
.sound-icon{font-size:17px;color:#8399aa;min-width:20px}
.button,.mode-link,.site-sidebar nav a,.card,.features article,.sound-toggle{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,filter .18s ease}
.world{position:relative}.world>svg{animation:island-float 6s ease-in-out infinite}
.ambient-pixel{position:absolute;width:4px;height:4px;left:var(--x);top:var(--y);background:#a3e7ff;box-shadow:0 0 9px #7accff;opacity:0;pointer-events:none;animation:pixel-rise 5s ease-in-out var(--delay) infinite}
.server-panel{position:relative;border-color:#618eab;box-shadow:inset 3px 3px #ffffff0c,inset -3px -3px #0004,0 0 28px #4babff12}
.server-panel.copy-success{animation:copy-flash .65s ease-out}
.section-arrived{animation:section-in .6s ease-out both}
.read-more[open]>:not(summary){animation:section-in .22s ease-out}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-5px);border-color:#8bd5ff;box-shadow:4px 9px #080f15,0 0 25px #559ddd18}.features article:hover{border-color:#5a8ba9}.card:hover .mode-link{color:#d7f2ff}.button:hover{box-shadow:inset 2px 2px #ffffff30,inset -3px -3px #0005,0 4px #080e13,0 0 20px #70bcff25}.brand:hover .mark,.sidebar-brand:hover img{filter:drop-shadow(0 0 8px #80caff80)}}
@keyframes island-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pixel-rise{0%,100%{opacity:0;transform:translateY(10px)}30%{opacity:.7}70%{opacity:.25}90%{transform:translateY(-25px)}}
@keyframes section-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes copy-flash{0%{box-shadow:0 0 0 3px #a0e5ff,0 0 35px #6ccaff70}100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:760px){.sidebar-toggle{font-size:16px}.home-hero h1{font-size:46px}.sub-intro h1{font-size:38px}.coming-soon h1{font-size:46px}.card h3{font-size:23px}.section h2{font-size:27px}.sound-toggle{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.button:hover{transform:none}.ambient-pixel{display:none}}