@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:block}:root{font-family:Pixelify Sans,monospace;color:#fff0ff;background:#140d22;font-synthesis:none;--ink: #171021;--panel: rgba(18, 10, 35, .76);--edge: #9a62ce;--glow: #ef59d4;--warm: #ffb16d}*{box-sizing:border-box}body{margin:0;min-width:640px}body,button,input,select,textarea,dialog{font-family:Pixelify Sans,monospace}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffe080;outline-offset:2px}.brand-badge{position:absolute;z-index:9;top:13px;left:18px;display:flex;align-items:center;gap:10px;padding:5px 9px 5px 5px;background:#190c2ca6;border:2px solid #955dba;box-shadow:3px 3px #140a22aa;pointer-events:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#ae4ec4;color:#fff1a6;border:3px solid #f9a6e6;box-shadow:3px 3px #452359;font-size:33px;line-height:1}.brand-mark img{display:block;width:100%;height:100%;image-rendering:pixelated}.brand-badge strong{display:block;color:#fff1ff;font-size:17px;line-height:1;letter-spacing:.04em}.brand-badge small{display:block;margin-top:3px;color:#d7a7e9;font-size:9px;letter-spacing:.16em}.status{display:inline-flex;align-items:center;gap:8px}.brand-badge .status{margin-top:4px;color:#d9b8e6;font-size:10px}.status i{display:block;width:8px;height:8px;background:#ffbb72;box-shadow:2px 2px #694151}.status.connected i{background:#8fecbb;box-shadow:2px 2px #397c65}.online{padding:5px 9px;border:2px solid #62447a;color:#f4d8ff}.layout{position:relative;height:100vh;min-height:460px;overflow:hidden}.world-panel{position:absolute;inset:0;overflow:hidden;background:#492582}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated}.mobile-controls,.rotate-hint{display:none}.world-top{position:absolute;z-index:2;top:84px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.location-pill,.mode-pill,.world-bottom{padding:6px 10px;color:#ffe9ff;font-size:12px;background:#140927c2;border:2px solid #d060dd;box-shadow:3px 3px #2510369c;text-shadow:1px 1px #1b0e2e}.mode-pill{position:absolute;z-index:3;bottom:59px;left:50%;color:#fff3c0;border-color:#ffb273;white-space:nowrap;max-width:min(80vw,560px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transform:translate(-50%,10px) scale(.94);transition:opacity .2s steps(5,end),transform .2s steps(5,end)}.mode-pill.show{opacity:1;transform:translate(-50%) scale(1)}.world-bottom{position:absolute;z-index:2;bottom:14px;left:50%;transform:translate(-50%);white-space:nowrap;border-color:#925eb2;pointer-events:none}.world-bottom span{color:#ffaf70;padding:0 5px}.toast{position:absolute;z-index:20;top:74px;left:50%;transform:translate(-50%,-8px);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;padding:9px 13px;background:#25133c;border:2px solid #fba4dc;color:#fff2d5;box-shadow:4px 4px #1b0d2f;font-size:13px;text-align:center;max-width:80%}.toast.show{opacity:1;transform:translate(-50%)}.social-notice{position:absolute;z-index:25;left:50%;bottom:55px;transform:translate(-50%);width:min(440px,calc(100vw - 22px));padding:11px 13px;background:#27143def;border:3px solid #e98cdb;box-shadow:5px 5px #12091d;color:#fff0da}.social-notice p{margin:0 0 9px;font-size:15px}.social-notice-actions,.notice-row-actions{display:flex;gap:7px}.social-notice button{flex:1;padding:6px 12px;color:#fff0d6;background:#69408a;border:2px solid #c788df}.social-notice button:first-child{color:#2a1532;background:#ffbd82;border-color:#ffdf9c}.hud-panel{position:absolute;z-index:8;width:292px;color:#f8eaff;background:var(--panel);border:2px solid var(--edge);box-shadow:5px 5px #0e051da6,inset 0 0 0 2px #f1b1ff21;display:flex;flex-direction:column;min-height:0}.chat-panel{left:18px;bottom:20px;height:min(340px,calc(100% - 103px))}.chat-panel{left:74px}.icon-rail{position:absolute;z-index:9;left:16px;bottom:20px;display:flex;flex-direction:column;gap:8px}.icon-rail button{width:42px;height:42px;color:#fff0ba;background:#220f3cd9;border:2px solid #b977da;box-shadow:3px 3px #13091f;font-size:23px;line-height:1}.icon-rail button:hover{color:#fff;background:#773e9d}.icon-rail svg{width:24px;height:24px;fill:currentColor;shape-rendering:crispEdges}.interact-prompt{position:absolute;z-index:8;left:50%;bottom:58px;transform:translate(-50%);padding:7px 12px;border:2px solid #ffc188;background:#241133df;color:#ffeac1;font-size:14px;pointer-events:none}[hidden]{display:none!important}.world-transition{position:fixed;inset:0;width:100vw;height:100vh;z-index:1000;image-rendering:pixelated;pointer-events:auto}.creations-panel{top:18px;right:18px;bottom:20px}.hud-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:2px solid #8156a0;background:#5d278491;flex:none}.hud-heading small,.eyebrow{color:#e6a3f3;font-size:10px;letter-spacing:.14em}.hud-heading h2{font-size:20px;margin:0;line-height:1.1}.collapse-button,.icon-button{width:30px;height:29px;padding:0;display:grid;place-items:center;flex:none;color:#fff3bf;background:#42245e;border:2px solid #d38fea;box-shadow:2px 2px #20102f;font-size:19px;line-height:1}.collapse-button:hover,.icon-button:hover{background:#71399b}.hud-panel.collapsed{height:auto;bottom:auto}.chat-panel.collapsed{bottom:20px;top:auto}.hud-panel.collapsed .panel-body{display:none}.hud-panel.collapsed .hud-heading{border-bottom:0}.hud-panel.collapsed .hud-heading{cursor:grab;touch-action:none}.hud-panel.collapsed.dragging .hud-heading{cursor:grabbing}.panel-body{min-height:0;display:flex;flex-direction:column;flex:1}.chat-list{min-height:0;flex:1;overflow:auto;padding:9px 12px;scrollbar-color:#ab71ce #26163b}.chat-message{padding:6px 0;border-bottom:1px dashed #8658a6;font-size:13px;line-height:1.22;overflow-wrap:anywhere}.chat-author{border:0;background:none;color:#ffb877;margin:0 5px 0 0;padding:0;font-size:inherit;text-decoration:underline;text-decoration-color:#ffb87780}.chat-author:hover{color:#ffe0a0}.chat-message span{color:#ffe7ff}.chat-empty{color:#d3aedd;font-size:13px;line-height:1.3}.chat-form{display:flex;margin:8px;background:#1a1029;border:2px solid #8a5caf;flex:none}.chat-form input{width:100%;min-width:0;padding:8px 7px;color:#fff;background:transparent;border:0;outline:0;font-size:12px}.chat-form input::placeholder{color:#ad8bbd}.chat-form button{min-width:31px;padding:0;color:#fff6c8;background:#8243a8;border:0;border-left:2px solid #bd87d6;font-size:19px}.creations-body{padding:10px 10px 8px;gap:9px}.tray-help{margin:0;color:#ead0f0;font-size:12px;line-height:1.22}.primary-button{padding:8px 13px;color:#271226;background:#ffb16d;border:2px solid #ffdf8e;box-shadow:3px 3px #8e3d58;font-weight:700;font-size:14px;text-align:center}.primary-button:hover{background:#ffca82}.primary-button:active{transform:translate(2px,2px);box-shadow:1px 1px #8e3d58}.draw-button{width:100%}.mode-row{display:flex;gap:7px}.mode-button{flex:1;min-width:0;color:#e6c8ef;padding:7px 4px;background:#2d1644e6;border:2px solid #80559f;font-size:12px}.mode-button.active{color:#fff7c2;border-color:#ffbb79;background:#743995}.item-list{min-height:0;flex:1;overflow:auto;display:grid;align-content:start;gap:7px;scrollbar-color:#ab71ce #26163b}.item-card{display:flex;align-items:center;gap:9px;padding:6px;width:100%;color:#fff0ff;text-align:left;background:#391f53eb;border:2px solid #80549d}.item-card:hover,.item-card.active{border-color:#ffbf7b;background:#6c3882f5}.item-card canvas{width:48px;height:48px;image-rendering:pixelated;background:repeating-conic-gradient(#4f3c63 0 25%,#322447 0 50%) 50%/12px 12px;flex:none}.item-card strong{display:block;font-size:13px;line-height:1.1;overflow-wrap:anywhere}.item-card small{display:block;margin-top:3px;color:#d6acd9;font-size:11px}.item-card .creation-id{color:#aa8dbb;font-size:9px;overflow-wrap:anywhere}.creation-menu{position:fixed;z-index:60;min-width:144px;padding:4px;background:#211331;border:2px solid #d182e0;box-shadow:4px 4px #11081d}.creation-menu button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;background:transparent;color:#fff0d8;font-size:13px}.creation-menu button:hover:not(:disabled){background:#683883}.empty-items{padding:28px 10px;border:2px dashed #8759aa;color:#d7afe7;text-align:center;font-size:13px}.tray-footnote{border-top:2px dashed #7e509e;padding-top:7px;color:#d8b7e5;font-size:10px}.overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;overflow:auto;padding:18px;background:#1a0c2e;background-image:linear-gradient(180deg,#321672,#a336af 62%,#ff824e)}.overlay.hidden{display:none}.login-card,.welcome-dialog,.editor-dialog,.hub-dialog{color:#fff0ff;background:#241334;border:3px solid #d080e5;box-shadow:8px 8px #10081fbf,inset 0 0 0 3px #583074}.item-info-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:18px;color:#fff0ff;background:#241334;border:3px solid #d080e5;box-shadow:8px 8px #10081fbf,inset 0 0 0 3px #583074;animation:hubOpen .25s steps(12,end) both}.item-info-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:2px solid #82539d;padding-bottom:9px}.item-info-head h2{margin:4px 0 0;color:#ffbd82;font-size:24px;overflow-wrap:anywhere}.item-info-content{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding-top:16px}.item-info-preview{min-height:145px;display:grid;place-items:center;border:2px solid #8656a8;background:repeating-conic-gradient(#4f3c63 0 25%,#322447 0 50%) 50%/16px 16px}.item-info-preview canvas{image-rendering:pixelated}.item-info-details{display:grid;gap:10px;align-content:start;min-width:0}.item-info-details small{display:block;color:#d7afd9;font-size:10px;margin-bottom:3px}.item-info-details span{display:block;overflow-wrap:anywhere;font-size:13px}.item-info-actions{grid-column:1 / -1}.item-info-actions button{width:100%;padding:8px;color:#fff4d3;background:#693889;border:2px solid #d080e5}@media(max-width:480px){.item-info-content{grid-template-columns:1fr}.item-info-actions{grid-column:1}}.login-card{width:min(440px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:22px 26px;text-align:center}.login-star{display:block;width:58px;height:58px;margin:0 auto;border:3px solid #ffc488;image-rendering:pixelated;box-shadow:3px 3px #150a24}.login-card h1{margin:8px 0;font-size:39px;line-height:.9}.login-card h1 em{color:#ffc07d;font-style:normal}.login-card p{font-size:14px;line-height:1.2;color:#e3b4ea}.login-card form{text-align:left;margin-top:12px}.login-card form[hidden]{display:none}.auth-tabs{display:flex;gap:7px;margin-top:15px}.auth-tabs button,.guest-button{flex:1;padding:8px;color:#ead2f2;background:#35204c;border:2px solid #8155a0}.auth-tabs button[aria-selected=true]{color:#ffe6b8;border-color:#ffc486;background:#63357a}.auth-divider{color:#cf9cda;margin:15px 0 10px;font-size:11px}.google-sign-in{min-height:42px;display:flex;justify-content:center;align-items:center}.google-sign-in button{width:min(320px,100%);padding:9px;color:#fff0dc;background:#332247;border:2px solid #a477bb}.google-setup-note{margin:0 0 9px!important;font-size:11px!important}.guest-button{width:100%;margin-top:11px;color:#fff0cf}.guest-button:hover,.auth-tabs button:hover{background:#673986}.login-card label,.editor-tools label{display:block;margin-bottom:5px;color:#f0d7f5;font-size:12px}.login-card input,.editor-tools input,.editor-tools select{width:100%;padding:9px;color:#fff0ff;background:#140b23;border:2px solid #8054a0;outline:0;font-size:13px}.login-card label+input+label{margin-top:9px}.login-card input::placeholder,.editor-tools input::placeholder{color:#9e75b0}.login-card .primary-button{width:100%;display:flex;justify-content:space-between;margin-top:14px}.login-card small{display:block;margin-top:13px;color:#d3a6df;font-size:10px}.form-error{color:#ffac9c;min-height:15px;margin-top:7px;font-size:12px}dialog::backdrop{background:#0b0518c7}.welcome-dialog{width:min(540px,calc(100vw - 36px));padding:0}.welcome-content{padding:26px}.welcome-content h2{margin:8px 0;color:#ffc180;font-size:30px}.welcome-content p{color:#eccbf3;font-size:13px;line-height:1.2}.welcome-steps{display:grid;gap:7px;margin:19px 0}.welcome-steps div{border:2px solid #8b5aa8;background:#35204c;padding:10px}.welcome-steps b{display:block;color:#ffbb7d;font-size:15px}.welcome-steps span{display:block;margin-top:3px;color:#ead5f1;font-size:12px;line-height:1.2}.welcome-content .primary-button{width:100%}.hub-dialog{width:min(830px,calc(100vw - 30px));max-height:min(700px,calc(100vh - 32px));padding:0;animation:hubOpen .25s steps(12,end) both}.hub-shell{position:relative;padding:17px}#backpackMenu{position:absolute;z-index:70}.hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:2px solid #82539d;padding-bottom:10px}.hub-header h2{font-size:29px;margin:2px 0 0;color:#ffbd82}.hub-subtitle{display:block;color:#c9a6d6;font-size:11px;overflow-wrap:anywhere}.hub-header-actions{display:flex;align-items:flex-start;gap:14px}.hub-header-actions span{margin-top:5px;white-space:nowrap;font-size:13px}.profile-online{color:#a4f6bd}.profile-offline{color:#bd9fbf}.hub-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.hub-tabs .mode-button{flex:none;min-width:92px}.hub-content{max-height:min(555px,calc(100vh - 145px));overflow:auto;padding:8px 2px 5px;scrollbar-color:#b46bd0 #241334}.hub-dialog[open] .hub-content{animation:typeReveal .25s steps(24,end) both}.hub-content h3{color:#ffc388;margin:8px 0;font-size:19px}.hub-content p{margin:5px 0 12px}.hub-content button,.map-controls button{padding:6px 10px;border:2px solid #b67acd;background:#533072;color:#fff4d3;font-size:13px}.hub-content button:hover{background:#8244a4}.hub-content input,.hub-content select,.hub-content textarea{color:#fff0ff;background:#180d28;border:2px solid #8656a8;padding:7px;font-size:14px}.hub-content textarea{min-height:80px;resize:vertical}.hub-list{display:grid;gap:7px;margin:9px 0 17px}.hub-row{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:47px;padding:7px 9px;background:#35204f;border:2px solid #735193}.hub-row b,.hub-row small{display:block}.hub-row small{color:#d7afd9;margin-top:3px}.hub-row button{flex:none}.hub-form{display:grid;gap:8px;margin:8px 0 16px}.hub-form label{color:#ffca8c;font-size:14px}.hub-form .check-row{display:flex;align-items:center;gap:9px}.hub-form input[type=range]{width:100%;accent-color:#f1a1e2}.hub-note{color:#d8bce0;font-size:13px}.identity-button{background:transparent!important;border:0!important;text-align:left;flex:1}.avatar-row canvas{image-rendering:pixelated;flex:none;background:#190c2e}.avatar-row>div{flex:1}.backpack-avatar-list .avatar-row,.backpack-block-wrap{cursor:grab}.backpack-avatar-list .avatar-row:active,.backpack-block-wrap:active{cursor:grabbing}.backpack-avatar-list .dragging,.backpack-block-wrap.dragging{opacity:.45}.backpack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;margin:9px 0 17px}.backpack-block-wrap{display:flex;flex-direction:column;min-width:0}.backpack-block-card{display:grid;justify-items:center;gap:7px;min-height:103px;padding:9px 5px;background:#35204f;border:2px solid #735193;color:#fff0d8;text-align:center;overflow-wrap:anywhere}.backpack-block-card canvas{image-rendering:pixelated;background:repeating-conic-gradient(#574368 0 25%,#392749 0 50%) 50%/12px 12px}.touch-reorder{display:none}.profile-main{display:grid;grid-template-columns:108px minmax(0,1fr) 196px;gap:11px;min-height:190px}.profile-avatar-box,.profile-story,.profile-world,.profile-highlights{border:2px solid #8256a1;background:#312047;padding:9px}.profile-avatar-box{display:grid;place-items:center;background:repeating-conic-gradient(#654b78 0 25%,#4c385f 0 50%) 50%/16px 16px}.profile-avatar-box canvas{width:88px;height:144px;image-rendering:pixelated;object-fit:contain}.profile-story label,.profile-world small{display:block;color:#ffbf87;font-size:12px;margin-bottom:5px}.profile-story input,.profile-story textarea{width:100%;margin-bottom:9px}.profile-story textarea{height:94px;min-height:94px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;min-height:105px}.profile-world{display:flex;flex-direction:column;gap:5px}.profile-world canvas{width:100%;height:auto;aspect-ratio:3 / 2;image-rendering:pixelated;border:2px solid #a26fb9}.profile-world b{font-size:13px;overflow-wrap:anywhere}.profile-highlights{margin-top:10px;min-height:126px}.profile-highlights h3{margin:0 0 8px}.profile-highlight-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;font-size:12px}.profile-highlight-card{display:grid;justify-items:center;gap:3px;min-width:0;padding:6px 2px;background:#43285c;border:2px solid #775393;text-align:center}.profile-highlight-card canvas{width:48px!important;height:64px!important;image-rendering:pixelated;background:repeating-conic-gradient(#654b78 0 25%,#4c385f 0 50%) 50%/12px 12px}.profile-highlight-card b{overflow-wrap:anywhere}.profile-highlight-card small{color:#ffcc8d}.profile-actions{display:flex;gap:7px;margin-top:10px}.profile-actions button{flex:1}.profile-actions button:disabled{opacity:.38}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;border:2px solid #744794;padding:11px;min-height:65px}.map-info h3{margin-bottom:1px}.map-info p{color:#e1bee9}.map-controls{display:flex;justify-content:flex-end;gap:7px;margin:5px 0}.island-danger{margin-top:22px;padding:12px;border:2px solid #ad547b;background:#4518358c}.island-danger h3{margin:0 0 5px;color:#ffd6cd}.island-danger p{margin:0 0 10px;color:#f0c6d7;font-size:12px}.island-danger button{padding:7px 12px;color:#fff1de;background:#873e5f;border:2px solid #ef9ba8}.island-danger button:hover{background:#ab4c6a}#mapCanvas{display:block;width:100%;height:auto;aspect-ratio:2;image-rendering:pixelated;border:2px solid #b26cbb;cursor:grab;touch-action:none}#mapCanvas:active{cursor:grabbing}.type-reveal{animation:typeReveal .25s steps(24,end) both}@keyframes hubOpen{0%{opacity:0;transform:translateY(13px) scale(.95)}to{opacity:1;transform:none}}@keyframes typeReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.hub-dialog,.item-info-dialog,.hub-dialog[open] .hub-content,.type-reveal{animation:none}.mode-pill{transition:none}}.editor-dialog{width:min(780px,calc(100vw - 36px));max-height:calc(100vh - 35px);padding:0}.editor-content{padding:18px}.editor-header{display:flex;justify-content:space-between;align-items:start}.editor-header h2{margin:4px 0 0;font-size:26px}.editor-description{margin:7px 0 14px;color:#e5c9ef;font-size:12px}.editor-main{display:grid;grid-template-columns:minmax(260px,1fr) 210px;gap:17px}.avatar-editor{width:min(930px,calc(100vw - 36px))}.avatar-editor .editor-main{grid-template-columns:105px minmax(210px,1fr) 200px}.animation-sets{display:flex;flex-direction:column;gap:6px}.animation-sets button{flex:none;text-align:left}.canvas-column{min-width:0}.canvas-workarea{display:flex;align-items:flex-start;gap:8px}.frame-nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:8px;color:#ffce9b}.frame-nav button{background:#5d347e;color:#fff0d6;border:2px solid #b779d4;min-width:34px}.canvas-wrap{flex:1;min-width:0;max-width:490px;padding:7px;background:#120b1e;border:2px solid #9b67bd}.canvas-wrap canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair}.workshop-tools{display:flex;flex-direction:column;gap:6px;flex:none}.workshop-tools button{display:grid;place-items:center;width:40px;height:40px;padding:5px;color:#efc9fb;background:#37204f;border:2px solid #8d5baa;box-shadow:2px 2px #160c23}.workshop-tools button:hover{background:#623282}.workshop-tools button[aria-pressed=true]{color:#fff2b6;background:#794399;border-color:#ffbd80;box-shadow:2px 2px #8f3f62,inset 0 0 0 1px #ffc98c}.workshop-tools svg{width:22px;height:22px;fill:currentColor;shape-rendering:crispEdges}.tool-label{display:block;margin:0 0 8px;color:#ffbe7f;font-size:11px;letter-spacing:.12em}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:7px}.edit-palette-color{width:100%;min-height:34px;margin:0 0 16px;padding:5px;color:#fff0c6;background:#563474;border:2px solid #b77acb;font-size:10px;cursor:pointer}.edit-palette-color:hover{background:#764492;border-color:#ffd28d}.edit-palette-color:disabled{opacity:.5;cursor:not-allowed}.color-swatch{height:32px;background:var(--swatch);border:2px solid #8a60a4;touch-action:manipulation}.color-swatch.active{border-color:#fff4aa;outline:2px solid #e976d8}.color-swatch.clear-swatch{background:repeating-conic-gradient(#5b476b 0 25%,#342643 0 50%) 50%/12px 12px;color:#fff}.color-swatch:not(.clear-swatch){background:linear-gradient(var(--swatch),var(--swatch)),repeating-conic-gradient(#675777 0 25%,#372a47 0 50%) 50%/10px 10px}.color-picker-dialog{width:min(430px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:14px;overflow:auto;background:#241431;border:3px solid #ad6bc6;box-shadow:inset 0 0 0 2px #5b3372,6px 6px #130a20;color:#f8e6ff}.color-picker-dialog::backdrop{background:#0c0516a6}.color-picker-header,.color-picker-controls,.color-picker-preview,.color-picker-slider-label{display:flex;align-items:center}.color-picker-header{justify-content:space-between}.color-picker-header h2{margin:2px 0 0;font-size:21px;color:#fff2c6}.color-picker-controls{gap:10px;margin:11px 0 3px;color:#dbb3e5;font-size:11px}.color-picker-bulb{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;color:#fff1b4;background:#7d467e;border:2px solid #f7c47c;box-shadow:2px 2px #150b21;font-size:22px;cursor:pointer}.color-picker-bulb[aria-pressed=false]{color:#aa8bb6;background:#2c1a3e;border-color:#755087}.color-picker-bulb svg{width:25px;height:25px;fill:currentColor;shape-rendering:crispEdges}.color-picker-wheel{position:relative;width:min(340px,100%);height:min(300px,80vw);margin:auto;touch-action:manipulation}.color-picker-hex{position:absolute;padding:0;transform:translate(-50%,-50%);border:0;background:var(--hex-color);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:pointer;touch-action:manipulation}.color-picker-hex:hover,.color-picker-hex:focus-visible{z-index:1;filter:brightness(1.22) drop-shadow(0 0 3px #fff4bd);outline:none}.color-picker-preview{gap:8px;margin:6px 0 12px;padding-top:10px;border-top:1px dashed #795394;color:#fff2c8;font-size:12px}.color-picker-chip{width:28px;height:28px;border:2px solid #ffefc6;background:linear-gradient(var(--chip),var(--chip)),repeating-conic-gradient(#675777 0 25%,#372a47 0 50%) 50%/8px 8px}.color-picker-slider-label{justify-content:space-between;color:#ffcc91;font-size:11px}.color-picker-slider{display:block;width:100%;height:34px;margin:5px 0 0;accent-color:#e696ce;touch-action:pan-x}.color-picker-hint{margin:5px 0 0;color:#c9a8d5;font-size:10px;line-height:1.4}.editor-tools input{margin-bottom:11px}.editor-tools select{margin-bottom:10px;font-size:11px}.editor-tools .property-check{display:flex;align-items:center;gap:8px;margin:8px 0 14px;cursor:pointer}.editor-tools .property-check input{width:18px;height:18px;margin:0;accent-color:#e69ecf}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:5px 0 13px}.preset-button,.structure-type-button{width:100%;padding:8px 5px;color:#ffe3a9;background:#53316d;border:2px solid #b780d1;box-shadow:2px 2px #170c24;font-size:11px;line-height:1.3;text-align:center}.preset-button:hover,.structure-type-button:hover{background:#71418f;border-color:#ffbf89}.structure-type-button{margin:0 0 10px;text-align:left}.settings-hint{color:#d9bfe1;font-size:12px;line-height:1.4}.text-button{color:#ffc184;background:none;border:0;border-bottom:1px dashed #ffc184;padding:4px 0;font-size:12px}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:12px;border-top:2px dashed #744a94}.editor-footer span{color:#d2aede;font-size:11px}@media(max-width:900px){.hud-panel{width:235px}.brand-badge strong{font-size:15px}.brand-badge small{font-size:8px}}@media(max-width:680px){body{min-width:0}.brand-badge{top:8px;left:8px}.brand-badge strong{font-size:13px}.brand-badge small{font-size:7px}.brand-mark{width:30px;height:30px;font-size:26px}.hud-panel{width:min(44vw,230px)}.chat-panel{left:58px;bottom:8px;height:min(255px,47vh)}.icon-rail{left:8px;bottom:8px;gap:5px}.icon-rail button{width:36px;height:36px;font-size:19px}.creations-panel{right:8px;top:8px;bottom:8px}.world-top{left:8px;right:8px}.location-pill,.mode-pill{font-size:9px}.mode-pill{bottom:12px}.world-bottom{display:none}.editor-main,.avatar-editor .editor-main{grid-template-columns:1fr}.animation-sets{flex-direction:row;flex-wrap:wrap}.workshop-tools{gap:4px}.workshop-tools button{width:34px;height:34px;padding:4px}.editor-dialog{overflow:auto}.profile-main{grid-template-columns:82px minmax(0,1fr)}.profile-avatar-box canvas{width:64px;height:106px}.profile-world{grid-column:1 / -1}.profile-world canvas{max-height:140px}.profile-highlight-list{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-actions{flex-wrap:wrap}}@media(pointer:coarse)and (max-width:1000px){html,body,#app{width:100%;height:100%;overflow:hidden}body{min-width:0;overscroll-behavior:none}.layout{height:100vh;height:100dvh;min-height:0}#game{touch-action:none}.brand-badge{top:max(6px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));padding:3px 7px 3px 3px;gap:6px}.brand-mark{width:27px;height:27px;font-size:23px;border-width:2px}.brand-badge strong{font-size:12px}.brand-badge small{font-size:7px;margin-top:0}.brand-badge .status{margin-top:1px;font-size:8px}.world-top{top:57px;left:0;right:0;justify-content:center}.location-pill{font-size:10px;padding:4px 7px}.icon-rail{left:auto;right:max(8px,env(safe-area-inset-right));top:max(7px,env(safe-area-inset-top));bottom:auto;flex-direction:row;gap:5px}.icon-rail button{width:38px;height:38px;min-width:38px}.icon-rail svg{width:21px;height:21px}.hud-panel{z-index:12;width:min(390px,calc(100vw - 16px))}.hud-panel.collapsed{width:min(164px,27vw);height:auto;top:57px;bottom:auto}.chat-panel,.chat-panel.collapsed{left:max(8px,env(safe-area-inset-left));right:auto}.creations-panel,.creations-panel.collapsed{right:max(8px,env(safe-area-inset-right));left:auto}.chat-panel:not(.collapsed),.creations-panel:not(.collapsed){top:54px;bottom:max(8px,env(safe-area-inset-bottom));height:auto;max-height:calc(100dvh - 65px)}.hud-panel.collapsed .hud-heading{padding:5px 7px}.hud-panel.collapsed .hud-heading small{font-size:7px}.hud-panel.collapsed .hud-heading h2{font-size:13px}.collapse-button{width:36px;height:36px}.chat-form input,.login-card input,.hub-content input,.hub-content textarea,.editor-tools input,.editor-tools select{font-size:16px}.mobile-controls{position:absolute;z-index:10;left:0;right:0;bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));pointer-events:none}.mobile-dpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:4px}.mobile-dpad button:nth-child(1){grid-column:2;grid-row:1}.mobile-dpad button:nth-child(2){grid-column:1;grid-row:2}.mobile-dpad button:nth-child(3){grid-column:2;grid-row:2}.mobile-dpad button:nth-child(4){grid-column:3;grid-row:2}.mobile-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:#fff4c6;background:#281141cc;border:2px solid #e7a2e9;box-shadow:3px 3px #17091f;font-size:24px}.mobile-dpad button{width:54px;height:54px}.mobile-controls button.pressed,.mobile-controls button:active{background:#9b50af;border-color:#ffd698;transform:translate(2px,2px);box-shadow:1px 1px #17091f}.mobile-actions{display:flex;align-items:flex-end;gap:7px;pointer-events:none}.mobile-jump{min-width:76px;min-height:64px;padding:9px;font-size:16px!important}.mobile-interact{min-width:94px;min-height:64px;padding:9px;font-size:14px!important}.touch-reorder{display:flex;gap:4px;margin-left:auto}.touch-reorder button{min-width:40px;min-height:40px;padding:2px 6px}.backpack-avatar-list .avatar-row{flex-wrap:wrap}.backpack-avatar-list .avatar-row .touch-reorder{flex:none}.backpack-block-wrap .touch-reorder{width:100%;margin-top:4px}.backpack-block-wrap .touch-reorder button{flex:1}.interact-prompt{bottom:128px;font-size:11px}.mode-pill{bottom:132px;font-size:11px}.world-bottom{display:none}.toast{top:52px}.social-notice{bottom:130px;width:min(440px,calc(100vw - 24px))}.login-card{max-height:calc(100dvh - 16px)}.welcome-dialog,.hub-dialog,.editor-dialog,.item-info-dialog{max-height:calc(100dvh - 12px)}.hub-dialog{width:min(830px,calc(100vw - 12px))}.hub-content{max-height:calc(100dvh - 104px)}.editor-dialog{width:min(680px,calc(100vw - 12px));overflow:auto}.avatar-editor{width:min(760px,calc(100vw - 12px))}.editor-content{padding:10px}.editor-main{grid-template-columns:minmax(240px,1fr) 180px;gap:9px}.avatar-editor .editor-main{grid-template-columns:78px minmax(220px,1fr) 170px;gap:8px}.canvas-wrap{max-width:min(270px,68dvh)}.avatar-editor .canvas-wrap{max-width:min(190px,50dvh)}.animation-sets{gap:4px}.animation-sets button{padding:5px 3px;font-size:11px}.workshop-tools button{width:38px;height:38px}}@media(pointer:coarse)and (max-width:1000px)and (orientation:portrait){.icon-rail{top:calc(max(7px,env(safe-area-inset-top)) + 48px)}.world-top{display:none}.hud-panel.collapsed{top:105px}.chat-panel:not(.collapsed),.creations-panel:not(.collapsed){top:104px;max-height:calc(100dvh - 112px)}.rotate-hint:not(.dismissed){position:absolute;z-index:18;inset:0;display:grid;place-items:center;padding:18px;background:#10071fed}.rotate-card{width:min(340px,100%);padding:20px;text-align:center;background:#251438;border:3px solid #d080e5;box-shadow:6px 6px #0e071b}.rotate-card span{display:block;color:#ffd695;font-size:39px}.rotate-card strong{display:block;margin:8px 0;color:#fff2be;font-size:20px}.rotate-card p{color:#e4c8ef;font-size:14px}.rotate-card button{min-height:44px;padding:8px 14px;color:#2d1734;background:#ffbe82;border:2px solid #ffe6a4}.hud-panel.collapsed{width:min(44vw,180px)}.hud-panel:not(.collapsed){width:calc(100vw - 16px)}.editor-main,.avatar-editor .editor-main{grid-template-columns:1fr}.animation-sets{flex-direction:row;flex-wrap:wrap}.canvas-wrap,.avatar-editor .canvas-wrap{max-width:100%}}@media(pointer:coarse)and (max-width:400px){.mobile-dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:3px}.mobile-dpad button{width:46px;height:46px;font-size:20px}.mobile-actions{gap:4px}.mobile-jump{min-width:62px;min-height:54px;padding:5px;font-size:14px!important}.mobile-interact{min-width:76px;min-height:54px;padding:5px;font-size:12px!important}}@media(pointer:coarse)and (max-width:360px){.mobile-controls{padding-left:8px;padding-right:8px}.mobile-dpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:2px}.mobile-dpad button{width:42px;height:42px}.mobile-jump{min-width:56px}.mobile-interact{min-width:70px}}