:root{font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#2c4037;background:#f4f5ef;font-synthesis:none;--green:#3d6a56;--line:#dce2d7;--muted:#788578}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #598d72;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{max-width:1600px;margin:auto;padding:0 24px 24px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;display:flex;gap:10px;align-items:center;font-weight:650}.brand>span{font-size:15px}.topbar nav{display:flex;gap:22px;align-items:center;font-size:12px;color:var(--muted)}button{border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:#fff;color:inherit}.icon-button{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;background:transparent;color:#6c806f}.text-button{background:none;border:0;padding:6px 3px;font-size:11px;color:#52745e}.primary-button{background:var(--green);color:#fff;border-color:var(--green)}.secondary-button{background:#f3f6ef}.primary-button:hover:not(:disabled){background:#315942}.secondary-button:hover:not(:disabled),.tool:hover:not(:disabled){background:#e8eee1}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:16px;align-items:start}.main-column{min-width:0}.world-card{border:1px solid #cbd6c2;border-radius:12px;background:#fafbf7;overflow:hidden}.world-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;min-height:48px}.world-title,.world-actions{display:flex;align-items:center;gap:12px}.world-title strong{font-size:13px;white-space:nowrap}.world-label,.world-count{font-size:10px;color:var(--muted)}.live-dot{width:7px;height:7px;background:#aeb9a6;border-radius:50%;box-shadow:0 0 0 4px #eaf0e4}.live-dot.online{background:#6f9f78}.arena{height:clamp(430px,calc(100dvh - 225px),880px);position:relative;background:#b9cfa8;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none;image-rendering:pixelated}#minimap{position:absolute;right:12px;top:12px;width:120px;height:90px;border:1px solid #ffffffa6;border-radius:6px;background:#eff6e5bd;pointer-events:none;opacity:.85}.login-overlay,.connection-shade{position:absolute;inset:0;display:grid;place-content:center;background:#edf1df78;backdrop-filter:blur(2px)}.login-card{width:260px;padding:24px;background:#fffffff0;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 40px #223b2b18}.login-card h1{font-size:20px;font-weight:550;margin:0 0 20px}.login-card input,.login-card button{width:100%;height:42px}.login-card button{margin-top:12px}input{min-width:0;border:1px solid #d6dfcf;border-radius:7px;background:#fff;padding:10px 11px;color:inherit}input::placeholder{color:#9aa395}.form-message{font-size:11px;color:#a25f4f;margin:9px 0 0;min-height:0}.form-message:empty{display:none}.connection-shade{z-index:4;gap:12px;text-align:center;font-size:13px}.spinner{width:24px;height:24px;margin:auto;border:2px solid #bdcbb1;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbelt{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:11px 13px;border-top:1px solid var(--line)}.tool-group{display:flex;gap:3px}.tool{font-size:12px;background:none;border-color:transparent}.tool.active{background:#e3ebda;border-color:#d6e1cd}.material-button{display:flex;gap:8px;align-items:center;font-size:11px;background:#f8faf4;padding:6px 9px;max-width:200px}.material-button canvas{width:24px;height:24px;image-rendering:pixelated;flex-shrink:0}.material-button span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-label select{padding:8px 6px;border:1px solid var(--line);border-radius:6px;background:#f8faf4;color:inherit;font-size:11px}.toolbelt>.secondary-button{font-size:11px;margin-left:auto}.world-footer{display:flex;justify-content:space-between;gap:8px;padding:0 14px 10px;font-size:10px;color:#8a9583}#saveState{margin-left:auto}.side-panel{display:grid;gap:12px}.side-card,.chat-card,.network-card{border:1px solid var(--line);border-radius:10px;background:#fafbf7;padding:14px}.side-card h2,.chat-heading h2{font-size:13px;margin:0;font-weight:600}.muted{font-size:11px;color:var(--muted);line-height:1.7}.room-code{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin:14px 0}.room-code strong{font-family:monospace;color:#4d725d;letter-spacing:2px}.party-actions{display:flex;gap:8px;margin-bottom:8px}.party-actions button{flex:1;font-size:12px}#roomCard>.text-button{margin-right:8px}.chat-card{padding:0;overflow:hidden}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line)}.chat-messages{height:220px;overflow-y:auto;overflow-wrap:anywhere;padding:8px 12px;scrollbar-width:thin}.chat-line{font-size:11px;line-height:1.65;margin:0 0 9px}.chat-line strong{display:block;font-weight:550;font-size:10px}.chat-line time{display:none}.chat-empty{font-size:11px;color:#9aa694}.chat-card form{display:flex;gap:5px;padding:8px;border-top:1px solid var(--line)}.chat-card input{width:100%;padding:8px;font-size:11px}.chat-card form button{border:0;background:none;font-size:11px;white-space:nowrap;padding:5px;color:var(--green)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.roster-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.roster-heading>span:last-child{font-size:10px;color:var(--muted)}.player-list{padding:0;margin:12px 0;list-style:none;display:grid;gap:9px;max-height:160px;overflow:auto}.player-list li{display:flex;gap:8px;align-items:center;font-size:11px}.player-color{width:9px;height:9px;border-radius:3px;flex:none}.player-badge{font-size:9px;color:#8e9d87;margin-left:auto}.people-actions{display:flex;gap:18px}.network-card{padding:10px 13px}.network-card summary{display:flex;justify-content:space-between;align-items:center;font-size:10px}.network-card summary strong{font-size:12px;font-weight:500}.network-card small{font-size:10px;color:#90a08a;font-weight:400}.network-metrics{font-size:10px;color:var(--muted);margin-top:12px}.status-pill{color:#75956e}.status-pill[data-state=error],.status-pill[data-state=offline]{color:#b07b65}.network-actions{display:flex;gap:14px}.modal{border:1px solid #d4ddce;border-radius:14px;padding:23px;background:#fafbf7;color:inherit;width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-shadow:0 18px 80px #1f382530}.modal::backdrop{background:#253b2c66;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-heading h2{font-size:18px;font-weight:550;margin:0}.close-button{background:none;border:0;font-size:24px;padding:0 4px;color:#80927a}.room-tabs{display:flex;gap:8px}.room-tabs button{font-size:12px}.room-tabs button.active{border-color:#81a17a;background:#e5eedb}.room-entry{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.room-entry strong{font-size:13px}.room-entry small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.room-entry button{font-size:11px;white-space:nowrap}.empty-list{font-size:12px;color:var(--muted);padding:20px 0}.create-space{margin-top:16px}.create-space>div{display:flex;gap:8px}.create-space input{flex:1;width:100%}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:56dvh;overflow:auto;margin-bottom:20px}.material-item{display:grid;justify-items:center;gap:8px;padding:11px 5px;font-size:10px;min-width:0}.material-item canvas{width:48px;height:48px;image-rendering:pixelated}.material-item strong{font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}.material-item small{display:none}.material-item.selected{border-color:#82a177;background:#edf3e5}.paint-modal{width:min(690px,calc(100vw - 28px))}.paint-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}#pixelCanvas{display:block;width:100%;max-width:320px;aspect-ratio:1;touch-action:none;image-rendering:pixelated;border:1px solid #c8d5c0;border-radius:4px}.paint-actions{display:flex;gap:5px;margin-top:10px}.paint-actions button{font-size:10px;flex:1;padding:9px 2px;background:#f0f4e9}.paint-actions button[aria-pressed=true]{border-color:#7e9b73;background:#dfebd3}.color-picker{display:flex;gap:8px;margin-bottom:12px}.color-picker input[type=color]{width:44px;height:37px;padding:3px;flex:none}.color-picker input[type=text]{width:100%;font:12px monospace;padding:8px}.paint-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-bottom:17px}.paint-palette button{width:100%;aspect-ratio:1;padding:0;border-radius:3px;border:1px solid #0000000d}.paint-palette button.selected{outline:2px solid #304b3a;outline-offset:1px}.paint-layout #materialName{width:100%;font-size:12px}.texture-preview{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:12px}.texture-preview canvas{width:48px;height:48px;image-rendering:pixelated;background:repeating-conic-gradient(#dfe5dc 0% 25%,#fff 0% 50%) 0/12px 12px}.texture-preview button{flex:1;font-size:12px}.help-modal p{font-size:12px;line-height:1.9;color:#6a7d66}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);background:#354e40ed;color:#fff;padding:11px 18px;max-width:calc(100vw - 36px);font-size:12px;border-radius:9px;pointer-events:none;text-align:center}.interact-button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#fff9e8ed;border:1px solid #fff;padding:10px 15px;font-size:12px;box-shadow:0 3px 14px #344d2414}.interact-button kbd{font:11px monospace;background:#e8e6d0;padding:2px 4px;margin-right:4px}.touch-controls{position:absolute;inset:0;pointer-events:none}.joystick{position:absolute;left:16px;bottom:17px;width:86px;height:86px;border:1px solid #fff9;background:#f5f8ea70;border-radius:50%;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;left:24px;top:24px;width:36px;height:36px;border-radius:50%;background:#f4f7e6df;border:1px solid #a2b383;pointer-events:none}.wave-control{position:absolute;right:16px;bottom:24px;width:48px;height:48px;background:#faf3dddf;border:1px solid #fff9;border-radius:50%;font-size:14px;pointer-events:auto}
@media(max-width:1100px){.page-shell{padding:0 16px 16px}.play-layout{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.world-actions{gap:9px}.world-label{display:none}.toolbelt{gap:5px;padding:9px}.tool{padding:8px 9px}.material-button{max-width:155px}}
@media(max-width:760px){.page-shell{padding:0 10px 14px}.topbar{height:51px}.brand{font-size:18px}.brand>span{font-size:13px}.topbar nav{gap:16px}.play-layout{display:flex;flex-direction:column;gap:10px}.main-column,.side-panel{width:100%}.world-toolbar{padding:7px 10px;min-height:42px}.world-title{gap:8px}.world-title strong{font-size:12px}.world-count{display:none}.world-actions{gap:9px}.arena{height:clamp(350px,calc(100dvh - 205px),650px)}#minimap{width:88px;height:66px;right:8px;top:8px}.toolbelt{padding:8px;gap:5px}.tool{font-size:11px;padding:8px}.tool-group{gap:0}.material-button{max-width:139px;padding:5px 6px}.material-button canvas{width:21px;height:21px}.material-button>span:nth-child(2){max-width:75px}.kind-label select{padding:8px 3px}.toolbelt>.secondary-button{margin-left:0;padding:8px;font-size:11px}.world-footer{font-size:9px;padding:0 10px 8px}.side-panel{gap:9px}.side-card,.network-card{padding:12px}.chat-messages{height:130px}.chat-card input{font-size:16px}.chat-card form{padding:8px}.player-list{grid-template-columns:1fr 1fr;max-height:100px}.login-card{width:250px;padding:22px}.login-card input{font-size:16px}.interact-button{bottom:30px;font-size:11px;max-width:calc(100% - 180px);padding:10px}.interact-button kbd{display:none}.modal{padding:18px}.paint-layout{grid-template-columns:1fr;gap:18px}#pixelCanvas{margin:auto}.paint-actions{max-width:320px;margin:9px auto 0}.paint-layout>div:last-child{max-width:320px;width:100%;margin:auto}.paint-palette{gap:6px}.paint-palette button{max-height:33px}.color-picker input[type=text],.paint-layout #materialName,.create-space input{font-size:16px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-heading{margin-bottom:14px}.room-entry strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

/* The practice course shares the arena and chat, with a small overlay. */
#parkourWorld{display:block;width:100%;height:100%;outline:none;touch-action:none}
[hidden],#parkourWorld[hidden]{display:none!important}
.practice-hud{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;justify-content:space-between;gap:10px;pointer-events:none;color:#f0f1df;font-size:12px}
.practice-hud>div{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;background:#20384bba;pointer-events:auto}
.practice-hud button,.practice-hud select{font:inherit;border:0;background:#ffffff16;color:inherit;border-radius:5px;padding:5px;cursor:pointer}
.practice-hud option{color:#20384b}.practice-hud strong{font-weight:500}
.practice-entry{width:100%;display:flex;align-items:center;justify-content:space-between;margin:12px 0 18px;padding:14px}.practice-entry small{font-weight:400;color:var(--muted)}
.practice-touch{display:flex;gap:12px;align-items:flex-end;pointer-events:auto}.practice-touch:has(button:not([hidden])){position:absolute;bottom:0;right:0}
.practice-touch .wave-control{position:static;touch-action:none}.practice-touch:has(button:not([hidden])){bottom:24px;right:16px}.in-practice #coordinates,.in-practice #saveState{display:none}
@media(max-width:600px){.practice-hud{top:8px;left:8px;right:8px;flex-wrap:wrap}.practice-hud>div{padding:5px 7px}.in-practice .world-footer{font-size:10px}.practice-touch{gap:10px}}

#editorWorld{display:block;width:100%;height:100%;outline:none;touch-action:none;image-rendering:pixelated}
.in-editor .arena{height:clamp(280px,calc(100dvh - 250px),560px)}
.editor-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px;border-top:1px solid var(--line);font-size:11px}.editor-tools{display:flex;gap:3px}.editor-tools button{padding:8px;background:transparent;border-color:transparent}.editor-tools .active{background:#e3ebda;border-color:#d6e1cd}.editor-navigation{display:flex;align-items:center;gap:4px}.editor-navigation button{padding:3px 7px}.editor-navigation input{width:94px;padding:0;accent-color:#52745e}#editorVerify{margin-left:auto;font-size:11px}#editorStatus{color:var(--muted);font-size:10px}
@media(max-width:600px){.editor-bar{gap:6px}.editor-tools button{padding:9px 7px}#editorStatus{margin-left:auto}#editorVerify{padding:10px 12px}.editor-navigation input{width:90px}}

#paintSpectrum{display:block;width:100%;height:90px;touch-action:none;cursor:crosshair;border-radius:4px;outline-offset:3px;margin-bottom:8px}
.color-gradient{display:block;appearance:none;-webkit-appearance:none;border:1px solid #233b341f;border-radius:4px;height:14px;padding:0;touch-action:none;cursor:pointer}
.color-gradient::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:19px;border:2px solid white;border-radius:3px;background:#344e49;box-shadow:0 0 0 1px #344e494d}
.color-gradient::-moz-range-thumb{width:7px;height:17px;border:2px solid white;border-radius:3px;background:#344e49}
.hue-gradient{width:100%;margin:0 0 13px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.rgb-sliders{display:grid;grid-template-columns:12px minmax(0,1fr) 43px;align-items:center;gap:6px 7px;margin-bottom:10px}.rgb-sliders label{font:10px monospace;color:#6d7d70}.rgb-sliders input[type=range]{width:100%}.rgb-sliders input[type=number]{padding:3px 2px;font:10px monospace;width:43px;height:23px;text-align:center;appearance:textfield}.rgb-sliders input::-webkit-inner-spin-button{appearance:none}
.palette-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:6px}.palette-heading select{border:1px solid var(--line);border-radius:4px;padding:3px;background:#f5f7f0;color:inherit;font-size:10px}.paint-modal{max-height:calc(100dvh - 30px);overflow:auto}.paint-modal .paint-palette{gap:4px;margin-bottom:12px}.paint-modal .color-picker{margin-bottom:10px}

.drawing-settings{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:11px;color:var(--muted)}.drawing-settings select{border:1px solid var(--line);border-radius:5px;background:#f5f7f0;padding:5px;color:#435d4a;font-size:11px}
@media(max-width:760px){.drawing-settings{max-width:320px;margin:0 auto 9px}}

/* Account and ownership controls stay inside dialogs, away from the play area. */
.login-card{width:min(300px,calc(100vw - 52px));padding:22px}.login-card #signInButton{margin:0 0 13px}.login-card #enterButton{background:#f3f6ef;color:var(--green);border-color:var(--line)}.login-card #welcomeName{font-size:14px;color:#52745e;margin:0 0 12px}.login-card:has(#welcomeName:not([hidden])) #signInButton{display:none}
.account-modal{width:min(390px,calc(100vw - 28px))}.account-form{display:grid;gap:12px;margin:17px 0}.account-form label{display:grid;gap:6px;font-size:12px;color:#627461}.account-form input{width:100%}.password-warning{font-size:11px;color:#a16948;line-height:1.6;margin:0}.account-actions{display:flex;gap:12px;align-items:center;margin-top:18px}.account-actions button{flex:1;font-size:12px}.account-name{font-size:12px;color:var(--muted)}.account-name strong{font-weight:500;color:#435d4a}.protection-setting{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.7;margin:20px 0}.protection-setting input{accent-color:var(--green);width:17px;height:17px;flex:none}.password-settings{border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:#627461}#recoveryCode{resize:none;width:100%;font:14px/1.7 monospace;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#344f3e;box-sizing:border-box}.auth-tabs{flex-wrap:wrap}.auth-tabs button{font-size:12px}
.library-tabs{display:flex;gap:15px;margin:-6px 0 14px}.library-tabs [aria-pressed=true]{color:#294a35;text-decoration:underline;text-underline-offset:5px}.material-entry{min-width:0;display:flex;flex-direction:column;align-items:stretch}.material-entry>.material-item{width:100%;flex:1}.material-manage{align-self:center;font-size:10px;padding-top:8px}.confirm-modal{width:min(360px,calc(100vw - 28px))}.confirm-modal>p:not(.muted){font-size:13px;overflow-wrap:anywhere}.toolbelt #avatarButton{margin-left:auto}.toolbelt #paintButton{margin-left:0}
.avatar-modal{width:min(700px,calc(100vw - 28px))}.avatar-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.avatar-frame-controls{display:flex;gap:8px;align-items:end;font-size:10px;margin-bottom:10px;color:var(--muted)}.avatar-frame-controls label{display:grid;gap:4px;flex:1}.avatar-frame-controls select{padding:5px;border:1px solid var(--line);border-radius:5px;color:inherit;background:#f5f7f0;font-size:11px}.avatar-frame-controls>span{white-space:nowrap;margin-bottom:6px}#skinCanvas{width:100%;height:auto;aspect-ratio:2/3;display:block;touch-action:none;image-rendering:pixelated;border:1px solid #c8d5c0;border-radius:4px}#skinSpectrum{display:block;width:100%;height:90px;touch-action:none;cursor:crosshair;border-radius:4px;margin-bottom:8px}.avatar-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.avatar-copy-actions button{font-size:10px;padding:7px}.avatar-preview{display:flex;gap:16px;align-items:center;justify-content:center;margin:10px 0}.avatar-preview canvas{width:64px;height:96px;image-rendering:pixelated;background:#e4ebdd;border-radius:5px}.avatar-preview label{font-size:11px;color:var(--muted)}.avatar-preview input{accent-color:var(--green)}#skinSave{width:100%;font-size:12px}.avatar-modal .color-picker input{min-width:0}.avatar-modal .color-picker input:not([type=color]){width:100%;font:12px monospace}#skinPalette{margin-bottom:12px}
@media(max-width:760px){.account-form input{font-size:16px}.avatar-layout{grid-template-columns:1fr;gap:18px}.avatar-layout>div{width:100%;max-width:320px;margin:auto}#skinCanvas{width:230px;margin:auto}.avatar-frame-controls{max-width:280px;margin:0 auto 10px}.avatar-layout .paint-actions,.avatar-copy-actions{max-width:280px;margin-left:auto;margin-right:auto}.avatar-preview canvas{width:64px;height:96px}.toolbelt{gap:5px}.toolbelt #avatarButton,.toolbelt #paintButton{padding:9px 7px}.material-grid{max-height:48dvh}}

.editor-bar{gap:7px}.editor-history{display:flex;gap:3px;flex-wrap:wrap}.editor-history button{font-size:10px;padding:7px}.editor-shelf{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px;border-top:1px solid var(--line);font-size:11px}.editor-shelf input{width:170px;padding:8px;font-size:12px}.editor-shelf button{padding:8px;font-size:11px}.editor-shelf #editorCloudStatus{width:100%;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.editor-shelf #editorExit{margin-left:auto}.level-entry{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-8px 0 18px;font-size:12px;padding:12px}.level-entry small{color:var(--muted);font-size:10px}.level-library-actions{display:flex;gap:12px;align-items:center;font-size:12px}.level-library-actions>span{margin-left:auto;color:var(--muted);font-size:10px}.level-list{max-height:55dvh;overflow:auto;margin-top:14px}.level-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.level-row>div{flex:1;min-width:0}.level-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.level-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.level-row button{font-size:11px;flex-shrink:0}.practice-hud #spectateControl{font-size:11px;display:flex;align-items:center;gap:4px}.practice-hud #spectateTarget{max-width:110px}
@media(max-width:600px){.in-editor .arena{height:300px}.editor-tools{flex-wrap:wrap}.editor-tools button{padding:8px 6px}.editor-history button{padding:8px 6px}.editor-shelf{gap:6px}.editor-shelf input{width:100%;font-size:16px}.editor-shelf button{font-size:10px;padding:9px 7px}.editor-shelf #editorExit{margin-left:0}.level-row{gap:8px}.level-row button{padding:8px}.practice-hud #spectateTarget{max-width:90px}}

.editor-tools{flex-wrap:wrap;align-items:center}.editor-tools select{font-size:11px;padding:8px;max-width:158px;background:transparent;border-color:var(--line)}.editor-tools select.active{background:#e3ebda;border-color:#a9bea0}.editor-tools #mechanicsHelpButton{padding:7px 9px;color:var(--muted)}.mechanics-help dl{display:grid;grid-template-columns:88px 1fr;gap:14px 12px;font-size:12px;line-height:1.7}.mechanics-help dt{font-weight:600}.mechanics-help dd{margin:0;color:var(--muted)}.mechanics-help>p{font-size:11px;line-height:1.8}.practice-hud>div:last-child{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:600px){.editor-tools select{font-size:12px;max-width:144px}.practice-hud{gap:6px}.practice-hud select{max-width:102px}.mechanics-help dl{grid-template-columns:76px 1fr;gap:12px 10px}}

#skinCanvas{aspect-ratio:auto;max-height:330px;object-fit:contain;max-width:280px;margin:auto}.avatar-preview{position:sticky;top:0;z-index:1;background:#f9faf5;padding:8px;border-radius:8px}.avatar-preview canvas{width:120px;height:144px}.skin-hint{font-size:10px;line-height:1.7;color:var(--muted)}.avatar-frame-controls #skinSize{font-size:9px}.avatar-copy-actions #skinPair{grid-column:span 2}
@media(max-width:760px){#skinCanvas{width:230px;max-height:280px}.avatar-layout>div:last-child{display:flex;flex-direction:column}.avatar-layout .avatar-preview{order:-2;position:static;margin:0 0 10px}.avatar-layout .skin-hint{order:-1;margin:0 0 12px}.avatar-layout .avatar-preview canvas{width:100px;height:120px}}

.admin-modal{width:min(700px,calc(100vw - 28px))}.admin-search{display:flex;gap:8px;flex-wrap:wrap}.admin-search input{min-width:0;flex:1;font-size:13px}.admin-search button{font-size:11px}.admin-user{padding:14px 0;border-bottom:1px solid var(--line)}.admin-user-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.admin-user-title>span{font-size:11px;color:var(--muted)}.admin-user-title>small{width:100%;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.admin-user-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.admin-user-actions button,.admin-user-actions select{font-size:11px;padding:7px}#adminAudit{font-size:10px;color:var(--muted);line-height:1.8;max-height:200px;overflow:auto}#adminDialog>details{margin-top:16px;font-size:12px}#adminUserCount{font-size:10px}#adminConfirmDialog>label{font-size:12px;display:grid;gap:6px;margin:12px 0}#adminConfirmButton{margin-top:8px}#adminMaterialPreview{display:block;width:128px;height:128px;margin:0 auto 12px;image-rendering:pixelated;background:#e3e9dd}#adminRecoveryCode{width:100%;font:12px monospace;margin-bottom:12px}
@media(max-width:600px){.admin-search input,#adminNote,#adminNickname{font-size:16px}.admin-user-actions{gap:5px}.admin-user-actions button,.admin-user-actions select{font-size:10px;padding:9px 6px}}
.avatar-layout>div:last-child{display:flex;flex-direction:column}.avatar-layout .avatar-preview{order:-2;position:static;margin:0 0 10px}.avatar-layout .skin-hint{order:-1;margin:0 0 12px}
/* Party games share a compact arena and one action button. */
.party-stage{position:absolute;inset:0;z-index:5;background:#edf2e4;display:flex;flex-direction:column;overflow:hidden}.party-top{display:flex;align-items:center;gap:14px;padding:12px 16px;font-size:12px;background:#f7f9f0;border-bottom:1px solid var(--line)}.party-top strong{margin-right:auto}.party-top button{font-size:11px}.party-scores{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px;font-size:11px;min-height:32px}.party-scores span{border-left:4px solid var(--player);padding:3px 8px;background:#fff9;border-radius:4px}#partyWorld{display:block;flex:1;min-height:0;width:100%;outline:none;touch-action:none}.party-overlay{position:absolute;inset:80px 0 32px;z-index:3;display:flex;align-items:center;justify-content:center;background:#21463b44;backdrop-filter:blur(3px);padding:16px}.party-card{background:#fafbf2f5;border:1px solid #d1ddc8;box-shadow:0 15px 50px #1e473b25;border-radius:20px;padding:28px;width:min(400px,100%);text-align:center}.party-card small{font-size:10px;letter-spacing:3px;color:#688778}.party-card h2{font-size:25px;margin:12px 0}.party-card p{font-size:13px;line-height:1.8;color:#526e62}.party-card ol{list-style:none;padding:0;margin:12px 0;font-size:14px;line-height:2}.party-card>strong{display:block;font-size:32px;color:#568a78}.party-card>button{margin-top:14px}.party-pads{position:absolute;inset:auto 18px 38px;display:flex;justify-content:space-between;pointer-events:none}.party-stick,.party-action{pointer-events:auto;touch-action:none}.party-stick{width:100px;height:100px;border:1px solid #fff8;background:#edf6df99;border-radius:50%;display:grid;place-items:center}.party-stick span{width:32px;height:32px;border-radius:50%;background:#adc8a599;border:1px solid #8caf80}.party-action{align-self:end;width:78px;height:78px;border-radius:50%;background:#f9f4d6dd;color:#355c4c;border:2px solid #fffc;font-size:14px}.party-hint{margin:0;padding:8px;text-align:center;font-size:10px;color:#6e8174}.party-choices{position:absolute;bottom:52px;left:0;right:0;display:flex;justify-content:center;gap:12px}.party-choices button{min-width:140px;padding:15px}.in-party .arena{height:clamp(460px,calc(100dvh - 150px),760px)}.in-party #saveState,.in-party #coordinates,.in-party .world-footer{display:none}@media(hover:hover) and (pointer:fine){.party-pads{opacity:.75}.party-stick{width:80px;height:80px}.party-action{width:66px;height:66px}}@media(max-width:600px){.party-top{gap:9px;padding:10px;font-size:11px}.party-scores{gap:5px;font-size:9px}.party-scores span{padding:3px 5px}.party-overlay{inset:88px 0 28px}.party-card{padding:22px 18px}.party-card h2{font-size:23px}.party-card p{font-size:12px}.party-choices button{min-width:130px}.in-party .arena{height:calc(100dvh - 120px);min-height:480px;max-height:780px}.party-hint{font-size:9px}}
.party-personal{min-height:24px;padding:4px 10px;text-align:center;background:#f8f1d6;border-top:1px solid #ede5c6;font-size:12px;color:#4c6654;font-weight:600}.party-scores span{overflow-wrap:anywhere}.party-mode-label{display:grid;gap:5px;font-size:11px;color:var(--muted);margin:10px 0}.party-mode-label select,#createPartyMode{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:9px;background:#f7f9ef;color:var(--green);max-width:100%}.create-space #createPartyMode{flex-basis:100%;width:100%}#partyRanking li{display:grid;gap:3px;padding:7px 0;line-height:1.5}#partyRanking strong{font-size:14px}#partyRanking small{font-size:11px;font-weight:400;color:var(--muted)}.party-voting{border-top:1px solid var(--line);padding-top:8px;margin-top:12px}.party-voting p{margin:2px 0 9px}#partyVoteButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}#partyVoteButtons button{font-size:10px;padding:8px}#partyVoteButtons button[aria-pressed=true]{background:#d9e9c8;border-color:#86a478}.party-voting>small{display:block;font-size:10px;line-height:1.6;letter-spacing:0;margin-top:9px}.party-overlay{overflow:auto}.party-card{max-height:100%;overflow:auto}.party-top #partySound{white-space:nowrap}@media(max-width:600px){.party-personal{font-size:10px}.party-top{gap:6px;font-size:10px;padding:8px}.party-top button{font-size:10px}.party-overlay{inset:112px 0 28px}.party-card{padding:18px 14px}.party-card h2{font-size:21px}.party-scores{font-size:9px}.party-mode-label select,#createPartyMode{font-size:16px}}
#partyRanking small{letter-spacing:0}
.party-extra-controls{position:absolute;left:12px;right:12px;bottom:38px;max-width:720px;margin:auto;padding:10px;border:1px solid #cedac4;background:#f9fbefed;border-radius:12px;z-index:2;text-align:center}.party-extra-controls.moving{bottom:147px;max-width:630px}.party-extra-controls p{font-size:12px;margin:0 0 8px;color:#3d6555;line-height:1.6}.party-extra-controls label{display:block;font-size:11px;margin-bottom:7px}.party-extra-controls select{font-size:12px;border:1px solid var(--line);padding:5px;border-radius:5px;background:#fff}#partyExtraButtons{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}#partyExtraButtons button{font-size:12px;min-width:92px}#partyExtraButtons button[aria-pressed=true]{background:#d5e6b9;border-color:#799a63}.party-voting #partyVoteButtons{max-height:170px;overflow:auto}@media(max-width:600px){.party-extra-controls{left:7px;right:7px;padding:8px}.party-extra-controls p{font-size:10px}.party-extra-controls select{font-size:16px}#partyExtraButtons{gap:5px}#partyExtraButtons button{min-width:70px;padding:9px 7px;font-size:11px}.party-extra-controls.moving{bottom:137px}.party-voting #partyVoteButtons{max-height:155px}}
/* Relay pages stay in normal flow inside the arena and scroll on small screens. */
.relay-stage{position:absolute;inset:0;z-index:5;background:#f5f7ef;overflow:auto;overscroll-behavior:contain}.relay-stage header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafcf6;position:sticky;top:0;z-index:2;font-size:12px}.relay-stage header strong{margin-right:auto}.relay-body{padding:12px 18px 24px;max-width:760px;margin:auto}.relay-body>p{font-size:14px;line-height:1.6;margin:0 0 12px}.relay-previous{max-height:230px;overflow:auto;margin-bottom:12px;background:#e8efdf;border-radius:10px;padding:12px}.relay-stage article{margin-bottom:12px;overflow-wrap:anywhere}.relay-stage article small{color:#708165;font-size:11px}.relay-stage article p{white-space:pre-wrap;line-height:1.8;margin:8px 0}.relay-stage article canvas{display:block;width:100%;max-width:640px;height:auto;margin:8px auto;background:white;border-radius:8px}.relay-stage textarea{width:100%;min-height:170px;padding:14px;font-family:inherit;font-size:16px;line-height:1.8;resize:vertical;border:1px solid #cbd7c2;border-radius:10px;box-sizing:border-box;background:white;color:inherit}.relay-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.relay-tools button,.relay-tools select{font-size:12px}.relay-tools input[type=color]{width:42px;height:36px;padding:2px}.relay-tools [aria-pressed=true]{background:#d1e4c6}.relay-palette{display:flex;gap:4px;flex-wrap:wrap}.relay-palette button{width:23px;height:23px;padding:0;border:1px solid #0002;border-radius:4px}.relay-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.relay-submit span{font-size:12px;color:#738369}.relay-stage #relayCanvas{display:block;width:100%;height:auto;background:white;border:1px solid #ccd9c3;border-radius:8px;touch-action:none}.relay-stage .locked canvas{pointer-events:none;opacity:.8}.relay-stage .locked .relay-tools{opacity:.6}.relay-stage #relayBook{max-width:100%}.mural-modal #importPreview{display:block;max-width:100%;max-height:280px;width:auto;min-width:128px;margin:18px auto;image-rendering:pixelated;background:repeating-conic-gradient(#ddd 0 25%,white 0 50%) 0/16px 16px;border:1px solid #cbd4c2}.mural-settings{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.mural-settings label{display:grid;gap:6px;font-size:12px}.mural-settings input{width:70px}.mural-settings select{padding:8px}.mural-placement{position:absolute;z-index:6;bottom:14px;left:12px;right:12px;display:flex;justify-content:center;align-items:center;gap:8px;background:#f8fbf0ed;border:1px solid #cedac5;border-radius:10px;padding:10px;font-size:12px}.mural-placement span{max-width:55%;overflow-wrap:anywhere}.mural-placement button{font-size:12px;white-space:nowrap}@media(max-width:600px){.relay-stage header{gap:8px;padding:9px;font-size:11px}.relay-body{padding:12px}.relay-previous{max-height:180px}.relay-stage textarea{min-height:150px}.relay-tools{gap:6px}.relay-tools button{padding:8px}.relay-palette button{width:24px;height:24px}.mural-placement{left:6px;right:6px;font-size:11px;padding:8px}.mural-placement button{padding:8px}.relay-submit{align-items:flex-start}}

#minimap{pointer-events:auto;cursor:pointer}.player-map-modal{width:min(1000px,calc(100vw - 24px))}.player-map-modal canvas{display:block;width:100%;height:auto;border-radius:9px}.map-player-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;max-height:150px;overflow:auto;font-size:12px}.map-player-list span{border-left:4px solid;padding:4px 8px;background:#eef3e7}.chat-scope{display:flex;gap:12px;padding:3px 12px;border-bottom:1px solid var(--line)}.chat-scope [aria-pressed=true]{font-weight:650;color:#315d44;border-bottom:2px solid #668a5b}

.lobby-modes{display:flex;align-items:center;gap:10px;padding:7px 14px;border-top:1px solid #dce3d8;background:#f7f9f2}.lobby-modes button{font-size:12px;padding:5px 12px;border:1px solid #c8d3c5;border-radius:20px;background:#fff;color:#415448}.lobby-modes button[aria-pressed=true]{background:#355e53;color:#fff}.lobby-modes output{font-size:11px;color:#637465}@media(max-width:600px){.lobby-modes{padding:6px 10px}}
.city-stage{position:absolute;inset:0;background:#263541;color:#eee8d5;font-size:12px}.city-stage button{background:#203848e8;border:1px solid #56707c;color:#f1e9cf;font-size:11px;padding:7px 10px}.city-top{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.city-top strong{font-size:16px;letter-spacing:2px}.city-top small{margin-left:8px;font-size:10px;color:#9bbdc3}.city-menus{display:flex;gap:5px;pointer-events:auto}.city-vitals{position:absolute;left:12px;top:52px;max-width:calc(100% - 150px);display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#122534e6;border:1px solid #506573;border-radius:9px;padding:8px 10px}.city-vitals strong{font-size:22px;color:#f4d186}.city-vitals span{font-size:11px;color:#bed4d1}.city-vitals #cityWanted{color:#f1ac89}.city-event{position:absolute;left:12px;top:123px;font-size:11px;background:#213c4be8;border-radius:5px;padding:6px 10px;max-width:calc(100% - 24px)}.city-event[data-active=true]{background:#7b403aeb;color:#ffe2ac}#cityMiniMap{position:absolute;right:12px;top:52px;width:120px;height:90px;opacity:.9;border:1px solid #829a9f;border-radius:5px;pointer-events:none}#cityWorld{width:100%;height:100%;display:block;outline:none;touch-action:none;image-rendering:pixelated;cursor:crosshair}.city-bottom{position:absolute;bottom:10px;left:120px;right:120px;display:flex;gap:4px;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.city-bottom span,.city-bottom small{background:#142b3bd9;border-radius:5px;padding:5px 9px;font-size:11px}.city-bottom small:empty{display:none}.city-pads{position:absolute;left:20px;right:20px;bottom:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.city-pad{width:80px;height:80px;border-radius:50%;background:#afc9c347;border:1px solid #c7e7e28c;display:grid;place-items:center;touch-action:none;pointer-events:auto;position:relative}.city-pad span{width:31px;height:31px;border-radius:50%;background:#a6c9b8bb;pointer-events:none}.city-pad small{position:absolute;bottom:5px;font-size:10px;pointer-events:none}.city-pads button{width:46px;height:46px;border-radius:50%;pointer-events:auto;touch-action:none;margin-left:auto;margin-right:15px;background:#5c705cdd}.city-respawn{position:absolute;inset:0;background:#142636b8;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;gap:12px;z-index:5}.city-respawn strong{font-size:26px;color:#efcf93}.city-panel{max-width:640px;width:calc(100% - 26px);background:#f5f5ee}.city-panel p{font-size:12px;line-height:1.8;color:#53675e}.city-row{display:flex;gap:7px;align-items:center;padding:11px 0;border-bottom:1px solid #d4ddd0}.city-row>div{flex:1;min-width:0}.city-row strong,.city-row small{display:block;font-size:12px}.city-row small{font-size:10px;color:#718074;margin-top:5px}.city-row button{font-size:11px;padding:7px 9px;flex-shrink:0}.city-large-map{width:100%;height:auto;max-height:65dvh;object-fit:contain}.city-trade{display:flex;gap:6px;margin:8px 0}.city-trade select{min-width:0;max-width:38%}.city-trade input{width:80px}.city-trade button{font-size:11px}.city-panel h3{font-size:14px}.in-party #lobbyModes{display:none}@media(max-width:600px){.city-top{left:8px;right:8px;top:8px;align-items:flex-start}.city-top strong{font-size:12px;letter-spacing:0}.city-top small{display:block;margin:3px 0}.city-menus{gap:3px}.city-stage .city-menus button{padding:6px;font-size:10px}.city-vitals{left:8px;top:59px;max-width:calc(100% - 107px);gap:5px;padding:6px}.city-vitals strong{font-size:18px}.city-vitals span{font-size:10px}#cityMiniMap{right:8px;top:59px;width:88px;height:66px}.city-event{left:8px;top:146px;max-width:calc(100% - 16px);font-size:10px}.city-bottom{left:100px;right:100px;bottom:12px}.city-bottom span,.city-bottom small{font-size:9px;padding:4px}.city-pads{left:14px;right:14px;bottom:24px}.city-pad{width:74px;height:74px}.city-pads button{margin-right:9px;width:40px;height:40px}.city-row{flex-wrap:wrap}.city-row>div{flex-basis:100%}}

.relay-page-slot{min-height:100px;padding:16px 0 20px;border-bottom:1px solid #dce2d7;overflow-anchor:none}.relay-page-slot.drawing-slot{min-height:0;aspect-ratio:640/480}.relay-page-slot.drawing-slot[data-loaded=true]{aspect-ratio:auto}.relay-page-heading{margin:0 0 9px;font-size:12px;color:#6a8068}.relay-page-slot article{margin:0}.relay-page-slot[aria-busy=true]{color:#7b8873;font-size:12px}

.paint-modal .paint-actions{flex-wrap:wrap}.paint-modal .paint-actions button{flex:1 0 auto;white-space:nowrap;padding:8px}