:root{font-family:Trebuchet MS,ui-rounded,system-ui,sans-serif;color:#fff0d1;background:#120e17;font-synthesis:none}[hidden]{display:none!important}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit;cursor:pointer}body{margin:0;min-height:100dvh;overflow:hidden;background:#120e17}#app,#game-shell,#game{width:100%;height:100dvh}#game-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3f2d46,#17121d 72%)}#game{position:absolute;inset:0;touch-action:none}#game canvas{display:block}.topbar{position:absolute;z-index:20;top:max(12px,env(safe-area-inset-top));left:108px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.topbar button,.topbar #status{pointer-events:auto;border:1px solid #755a7e;background:linear-gradient(#33263b,#211827);box-shadow:inset 0 1px #9f79a633,0 5px 16px #0b071080}.brand{height:58px;min-width:282px;padding:7px 12px 7px 8px;border-radius:14px;display:flex;align-items:center;gap:10px;text-align:left}.brand-mark,.join-icon{display:grid;place-items:center;color:#1a271d;background:#b8ee6c;border:2px solid #d9ff9f;box-shadow:0 0 18px #b8ee6c55}.brand-mark{width:39px;height:39px;border-radius:10px;font-size:20px}.brand span:nth-child(2){display:grid;gap:2px;flex:1}.brand small,.panel-head small,.eyebrow{color:#b8ee6c;font-weight:900;letter-spacing:.12em;font-size:9px}.brand strong{font-size:13px;letter-spacing:.04em}.brand b{color:#a890ae}.top-actions{display:flex;gap:7px;align-items:center}.top-actions button{height:43px;min-width:43px;border-radius:12px;font-size:18px}.top-actions button b{margin-left:4px;font-size:12px}.top-actions #status{border-radius:999px;padding:8px 11px;font-size:11px;color:#cdbbd1}.rail{position:absolute;z-index:21;left:14px;top:max(13px,env(safe-area-inset-top));display:grid;gap:9px;padding:8px;border:1px solid #674f70;border-radius:17px;background:#211827ef;box-shadow:0 8px 30px #09060dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rail button{width:70px;height:68px;border:1px solid transparent;border-radius:13px;background:transparent;display:grid;place-items:center;align-content:center;gap:3px;color:#a993b0}.rail button span{font-size:25px;line-height:1}.rail button small{font-weight:900;font-size:8px;letter-spacing:.08em}.rail button:hover,.rail button.active{color:#d9ff9f;border-color:#66895e;background:linear-gradient(#314235,#26332b);box-shadow:inset 0 1px #b8ee6c33}.panel{position:absolute;z-index:19;top:84px;right:16px;width:254px;max-height:calc(100% - 180px);overflow:hidden;border:1px solid #755a7e;border-radius:16px;background:#211827ed;box-shadow:0 12px 40px #09060dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(calc(100% + 30px));opacity:0;transition:.22s ease}.panel.open{transform:none;opacity:1}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;border-bottom:1px solid #48354f}.panel-head h2{margin:2px 0 0;font-size:15px}.panel-head button,.log-title button{border:0;background:transparent;color:#bca8c1;font-size:22px}#people{padding:8px;display:grid;gap:6px;overflow-y:auto}.person{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #423249;border-radius:11px;background:#2a2030}.portrait{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:#17121d;font-weight:900;font-size:14px;box-shadow:inset 0 -4px #0002}.person-info{min-width:0;flex:1}.person strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px}.person small{color:#9a879f;font-size:9px}.online-dot,.pulse{width:7px;height:7px;border-radius:50%;background:#9fe85c;box-shadow:0 0 8px #9fe85c}.panel-foot{display:flex;gap:7px;align-items:center;padding:10px 13px;border-top:1px solid #48354f;color:#9e8aa4;font-size:10px}#chat-dock{position:absolute;z-index:22;bottom:max(16px,env(safe-area-inset-bottom));left:50%;width:min(650px,calc(100% - 220px));transform:translate(-50%);display:flex;gap:7px}#chat-dock>button,#chat-form{height:51px;border:1px solid #765a7e;background:#211827ef;box-shadow:0 8px 25px #09060dbb,inset 0 1px #fff1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#chat-dock>button{width:51px;flex:0 0 51px;border-radius:15px;font-weight:900}#chat-form{flex:1;display:flex;border-radius:15px;padding:5px}#chat{width:100%;min-width:0;border:0;outline:0;padding:0 12px;color:#fff0d1;background:transparent}#chat::placeholder{color:#8f7d95}#chat-form button{width:41px;border:0;border-radius:11px;color:#1d2a1f;background:#b8ee6c;font-weight:900}#chat-log{position:absolute;z-index:24;left:105px;bottom:80px;width:min(350px,calc(100% - 125px));height:270px;display:grid;grid-template-rows:auto 1fr;border:1px solid #755a7e;border-radius:15px;background:#211827f5;box-shadow:0 12px 35px #09060ddd;transform:translateY(25px);opacity:0;pointer-events:none;transition:.2s ease}#chat-log.open{transform:none;opacity:1;pointer-events:auto}.log-title{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #493550;font-size:12px}#messages{min-height:0;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.message{padding:8px 10px;border-radius:10px;background:#302337;color:#dfcfdf;font-size:11px;overflow-wrap:anywhere}.message.system{padding:2px 4px;color:#b8ee6c;background:transparent;font-style:italic}.hint{position:absolute;z-index:10;bottom:78px;left:50%;transform:translate(-50%);color:#d1bad299;font-size:10px;text-shadow:0 2px 4px #000;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(420px,calc(100% - 28px));border:1px solid #806087;border-radius:22px;padding:0;color:#fff0d1;background:linear-gradient(145deg,#30223a,#1d1623);box-shadow:0 30px 100px #000d,inset 0 1px #fff1}dialog::backdrop{background:#0d0911e8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#join-form{padding:30px;display:grid;gap:13px;text-align:center}.join-icon{width:60px;height:60px;margin:0 auto 4px;border-radius:17px;font-size:30px}#join-form h1{margin:0;font-size:27px;letter-spacing:-.04em}#join-form p{margin:0 0 8px;color:#b4a0ba;font-size:13px;line-height:1.5}#join-form label{text-align:left;color:#cdb8d1;font-size:10px;font-weight:900;letter-spacing:.08em}#join-form input{width:100%;padding:13px;border:1px solid #624b6b;border-radius:11px;color:#fff0d1;background:#151019;outline:0}#join-form input:focus{border-color:#b8ee6c;box-shadow:0 0 0 3px #b8ee6c22}#join-form>button{margin-top:4px;padding:13px;border:0;border-radius:11px;color:#1c2a1f;background:#b8ee6c;font-weight:900}#join-form>button span{float:right}@media(max-width:760px){.topbar{left:76px;right:8px;top:max(7px,env(safe-area-inset-top))}.brand{min-width:0;width:190px;height:49px}.brand-mark{width:33px;height:33px}.brand strong{font-size:10px}.brand small{font-size:7px}.top-actions #status,.top-actions button:nth-of-type(1),.top-actions button:nth-of-type(3){display:none}.top-actions button{height:43px}.rail{left:7px;top:max(7px,env(safe-area-inset-top));padding:5px;gap:5px}.rail button{width:55px;height:55px}.rail button span{font-size:20px}.rail button small{font-size:6px}.panel{top:68px;right:8px;width:min(245px,calc(100% - 82px));max-height:calc(100% - 150px)}#chat-dock{left:72px;right:8px;width:auto;transform:none}.hint{display:none}#chat-log{left:72px;width:calc(100% - 80px);bottom:76px}}.auth-shell{padding:26px;display:grid;gap:12px;text-align:center}.join-icon{width:60px;height:60px;margin:0 auto 2px;border-radius:17px;font-size:30px}.auth-shell h1{margin:0;font-size:27px;letter-spacing:-.04em}.auth-shell form{display:grid;gap:9px;text-align:left}.auth-shell form p{margin:2px 0 8px;color:#b4a0ba;font-size:12px;line-height:1.5}.auth-shell label{color:#cdb8d1;font-size:9px;font-weight:900;letter-spacing:.08em}.auth-shell input{width:100%;padding:11px;border:1px solid #624b6b;border-radius:10px;color:#fff0d1;background:#151019;outline:0}.auth-shell input:focus{border-color:#b8ee6c;box-shadow:0 0 0 3px #b8ee6c22}.auth-shell form>button{margin-top:4px;padding:12px;border:0;border-radius:10px;color:#1c2a1f;background:#b8ee6c;font-weight:900}.auth-shell form>button span{float:right}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:11px;background:#17121d}.auth-tabs button{padding:8px 3px;border:0;border-radius:8px;background:transparent;color:#8e7995;font-size:9px;font-weight:900}.auth-tabs button.active{color:#1c2a1f;background:#b8ee6c}#auth-error{min-height:14px;color:#ff9ba9;font-size:10px}.avatar-picks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.avatar-picks label{display:block}.avatar-picks input{position:absolute;opacity:0}.avatar-picks span{display:block;padding:12px 5px;text-align:center;border:1px solid #624b6b;border-radius:9px;background:#211827}.avatar-picks input:checked+span{color:#1b271d;border-color:#b8ee6c;background:#b8ee6c}#avatar-studio{padding:10px}#avatar-studio>small{color:#a892ad;font-size:8px;font-weight:900;letter-spacing:.12em}#avatar-studio>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}#avatar-studio button{min-height:128px;padding:5px;border:1px solid #5f4768;border-radius:8px;background:#302338;font-size:8px;font-weight:900;display:grid;place-items:center;gap:3px;overflow:hidden}#avatar-studio button.active{color:#1b271d;border-color:#b8ee6c;background:#b8ee6c}.look-preview{display:block;width:70px;height:96px;background-repeat:no-repeat;background-size:420px 384px;background-position:0 0;image-rendering:pixelated}.look-preview.green{background-image:url(/assets/avatars/green-overshirt-walk.png)}.look-preview.lime{background-image:url(/assets/avatars/lime-braids-walk.png)}.look-preview.purple{background-image:url(/assets/avatars/purple-overshirt-walk.png)}.look-preview.coral{background-image:url(/assets/avatars/coral-braids-walk.png)}.topbar button,.topbar #status,.rail,.panel,#chat-dock>button,#chat-form,#chat-log{border-width:2px;border-color:#17101c #17101c #0d0911 #755a7e;border-radius:5px;background-color:#241a2b;background-image:linear-gradient(135deg,#ffffff06 25%,transparent 25%),linear-gradient(315deg,#ffffff04 25%,transparent 25%);background-size:8px 8px;box-shadow:inset 2px 2px #8a679033,inset -2px -2px #0006,4px 5px #09060db8;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{border-radius:5px}.brand-mark,.join-icon{border-radius:4px;box-shadow:inset 2px 2px #efffc0,inset -2px -2px #64843b,3px 3px #0c0910}.rail button{border-radius:3px}.rail button:hover,.rail button.active{border-width:2px;box-shadow:inset 2px 2px #8fbd72,inset -2px -2px #14291c}.person{border-width:2px;border-radius:3px;box-shadow:inset 1px 1px #ffffff0b}.portrait{border-radius:3px}.panel-head,.panel-foot,#avatar-studio,.log-title{border-color:#0f0b13}.auth-shell input,.auth-shell form>button,.auth-tabs,.auth-tabs button,.avatar-picks span,#avatar-studio button,#chat-form button{border-radius:3px}.auth-shell form>button,#chat-form button,.auth-tabs button.active,#avatar-studio button.active{box-shadow:inset 2px 2px #e7ffad,inset -2px -2px #658440,2px 2px #0d0a10}.hint{padding:4px 8px;color:#fff0d1;background:#17121dcc;border:1px solid #795d81}.wide-panel{width:min(430px,calc(100% - 120px))}#wallet{display:flex;gap:5px;pointer-events:auto}#wallet[hidden]{display:none}#wallet span{padding:8px 10px;border:2px solid #151018;background:#2d2233;color:#f3c56c;font-size:10px;box-shadow:inset 1px 1px #ffffff18}#wallet span+span{color:#b99cff}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;border-bottom:1px solid #100b13}.panel-tabs button{padding:8px;border:1px solid #523e59;background:#2f2435;color:#aa96af;font-size:8px;font-weight:900}.panel-tabs button.active{color:#172019;background:#b8ee6c;border-color:#dfffaa}.card-list,.shop-grid{padding:9px;max-height:420px;overflow:auto}.card-list{display:grid;gap:7px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.room-card,.inventory-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;border:2px solid #17101c;background:#302438;box-shadow:inset 1px 1px #ffffff10}.room-icon,.inventory-card>span{display:grid;place-items:center;width:42px;height:42px;color:#d9ff9f;background:#1d3228;border:2px solid #4b7155;font-size:22px}.room-card strong,.room-card small,.room-card em,.inventory-card strong,.inventory-card small{display:block}.room-card small,.inventory-card small{margin-top:3px;color:#b49fba;font-size:9px}.room-card em{margin-top:4px;color:#8fc96f;font-size:8px;font-style:normal}.room-card button,.inventory-card button,.shop-card button,#create-room-form button,#create-room-toggle{padding:7px;border:2px solid #52723e;background:#9ed65e;color:#172019;font-size:8px;font-weight:900;box-shadow:inset 1px 1px #e5ffb7,inset -1px -1px #587d38}.inventory-card button:disabled{color:#897a8e;border-color:#49394f;background:#28202d;box-shadow:none}.shop-card{display:grid;place-items:center;gap:5px;min-height:142px;padding:10px;text-align:center;border:2px solid #17101c;background:#302438;box-shadow:inset 1px 1px #ffffff10}.shop-card>span{display:grid;place-items:center;width:55px;height:48px;color:#d9ff9f;background:#1d3228;border:2px solid #4b7155;font-size:28px}.shop-card strong{font-size:10px}.shop-card small{color:#f3c56c;font-weight:900}.empty-state{grid-column:1/-1;padding:24px;text-align:center;color:#a792ad;font-size:10px}.empty-state.error{color:#ff9ba9}#create-room-form{display:grid;gap:7px;margin:0 9px 9px;padding:10px;border:2px solid #17101c;background:#302438}#create-room-form input,#create-room-form select{width:100%;padding:9px;border:1px solid #624b6b;background:#17121d;color:#fff0d1;font-size:10px}#create-room-toggle{width:100%}@media(max-width:760px){.wide-panel{width:calc(100% - 82px)}#wallet{display:none!important}.shop-grid{grid-template-columns:1fr}.card-list,.shop-grid{max-height:340px}.room-card{grid-template-columns:auto 1fr}.room-card button{grid-column:1/-1}}.look-preview.green{background-image:url(/assets/avatars/avatar-green-walk.png)}.look-preview.lime{background-image:url(/assets/avatars/avatar-lime-walk.png)}.look-preview.purple{background-image:url(/assets/avatars/avatar-purple-walk.png)}.look-preview.coral{background-image:url(/assets/avatars/avatar-coral-walk.png)}.look-preview.midnight{background-image:url(/assets/avatars/avatar-midnight-walk.png)}.look-preview.sunset{background-image:url(/assets/avatars/avatar-sunset-walk.png)}.look-preview{width:55px;height:75px;background-size:385px 600px;image-rendering:pixelated}