html,body{margin:0;min-height:100%;background:#000}.start{min-height:100vh;box-sizing:border-box;position:relative;padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}pre.logo{margin:0;font:12px/1 Menlo,Consolas,DejaVu Sans Mono,monospace;color:var(--gui-fg);white-space:pre;max-width:100%;overflow-x:auto}svg.logo{display:block;color:var(--gui-fg);max-width:100%;height:auto}#usagi{display:block}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.profile{display:flex;flex-direction:column;align-items:center;gap:12px}#nick{width:16em;text-align:center}.color-pick{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.view-nick{font-size:20px;overflow-wrap:anywhere}.swatch{display:inline-block;width:14px;height:14px;border:1px solid var(--gui-fg);vertical-align:-2px}.play{min-width:12em;font-size:16px;padding:8px 18px}#message{margin:0;min-height:1.4em}.status:before{content:"● "}.status.online{color:var(--gui-hover)}.status.offline{color:var(--gui-error)}.status.unknown{color:var(--gui-muted)}.scroll-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:6px 12px;color:var(--gui-muted);text-decoration:none;font-size:18px;line-height:1}.scroll-hint:hover{color:var(--gui-hover)}@media(prefers-reduced-motion:no-preference){.scroll-hint{animation:scroll-hint 2.4s ease-in-out infinite}html{scroll-behavior:smooth}}@keyframes scroll-hint{0%,to{transform:translate(-50%);opacity:.55}50%{transform:translate(-50%,5px);opacity:1}}.about{position:relative;box-sizing:border-box;min-height:100vh;padding:72px 16px 48px;display:flex;justify-content:center;align-items:flex-start;background:var(--gui-bg) url(/landscape.jpg) center bottom / cover no-repeat}.about:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--gui-bg) 0%,rgba(0,0,0,.94) 20%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.42) 100%)}.about-text{position:relative;max-width:44em;text-align:left}.about-text p{margin:0 0 16px}.about-text ul{list-style:none;margin:0 0 20px;padding:0}.about-text li{margin:0 0 6px;padding-left:1.2em;text-indent:-1.2em}.about-text li:before{content:"- ";color:var(--gui-muted)}.about-text a{color:var(--gui-accent)}.about-text a:hover{color:var(--gui-hover)}.about-text .version{margin:0;color:var(--gui-muted)}.accounts{min-width:18em}.accounts h2{margin:0 0 6px;font-size:12px;font-weight:400;color:var(--gui-muted)}.accounts ol{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.accounts ol button{width:100%;text-align:left;border-width:1px;padding:3px 8px}.accounts ol button.current{border-width:3px}.mobile-note{display:none;margin:8px 0 0;padding:6px 10px;border:1px solid #e6c229;color:#e6c229;font-size:13px}@media(pointer:coarse){.mobile-note{display:block}}