:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;--panel: rgba(255, 255, 255, .92);--panel-border: rgba(20, 31, 44, .18);--text: #17202a;--accent: #2f6fed;--ui-fill: rgba(210, 166, 124, .9);--ui-slot: rgba(231, 209, 179, .94);--ui-line: #4a2b1b}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;overflow:hidden;background:#222832}body{--world-margin-x: clamp(14px, 2vw, 40px);--world-margin-top: clamp(12px, 3vh, 32px);--world-margin-bottom: clamp(32px, 8vh, 96px);width:100%;height:100dvh;margin:0;overflow:hidden;display:grid;place-items:center;padding:var(--world-margin-top) var(--world-margin-x) var(--world-margin-bottom);background:#222832;color:var(--text)}.world-shell{position:relative;width:min(calc(100vw - var(--world-margin-x) * 2),calc((100dvh - var(--world-margin-top) - var(--world-margin-bottom)) * 910 / 575));aspect-ratio:910 / 575;overflow:hidden;background:#9ed4ff}.auth-screen{position:relative;display:grid;place-items:center;width:min(calc(100vw - var(--world-margin-x) * 2),calc((100dvh - var(--world-margin-top) - var(--world-margin-bottom)) * 910 / 575));aspect-ratio:910 / 575;overflow:hidden;background:linear-gradient(to bottom,#90c8ec 0 38%,#d5c89e 38% 70%,#1a5268 70% 100%)}.auth-screen[hidden]{display:none}.auth-screen:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 0 12%,rgba(74,43,27,.1) 12% 13%,transparent 13% 100%),linear-gradient(0deg,transparent 0 54%,rgba(255,255,255,.2) 54% 55%,transparent 55% 100%);opacity:.72}.auth-panel{position:relative;z-index:1;display:grid;gap:12px;width:min(330px,calc(100% - 36px));border:3px solid var(--ui-line);border-radius:8px;padding:20px;background:#ffffffeb;box-shadow:0 22px 46px #141f2c3d}.auth-mark{position:relative;width:52px;height:42px;margin:0 auto 2px}.auth-mark span:first-child{position:absolute;left:10px;bottom:4px;width:31px;height:26px;border:3px solid var(--ui-line);border-radius:50% 50% 45% 45%;background:#fffef2}.auth-mark span:last-child{position:absolute;right:4px;bottom:14px;width:20px;height:16px;border:3px solid var(--ui-line);border-left:0;border-radius:50%;background:#fffef2}.auth-panel h1{margin:0;color:#17202a;font-size:28px;line-height:32px;text-align:center}.auth-panel p{min-height:18px;margin:0;color:#4d5b69;font-size:13px;line-height:18px;text-align:center;overflow-wrap:anywhere}#game{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%;cursor:pointer;outline:none;touch-action:none}#game .world-bloom{position:absolute;inset:0;opacity:.82;mix-blend-mode:screen;pointer-events:none}.chat-bubble-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.chat-bubble{position:absolute;max-width:210px;min-width:34px;padding:6px 10px;border:1px solid rgba(20,31,44,.18);border-radius:7px;background:#ffffffeb;color:#17202a;font-size:13px;line-height:16px;overflow-wrap:anywhere;pointer-events:none;white-space:normal}.chat-bubble[hidden]{display:none}.dev-tools{position:absolute;z-index:20;top:16px;left:16px;color:#17202a}.dev-tools-button,.settings-button{width:48px;height:38px;border:3px solid var(--ui-line);border-radius:7px;background:var(--ui-slot);color:var(--text);font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #141f2c38}.settings-button{font-size:20px;line-height:1}.dev-tools-button:hover,.dev-tools-button:focus-visible,.settings-button:hover,.settings-button:focus-visible{border-color:var(--accent);outline:none}.settings-tools{position:absolute;z-index:20;top:16px;right:16px;color:#17202a}.dev-tools-panel,.settings-panel{position:absolute;top:48px;width:min(360px,calc(100vmin - 32px));border:1px solid var(--panel-border);border-radius:8px;padding:14px;background:var(--panel);box-shadow:0 18px 42px #141f2c33}.dev-tools-panel{left:0}.settings-panel{right:0}.dev-tools-panel[aria-hidden=true],.settings-panel[aria-hidden=true]{display:none}.dev-tools-panel h2,.settings-panel h2{margin:0 0 12px;font-size:18px}.dev-tools-section,.settings-section{display:grid;gap:10px}.dev-tools-section[hidden],.settings-section[hidden]{display:none}.dev-tabs,.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;margin-bottom:12px;border:2px solid var(--ui-line);border-radius:7px;background:var(--ui-slot)}.dev-tab,.settings-tab{height:34px;border:0;border-right:2px solid rgba(74,43,27,.36);background:transparent;color:var(--text);font-size:13px;font-weight:800;cursor:pointer}.dev-tab:last-child,.settings-tab:last-child{border-right:0}.dev-tab:hover,.dev-tab:focus-visible,.settings-tab:hover,.settings-tab:focus-visible{background:#2f6fed1f;outline:none}.dev-tab[aria-selected=true],.settings-tab[aria-selected=true]{background:#2f6fed;color:#fff}.dev-tools-label,.settings-label{color:#3d4a57;font-size:13px;font-weight:700}.dev-speed-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));overflow:hidden;border:2px solid var(--ui-line);border-radius:7px;background:var(--ui-slot)}.dev-speed-button{min-width:0;height:34px;border:0;border-right:2px solid rgba(74,43,27,.36);background:transparent;color:var(--text);font-size:13px;font-weight:800;cursor:pointer}.dev-speed-button:last-child{border-right:0}.dev-speed-button:hover,.dev-speed-button:focus-visible{background:#2f6fed1f;outline:none}.dev-speed-button[aria-pressed=true]{background:#2f6fed;color:#fff}.dev-select,.settings-select{width:100%;min-height:36px;border:2px solid var(--ui-line);border-radius:7px;padding:0 10px;background:var(--ui-slot);color:var(--text);font:inherit;font-size:13px;font-weight:800}.dev-select:focus-visible,.settings-select:focus-visible{border-color:var(--accent);outline:none}.settings-range-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.settings-range-value{min-width:42px;color:#17202a;font-size:13px;font-weight:800;text-align:right}.settings-range{width:100%;height:28px;accent-color:var(--accent)}.settings-range:focus-visible{outline:2px solid rgba(47,111,237,.3);outline-offset:2px}.dev-tools-note,.settings-note{margin:12px 0 0;color:#4d5b69;font-size:12px;line-height:16px}.settings-toggle{display:flex;align-items:center;gap:10px;min-height:36px;color:#17202a;font-size:13px;font-weight:800}.settings-toggle input{width:18px;height:18px;accent-color:var(--accent)}.dev-tools-link-button{display:inline;border:0;padding:0;background:transparent;color:#245ed8;font:inherit;font-weight:700;cursor:pointer}.dev-tools-link-button:hover,.dev-tools-link-button:focus-visible{text-decoration:underline;outline:none}.performance-monitor{margin-top:14px;border-top:1px solid rgba(20,31,44,.14);padding-top:12px}.performance-monitor-overlay{position:absolute;z-index:18;top:64px;right:16px;width:min(360px,calc(100vmin - 32px));margin-top:0;border:1px solid var(--panel-border);border-radius:8px;padding:12px;background:var(--panel);box-shadow:0 18px 42px #141f2c2e}.settings-panel-open .performance-monitor-overlay{top:390px}.performance-monitor[hidden]{display:none}.performance-monitor-summary{margin-bottom:10px;color:#25313d;font-size:12px;font-weight:800;line-height:16px}.performance-monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.performance-monitor-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-height:26px;border:1px solid rgba(74,43,27,.2);border-radius:6px;padding:5px 7px;background:#ffffff5c}.performance-monitor-metric dt,.performance-monitor-metric dd{margin:0;min-width:0;font-size:11px;line-height:14px}.performance-monitor-metric dt{color:#536171;font-weight:700}.performance-monitor-metric dd{color:#17202a;font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.performance-monitor-metric dd.is-warn{color:#9a5a00}.performance-monitor-metric dd.is-bad{color:#b42318}.bottom-ui{position:absolute;z-index:10;left:50%;bottom:20px;display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;width:min(650px,calc(100% - 32px));min-height:62px;padding:10px 12px;border:3px solid var(--ui-line);border-radius:8px;background:var(--ui-fill);box-shadow:0 14px 34px #141f2c2e;transform:translate(-50%)}.chat-box{margin:0}.chat-box input{width:100%;height:36px;border:3px solid var(--ui-line);border-radius:6px;padding:0 14px;background:var(--ui-slot);color:var(--text);font-size:16px;outline:none}.chat-box input:focus{border-color:var(--accent)}.profile-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-width:112px;border:3px solid var(--ui-line);border-radius:6px;background:var(--ui-slot);color:var(--text);font-size:15px;font-weight:700;cursor:pointer}.profile-button:hover,.profile-button:focus-visible{border-color:var(--accent)}.profile-icon{position:relative;width:26px;height:26px;flex:0 0 auto;border:2px solid var(--ui-line);border-radius:50%;background:#d8b78e}.profile-icon:before,.profile-icon:after{position:absolute;left:50%;content:"";transform:translate(-50%)}.profile-icon:before{top:5px;width:7px;height:7px;border:2px solid var(--ui-line);border-radius:50%}.profile-icon:after{bottom:4px;width:14px;height:8px;border:2px solid var(--ui-line);border-bottom:0;border-radius:9px 9px 0 0}.profile-card{position:absolute;z-index:11;right:max(16px,calc((100vw - 650px)/2));bottom:100px;width:min(260px,calc(100vw - 48px));border:1px solid var(--panel-border);border-radius:8px;padding:16px;background:var(--panel);box-shadow:0 18px 42px #141f2c2e}.profile-card[aria-hidden=true]{display:none}.profile-card h2{margin:0 0 6px;font-size:20px}.profile-card p{margin:0 0 12px;color:#4d5b69;font-size:14px;overflow-wrap:anywhere}.auth-gate-form{display:grid;gap:9px;margin:0}.auth-gate-form[hidden]{display:none}.auth-field{display:grid;gap:5px;color:#536170;font-size:12px;font-weight:700}.auth-field input{width:100%;height:34px;min-width:0;border:2px solid var(--ui-line);border-radius:6px;padding:0 9px;background:var(--ui-slot);color:var(--text);font:inherit;font-size:13px;font-weight:700;outline:none}.auth-field input:focus{border-color:var(--accent)}.auth-actions{display:grid;gap:8px}.auth-actions button,.profile-sign-out{min-width:0;height:34px;border:2px solid var(--ui-line);border-radius:6px;background:var(--ui-slot);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.auth-actions button:hover,.auth-actions button:focus-visible,.profile-sign-out:hover,.profile-sign-out:focus-visible{border-color:var(--accent);outline:none}.auth-actions button:disabled,.profile-sign-out:disabled{cursor:default;opacity:.56}.profile-sign-out{width:100%;margin:14px 0 0}.profile-card dl,.profile-card dl>div{margin:0}.profile-card dl>div{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(20,31,44,.12)}.profile-card dl>div+div{margin-top:10px}.profile-card dt{color:#536170;font-size:13px}.profile-card dd{margin:0;font-size:13px;font-weight:700;text-align:right}.profile-skins-row{align-items:flex-start}.skin-picker{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.skin-swatch{position:relative;width:34px;height:34px;flex:0 0 auto;border:2px solid rgba(74,43,27,.38);border-radius:50%;padding:0;background:none;cursor:pointer}.skin-swatch:before{position:absolute;inset:4px;content:"";border-radius:50%;background:var(--skin-color, #ffffff)}.skin-swatch--white:before{box-shadow:inset 0 0 0 1px #141f2c2e}.skin-swatch:hover,.skin-swatch:focus-visible{border-color:var(--accent);outline:none}.skin-swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px #2f6fed33}@media(max-width:520px){.bottom-ui{grid-template-columns:1fr 46px;bottom:12px;min-height:58px;padding:8px}.profile-button{min-width:46px;padding:0}.profile-button span:last-child{display:none}.profile-card{right:16px;bottom:86px}}