@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}a:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #ffe080;outline-offset:3px}.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}.news-announcement{position:absolute;z-index:35;top:13px;left:270px;width:min(340px,calc(100vw - 290px));padding:8px 10px 10px;background:#170a27f0;border:2px solid #f6bd78;box-shadow:4px 4px #10081f,inset 0 0 0 2px #683f81;color:#fff3de;animation:newsOpen .25s steps(8,end) both}.news-announcement[hidden]{display:none!important}.news-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ffcf89;border-bottom:1px dashed #96649d;font-size:12px;letter-spacing:.08em}.news-heading button{border:0;background:transparent;color:#ffe8bd;font-size:20px;line-height:1}.news-byline{margin-top:5px;color:#d6b7e0;font-size:10px}.news-byline strong{color:#ffbb82}.news-announcement p{min-height:2.2em;margin:5px 0 0;font-size:15px;line-height:1.12;overflow-wrap:anywhere}.news-announcement #newsRefresh{margin-top:8px;padding:4px 8px;border:2px solid #ffcf89;background:#663275;color:#fff3da;font-size:12px}.news-announcement.closing{animation:newsClose .2s steps(6,end) both}@keyframes newsOpen{0%{opacity:0;transform:translate(-8px,-8px) scale(.88);transform-origin:top left}to{opacity:1;transform:none}}@keyframes newsClose{to{opacity:0;transform:translate(-8px,-8px) scale(.88);transform-origin:top left}}.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}.quick-access{position:absolute;z-index:11;top:12px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:3px;width:min(540px,46vw);aspect-ratio:9 / 1.5;padding:5px;background:#1d0c31d4;border:3px solid #c184d9;box-shadow:4px 4px #13091f,inset 0 0 0 2px #5c3375}.quick-access-item{display:flex;flex:0 0 calc((100% - 24px) / 9);min-width:0;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px;color:#fff0d8;background:transparent;border:2px solid transparent}.quick-access-item:hover,.quick-access-item.active{background:#63327b;border-color:#ffcf8b}.quick-access-item canvas{display:block;max-width:100%;max-height:40px;height:auto!important;image-rendering:pixelated;object-fit:contain}.quick-access-item span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.1}body:has(#loginOverlay:not(.hidden)) .quick-access{display:none}@media(min-width:700px){body:has(#cookieNotice:not([hidden])) .quick-access{top:90px}}.mobile-controls,.rotate-hint{display:none}.mobile-layout-editor[hidden]{display:none!important}.mobile-layout-editor{position:absolute;z-index:45;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;width:min(420px,calc(100vw - 16px));padding:7px;color:#fff4db;background:#26143bf2;border:2px solid #e2a1e9;box-shadow:4px 4px #140b20}.mobile-layout-editor strong,.mobile-layout-editor span{width:100%;text-align:center;font-size:10px}.mobile-layout-editor span{color:#e4c5ed;font-size:8px}.mobile-layout-editor button{min-height:34px;padding:4px 9px;color:#fff0d5;background:#654080;border:2px solid #b780d1;font-size:10px}.mobile-layout-editor button:first-of-type{color:#281434;background:#ffbe82;border-color:#ffe0a3}.home-screen-prompt{display:none}.home-screen-prompt[hidden]{display:none!important}.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:82px;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-footer{position:absolute;z-index:40;bottom:14px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px)}.world-bottom{position:relative;flex:none;text-align:center;white-space:nowrap;border-color:#925eb2;pointer-events:none}.world-bottom span{color:#ffaf70;padding:0 5px}.world-item-hints{margin-top:4px;padding-top:4px;border-top:1px dashed #925eb2;font-size:10px;white-space:normal}body:has(#loginOverlay:not(.hidden)) .world-bottom{display:none}.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:82px;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}.tara-token-balance{position:absolute;z-index:9;top:20px;right:18px;display:flex;align-items:center;gap:4px;padding:5px 10px;color:#ffe4a2;background:#221032d9;border:2px solid #d79add;box-shadow:3px 3px #12091b;font-size:12px;pointer-events:none}.tara-token-balance span{color:#ffd66c;font-size:16px}.tara-token-balance img{display:block;flex:none;width:32px;height:32px;image-rendering:pixelated}.tara-token-balance img,.token-card-art img{filter:drop-shadow(0 0 5px #70eaff) drop-shadow(0 0 9px #d18cff)}.mini-profile{position:absolute;z-index:18;width:min(260px,calc(100vw - 16px));padding:0 10px 9px;color:#fff0f5;background:#21112eea;border:2px solid #d590df;box-shadow:5px 5px #10081cb3,inset 0 0 0 2px #683c79;animation:miniProfileOpen .18s steps(5,end) both;transform-origin:bottom center}@keyframes miniProfileOpen{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}.mini-profile-header{display:flex;align-items:center;justify-content:space-between;margin:0 -10px 9px;padding:3px 8px 3px 10px;border-bottom:2px solid #84509c;color:#f9c590;background:#4a2264;font-size:10px;letter-spacing:.12em}.mini-profile-header button{border:0;background:none;color:#ffe6f5;font-size:19px;line-height:1}.mini-profile-identity{display:flex;align-items:center;gap:9px;min-width:0}.mini-profile-identity strong,.mini-profile-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-profile-identity strong{color:#fff3c8;font-size:18px}.mini-profile-identity small{color:#c9a9d5;font-size:11px}.mini-profile-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:2px solid #e2aeec;background:#4c2d65;color:#ffcd91;font-size:23px}.mini-profile-icon canvas{width:32px;height:32px;image-rendering:pixelated}.mini-profile-bio{min-height:15px;max-height:42px;overflow:hidden;margin:8px 0 10px;color:#e4d0ea;font-size:12px;line-height:1.2;overflow-wrap:anywhere}.mini-profile-actions{display:flex;align-items:stretch;justify-content:space-between;gap:6px}.mini-profile-actions button{min-height:34px;padding:4px 7px;border:2px solid #ad76bd;color:#fff1d3;background:#432659;font-size:11px}.mini-profile-actions button:hover:not(:disabled),.mini-profile-actions button:focus-visible{border-color:#ffdc9c;background:#65417a}.mini-profile-actions button:disabled{opacity:.56;cursor:not-allowed}#miniProfileGive{display:flex;align-items:center;justify-content:center;gap:2px;margin-left:auto;border-color:#ffd593;background:#9c5d71;color:#fff6d9}#miniProfileGive img{width:16px;height:16px;image-rendering:pixelated}.shop-hub .hub-shell{display:grid;grid-template-columns:160px minmax(0,1fr)}.shop-hub .hub-header{grid-column:1 / -1}.shop-hub .shop-tabs{display:flex;flex-direction:column;align-items:stretch;gap:6px;grid-column:1;padding:12px 7px;border-right:2px solid #75428d}.shop-hub .shop-tabs button{width:100%;text-align:left}.shop-hub .hub-content{grid-column:2;padding:10px 15px}.shop-banner-stage{overflow:hidden;width:100%;aspect-ratio:16 / 9;max-height:240px;border:2px solid #d48edb;box-shadow:5px 5px #140a1b}.shop-banner-track{display:flex;height:100%;transition:transform .45s steps(18,end)}.shop-banner{min-width:100%;height:100%;display:flex;align-items:flex-end;background:linear-gradient(135deg,#26125d,#7432a5 45%,#ff5d93 77%,#ffbd67);background-position:center;background-size:cover}.shop-banner>div{display:grid;gap:7px;padding:18px;width:100%;background:linear-gradient(transparent,#190b2cda)}.shop-banner strong{font-size:clamp(20px,3vw,34px);color:#fff4c9;text-shadow:3px 3px #3d1a64}.shop-banner span{font-size:13px}.shop-banner-controls{display:flex;justify-content:flex-end;gap:7px;margin:7px 0 16px}.shop-content h4{margin:18px 0 9px;color:#ffc38d}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.shop-card{min-height:128px;display:grid;grid-template-columns:96px minmax(0,1fr) 28px;gap:10px;align-items:start;padding:10px;border:2px solid #a56ab7;background:linear-gradient(135deg,#392047,#23142e);box-shadow:3px 3px #130a1b;transition:transform .13s steps(2,end),border-color .13s}.shop-card>div{min-width:0;overflow-wrap:anywhere}.shop-card:hover{transform:translateY(-3px);border-color:#ffc28b}.shop-card p{margin:5px 0;font-size:12px}.shop-card small{color:#ffca8b;font-size:10px}.shop-product-icon{display:grid;place-items:center;width:96px;height:96px;overflow:hidden;border:2px solid #df99ef;color:#fff1c1;background:#673d89;font-size:20px;text-align:center}.shop-product-icon canvas{display:block;max-width:92px;max-height:92px;image-rendering:pixelated;background:#20142d}.shop-name-tag-preview{max-width:88px;padding:5px 7px;font-size:14px;font-weight:700;image-rendering:pixelated}.shop-buy{display:block;width:100%;min-height:32px;margin-top:8px;padding:4px 6px;font-size:10px;background:#f5b775;color:#27152c;border:2px solid #ffe1a7;cursor:pointer}.shop-buy:hover:not(:disabled),.shop-buy:focus-visible{background:#ffcf91;transform:translateY(-1px)}.shop-buy:disabled{opacity:.5;cursor:not-allowed}.profile-tag-select{width:100%;min-height:34px;background:#190e2a;border:2px solid #ab77c1;color:#fff0df}.profile-tag-preview{display:table;margin:7px auto 0;padding:5px 8px;color:#fff2cc;font-size:14px;font-weight:700}.shop-product-icon.preview-speed-trail{color:#fff;text-shadow:0 0 7px #ffbf79;background:linear-gradient(90deg,#7148b7,#cb6ee5,#ffeeb9)}.shop-product-icon.flare{background:radial-gradient(#fff6bd,#b167df,#261347)}.shop-wish{padding:1px!important;border:0!important;background:none!important;font-size:24px!important;color:#8a748b!important}.shop-wish.wanted{color:#fff2c2!important}.token-pack{display:flex;flex-direction:column;align-items:stretch;gap:12px}.token-pack button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:650px){.tara-token-balance{top:77px;right:7px;padding:4px 6px;font-size:9px}.shop-hub .hub-shell{grid-template-columns:102px minmax(0,1fr)}.shop-hub .shop-tabs{padding:5px 3px}.shop-hub .shop-tabs button{padding:6px 3px;font-size:10px}.shop-hub .hub-content{padding:7px}.shop-grid{grid-template-columns:1fr}.shop-card{min-height:112px;grid-template-columns:80px minmax(0,1fr) 24px}.shop-product-icon{width:80px;height:80px}.shop-product-icon canvas{max-width:76px;max-height:76px}}@media(prefers-reduced-motion:reduce){.shop-banner-track,.shop-card{transition:none}}.interact-prompt{position:absolute;z-index:8;left:50%;bottom:80px;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}.creations-panel.collapsed{top:auto;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,.creations-panel.collapsed{bottom:20px;top:auto}.hud-panel.collapsed .panel-body{display:none}.hud-panel.collapsed .hud-heading{border-bottom:0}.hud-panel .hud-heading{cursor:grab;touch-action:none}.hud-panel.dragging .hud-heading{cursor:grabbing}.creations-panel:not(.collapsed) .creations-body{padding-bottom:17px}.creations-resize{position:absolute;bottom:0;left:0;right:0;height:14px;cursor:ns-resize;touch-action:none;background:#3e1b58eb;border-top:2px solid #9160ae}.creations-resize:after{content:"";position:absolute;left:50%;top:4px;width:36px;height:3px;transform:translate(-50%);background:repeating-linear-gradient(90deg,#d9a8ec 0 5px,transparent 5px 8px)}.creations-resize:focus-visible{outline:2px solid #ffd594;outline-offset:-2px}.creations-panel.collapsed .creations-resize{display:none}.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}.toolbox-card-wrap{min-width:0;cursor:grab}.toolbox-card-wrap:active{cursor:grabbing}.toolbox-card-wrap.dragging{opacity:.5}.creation-drag-ghost{position:fixed;z-index:10000;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.65;transform:translate(-50%,-50%);image-rendering:pixelated;filter:drop-shadow(1px 2px 1px #160c2580)}.toolbox-reorder{display:none}.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{max-width:48px;max-height:64px;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;width:min(252px,calc(100vw - 12px));max-height:calc(100dvh - 12px);overflow:auto;padding:5px;background:#1d102c;border:2px solid #d182e0;box-shadow:inset 0 0 0 1px #59336c,4px 4px #11081d}.menu-item-group+.menu-item-group{margin-top:7px;padding-top:7px;border-top:2px dashed #82549a}.menu-item-heading{display:flex;align-items:center;gap:8px;min-height:62px;margin-bottom:5px;padding:4px;background:#342047;border:1px solid #80509c}.menu-item-thumbnail{display:grid;place-items:center;flex:none;width:54px;height:54px;background:repeating-conic-gradient(#554067 0 25%,#36274b 0 50%) 50%/10px 10px;border:1px solid #9a6caf}.menu-item-thumbnail canvas{display:block;max-width:48px;max-height:50px;image-rendering:pixelated}.menu-item-heading-text{min-width:0}.menu-item-heading strong{display:block;color:#ffe1ae;font-size:12px;line-height:1.15;overflow-wrap:anywhere}.menu-item-heading small{display:block;margin-top:4px;color:#d4b1df;font-size:9px;line-height:1.2;overflow-wrap:anywhere}.menu-item-heading .menu-item-detail{color:#ffba83}.creation-menu button.menu-action{display:flex;align-items:center;gap:8px;width:100%;min-height:37px;margin-top:3px;padding:3px 6px;text-align:left;background:#281735;border:1px solid #594070;color:#fff0d8;font-size:11px;cursor:pointer}.creation-menu button.menu-action:hover:not(:disabled),.creation-menu button.menu-action:focus-visible{background:#63377c;border-color:#ffc284;outline:none}.creation-menu button.menu-action:disabled{opacity:.48;cursor:not-allowed}.creation-menu button.menu-action-danger{color:#ffd2cb}.menu-action-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;color:#ffe2a8;background:#49305f;border:1px solid #9666ae}.menu-action-danger .menu-action-icon{color:#ffd0bb;background:#663347;border-color:#b96578}.menu-action-icon svg{width:16px;height:16px;fill:currentColor;shape-rendering:crispEdges}.menu-action-icon rect{fill:none;stroke:currentColor;stroke-width:2}.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;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:12px;overflow:auto;padding:18px;background:#1a0c2e;background-image:linear-gradient(180deg,#321672,#a336af 62%,#ff824e)}.overlay.hidden{display:none}.login-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;width:min(440px,100%);padding:7px 10px;color:#fff0ff;background:#241334de;border:2px solid #d080e5;font-size:11px;text-align:center}.login-footer a{display:flex;align-items:center;gap:8px;color:#ffe2a7;text-decoration:none;white-space:nowrap}.login-footer a:hover{color:#fff;text-decoration:underline}.login-footer img{display:block;width:128px;height:auto;image-rendering:pixelated}.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;display:grid;gap:8px}.item-info-actions button{width:100%;padding:8px;color:#fff4d3;background:#693889;border:2px solid #d080e5}.item-info-actions button:disabled{opacity:.6;cursor:default}@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:100%;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}.login-card .auth-link{display:block;margin:9px auto 0;padding:5px;border:0;background:none;color:#ffdf9e;text-decoration:underline;font-size:11px}.login-card .auth-link[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-sign-in.consent-required{cursor:pointer}.google-sign-in.consent-required iframe{opacity:.75;pointer-events:none}.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 select{width:100%;padding:9px;color:#fff0ff;background:#140b23;border:2px solid #8054a0;font-size:13px}.login-card .consent-check{display:flex;align-items:flex-start;gap:8px;margin:10px 0;text-align:left;line-height:1.4}.login-card .consent-check input{width:18px;height:18px;flex:none;margin:0;accent-color:#ffc486}.login-card .consent-check a,.legal-links a{color:#ffdf9e}.legal-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:11px}.cookie-notice{position:fixed;z-index:80;inset:12px auto auto 50%;transform:translate(-50%);width:min(520px,calc(100vw - 24px));margin:0;padding:12px;display:flex;align-items:center;gap:14px;color:#fff4e4;background:#271438;border:3px solid #f1b5e8;box-shadow:5px 5px #10071d}.cookie-notice[hidden]{display:none}.cookie-notice p{margin:0;flex:1;font-size:12px}.cookie-notice a{color:#ffe1a0}.cookie-notice button{min-width:76px;padding:8px;color:#21122e;background:#ffcf94;border:2px solid #fff0bd}.settings-legal{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.settings-legal a{color:#ffdb9d}.danger-button{padding:8px 12px;color:#ffe6e6;background:#54213d;border:2px solid #e697aa}@media(max-width:480px){.cookie-notice{flex-direction:column;align-items:stretch;top:auto;bottom:130px}}.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}.profile-email-status{margin-top:12px;overflow-wrap:anywhere}.profile-email-status p{margin:5px 0;font-size:12px}.profile-email-status button{padding:7px 10px;color:#ffe5ae;background:#3a2251;border:2px solid #bd83db}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-actions{display:grid;gap:8px}.welcome-actions button{width:100%;min-height:38px}.welcome-actions button:not(.primary-button){color:#f5dbfb;background:#35204c;border:2px solid #8155a0}.welcome-actions button:not(.primary-button):hover{background:#623282}.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%}.google-username-dialog form{display:grid;gap:9px;margin-top:18px}.google-username-dialog label{color:#ffdbad;font-size:11px}.google-username-dialog input{width:100%;padding:11px;color:#fff0ff;background:#140b23;border:2px solid #a474c3;font:inherit}.google-username-dialog input:focus-visible{outline:2px solid #ffc180;outline-offset:2px}.google-username-dialog .form-error{min-height:18px;margin:0;color:#ffb4b4}.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{position:relative}.profile-fx-button{position:absolute;right:5px;bottom:5px;z-index:1}.profile-fx-options{position:absolute;z-index:25;width:min(240px,calc(100% - 16px));display:grid;gap:6px;padding:12px;background:#241334;border:3px solid #e0a1e5;box-shadow:5px 5px #10081f}.profile-fx-options strong{color:#ffd69f;font-size:15px}.profile-fx-options label{display:grid;gap:4px;color:#ffe6be;font-size:11px}.profile-fx-options button.active{border-color:#ffc586;color:#ffe3af}.profile-fx-options input[type=color]{width:100%;height:35px;padding:1px}@media(max-width:650px){.profile-fx-options{left:8px!important;top:8px!important;max-height:calc(100dvh - 48px);overflow:auto}}.profile-avatar-box canvas{width:128px;height:104px;image-rendering:pixelated}.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{max-width:48px;max-height:64px;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-save{position:sticky;bottom:0;z-index:3;padding:5px 0;background:#241334ee}.profile-save button{min-height:40px;color:#271226;background:#ffbd7d;border-color:#ffe1a0}.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}}@media(prefers-reduced-motion:reduce){.news-announcement,.news-announcement.closing{animation:none}}@media(max-width:700px){.news-announcement{top:72px;left:8px;width:min(290px,calc(100vw - 16px))}}.access-keyboard{position:fixed;inset:auto;margin:0;z-index:1000;padding:0;border:3px solid #df9ded;background:#190c2af7;color:#fff1df;box-shadow:5px 5px #0d0818;transform:translate(-50%) scale(var(--keyboard-scale, 1));transform-origin:top center;touch-action:none;-webkit-user-select:none;user-select:none}.access-keyboard[hidden]{display:none!important}.access-keyboard-handle{display:flex;gap:7px;align-items:center;padding:5px 7px;border-bottom:2px solid #83549b;background:#46235d;cursor:move;touch-action:none}.access-keyboard-handle strong{color:#ffca8e;font-size:12px;flex:1}.access-keyboard-handle span{color:#d8bae5;font-size:10px}.access-keyboard-handle button{padding:0 5px;border:1px solid #c996e4;background:#301742;color:#fff;font-size:18px;line-height:1}.access-keyboard-keys{display:grid;gap:4px;padding:7px}.access-keyboard-row{display:flex;justify-content:center;gap:3px}.access-keyboard-row button{min-width:0;flex:1;min-height:32px;padding:2px 1px;border:1px solid #9265af;background:#3b2451;color:#fff2df;font-size:14px;touch-action:none}.access-keyboard-row button:hover,.access-keyboard-row button.pressed,.access-keyboard-row button[aria-pressed=true]{background:#a65a9f;color:#fff}.access-keyboard-row button.wide{flex:1.7;font-size:11px}.access-keyboard-row button.space-key{flex:4}.access-keyboard-row.shortcuts button{font-size:10px;background:#583071}.login-keyboard-toggle{margin:6px 0;padding:5px 8px;border:2px solid #a76bc6;background:#3c2053;color:#ffebc6;font-size:12px}body.access-high-contrast{--panel: rgba(9, 4, 18, .97);--edge: #edc8ff;color:#fff}body.access-high-contrast .hud-panel,body.access-high-contrast .hub-dialog,body.access-high-contrast .access-keyboard{background:#12081f;border-color:#ffe19a}body.access-large-text .hub-content,body.access-large-text .chat-list,body.access-large-text .hud-panel,body.access-large-text .access-keyboard{font-size:120%}body.access-large-text .hub-content button,body.access-large-text .hub-content input,body.access-large-text .hub-content label,body.access-large-text .access-keyboard button{font-size:1em}body.access-reduce-motion *,body.access-reduce-motion *:before,body.access-reduce-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.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{position:relative;flex:1;min-width:0;max-width:490px;padding:7px;background:#120b1e;border:2px solid #9b67bd}.canvas-wrap canvas{display:block;max-width:100%;height:auto;margin-inline:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair}.radio-source-button{width:36px;height:36px;margin-top:18px;color:#fff1c6;background:#45225fe8;border:2px solid #efa7e4;font-size:20px;cursor:pointer;touch-action:manipulation}.info-sign-dialog{width:min(720px,calc(100vw - 20px));max-height:min(85vh,750px);overflow:auto;padding:18px;color:#fff0d8;background:#241334;border:3px solid #d080e5;box-shadow:6px 6px #10081f;animation:hubOpen .25s steps(8,end) both}.info-sign-dialog::backdrop{background:#10081fcc}.info-sign-dialog h2{margin:0 0 12px}.info-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.info-toolbar button,.info-toolbar input,.info-toolbar select,.info-view-heading button{min-height:36px;padding:5px 10px;color:#fff0d8;background:#59367b;border:2px solid #bc82d3}.info-toolbar button{min-width:36px;cursor:pointer}.info-toolbar button:focus-visible,.info-toolbar select:focus-visible,.info-toolbar input:focus-visible{outline:3px solid #ffd17e;outline-offset:2px}.info-toolbar-separator{align-self:stretch;width:2px;min-height:30px;background:#8054a0}.info-color-label{display:inline-flex;align-items:center;gap:5px;font-size:11px}.info-color-label select{max-width:110px;font-size:12px}.info-font-label{display:inline-flex;align-items:center;gap:5px;font-size:12px}.info-font-label input{width:70px}.info-editor-text,.info-view-text{min-height:190px;max-height:55vh;overflow:auto;padding:14px;background:#140b23;border:2px solid #8054a0;color:#fff0d8;white-space:pre-wrap;overflow-wrap:anywhere;font-size:24px;line-height:1.35}.info-page-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.info-page-controls[hidden]{display:none}.info-page-controls button{min-height:32px;padding:4px 10px;color:#fff0d8;background:#3b2454;border:2px solid #b879d8;cursor:pointer}.info-page-controls button:disabled{opacity:.45;cursor:default}.info-page-controls span{min-width:98px;text-align:center;color:#ffd17e}.info-editor-text a,.info-view-text a{color:#ffc583;text-decoration:underline}.info-view-heading{display:flex;justify-content:space-between;gap:12px}.feedback-dialog{width:min(600px,calc(100vw - 24px));padding:0;overflow-x:hidden}.feedback-dialog form{display:grid;gap:14px}.feedback-header{display:grid;grid-template-columns:52px minmax(0,1fr) 36px;gap:12px;align-items:start;padding:18px;background:linear-gradient(135deg,#482071,#552666 55%,#9d4c80);border-bottom:3px solid #d798e6}.feedback-icon{display:grid;place-items:center;width:48px;height:48px;border:2px solid #ffe4ad;background:#28153e;color:#ffd598;font-size:30px;box-shadow:3px 3px #21102d}.feedback-header small{color:#ffd2a1;font-size:10px}.feedback-header h2{margin:4px 0;font-size:clamp(20px,4vw,27px);line-height:1.1;color:#fff3d6}.feedback-header p{margin:5px 0 0;color:#f3daee;font-size:13px;line-height:1.35}.feedback-header button{min-height:32px;width:32px;padding:0;border:2px solid #e3b0e7;background:#2a163c;color:#fff5df;font-size:23px;cursor:pointer}.feedback-fields{display:grid;gap:8px;padding:4px 18px 0}.feedback-fields label{color:#ffd29a;font-size:13px}.feedback-fields select,.feedback-fields textarea{width:100%;padding:10px;border:2px solid #ae76c6;background:#160c25;color:#fff5e7;font-size:15px}.feedback-fields textarea{min-height:160px;max-height:45vh;resize:vertical;line-height:1.4}.feedback-fields textarea::placeholder{color:#ad93bc}.feedback-meta{display:flex;justify-content:space-between;gap:8px;color:#cfb4d7;font-size:11px}.feedback-warning{margin:0 18px!important;padding:9px 11px;border-left:3px solid #ffc38a;background:#3b243b;color:#ecd5d5;font-size:11px;line-height:1.35}.feedback-dialog #feedbackError{margin:0 18px;color:#ffadad}.feedback-submit{margin:0 18px 18px;min-height:43px}@media(max-width:520px){.feedback-header{grid-template-columns:40px minmax(0,1fr) 32px;gap:8px;padding:13px}.feedback-icon{width:38px;height:38px;font-size:24px}.feedback-fields{padding:3px 13px 0}.feedback-warning{margin:0 13px!important}.feedback-submit{margin:0 13px 13px}}@media(prefers-reduced-motion:reduce){.info-sign-dialog{animation:none}}.animation-property{display:flex;align-items:center;gap:7px;margin:4px 0 12px}.animation-property .property-check{flex:1;margin:0}.animation-property button{width:32px;height:32px;flex:none;color:#fff0cb;background:#55316f;border:2px solid #b780d1;cursor:pointer}.animation-property button:disabled{opacity:.45;cursor:default}.animation-property span{min-width:54px;font-size:10px;color:#ffd59e}.radio-source-dialog{width:min(460px,calc(100vw - 18px));padding:18px;color:#fff0d8;background:#241334;border:3px solid #d080e5;box-shadow:6px 6px #10081f}.radio-source-dialog::backdrop{background:#10081fcc}.radio-source-dialog h2{margin:0 0 9px}.radio-source-dialog p,.radio-source-dialog label{font-size:12px}.radio-source-dialog input{display:block;width:100%;margin:8px 0;padding:10px;color:#fff;background:#140b23;border:2px solid #8054a0;font-size:16px}.radio-source-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.radio-source-actions button{padding:7px 12px;color:#fff0d8;background:#59367b;border:2px solid #bc82d3}.radio-player{position:absolute;z-index:42;left:18px;top:clamp(145px,19vh,190px);width:178px;padding:4px;color:#fff0d8;background:#241334ee;border:2px solid #bc82d3;box-shadow:3px 3px #10081f;transform-origin:top left;animation:mediaPopOpen .25s steps(6,end) both}.radio-player.media-closing{animation:mediaPopClose .25s steps(6,end) both;pointer-events:none}@keyframes mediaPopOpen{0%{opacity:0;scale:.82}to{opacity:1;scale:1}}@keyframes mediaPopClose{0%{opacity:1;scale:1}to{opacity:0;scale:.82}}@media(prefers-reduced-motion:reduce){.radio-player,.radio-player.media-closing{animation:none}}.radio-player-header{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:9px}.radio-player-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-player-header button{flex:none;padding:2px 3px;color:#fff0d8;background:#5e347e;border:1px solid #bc82d3;font-size:9px}.radio-player iframe{display:block;width:100%;height:132px;margin-top:3px;border:0}.radio-player:not(.tv-player) iframe{pointer-events:none;user-select:none;-webkit-user-select:none}.radio-player iframe.radio-frame-background{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.radio-player a{display:block;margin-top:2px;color:#ffcf91;font-size:8px}.tv-player{width:224px}.tv-player iframe{height:200px}.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[hidden]{display:none}.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 .mirror-mode-button:not([data-mode=normal]){color:#fff2b6;border-color:#ffbd80;background:#603578}.workshop-tools img{display:block;width:24px;height:24px;image-rendering:pixelated}.mobile-workshop-actions{display:none}.tool-label{display:block;margin:0 0 8px;color:#ffbe7f;font-size:11px;letter-spacing:.12em}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:8px}.palette-heading .tool-label{margin:0}.palette-actions{display:flex;gap:4px}.palette-actions button{min-height:27px;padding:3px 5px;color:#fff0c6;background:#563474;border:2px solid #b77acb;font-size:9px;cursor:pointer}.palette-actions button:hover,.palette-actions button:focus-visible{background:#764492;border-color:#ffd28d}.palette-actions button{display:grid;place-items:center;min-width:32px;padding:2px}.palette-actions img{display:block;width:24px;height:24px;image-rendering:pixelated}.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-swatch.bloom-swatch{box-shadow:0 0 8px 2px var(--swatch),inset 0 0 0 2px #fff9}.color-picker-dialog{width:min(470px,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 svg{width:25px;height:25px;fill:currentColor;shape-rendering:crispEdges}.color-picker-availability{margin:0 0 3px;color:#ffd28d;font-size:10px;line-height:1.35;opacity:0;transition:opacity .7s steps(5,end)}.color-picker-availability.show{opacity:1}.color-picker-availability[hidden]{display:none}@media(prefers-reduced-motion:reduce){.color-picker-availability{transition:none}}.color-picker-wheel{position:relative;width:min(390px,100%);aspect-ratio:1;margin:auto;touch-action:manipulation}.color-picker-octagon{position:absolute;padding:0;transform:translate(-50%,-50%);border:0;background:var(--picker-color);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);cursor:pointer;touch-action:manipulation}.color-picker-octagon:hover,.color-picker-octagon: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){.quick-access{top:90px;width:min(460px,65vw)}.hud-panel{width:235px}.brand-badge strong{font-size:15px}.brand-badge small{font-size:8px}}@media(max-width:680px){.quick-access{top:128px;width:min(360px,64vw)}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}.world-footer{width:min(320px,calc(100vw - 24px))}.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:3px}.editor-dialog{overflow:auto}.profile-main{grid-template-columns:82px minmax(0,1fr)}.profile-avatar-box canvas{width:64px;height:52px}.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(any-pointer:coarse)and (max-width:1400px){.quick-access{top:96px;width:min(360px,48vw)}.quick-access-item span{font-size:7px}.toolbox-card-wrap{display:flex;gap:3px}.toolbox-card-wrap .item-card{flex:1;min-width:0}.toolbox-reorder{display:flex;flex-direction:column;gap:3px}.toolbox-reorder button{min-width:30px;flex:1;color:#ffe3ac;background:#55316e;border:2px solid #b780d1;font-size:12px}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;inset:0;display:block;pointer-events:none}.world-footer{top:auto;bottom:max(8px,env(safe-area-inset-bottom));width:168px}.world-footer .world-bottom{display:none}.radio-player{left:max(8px,env(safe-area-inset-left));top:50%;bottom:auto;transform:translateY(-50%);width:168px;padding:4px 5px;overflow:hidden;background:#241334}#radioPlayer:before{content:"";position:absolute;inset:0;z-index:1;background:#241334;pointer-events:none}#radioPlayer .radio-player-header,#radioPlayer a{position:relative;z-index:2}#radioPlayer iframe:not(.radio-frame-background){position:absolute;left:0;top:0;z-index:0;width:100%;height:82px;margin:0}#radioPlayer .radio-player-header{gap:3px;font-size:8px;line-height:1}#radioPlayer .radio-player-header button{padding:1px 2px;font-size:8px;white-space:nowrap}#radioPlayer a{display:inline-block;font-size:8px;line-height:1;margin-top:1px}.tv-player{left:max(8px,env(safe-area-inset-left));top:50%;bottom:auto;width:min(224px,calc(100vw - 24px));transform:translateY(-50%)}.tv-player iframe{height:200px}.world-panel:has(.radio-player:not([hidden])) .mode-pill{bottom:132px}.world-panel:has(.radio-player:not([hidden])) .interact-prompt{bottom:128px}.world-panel:has(.radio-player:not([hidden])) .social-notice{bottom:130px}.home-screen-prompt{position:absolute;z-index:15;left:50%;bottom:calc(128px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:10px;width:min(360px,calc(100vw - 24px));padding:10px;color:#fff2d3;background:#28143def;border:3px solid #d78ee4;box-shadow:5px 5px #150920;animation:homePromptOpen .25s steps(5,end) both}.home-screen-prompt img{width:43px;height:43px;flex:none;image-rendering:pixelated;border:2px solid #ffd19a}.home-screen-copy{min-width:0;flex:1}.home-screen-copy strong{display:block;color:#ffd295;font-size:12px;line-height:1.3}.home-screen-copy p{margin:4px 0 0;font-size:10px;line-height:1.45}.home-screen-copy .home-screen-instructions{margin-top:8px;color:#fff5e7}.home-screen-actions{display:flex;gap:6px;margin-top:8px}.home-screen-actions button{min-height:34px;padding:5px 8px;color:#23112e;background:#ffbe82;border:2px solid #ffe0a3;font-size:10px}.home-screen-actions button:last-child{color:#f1d8f6;background:#573470;border-color:#9d6bb5}@keyframes homePromptOpen{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.mobile-dpad{position:absolute;left:12px;bottom:8px;display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:4px;transform:scale(var(--mobile-button-scale, 1));transform-origin:bottom left}.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{position:absolute;right:12px;bottom:8px;display:flex;align-items:flex-end;gap:7px;pointer-events:none;transform:scale(var(--mobile-button-scale, 1));transform-origin:bottom right}body.mobile-layout-editing .mobile-dpad,body.mobile-layout-editing .mobile-actions{z-index:41;pointer-events:auto;touch-action:none;outline:3px dashed #ffcf88;outline-offset:5px;background:#321f52aa;cursor:grab}body.mobile-layout-editing .mobile-dpad:before,body.mobile-layout-editing .mobile-actions:before{position:absolute;bottom:100%;left:0;margin-bottom:8px;padding:2px 5px;background:#241238;color:#ffde9f;border:1px solid #ffcf88;font-size:9px}body.mobile-layout-editing .mobile-dpad:before{content:"MOVE"}body.mobile-layout-editing .mobile-actions:before{content:"JUMP / INTERACT"}.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:100%}.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}.mobile-workshop-actions{display:flex;flex:none;flex-direction:column;align-items:center;gap:9px;width:102px}.mobile-workshop-quick{display:grid;grid-template-columns:repeat(3,32px);gap:3px}.mobile-workshop-actions button{display:grid;place-items:center;width:32px;height:34px;padding:2px;color:#fff1cc;background:#4d2c68;border:2px solid #b77acb;box-shadow:2px 2px #170c24;font-size:20px;touch-action:manipulation}.mobile-workshop-actions button:active{background:#8046a0;border-color:#ffcb90;transform:translate(1px,1px);box-shadow:1px 1px #170c24}.mobile-workshop-actions button:disabled{opacity:.48}.mobile-workshop-actions img{display:block;width:24px;height:24px;image-rendering:pixelated}.mobile-frame-pad{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px)}.mobile-frame-pad button{width:32px;height:32px;background:#654080;box-shadow:none;font-size:13px}.mobile-frame-pad button:nth-child(1){grid-column:2;grid-row:1}.mobile-frame-pad button:nth-child(2){grid-column:1;grid-row:2}.mobile-frame-pad span{grid-column:2;grid-row:2;border:2px solid #b77acb;background:#3c2455;box-shadow:inset 0 0 0 7px #654080}.mobile-frame-pad button:nth-child(4){grid-column:3;grid-row:2}.mobile-frame-pad button:nth-child(5){grid-column:2;grid-row:3}}@media(prefers-reduced-motion:reduce){.home-screen-prompt{animation:none}}@media(any-pointer:coarse)and (max-width:1400px)and (orientation:portrait){.quick-access{top:clamp(205px,27dvh,310px);width:min(490px,calc(100vw - 24px))}.world-footer{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(168px,calc(100vw - 20px))}.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%}.mobile-workshop-actions{width:90px}.mobile-workshop-quick{grid-template-columns:repeat(3,28px);gap:2px}.mobile-workshop-actions button{width:28px;height:30px;padding:2px}.mobile-frame-pad{grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px)}.mobile-frame-pad button{width:28px;height:28px;font-size:11px}}@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}}dialog[open],.creation-menu:not([hidden]),.radio-player:not([hidden]),.popup-surface:not([hidden]){transform-origin:0 0}dialog[open]:not(.popup-closing),.creation-menu:not([hidden]):not(.popup-closing),.radio-player:not([hidden]):not(.media-closing),.popup-surface:not([hidden]):not(.popup-closing){animation:pixelPopupOpen .25s steps(10,end) both}dialog[open].popup-closing,.creation-menu.popup-closing,.radio-player.media-closing{animation:pixelPopupClose .25s steps(10,end) both;pointer-events:none}.popup-surface.popup-closing{animation:pixelPopupClose .25s steps(10,end) both;pointer-events:none}dialog[open]:not(.popup-closing)>*,.creation-menu:not([hidden]):not(.popup-closing)>*,.radio-player:not([hidden]):not(.media-closing)>*,.popup-surface:not([hidden]):not(.popup-closing)>*{animation:pixelPopupContentIn .25s steps(8,end) both}dialog[open].popup-closing>*,.creation-menu.popup-closing>*,.radio-player.media-closing>*,.popup-surface.popup-closing>*{animation:pixelPopupContentOut .25s steps(8,end) both}.hub-dialog[open] .hub-content,.hub-dialog[open] .type-reveal{animation:none}@keyframes pixelPopupOpen{0%{opacity:0;scale:.04}56%,to{opacity:1;scale:1}}@keyframes pixelPopupClose{0%,44%{opacity:1;scale:1}to{opacity:0;scale:.04}}@keyframes pixelPopupContentIn{0%,56%{opacity:0}to{opacity:1}}@keyframes pixelPopupContentOut{0%{opacity:1}44%,to{opacity:0}}@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]>*,.creation-menu:not([hidden]),.creation-menu:not([hidden])>*,.radio-player:not([hidden]),.radio-player:not([hidden])>*,.popup-surface:not([hidden]),.popup-surface:not([hidden])>*,.hub-dialog[open] .hub-content,.hub-dialog[open] .type-reveal{animation:none!important}}.icon-rail button{position:relative;display:grid;place-items:center;overflow:visible}.icon-rail svg{width:29px;height:29px;filter:drop-shadow(1px 2px 0 #13071d)}.icon-rail button:hover,.icon-rail button:focus-visible{background:#714194;border-color:#ffe0aa;transform:translateY(-1px)}.icon-rail button:is(:hover,:focus-visible):after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 7px;border:2px solid #db9de6;background:#241235;color:#fff1c7;font-size:10px;box-shadow:3px 3px #0e0719}.map-hub:has(.island-directory){width:min(1250px,calc(100vw - 24px))}.island-directory{display:grid;gap:25px}.island-directory-section{min-width:0}.island-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 13px;border-bottom:2px solid #ac71bf;padding-bottom:7px;margin-bottom:12px}.island-section-head h3{margin:0;color:#ffcf93}.island-section-head small{color:#ddc0e4;font-size:11px}.island-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.island-card{min-width:0;overflow:hidden;border:2px solid #9b69b3;background:#2d1940;box-shadow:4px 4px #10081c;transition:transform .14s steps(2,end),border-color .14s steps(2,end)}.island-card:hover{transform:translateY(-3px);border-color:#ffd4a4}.island-card-preview{display:grid;place-items:center;aspect-ratio:2 / 1;overflow:hidden;color:#d6addd;background:linear-gradient(#342077,#9736a3 58%,#ff9165);font-size:12px}.island-card-preview img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.island-card-copy{display:grid;gap:4px;padding:10px}.island-card-copy strong{color:#fff2d7;font-size:15px;overflow-wrap:anywhere}.island-card-copy small{color:#e6c6e8;font-size:10px}.island-card-copy button{margin-top:6px;width:100%;min-height:34px}.island-card-copy button:disabled{opacity:.75}@media(max-width:900px){.island-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.island-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.island-card-copy{padding:7px}.icon-rail button:is(:hover,:focus-visible):after{display:none}}@media(any-pointer:coarse)and (max-width:1400px){.creations-panel.collapsed{top:auto;bottom:calc(115px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.island-card,.icon-rail button{transition:none}}.hub-dialog{width:min(940px,calc(100vw - 24px));max-height:min(780px,calc(100dvh - 22px));color:#fff2e5;background:#1a0f2a;border:3px solid #d895e6;box-shadow:8px 8px #10081f,inset 0 0 0 2px #4b2a67}.hub-shell{padding:0}.hub-header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px 20px;border-bottom:3px solid #d895e6;background:linear-gradient(110deg,#44206e,#5d2a75 58%,#a04b7a)}.hub-icon{display:grid;place-items:center;width:50px;height:50px;border:2px solid #ffdda9;background:#28143e;box-shadow:3px 3px #1a0d2c;color:#ffd39a;font-size:29px}.hub-header-copy{min-width:0}.hub-header .eyebrow{color:#ffcf9b;letter-spacing:.13em}.hub-header h2{margin:2px 0 0;color:#fff1d7;line-height:1;font-size:clamp(22px,3.2vw,31px)}.hub-subtitle{margin-top:6px;color:#f4d7e9;font-size:12px;line-height:1.2}.hub-header-actions{align-self:start;align-items:center}.hub-header-actions .icon-button{min-width:34px;min-height:34px;background:#2d173e;border:2px solid #e8b2e9}.hub-tabs{margin:0;padding:11px 18px 0;gap:7px;background:#211230}.hub-tabs .mode-button{flex:none;min-width:92px;padding:8px 12px;border-color:#8e60a5;background:#342049;color:#ebd6ee;transition:background .12s steps(2,end),transform .12s steps(2,end)}.hub-tabs .mode-button:hover{background:#5b3275;transform:translateY(-2px)}.hub-tabs .mode-button.active{background:#73408b;color:#fff1c5;border-color:#ffc48c;box-shadow:inset 0 -3px #c3799f}.hub-content{max-height:min(630px,calc(100dvh - 165px));padding:17px 20px 20px;background:radial-gradient(circle at 95% 0%,#34204a 0,#1a1029 38%,#170d24)}.hub-intro{position:relative;padding:15px 17px;margin-bottom:15px;border:2px solid #a46ab9;border-left:5px solid #ffbf87;background:linear-gradient(105deg,#3d2356,#291837);box-shadow:3px 3px #0f0819}.hub-intro:after{content:"✦";position:absolute;right:14px;top:13px;color:#dd99d8;font-size:23px}.hub-intro small{display:block;color:#ffc788;letter-spacing:.13em;font-size:10px}.hub-intro h3{margin:2px 0!important;color:#fff0d4;font-size:21px}.hub-intro p{margin:4px 0 0;color:#e8d0e9;font-size:13px;line-height:1.35}.hub-empty{display:grid;justify-items:center;gap:6px;grid-column:1 / -1;padding:26px 14px;border:2px dashed #82569a;background:#281935;text-align:center}.hub-empty-icon{color:#ffc88d;font-size:30px;line-height:1}.hub-empty strong{color:#fff0d7;font-size:17px}.hub-empty p{max-width:370px;margin:0 0 7px;color:#d9bfdf;font-size:13px;line-height:1.35}.hub-empty button{min-height:36px;padding:7px 14px;border:2px solid #ffe0a6;background:#ffbd82;color:#28142d}.item-info-dialog{padding:0;background:#1b1029}.item-info-head{align-items:center;padding:17px 18px;border-bottom:3px solid #d895e6;background:linear-gradient(110deg,#44206e,#5d2a75 58%,#a04b7a)}.item-info-head h2{color:#fff1d7}.item-info-content{padding:18px}.item-info-preview{border-color:#aa73bf}.editor-dialog{background:#1b1029}.editor-header{margin:-18px -18px 13px;padding:16px 18px;border-bottom:3px solid #d895e6;background:linear-gradient(110deg,#44206e,#5d2a75 58%,#a04b7a)}.editor-header h2{color:#fff1d7}.color-picker-dialog{padding:0 14px 14px;background:#1b1029}.color-picker-header{margin:0 -14px 13px;padding:14px;border-bottom:3px solid #d895e6;background:linear-gradient(110deg,#44206e,#5d2a75 58%,#a04b7a)}.radio-source-dialog{background:#1b1029}.radio-source-dialog h2,.info-sign-dialog:not(.feedback-dialog) h2{color:#fff0d6;border-bottom:2px solid #ad78be;padding-bottom:9px}.info-sign-dialog:not(.feedback-dialog){background:linear-gradient(145deg,#2d1a42,#1b1029)}.hub-form{margin-top:0;padding:17px;border:2px solid #8856a8;background:linear-gradient(145deg,#2f1b43,#221332);box-shadow:3px 3px #11091d}.hub-form label{color:#ffd19c}.hub-form input:not([type=checkbox]):not([type=range]),.hub-form textarea,.hub-form select{min-height:37px;border-color:#a373bd;background:#160d24}.hub-form input[type=range]{min-height:24px}.hub-form button[type=submit],.hub-form .primary-button{justify-self:start;min-height:39px;background:#ffbd83;color:#28132f;border-color:#ffe0a9;padding:7px 16px}.hub-form .hub-note{margin:2px 0 8px;line-height:1.4}.hub-list{gap:9px}.hub-row{min-height:58px;padding:10px 12px;border-color:#8f62aa;background:linear-gradient(100deg,#392249,#2c1a3d);box-shadow:2px 2px #10091b;transition:border-color .12s steps(2,end),transform .12s steps(2,end)}.hub-row:hover{border-color:#e0a1d8;transform:translate(2px)}.hub-row .identity-button{color:#fff0df;font-size:15px}.hub-row .identity-button:hover{color:#ffe0a5}.hub-row>button:not(.identity-button),.hub-row .notice-row-actions button{min-height:34px}.backpack-block-card,.avatar-row{border-color:#9160ac;background:linear-gradient(145deg,#3a244e,#251630);box-shadow:2px 2px #10091b;transition:transform .12s steps(2,end),border-color .12s steps(2,end)}.backpack-block-card:hover,.avatar-row:hover{transform:translateY(-2px);border-color:#ffc78d}.backpack-block-card canvas{max-width:72px;max-height:72px}.profile-hub .hub-content{max-height:min(660px,calc(100dvh - 145px))}.profile-main{grid-template-columns:minmax(175px,210px) minmax(0,1fr) minmax(170px,200px);gap:12px}.profile-avatar-box,.profile-story,.profile-world,.profile-highlights{border-color:#9e6ab2;background:linear-gradient(145deg,#38234e,#241632);box-shadow:3px 3px #10091b}.profile-avatar-box{align-content:center;min-height:202px;padding:12px;background:linear-gradient(145deg,#31204a,#1d132c)}.profile-avatar-box canvas{display:block;width:128px;height:104px;outline:2px solid #755294;background:#1b1029;image-rendering:pixelated}.profile-fx-button{min-width:40px;min-height:34px;color:#28142d!important;background:#ffcb92!important;border-color:#ffe5b5!important}.profile-story{padding:13px}.profile-story label{font-size:11px;letter-spacing:.08em}.profile-story input,.profile-story textarea{padding:8px;border:2px solid #a174b8;background:#180e27;color:#fff1e3}.profile-story textarea{min-height:115px}.profile-world{padding:12px}.profile-world canvas{border-color:#bd87cc}.profile-highlights{margin-top:13px;padding:14px}.profile-highlights h3{color:#ffd09c}.profile-fx-options{width:min(450px,calc(100% - 20px));max-height:min(510px,calc(100dvh - 140px));left:244px;top:132px;overflow:auto;padding:0 0 14px;gap:0;border:3px solid #dda1e4;background:#20132f;box-shadow:6px 6px #0c0716;animation:pixelPopupOpen .25s steps(8,end) both}.profile-fx-head{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:13px 14px;background:linear-gradient(110deg,#512779,#904a7b);border-bottom:2px solid #bd84cd}.profile-fx-head small{display:block;color:#ffd4a5;font-size:9px;letter-spacing:.1em}.profile-fx-head strong{display:block;margin-top:3px;color:#fff2d6;font-size:20px}.profile-fx-head button{width:30px;height:30px;min-height:30px;padding:0;border:2px solid #e3b1eb;background:#291638;color:#fff5e8;font-size:22px}.profile-fx-options>p{margin:10px 14px;color:#dec5e4;font-size:12px;line-height:1.35}.profile-fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:3px 13px 12px}.profile-fx-choice{display:flex;align-items:center;gap:8px;min-width:0;min-height:72px;padding:5px!important;text-align:left;border:2px solid #80549c!important;background:#332045!important;transition:transform .12s steps(2,end),border-color .12s steps(2,end)}.profile-fx-choice:hover:not(:disabled),.profile-fx-choice:focus-visible{transform:translateY(-2px);border-color:#efb4e8!important}.profile-fx-choice[aria-pressed=true]{border-color:#ffd091!important;background:#5c326e!important;box-shadow:inset 0 0 0 2px #a2609e}.fx-choice-copy{display:grid;gap:2px;min-width:0}.fx-choice-copy strong{color:#fff3df;font-size:12px}.fx-choice-copy small{color:#d9b9dd;font-size:9px;line-height:1.2}.fx-thumbnail{position:relative;display:block;flex:0 0 66px;height:58px;overflow:hidden;border:1px solid #8860a4;background:linear-gradient(#62368d 0,#c34ba8 74%,#261534 75%)}.fx-thumbnail-figure{position:absolute;left:29px;bottom:9px;width:7px;height:24px;background:#f9e8db;box-shadow:-5px 13px 0 -2px #f9e8db,5px 13px 0 -2px #f9e8db}.fx-thumbnail-figure:before{content:"";position:absolute;left:-2px;top:-8px;width:11px;height:10px;background:#f9e8db}.fx-ghost-trail .fx-thumbnail-figure{box-shadow:-10px 0 #ba9ad0aa,-19px 0 #ba9ad088,-28px 0 #ba9ad055}.fx-dust-trail:after{content:"▪  ▪ ▫ ▪";position:absolute;left:2px;bottom:7px;color:#ffd0a3;font-size:14px}.fx-speed-trail:after{content:"";position:absolute;left:4px;top:19px;width:27px;height:29px;background:#ffb86b88;border-top:3px solid #fff1c4;box-shadow:0 0 9px #ffb86b}.profile-fx-colors{margin:0 13px;padding:11px;display:grid;gap:8px;border:2px solid #8d5da4;background:#291a3a}.profile-fx-colors[hidden]{display:none}.profile-fx-colors strong{color:#ffce9b;font-size:13px}.profile-fx-colors select{width:100%;min-height:34px;background:#190e2a;border:2px solid #ab77c1;color:#fff0df}.profile-fx-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.profile-fx-swatch{display:block;min-width:0;height:27px;padding:0!important;border:2px solid #39234c!important}.profile-fx-swatch[aria-pressed=true]{outline:2px solid #fff2bb;outline-offset:1px}.shop-hub .hub-shell{grid-template-columns:174px minmax(0,1fr)}.shop-hub .shop-tabs{margin:0;padding:14px 8px;gap:8px;border-right:2px solid #8d5eaa}.shop-hub .shop-tabs button{min-height:39px}.shop-hub .hub-content{min-width:0;padding:18px}.shop-content h4{font-size:15px;letter-spacing:.08em}.shop-card{border-color:#9e6bb1;background:linear-gradient(135deg,#3b2450,#21152e)}.token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.token-card{display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;padding:13px 10px;border:3px solid #ac75c4;background:linear-gradient(150deg,#533073,#29183d 58%,#20142e);box-shadow:4px 4px #10081b;text-align:center;transition:transform .14s steps(3,end),border-color .14s steps(3,end)}.token-card:hover{transform:translateY(-4px);border-color:#ffcf8f}.token-card.featured{border-color:#ffbd83;background:linear-gradient(150deg,#67427d,#42264b 58%,#281735)}.token-card-badge{color:#ffd29d;font-size:10px;letter-spacing:.08em}.token-card-art{display:grid;place-items:center;width:100%;height:83px}.token-card-art img{display:block;width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #ffca77) drop-shadow(0 0 8px #b770e8)}.token-card strong{color:#fff4ce;font-size:clamp(27px,3vw,38px);line-height:1}.token-card-label{color:#ffe0ae;font-size:12px;letter-spacing:.1em}.token-card-price{display:block;width:100%;margin:9px 0 3px;padding-top:10px;border-top:1px dashed #ab78b5;color:#fff0e0;font-size:18px}.token-card button{width:100%;min-height:39px;padding:6px;border:2px solid #ffdfa3!important;background:#ffbd82!important;color:#28142d!important;font-size:11px!important}.token-card button:disabled{background:#715277!important;border-color:#b995b9!important;color:#f2dcee!important}.token-footnote{margin:15px 0 0!important;color:#cbb3d6;font-size:11px}@media(max-width:700px){.hub-header{grid-template-columns:39px minmax(0,1fr) auto;gap:9px;padding:12px}.hub-icon{width:38px;height:38px;font-size:22px}.hub-header h2{font-size:21px}.hub-subtitle{font-size:10px}.hub-tabs{padding:7px 10px 0}.hub-content{padding:11px;max-height:calc(100dvh - 128px)}.profile-main{grid-template-columns:minmax(112px,35%) minmax(0,1fr)}.profile-avatar-box{min-height:158px}.profile-avatar-box canvas{width:64px;height:52px}.profile-world{grid-column:1 / -1}.profile-fx-options{left:8px!important;top:230px!important;width:calc(100% - 16px);max-height:calc(100dvh - 310px)}.shop-hub .hub-shell{grid-template-columns:108px minmax(0,1fr)}.shop-hub .shop-tabs{padding:8px 4px}.shop-hub .hub-content{padding:10px}.token-grid{grid-template-columns:1fr}.token-card-art{height:72px}}@media(max-width:400px){.profile-main{grid-template-columns:1fr}.profile-avatar-box{min-height:138px}.profile-avatar-box canvas{width:128px;height:104px}.profile-fx-grid{grid-template-columns:1fr}.profile-fx-options{top:210px!important;max-height:calc(100dvh - 290px)}}@media(prefers-reduced-motion:reduce){.hub-row,.backpack-block-card,.avatar-row,.token-card,.hub-tabs .mode-button,.profile-fx-choice,.profile-fx-options{transition:none;animation:none}}.side-tabs-hub{width:min(1080px,calc(100vw - 24px))}.side-tabs-hub .hub-shell,.side-tabs-hub.shop-hub .hub-shell{display:grid;grid-template-columns:152px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:0}.side-tabs-hub .hub-header{grid-column:1 / -1}.side-tabs-hub .hub-tabs,.side-tabs-hub.shop-hub .shop-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:7px;margin:0;padding:15px 9px;min-width:0;border-right:3px solid #9f68b8;background:linear-gradient(#281737,#190e28)}.side-tabs-hub .hub-tabs .mode-button,.side-tabs-hub.shop-hub .shop-tabs button{width:100%;min-width:0;min-height:43px;padding:8px 9px;text-align:left;white-space:normal;line-height:1.15;font-size:12px}.side-tabs-hub .hub-tabs .mode-button.active{border-left:5px solid #ffca8c}.side-tabs-hub .hub-content,.side-tabs-hub.shop-hub .hub-content{grid-column:2;grid-row:2;min-width:0;max-height:min(630px,calc(100dvh - 123px));padding:18px}.side-tabs-hub .hub-content:focus-visible{outline-offset:-4px}.manifestor-tesseract{width:32px;height:32px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 0 5px #ba7df8) drop-shadow(0 0 3px #fff3d0)}.manifestor-heading-copy{display:flex;align-items:center;gap:7px}.color-picker-controls{position:relative;z-index:5}.color-picker-bulb canvas{display:block;width:32px;height:32px;image-rendering:pixelated}.color-palette-menu{position:absolute;z-index:8;top:calc(100% + 4px);left:0;display:grid;grid-template-columns:repeat(4,40px);gap:5px;padding:7px;border:2px solid #e8acdc;background:#21122f;box-shadow:4px 4px #0d0716}.color-palette-menu[hidden]{display:none}.color-palette-menu button{display:grid;place-items:center;width:40px;height:40px;padding:2px;border:2px solid #805498;background:#372044}.color-palette-menu button[aria-pressed=true]{border-color:#ffd38d;background:#6d3d79}.color-palette-menu button:hover{border-color:#fff3c8}.color-palette-menu canvas{width:32px;height:32px;image-rendering:pixelated}.hub-icon:disabled{opacity:1;cursor:default}.hub-icon:not(:disabled){cursor:pointer}.hub-icon:not(:disabled):hover,.hub-icon:not(:disabled):focus-visible{border-color:#fff6cf;background:#563278;box-shadow:0 0 0 2px #d58df0,3px 3px #1a0d2c}.hub-icon canvas{display:block;width:32px;height:32px;image-rendering:pixelated}.profile-icon-editor .editor-tools>label,.profile-icon-editor .editor-tools>.tool-label,.profile-icon-editor #itemName,.profile-icon-editor #itemKind,.profile-icon-editor #creationProperties,.profile-icon-editor #avatarPresets{display:none!important}@media(max-width:700px){.side-tabs-hub .hub-shell,.side-tabs-hub.shop-hub .hub-shell{grid-template-columns:106px minmax(0,1fr)}.side-tabs-hub .hub-tabs,.side-tabs-hub.shop-hub .shop-tabs{padding:7px 4px;gap:5px}.side-tabs-hub .hub-tabs .mode-button,.side-tabs-hub.shop-hub .shop-tabs button{min-height:39px;padding:6px 4px;font-size:10px}.side-tabs-hub .hub-content,.side-tabs-hub.shop-hub .hub-content{padding:9px;max-height:calc(100dvh - 105px)}}@media(any-pointer:coarse)and (max-width:1400px){.icon-rail{top:auto;right:auto;bottom:calc(173px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));flex-direction:row}}@media(any-pointer:coarse)and (max-width:1400px)and (orientation:portrait){.icon-rail{top:auto;bottom:calc(190px + env(safe-area-inset-bottom));max-width:calc(100vw - 15px);gap:3px}.icon-rail button{width:min(38px,calc((100vw - 32px) / 6));min-width:0}}.workshop-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:14px 0 10px}.workshop-details>div{min-width:0;display:grid;gap:6px}.workshop-details label{color:#e5c9ef;font-size:12px}.workshop-details input,#itemKindButton,#itemTypeButton{width:100%;min-height:40px;padding:9px;border:2px solid #9b67bd;background:#160c25;color:#fff0d8;font-size:12px}#itemKindButton,#itemTypeButton{text-align:left;cursor:pointer}.item-kind-dialog{width:min(580px,calc(100vw - 24px));padding:18px;background:#1b102a;border:3px solid #ce85df;color:#fff0d8}.item-kind-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.item-kind-heading h2{margin:0}.item-kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-kind-grid button{min-height:62px;padding:12px 8px;background:#38204e;border:2px solid #9b67bd;color:#fff0d8;cursor:pointer}.item-kind-grid button:hover,.item-kind-grid button[aria-pressed=true]{border-color:#ffc284;background:#63377c}.item-kind-grid button:disabled{opacity:.45;cursor:not-allowed}.workshop-details button:focus-visible,.item-kind-grid button:focus-visible{outline:3px solid #ffd17e;outline-offset:2px}.profile-icon-editor .workshop-details{display:none}@media(max-width:600px){.workshop-details{grid-template-columns:1fr 1fr;gap:8px}.workshop-details>div:first-child{grid-column:1 / -1}#itemKindButton,#itemTypeButton{font-size:10px}}.instrument-dialog{width:min(1120px,96vw);max-width:96vw;padding:20px;color:#fff6e4;background:#1b102b;border:2px solid #a86dca;box-shadow:0 16px 70px #0009}.instrument-dialog::backdrop{background:#130b2088}.instrument-heading,.instrument-toolbar{display:flex;align-items:center;gap:12px}.instrument-heading{justify-content:space-between;margin-bottom:18px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.instrument-heading.dragging{cursor:grabbing}.instrument-heading h2{margin:0;font-size:20px}.instrument-toolbar{flex-wrap:wrap;margin-bottom:18px;font-size:12px}.instrument-toolbar button,.instrument-heading button{min-width:36px;min-height:34px;border:2px solid #a48bb8;background:#583f5e;color:#fff6e4;cursor:pointer}.instrument-toolbar button:hover,.instrument-heading button:hover{background:#684a78;border-color:#f5ba7e}.instrument-toolbar button:disabled{opacity:.4;cursor:default}.instrument-toolbar output{min-width:32px;text-align:center;font-size:18px;color:#ffd17e}.instrument-toolbar [role=status]{margin-left:auto}.instrument-keys{position:relative;height:190px;border:2px solid #a48bb8;background:#231c34;-webkit-user-select:none;user-select:none}.instrument-keys .piano-key{position:absolute;top:0;margin:0;padding:0 0 12px;min-width:0;min-height:0;border-radius:0 0 3px 3px;display:flex;align-items:flex-end;justify-content:center;font-family:monospace;font-size:13px;text-transform:none}.instrument-keys .white{width:calc(100% / 36);height:100%;z-index:1;color:#231c34;background:#fff6e4;border:1px solid #684a78}.instrument-keys .black{width:calc(100% / 36 * .64);height:62%;z-index:2;color:#fff6e4;background:#231c34;border:1px solid #a48bb8}.instrument-keys .piano-key.pressed{background:#f5ba7e;color:#231c34;box-shadow:inset 0 0 12px #c26c33}.instrument-hint{font-size:11px;color:#d8cad4;margin:16px 0 8px}.instrument-dialog>a{font-size:10px;color:#a48bb8}@media(max-width:850px){.instrument-dialog{padding:12px}.instrument-keys{height:155px}.instrument-keys .piano-key{font-size:10px}}.avatar-emote-bar{position:fixed;z-index:70;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;max-width:min(540px,calc(100vw - 16px));padding:8px;border:2px solid #bd79d4;background:#21132fee;box-shadow:0 5px #10091b99;overflow-x:auto;pointer-events:auto}.avatar-emote-bar[hidden],.emote-options[hidden],.emote-frame-row[hidden]{display:none}.avatar-emote-bar>span{white-space:nowrap;font-size:12px}.avatar-emote-bar>button{flex:0 0 68px;display:grid;justify-items:center;padding:4px;color:#fff0d8;background:#523064;border:1px solid #bd79d4}.avatar-emote-bar>button span{font-size:9px;max-width:62px;overflow:hidden;text-overflow:ellipsis}.avatar-emote-bar canvas,.emote-manager-row canvas{image-rendering:pixelated;width:30px;height:40px}.avatar-emote-bar small{flex:0 0 120px;font-size:9px;color:#edc9fa}.avatar-emote-manager{width:min(520px,calc(100vw - 24px));max-height:80vh;overflow-y:auto;padding:16px;background:#21132f;color:#fff0d8;border:2px solid #bd79d4}.avatar-emote-manager h2{font-size:18px}.avatar-emote-manager p{font-size:11px;line-height:1.5}.emote-id-form{display:flex;gap:8px;margin:12px 0}.emote-id-form input{min-width:0;flex:1}.emote-manager-list{display:grid;gap:6px}.emote-manager-row{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #835099;padding:6px}.emote-manager-row>span{flex:1;overflow-wrap:anywhere}.emote-options{position:absolute;right:8px;top:8px;z-index:2;padding:5px;border:2px solid #bd79d4;background:#311c42}.emote-frame-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.mobile-emote{width:38px;height:38px;min-width:38px;padding:0;font-size:23px;color:#fff0d8;background:#523064dd;border:2px solid #bd79d4;touch-action:manipulation}#desktopEmote{pointer-events:auto;margin-left:10px;padding:4px 8px;font-size:10px;color:#fff0d8;border:1px solid #bd79d4;background:#523064}.avatar-emote-manager button,.emote-frame-row select{background:#523064;color:#fff0d8;border:2px solid #aa70c2;padding:6px 10px;cursor:pointer}.avatar-emote-manager input{background:#120b20;color:#fff0d8;border:2px solid #835099;padding:8px}.avatar-emote-manager button:hover,.avatar-emote-bar button:hover{background:#77428e}.mobile-emote svg{width:25px;height:25px;display:block;margin:auto}