:root{color:#f0eee7;font-synthesis:none;--bg:#0c0d0c;--surface:#151714;--surface-soft:#1b1e1a;--text:#f0eee7;--muted:#969a91;--accent:#8caf55;--accent-deep:#536a35;--border:#292c27;--danger:#c96b5d;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(10px, env(safe-area-inset-bottom));background:#0c0d0c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100dvh}.screen{min-height:100dvh;padding-bottom:calc(76px + var(--safe-bottom));overflow-x:hidden}.page{width:min(100%,560px);min-height:calc(100dvh - 80px);padding:var(--safe-top) 20px 30px;margin:0 auto}.topbar,.simple-header,.chat-header{justify-content:space-between;align-items:center;display:flex}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.18em;font-size:10px;font-weight:800;display:block}.wordmark{letter-spacing:.13em;margin-top:2px;font-family:ui-monospace,monospace;font-size:25px;display:block}.avatar{object-fit:cover;border:1px solid var(--border);border-radius:12px;width:42px;height:42px}.avatar-fallback{background:var(--surface-soft);color:var(--accent);place-items:center;font-weight:800;display:grid}.island-stage{place-items:center;height:clamp(310px,49dvh,440px);margin:2px -20px -26px;display:grid;position:relative;overflow:hidden}.island{z-index:1;object-fit:contain;filter:drop-shadow(0 30px 24px #00000047);width:min(86vw,430px);max-height:100%;transition:filter .3s,opacity .3s;position:relative}.island-stage.offline .island{filter:grayscale(.75)brightness(.6);opacity:.72}.ambient-orbit{background:radial-gradient(circle,#8caf5521,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute}.server-summary{text-align:left;justify-content:center;align-items:center;gap:12px;display:flex}.server-summary h1{letter-spacing:-.03em;margin:0;font-size:23px}.server-summary p{color:var(--muted);margin:4px 0 0;font-size:13px}.status-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #c96b5d17}.status-dot.online{background:var(--accent);box-shadow:0 0 0 5px #8caf551a}.address-row{border:1px solid var(--border);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin:25px 0;padding:15px 17px;display:flex}.address-row span{font-family:ui-monospace,monospace;font-size:14px}.address-row svg{width:18px;color:var(--accent)}.metric-line{text-align:center;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;display:grid}.metric-line div{flex-direction:column;gap:4px;display:flex}.metric-line strong{font-size:17px}.metric-line span,.version-line{color:var(--muted);font-size:11px}.metric-line i{background:var(--border);width:1px;height:27px}.version-line{text-align:center;margin-top:25px}.bottom-nav{z-index:20;height:calc(66px + var(--safe-bottom));padding:5px max(4px, env(safe-area-inset-right)) var(--safe-bottom) max(4px, env(safe-area-inset-left));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0d0cf0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#777c74;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex}.bottom-nav button.active{color:var(--accent)}.bottom-nav svg{width:22px;height:22px}.profile-page .topbar{margin-bottom:38px}.identity-section{border-bottom:1px solid var(--border);align-items:center;gap:19px;padding-bottom:30px;display:flex}.skin-preview{border:1px solid var(--border);width:92px;height:112px;color:var(--accent);background:linear-gradient(145deg,#242922,#111310);border-radius:18px;flex:0 0 92px;place-items:center;font-size:35px;font-weight:800;display:grid;overflow:hidden}.skin-preview img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.identity-section h1,.simple-header h1,.chat-header h1,.form-section h1,.empty-section h1{letter-spacing:-.04em;margin:5px 0;font-size:28px}.identity-section p,.simple-header p,.section-copy,.empty-section p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.settings-section,.form-section,.empty-section,.link-code-section,.downloads-section,.guide-section{border-bottom:1px solid var(--border);padding:29px 0}.settings-section h2,.link-code-section h2,.downloads-section h2,.guide-section h2{margin:5px 0 18px;font-size:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.segmented{background:var(--surface-soft);border-radius:9px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:11px}.segmented button.selected{background:var(--accent-deep);color:var(--text)}label{color:var(--muted);margin:17px 0;font-size:12px;display:block}input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:11px;outline:none;margin-top:7px;padding:13px 14px}input:focus{border-color:var(--accent-deep)}.primary-button,.secondary-button{background:var(--accent);color:#10130c;border:0;border-radius:11px;width:100%;min-height:47px;padding:12px;font-weight:800}.secondary-button{border:1px solid var(--accent-deep);color:var(--text);background:0 0}button:disabled{opacity:.5}.text-button{width:100%;color:var(--muted);background:0 0;border:0;margin-top:8px;padding:12px;font-size:13px}.text-button.danger{color:var(--danger)}.field-error,.composer-error{color:var(--danger);font-size:12px}.link-code-section p{color:var(--muted);font-size:13px;line-height:1.5}.link-code{border:1px solid var(--accent-deep);background:#536a3524;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.link-code code{color:var(--text);font-size:19px}.link-code svg{width:20px;color:var(--accent)}.notice{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:-20px 0 22px;padding:12px;font-size:12px;display:flex}.notice.success{border-color:var(--accent-deep)}.notice.error{border-color:#6b3831}.notice span{font-size:18px}.chat-page{width:min(100%,620px);height:100dvh;padding:var(--safe-top) 0 calc(72px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.chat-header{border-bottom:1px solid var(--border);flex:none;padding:0 20px 14px}.chat-header h1{margin:3px 0 0;font-size:26px}.connection-pill{background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:10px}.connection-pill.online{color:var(--accent)}.connection-pill.offline{color:var(--danger)}.chat-list{overscroll-behavior:contain;flex:auto;padding:18px 20px 100px;overflow-y:auto}.chat-message{grid-template-columns:34px 1fr;gap:11px;margin-top:17px;display:grid}.chat-message.grouped{margin-top:5px}.chat-message.grouped .message-body{grid-column:2}.player-head{background:var(--surface-soft);width:34px;height:34px;color:var(--accent);border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid}.message-body header{align-items:baseline;gap:8px;display:flex}.message-body strong{font-size:13px}.message-body time{color:var(--muted);font-size:10px}.message-body p{color:#d7d7d0;overflow-wrap:anywhere;margin:3px 0 0;font-size:14px;line-height:1.45}.chat-empty{height:60%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.chat-empty svg{width:35px;color:var(--accent-deep)}.chat-empty span{font-size:12px}.chat-composer{z-index:10;left:0;right:0;bottom:calc(66px + var(--safe-bottom));background:linear-gradient(transparent, var(--bg) 24%);padding:8px 12px;position:fixed}.chat-composer>div{gap:8px;width:min(100%,596px);margin:0 auto;display:flex}.chat-composer input{min-width:0;margin:0}.chat-composer button{background:var(--accent);color:#11140d;border:0;border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.chat-composer svg{width:21px}.composer-error{width:min(100%,596px);margin:0 auto 5px;display:block}.simple-header{border-bottom:1px solid var(--border);padding:7px 0 29px;display:block}.install-steps{padding:12px 0}.install-step{grid-template-columns:38px 1fr;gap:13px;padding:18px 0;display:grid}.install-step>span{color:var(--accent);font-family:ui-monospace,monospace;font-size:12px}.install-step h2{margin:-3px 0 5px;font-size:17px}.install-step p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.download-row{border-top:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;text-decoration:none;display:flex}.download-row div{flex-direction:column;gap:4px;display:flex}.download-row span{color:var(--muted);font-size:12px}.download-row svg{width:20px;color:var(--accent)}.download-row em{color:var(--muted);font-size:11px;font-style:normal}.download-row.disabled{opacity:.58}.guide-strip{scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 12px;display:flex;overflow-x:auto}.guide-strip figure{scroll-snap-align:start;flex:0 0 82%;margin:0}.guide-strip img{border:1px solid var(--border);border-radius:12px;width:100%}.guide-strip figcaption{color:var(--muted);margin-top:6px;font-size:11px}.centered-state{text-align:center;place-content:center;min-height:100dvh;padding:30px;display:grid}.centered-state h1{margin:18px 0 6px;font-size:22px}.centered-state p{max-width:320px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.state-mark{border:1px solid var(--accent-deep);width:64px;height:64px;color:var(--accent);border-radius:17px;place-items:center;margin:auto;font-family:ui-monospace,monospace;font-size:30px;font-weight:900;display:grid}.pulse{animation:1.6s ease-in-out infinite pulse}.page-loading{min-height:70dvh;color:var(--muted);place-content:center;gap:12px;font-size:12px;display:grid}.loading-bar{background:var(--border);width:130px;height:2px;overflow:hidden}.loading-bar:after{background:var(--accent);content:"";width:45%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pulse{50%{opacity:.48;transform:scale(.96)}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media (width<=360px){.page{padding-left:15px;padding-right:15px}.bottom-nav span{font-size:9px}.island-stage{height:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}