:root{--panel: rgba(28, 33, 40, .86);--tile: rgba(54, 60, 70, .92);--tile-hover: rgba(72, 80, 92, .96);--accent: #3ddbb9;--accent-dark: #22a98c;--text: #f7f9fb;--sub: #b7c2cd;--radius: 14px;font-family:Nunito,Trebuchet MS,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root,.app{margin:0;height:100%;overflow:hidden;background:#86c4ff}button{font:inherit;color:var(--text);background:var(--tile);border:0;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:700}button:hover{background:var(--tile-hover)}button.primary{background:var(--accent);color:#08352c}button.primary:hover{background:#5cf0d0}button:disabled{opacity:.6;cursor:default}input{font:inherit;color:var(--text);background:#00000059;border:2px solid transparent;border-radius:10px;padding:10px 12px;outline:none}input:focus{border-color:var(--accent)}.card{background:var(--panel);border-radius:var(--radius);box-shadow:0 6px 24px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.keycap{display:inline-block;min-width:24px;padding:1px 6px;margin-right:3px;border:2px solid rgba(255,255,255,.85);border-radius:6px;font-size:12px;font-weight:800;text-align:center;line-height:18px}.game{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;z-index:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hud button{pointer-events:auto}.island{position:absolute;top:16px;left:18px;display:flex;gap:12px;align-items:center;padding:10px 18px 10px 10px}.island .badge{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.island .title{font-size:20px;font-weight:800}.island .sub{font-size:13px;color:var(--accent);font-weight:700}.top-buttons{position:absolute;top:16px;right:18px;display:flex;gap:8px}.top-buttons button{background:var(--panel);padding:12px 14px;border-radius:var(--radius)}.crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffeb;box-shadow:0 0 0 1px #00000059}.crosshair:before{left:9px;top:0;width:2px;height:20px}.crosshair:after{top:9px;left:0;height:2px;width:20px}.prompt{position:absolute;left:50%;top:calc(50% + 90px);transform:translate(-50%);padding:10px 16px;font-weight:800}.toast{position:absolute;left:50%;top:calc(50% + 50px);transform:translate(-50%);font-weight:800;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.7);opacity:0;transition:opacity .25s;white-space:nowrap}.toast.show{opacity:1}.self-bubble{position:absolute;left:50%;top:18%;transform:translate(-50%);background:var(--panel);padding:8px 16px;border-radius:var(--radius);font-size:22px;font-weight:800}.hints{position:absolute;left:50%;bottom:128px;transform:translate(-50%);display:flex;gap:18px;padding:9px 18px;font-size:14px;font-weight:700;white-space:nowrap}.mode{position:absolute;left:18px;bottom:18px;padding:10px 14px;font-weight:700;font-size:14px}.hotbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:8px;padding:10px}.slot{position:relative;width:64px;height:90px;padding:4px 0 0;display:flex;flex-direction:column;align-items:center;background:transparent;border-radius:12px}.slot img{width:54px;height:54px;image-rendering:pixelated;padding:3px;border-radius:10px;background:var(--tile);border:3px solid transparent}.slot.selected img{border-color:var(--accent);background:var(--tile-hover);transform:scale(1.06)}.slot .num{position:absolute;top:6px;left:8px;font-size:11px;color:var(--sub);z-index:1}.slot .name{font-size:11px;margin-top:4px;white-space:nowrap}.slot:not(:has(img)):before{content:"";width:54px;height:54px;border-radius:10px;background:#363c4699}.label{display:flex;flex-direction:column;align-items:center;gap:6px;transform:translateY(-50%)}.nametag{display:flex;align-items:center;gap:6px;background:var(--panel);padding:4px 10px;border-radius:10px;font-weight:800;font-size:14px;white-space:nowrap}.nametag .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.bubble{position:relative;background:var(--panel);padding:6px 12px;border-radius:12px;font-weight:800;font-size:16px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}.bubble.emoji{font-size:30px;padding:4px 8px}.bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;transform:translate(-50%) rotate(45deg);z-index:-1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#0a141e40}.overlay.right{place-items:center end;padding-right:18px;background:transparent}.panel{padding:18px 20px;max-height:90vh;overflow:auto}.panel header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.panel h2{margin:0;font-size:24px}.panel .close{margin-left:auto}.panel footer{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.tabs{display:flex;gap:6px}.tab.active{background:var(--accent);color:#08352c}.coins{margin-left:auto;font-weight:800}.hint{color:var(--sub);margin:0 0 12px;font-size:14px}.shop{width:min(860px,94vw)}.shop .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.item{background:var(--tile);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.item img{width:64px;height:64px;image-rendering:pixelated}.item.owned{box-shadow:inset 0 0 0 2px var(--accent-dark)}.item-name{font-weight:800}.price{color:var(--accent);font-size:13px;font-weight:800}.item button{width:100%;margin-top:4px}.customize{width:min(980px,96vw)}.customize-body{display:flex;gap:18px}.preview{flex:0 0 300px;height:470px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#5c7ea3,#24303d);overflow:hidden}.rows{flex:1;display:flex;flex-direction:column;gap:8px;max-height:470px;overflow:auto;padding-right:6px}.row{display:grid;grid-template-columns:70px 170px 1fr;align-items:center;gap:10px;background:var(--tile);padding:8px 10px;border-radius:10px}.row-label{font-weight:800}.cycler{display:flex;align-items:center;gap:6px;grid-column:2}.cycler span{flex:1;text-align:center;font-weight:700}.cycler button{padding:4px 10px}.swatches{grid-column:3;display:flex;flex-wrap:wrap;gap:5px}.swatch{width:24px;height:24px;padding:0;border-radius:6px;border:2px solid rgba(255,255,255,.25)}.swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.social{display:flex;padding:0;width:470px;min-height:360px;overflow:hidden}.side-tabs{display:flex;flex-direction:column;gap:6px;padding:12px;background:#0003}.side-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:transparent;font-size:13px}.side-tab span{font-size:26px}.side-tab.active{background:var(--accent);color:#08352c}.social-content{flex:1;padding:14px}.emoji-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.emoji-grid button{font-size:34px;padding:14px 0}.messages{display:flex;flex-direction:column;gap:8px}.messages>button{text-align:left}.compose{display:flex;gap:6px;margin-top:6px}.compose input{flex:1;min-width:0}.emotes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.emotes button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px}.emotes .big{font-size:38px}.pause{width:min(720px,96vw);display:flex;flex-direction:column;gap:12px}.pause.wide{width:min(1120px,97vw)}.wide{width:100%;padding:12px;font-size:18px}.pause-row{display:flex;gap:8px}.pause-row button{flex:1}.setting{display:flex;align-items:center;gap:10px;background:var(--tile);border-radius:10px;padding:8px 12px}.setting span{flex:1;font-weight:700}.controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13px;color:var(--sub)}.join{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a3a5c,#1b2640 60%,#121a2e)}.join-card{width:min(460px,92vw);padding:28px;display:flex;flex-direction:column;gap:12px;text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:4px}.brand-icon{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.brand-word{height:64px;width:auto}.menu-logo{height:34px;width:auto}.join-card p{margin:0;color:var(--sub)}.error{color:#ffb4a8;font-weight:700}.hands{position:absolute;left:50%;bottom:178px;transform:translate(-50%);padding:8px 14px;font-weight:700;font-size:14px;white-space:nowrap}.hotbar.idle{opacity:.72}.slot .tool-icon{width:54px;height:54px;display:grid;place-items:center;font-size:30px;border-radius:10px;background:var(--tile);border:3px solid transparent}.slot.destroy.selected .tool-icon{border-color:#ff7a59;background:var(--tile-hover);transform:scale(1.06)}.slot.destroy:before{display:none}.build{width:min(900px,96vw)}.build h3{margin:16px 0 8px;font-size:18px}.build .count{font-size:13px;color:var(--sub);margin-left:6px}.hint.inline{margin:0}.build-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.bslot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;background:var(--tile);border:3px solid transparent;border-radius:12px;font-size:12px}.bslot.selected{border-color:var(--accent)}.bslot img{width:48px;height:48px;image-rendering:pixelated}.bslot .empty{width:48px;height:48px;display:grid;place-items:center;font-size:26px;color:var(--sub);border:2px dashed rgba(255,255,255,.25);border-radius:8px}.bslot .num{position:absolute;top:4px;left:7px;color:var(--sub);font-size:11px}.bslot .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bslot.destroy{border-color:#ff7a5999;cursor:default}.bslot .tool-icon{width:48px;height:48px;display:grid;place-items:center;font-size:30px}.bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:38vh;overflow:auto;padding:4px}.bag-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:13px}.bag-item img{width:52px;height:52px;image-rendering:pixelated}.bag-item.equipped{box-shadow:inset 0 0 0 2px var(--accent-dark)}.badge-slot{position:absolute;top:6px;right:8px;background:var(--accent);color:#08352c;border-radius:6px;padding:0 6px;font-size:12px}.empty-bag{display:flex;align-items:center;gap:12px;color:var(--sub);background:var(--tile);padding:14px;border-radius:12px}.active-tool{outline:2px solid var(--accent)}.app.touch,.app.touch *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app.touch input{-webkit-user-select:text;user-select:text}.look-area{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}.joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:26px;width:140px;height:140px;border-radius:50%;background:#141a2259;border:3px solid rgba(255,255,255,.55);pointer-events:auto;touch-action:none;display:grid;place-items:center}.joystick .knob{width:62px;height:62px;border-radius:50%;background:#f0f4f8d9;box-shadow:0 3px 10px #00000059;pointer-events:none}.touch-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:22px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:12px;align-items:end;justify-items:center;pointer-events:none}.touch-btn{pointer-events:auto;touch-action:none;width:84px;height:84px;border-radius:22px;background:var(--panel);border:3px solid rgba(255,255,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:30px;padding:0}.touch-btn span{font-size:13px}.touch-btn img{width:40px;height:40px;image-rendering:pixelated}.touch-btn:active{transform:scale(.94)}.touch-btn.small{width:62px;height:62px;font-size:22px;border-radius:18px}.touch-btn.small span{font-size:11px}.touch-btn.use.block{background:var(--accent);color:#08352c;border-color:#8ff5df}.touch-btn.use.destroy{border-color:#ff7a59}.touch-btn.jump{grid-column:2}.touch-btn.use{grid-column:1}@media (max-width: 900px),(max-height: 520px){.island{top:10px;left:10px;padding:6px 12px 6px 6px;gap:8px}.island .badge{width:34px;height:34px}.island .title{font-size:15px}.island .sub{font-size:11px}.top-buttons{top:10px;right:10px;gap:6px}.top-buttons button{padding:8px 10px;font-size:13px}.top-buttons .keycap{display:none}.hotbar{bottom:8px;gap:4px;padding:6px;max-width:calc(100vw - 420px);overflow-x:auto}.slot{width:42px;height:46px}.slot img,.slot .tool-icon,.slot:not(:has(img)):before{width:38px;height:38px;font-size:20px;border-width:2px}.slot .name{display:none}.slot .num{top:2px;left:4px;font-size:10px}.toast{font-size:15px;white-space:normal;text-align:center;width:80vw}.panel{padding:12px;max-height:94vh}.customize-body{flex-direction:column}.preview{flex:0 0 200px;height:200px}.row{grid-template-columns:60px 1fr}.swatches{grid-column:1 / -1}.build-slots{grid-template-columns:repeat(5,1fr)}.social{width:min(470px,96vw)}.hint.inline{display:none}}@media (max-width: 600px){.top-buttons button{font-size:0;padding:8px}.top-buttons button:first-letter{font-size:18px}.hotbar{max-width:calc(100vw - 24px);bottom:180px}}.session-timer{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:8px 16px;font-weight:800;font-size:18px}.reconnecting{position:absolute;top:70px;left:50%;transform:translate(-50%);padding:8px 16px;font-weight:700;color:#ffd27a}.session-ended{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#0a141e8c;pointer-events:auto}.session-ended .panel{width:min(380px,92vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.session-ended img{width:84px;height:84px}.session-ended h2{margin:0}.session-ended p{margin:0;color:var(--sub)}.join-advanced{display:flex;flex-direction:column;gap:8px;text-align:left}.join-advanced small{color:var(--sub);font-size:12px}button.link{background:transparent;color:var(--accent);padding:2px;font-weight:700;text-decoration:underline}button.link:hover{background:transparent;color:#7ff3da}.join-card.wide{width:min(720px,94vw);max-height:92vh;overflow:auto;text-align:left}.join-card.wide .brand{justify-content:flex-start}.join-card.wide .brand-icon{width:56px;height:56px}.join-card.wide .brand-word{height:40px}.entry-form{display:flex;flex-direction:column;gap:10px}.entry-form small,.muted{color:var(--sub);font-size:12px}.lobby{display:flex;flex-direction:column;gap:14px}.lobby section{display:flex;flex-direction:column;gap:8px}.lobby h3{margin:4px 0 0;font-size:16px;display:flex;align-items:center;gap:10px}.lobby-top{display:flex;gap:10px;align-items:center}.lobby-top input{flex:1}.row-form{display:flex;gap:8px;flex-wrap:wrap}.row-form input{flex:1;min-width:160px}select{font:inherit;color:var(--text);background:#00000059;border:0;border-radius:10px;padding:10px}.room-list{display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow:auto;padding:2px}.room-card{display:flex;align-items:center;gap:12px;background:var(--tile);border-radius:12px;padding:10px 12px}.room-card.full{opacity:.6}.room-main{flex:1;min-width:0}.room-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-id{font-size:11px;color:var(--sub);font-family:ui-monospace,monospace}.room-count{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;font-weight:700;white-space:nowrap}.room-count .dots{display:flex;gap:3px}.room-count .dots i{width:8px;height:8px;border-radius:50%;background:#fff3}.room-count .dots i.on{background:var(--accent)}.created{display:flex;flex-direction:column;gap:8px;background:#3ddbb91f;border:1px solid var(--accent-dark);border-radius:12px;padding:12px}.room-full-id{font-family:ui-monospace,monospace;background:#00000059;padding:8px;border-radius:8px;-webkit-user-select:all;user-select:all;word-break:break-all}.steps{margin:0;padding-left:20px;color:var(--sub);font-size:13px;display:flex;flex-direction:column;gap:4px;text-align:left}.steps a{color:var(--accent)}.snippet{position:relative;background:#0006;border-radius:10px;padding:10px;text-align:left}.snippet pre{margin:0;font-size:11px;line-height:1.4;white-space:pre-wrap;word-break:break-all;color:#cfe;font-family:ui-monospace,monospace}.snippet button{position:absolute;top:6px;right:6px;padding:4px 10px;font-size:12px}textarea{font:12px ui-monospace,monospace;color:var(--text);background:#00000059;border:2px solid transparent;border-radius:10px;padding:10px;outline:none;resize:vertical}textarea:focus{border-color:var(--accent)}.invite-badge{display:flex;align-items:center;gap:6px;background:var(--panel);border:2px solid var(--accent);padding:3px 10px 3px 6px;border-radius:12px;font-size:22px;animation:bob 1.6s ease-in-out infinite}.invite-badge span{font-size:12px;font-weight:800}@keyframes bob{50%{transform:translateY(-4px)}}.mg-prompt{cursor:pointer;pointer-events:auto}.games-panel{width:min(560px,94vw)}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.game-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--tile);border-radius:12px}.game-actions{display:flex;gap:6px;margin-top:6px}.game-actions button{padding:6px 12px}.game-card small{color:var(--sub)}.game-icon{font-size:36px}.game-icon.big{font-size:56px}.invite-status{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.lobby-members{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.lobby-members li{background:var(--tile);padding:4px 10px;border-radius:8px;font-weight:700}.mg-float{position:absolute;top:90px;left:50%;transform:translate(-50%);padding:14px 18px;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:auto;z-index:2}.mg-board-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center start;padding-left:max(16px,3vw);pointer-events:none;z-index:2}.mg-panel{pointer-events:auto;width:min(460px,94vw);display:flex;flex-direction:column;gap:10px}.mg-players{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mg-chip{border:2px solid;border-radius:10px;padding:4px 10px;font-weight:800;font-size:14px;background:var(--tile)}.mg-chip.turn{box-shadow:0 0 0 3px #3ddbb959}.mg-status{text-align:center;background:var(--tile);border-radius:10px;padding:8px;font-weight:800}.mg-status.mine{background:#3ddbb938}.mg-status small{display:block;font-weight:600;color:var(--sub)}.ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(300px,70vw);margin:0 auto}.ttt-cell{aspect-ratio:1;font-size:54px;line-height:1;padding:0;background:#0000004d;border:2px solid rgba(255,255,255,.12)}.ttt-cell:disabled{opacity:1;cursor:default}.ttt-cell.win{background:#3ddbb940}.ttt .x{color:#3ddbb9;font-weight:900}.ttt .o{color:#ff7a6b;font-weight:900}.chess{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:min(400px,86vw,60vh);aspect-ratio:1;margin:0 auto;border-radius:6px;overflow:hidden}.chess .sq{position:relative;padding:0;margin:0;border:0;border-radius:0;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;font-size:min(36px,5vh);line-height:1;display:grid;place-items:center}.chess .sq>span{line-height:1}.chess .light{background:#ecd8b3}.chess .dark{background:#a0703f}.chess .sq.last{box-shadow:inset 0 0 0 100px #ffe65059}.chess .sq.sel{box-shadow:inset 0 0 0 4px #3ddbb9}.chess .sq.check{box-shadow:inset 0 0 0 100px #e6282880}.chess .pw{color:#fff;text-shadow:0 0 2px #000,0 0 1px #000,0 1px 2px #000}.chess .pb{color:#1d1f24;text-shadow:0 0 1px #fff8}.chess .dot{position:absolute;width:26%;height:26%;border-radius:50%;background:#1478648c}.chess .cap{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:4px solid rgba(20,120,100,.65)}.ludo-wrap{display:flex;flex-direction:column;gap:10px;align-items:center}.ludo{position:relative;width:min(380px,86vw,58vh);aspect-ratio:1;background:#f4f4f4;border-radius:8px;overflow:hidden}.ludo-base{position:absolute;width:40%;height:40%;display:grid;place-items:center}.ludo-base div{width:66%;height:66%;background:#ffffffd9;border-radius:10px}.ludo-cell{position:absolute;width:6.666%;height:6.666%;border:1px solid #c9ccd1;box-sizing:border-box;display:grid;place-items:center;font-size:9px;color:#888}.ludo-center{position:absolute;left:40%;top:40%;width:20%;height:20%;background:conic-gradient(from -45deg,#43a047 0,#43a047 25%,#fbc02d 0,#fbc02d 50%,#1e88e5 0,#1e88e5 75%,#e53935 0)}.ludo-token{position:absolute;width:5.2%;height:5.2%;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 3px #00000073;transition:left .25s,top .25s}.ludo-token:disabled{opacity:1;cursor:default}.ludo-token.can{animation:glow .8s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 4px #ffffffe6}}.ludo-controls{display:flex;align-items:center;gap:12px}.dice{font-size:40px;line-height:1;background:#fff;color:#222;border-radius:10px;padding:0 6px}.rps-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:90px 0 24px;pointer-events:none;z-index:2}.rps-head{padding:8px 18px;font-weight:800}.rps-row{display:flex;gap:40px;margin-top:-30vh}.rps-card{pointer-events:auto;background:var(--panel);border-radius:14px;padding:10px;border:3px solid var(--accent);display:flex;flex-direction:column;gap:6px;align-items:center}.rps-card.theirs{border-color:#ff7a6b}.rps-name{font-weight:800;font-size:14px}.rps-choices{display:flex;gap:8px}.rps-choices button,.rps-choices .q{width:58px;height:58px;font-size:30px;display:grid;place-items:center;padding:0;background:var(--tile);border-radius:10px;font-weight:900}.rps-choices button.picked{outline:3px solid var(--accent)}.rps-big{font-size:58px;padding:0 40px}.rps-foot{pointer-events:auto;padding:10px 18px;display:flex;flex-direction:column;align-items:center;gap:4px}.rps-foot small{color:var(--sub)}.rotator{position:fixed;top:0;right:0;bottom:0;left:0}.rotator>*{height:100%}@media (orientation: portrait){.rotator{inset:auto;top:0;left:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}}.playing-as{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--sub)}.playing-as b{color:var(--text)}.setting input{flex:1;min-width:0;padding:6px 10px}.world-time{position:absolute;top:86px;left:16px;padding:6px 12px;font-weight:800;font-size:14px;pointer-events:none}.room-settings{display:flex;flex-direction:column;gap:10px;background:#0000002e;border-radius:12px;padding:12px}.rs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 12px}.rs-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--sub);font-weight:700}.rs-grid select,.rs-grid input{width:100%}.rs-toggle{flex-direction:row!important;align-items:center;gap:8px!important}.animal-picks{display:flex;flex-wrap:wrap;gap:6px}.animal-pick{padding:4px 8px;border-radius:999px;background:var(--tile);font-size:13px;opacity:.45}.animal-pick.on{opacity:1;outline:2px solid var(--accent)}.room-summary{font-size:12px;color:var(--sub)}.seed-row{display:flex;gap:6px}.bookmark-box{display:flex;flex-direction:column;gap:6px;background:#3ddbb91f;border:1px solid var(--accent-dark);border-radius:12px;padding:10px 12px;text-align:left}.bookmarklet{display:inline-block;margin:4px 0 0 6px;padding:6px 12px;border-radius:10px;background:var(--accent);color:#0b2a24;font-weight:800;text-decoration:none;cursor:grab}details summary{cursor:pointer;text-align:left}.free-cam-hint{position:absolute;bottom:120px;left:50%;transform:translate(-50%);padding:6px 14px;font-size:13px;font-weight:700;pointer-events:none}.hud.free-cam .top-buttons button:not(.settings-btn),.hud.free-cam .crosshair,.hud.free-cam .prompt,.hud.free-cam .hints,.hud.free-cam .mode,.hud.free-cam .hotbar,.hud.free-cam .hands{display:none!important}.label,.label-fade{transition:opacity .25s ease,visibility .25s}.label-fade{opacity:0;visibility:hidden}.emoji-groups{max-height:46vh;overflow-y:auto;padding-right:4px}.emoji-group-title{margin:8px 0 4px;font-size:13px;color:var(--sub)}.conn-steps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.conn-steps li{display:flex;flex-direction:column;gap:2px;background:var(--tile);border-radius:10px;padding:6px 10px;font-size:13px}.conn-steps li small{color:var(--sub);word-break:break-all}.conn-steps li.fail{outline:1px solid #e0605a}.conn-steps li .hint{color:var(--text)}.menu-tabs{display:flex;gap:6px;margin:4px 0}.menu-tabs button{flex:1}.menu-tabs button.active{background:var(--accent);color:#0b2a24}.keymap{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow-y:auto;padding-right:4px;text-align:left}.keymap h3{margin:4px 0;font-size:14px;color:var(--sub)}.keymap-row{display:flex;align-items:flex-start;gap:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.keymap-keys{display:flex;gap:3px;flex-wrap:wrap;min-width:118px}.keymap-action{display:flex;flex-direction:column;font-size:13px}.keymap-action small{color:var(--sub);font-size:12px}.pause .pause-row{display:flex;gap:8px}.pause .pause-row button{flex:1}button.danger{background:#c94b45;color:#fff}button.danger:hover{background:#d95a53}.leave-confirm{display:flex;flex-direction:column;gap:6px;align-items:center;background:#c94b451f;border-radius:10px;padding:8px}.settings-groups{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow-y:auto;padding-right:4px;text-align:left}.settings-groups h3{margin:6px 0 2px;font-size:14px;color:var(--sub)}.island .island-clock{margin-top:2px;font-weight:700}.ring-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#080c142e}.quick-ring{position:absolute;left:50%;top:50%;width:0;height:0}.ring-track{position:absolute;left:-128px;top:-128px;width:256px;height:256px;border-radius:50%;border:10px solid rgba(20,26,36,.55);box-shadow:0 0 0 1px #ffffff14 inset;pointer-events:none}.ring-item{position:absolute;left:0;top:0;width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;background:var(--panel);border:2px solid rgba(255,255,255,.12);box-shadow:0 6px 18px #00000059;transition:transform .12s,border-color .12s}.ring-item:hover,.ring-item.sel{border-color:var(--accent);transform-origin:center;box-shadow:0 0 0 4px #3ddbb959,0 6px 18px #00000059}.ring-item.off{opacity:.4}.ring-icon{font-size:26px;line-height:1}.ring-label{font-size:11px;font-weight:800}.ring-item .keycap{transform:scale(.85)}.ring-center{position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:#141a24cc}.ring-center small{font-size:10px;color:var(--sub)}.hud-status{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.ring-center button{width:40px;height:40px;border-radius:50%;padding:0}.overlay.right>.panel{width:min(430px,42vw);max-height:88vh;margin-right:0}.customize-body{display:block}.ring-pointer{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #3ddbb9cc;pointer-events:none}.ring-center.sel{box-shadow:0 0 0 3px #ffffff59}.inventory .bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inventory .bag-grid .bslot{aspect-ratio:1}.inventory .item-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:34vh;overflow-y:auto;padding-right:4px}.inventory .item-row{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px}.inventory .item-row img{width:36px;height:36px;image-rendering:pixelated}.inventory h3 .count{font-size:12px;color:var(--sub);font-weight:600;margin-left:6px}.hotbar{transition:opacity .25s ease,transform .25s ease,visibility 0s}.hotbar.hidden{opacity:0;visibility:hidden;transform:translate(-50%,12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.hotbar .build-mode-tag{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;background:var(--panel);padding:2px 10px;border-radius:8px;white-space:nowrap}.client-version{margin-top:8px;text-align:center;font-size:11px;color:var(--sub);opacity:.8}.overlay.right>.panel{position:relative}.overlay.right>.panel>header{padding-right:44px}.overlay.right>.panel>header .close{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;border-radius:10px;font-size:16px;line-height:1;margin:0}body.free-look canvas{cursor:none}.server-switch{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;align-items:center;font-size:12px;color:var(--sub)}.server-switch code{font-size:11px}.server-switch button{font-size:12px;padding:4px 10px}.server-switch.trouble button{background:var(--accent);color:#0b2a24;font-weight:800}.overlay.right>.panel.social{display:flex;flex-direction:column;padding:0;min-height:0}.panel.social>header{display:flex;align-items:center;padding:12px 52px 10px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.panel.social>header h2{margin:0;font-size:18px}.social-body{display:flex;flex:1;min-height:0}.social-body .side-tabs{flex:0 0 auto}.social-body .social-content{flex:1;min-width:0;overflow-x:hidden}.social-content .emoji-groups{max-height:60vh;overflow-x:hidden;overflow-y:auto}.social-content .emoji-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}.social-content .emoji-grid button{min-width:0;font-size:28px;padding:10px 0}.settings-groups{gap:12px}.settings-groups section{background:var(--tile);border-radius:12px;padding:4px 14px 6px;border:1px solid rgba(255,255,255,.05)}.settings-groups section h3{margin:8px 0 4px;font-size:13px;letter-spacing:.02em;color:var(--sub)}.settings-groups section .setting{background:transparent;border-radius:0;padding:10px 0;margin:0;min-height:40px}.settings-groups section .setting+.setting,.settings-groups section .setting+.wide{border-top:1px solid rgba(255,255,255,.07)}.settings-groups section .setting button{flex:0 0 auto}.settings-groups section .setting input[type=range]{flex:1;min-width:80px}.settings-groups section .setting input:not([type]),.settings-groups section .setting input[type=text]{flex:1;min-width:0}.settings-groups section>button.wide{width:100%;margin:4px 0 8px;background:#ffffff0f}.settings-groups section>button.wide:hover{background:#ffffff1f}.touch-btn.interact{grid-column:1 / span 2;width:auto;height:62px;border-radius:18px;background:var(--accent);color:#08352c;border-color:#8ff5df;font-size:22px}.touch-btn.interact span{font-size:13px;font-weight:800}.panel.customize{display:flex;flex-direction:column;max-height:90vh}.style-tabs{display:flex;gap:6px;padding:2px 0 8px;overflow-x:auto}.style-tabs button{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:12px 12px 6px 6px;font-weight:800;font-size:13px;background:#ffffff0f}.style-tabs button span{font-size:20px;line-height:1}.style-tabs button.active{background:#2f8fe8;color:#fff;box-shadow:0 3px #1d6cbc}.style-body{overflow-y:auto;flex:1;min-height:0;padding-right:4px}.style-body section{margin-bottom:14px}.style-body h3{margin:4px 0 6px;font-size:14px;color:var(--sub)}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-tile{position:relative;aspect-ratio:1;padding:6px;border-radius:16px;background:linear-gradient(#45a6ff,#2f8fe8);border:3px solid transparent;box-shadow:0 4px #1d6cbc;display:grid;place-items:center}.style-tile:hover{filter:brightness(1.08)}.style-tile:active{transform:translateY(2px);box-shadow:0 2px #1d6cbc}.style-tile img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.style-tile.active{border-color:#ffe14d;box-shadow:0 4px #1d6cbc,0 0 0 3px #ffe14d59}.style-tile .tile-check{position:absolute;top:4px;right:6px;width:22px;height:22px;border-radius:50%;background:#ffe14d;color:#3a2a00;font-weight:900;font-size:13px;display:grid;place-items:center}.style-tile .tile-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.style-tile .tile-loading{width:60%;height:60%;border-radius:12px;background:#ffffff40;animation:tilePulse 1s ease-in-out infinite alternate}@keyframes tilePulse{0%{opacity:.4}to{opacity:.9}}.style-body .swatches{margin-top:8px}.customize-name{position:absolute;left:29%;bottom:7vh;transform:translate(-50%);min-width:160px;text-align:center;padding:10px 22px;border-radius:999px;background:#ffffffeb;color:#1f2a37;font-weight:800;font-size:18px;box-shadow:0 6px 18px #00000040;pointer-events:none;animation:namePop .25s ease-out}@keyframes namePop{0%{transform:translate(-50%,8px) scale(.92);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.overlay.right>.panel.customize{width:min(440px,44vw);height:min(720px,86vh);max-height:none}.style-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:10px}.style-tabs button{min-width:0;padding:6px 4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:12px}.style-tabs button span{font-size:18px}.style-body{flex:1 1 0;min-height:0;overflow-y:auto}.style-colour-title{margin-top:14px!important}.minimap{position:relative;width:168px;height:168px;padding:0;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.85);box-shadow:0 6px 18px #0000004d;background:#2f7fd6;pointer-events:auto;cursor:pointer}.minimap canvas{width:100%;height:100%;display:block}.minimap-n{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.hud.touch .minimap,body .touch-ui .minimap{width:120px;height:120px}@media (max-width: 900px),(max-height: 520px){.minimap{width:112px;height:112px;border-width:3px}.top-right-stack{top:10px;right:10px}}.bigmap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#080c1473}.bigmap{width:min(640px,92vw);display:flex;flex-direction:column;gap:10px;position:relative}.bigmap>header{display:flex;align-items:center;padding-right:44px}.bigmap>header .close{position:absolute;top:10px;right:10px}.bigmap canvas{width:100%;aspect-ratio:1;max-height:70vh;border-radius:14px;display:block}.bigmap-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;font-weight:700;color:var(--sub)}.bigmap-legend .lg{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px;margin-right:4px;border:1.5px solid rgba(0,0,0,.5)}.lg.you{background:#3ddbb9}.lg.player{background:#4aa3ff}.lg.bot{background:#c9ced6}.lg.game{background:#ffe14d}.lg-inv{color:#ffe14d;text-shadow:0 1px 2px rgba(0,0,0,.6);margin-right:2px}.top-right-stack{position:absolute;top:16px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.top-right-stack>*{pointer-events:auto}.top-right-stack .settings-btn{background:var(--panel);padding:12px 14px;border-radius:var(--radius)}.map-filters{display:flex;flex-wrap:wrap;gap:6px}.map-filters button{padding:6px 10px;border-radius:999px;font-size:13px;font-weight:800;background:#ffffff0f;opacity:.55}.map-filters button.on{background:#2f8fe8;color:#fff;opacity:1}.lg.animal{background:#f2b46c}.lg.flash{background:#fff;border-radius:2px}.map-info{padding:8px 12px;font-size:13px;font-weight:800;text-align:right;min-width:168px}.map-info .coords{font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums;margin-top:2px}.nav-chip{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:13px;font-weight:800;max-width:260px}.nav-chip .nav-arrow{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3ddbb9;color:#0b2a24;font-size:15px;transition:transform .12s linear}.nav-chip button{padding:2px 8px;border-radius:8px}@media (max-width: 900px),(max-height: 520px){.map-info{min-width:112px;font-size:11px;padding:6px 8px}.map-info .coords{font-size:10px}}.bigmap{width:min(900px,94vw)}.bigmap-main{display:flex;gap:12px;align-items:stretch}.bigmap-main canvas{flex:1 1 auto;min-width:0}.map-players{flex:0 0 230px;display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow-y:auto}.map-players h3{margin:2px 0 4px;font-size:14px}.map-players .count{font-size:12px;color:var(--sub);margin-left:4px}.map-player{display:flex;align-items:center;gap:6px;background:#ffffff0d;border-radius:10px;padding:4px}.map-player.you{padding:8px;gap:6px}.map-player.focus{outline:2px solid #ffe14d}.map-player .who{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:transparent;padding:4px 6px;text-align:left}.map-player .who b,.map-player.you b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-player .muted{margin-left:auto;font-size:12px;color:var(--sub)}.map-player .route{padding:4px 8px;font-size:12px;border-radius:8px;white-space:nowrap}.map-player .route.on{background:#c94b45;color:#fff}.lg.route{background:#3ddbb9;border-radius:2px;height:4px;width:16px;vertical-align:3px}@media (max-width: 700px){.bigmap-main{flex-direction:column}.map-players{flex-basis:auto;max-height:30vh}}.worldmap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#080c1480}.worldmap{width:94vw;height:90vh;display:flex;flex-direction:column;gap:12px;padding:16px 18px}.worldmap>header{display:flex;align-items:center;gap:14px}.worldmap>header h2{margin:0;font-size:22px}.worldmap-hint{margin-left:auto;font-size:13px;color:var(--sub)}.worldmap>header .close{position:static}.worldmap-body{flex:1;min-height:0;display:flex;gap:16px}.worldmap-canvas{position:relative;flex:1;min-width:0;border-radius:10px;overflow:hidden}.worldmap-canvas canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.worldmap-canvas canvas:active{cursor:grabbing}.worldmap-readout{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:6px;background:#0a0e16bf;color:#fff;font:700 12px ui-monospace,monospace;pointer-events:none}.worldmap-reset{position:absolute;right:10px;top:10px;width:34px;height:34px;padding:0;border-radius:8px;font-size:18px}.worldmap-side{flex:0 0 290px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.side-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:#ffffff0d}.side-card .side-count{font-size:16px}.side-card .muted{font-size:12px;color:var(--sub)}.side-card .coords{font-variant-numeric:tabular-nums}.side-title{margin:6px 0 2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}.map-player .sq{display:inline-block;width:13px;height:13px;border-radius:3px;flex:0 0 auto}.map-player .dist{font:700 12px ui-monospace,monospace;display:inline-flex;align-items:center;gap:4px}.map-player .dir{display:inline-block;font-size:11px}.map-player .route{width:34px;padding:4px 0}@media (max-width: 760px){.worldmap-body{flex-direction:column}.worldmap-side{flex-basis:auto;max-height:34vh}.worldmap-hint{display:none}}.map-row{display:flex;align-items:stretch;gap:8px;pointer-events:none}.map-row>*{pointer-events:auto}.map-row .map-info{min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:center}.map-row .settings-btn{display:grid;place-items:center}.side-card.picked{border:2px solid #ffe14d}.picked-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.picked-actions button{padding:6px 10px;border-radius:8px;font-size:13px}.pin-mode{padding:8px 10px;border-radius:10px;font-weight:800}.pin-mode.on{background:#ef4b4b;color:#fff}.worldmap-side .side-title .muted{text-transform:none;letter-spacing:0;font-weight:600}.overlay.right>.panel.customize.wardrobe{width:min(560px,50vw)}.wardrobe-body{display:flex;gap:10px;flex:1;min-height:0}.wardrobe-cats{flex:0 0 76px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.wardrobe-cats button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;background:transparent;color:var(--sub)}.wardrobe-cats button span{font-size:22px;line-height:1}.wardrobe-cats button.active{background:linear-gradient(#5fd068,#3a9e4f);color:#fff;box-shadow:0 3px #2b7a3a}.wardrobe .style-body{flex:1;min-width:0}.style-sec{display:flex;align-items:center;gap:8px;margin:10px 0 8px!important;font-size:13px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--text)!important}.style-sec:after{content:"";flex:1;height:1px;background:#ffffff1a}.style-sec .count{font-size:11px;padding:1px 7px;border-radius:999px;background:#ffffff1a;color:var(--sub)}.style-sec .colour-now{width:16px;height:16px;border-radius:4px;border:2px solid rgba(255,255,255,.6)}.wardrobe .style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wardrobe .style-tile{aspect-ratio:auto;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:14px;border:3px solid transparent;box-shadow:0 4px #00000059;background:#3a4150}.wardrobe .style-tile .tile-pic{display:grid;place-items:center;aspect-ratio:1;padding:6px}.wardrobe .style-tile .tile-name{padding:5px 4px 6px;font-size:12px;font-weight:800;color:#fff;background:#0a0e168c;border-top:3px solid var(--r);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wardrobe .style-tile.active{border-color:#8cf06a;box-shadow:0 4px #00000059,0 0 0 3px #8cf06a4d}.wardrobe .style-tile .tile-check{background:#5fd068;color:#fff}.style-tile.r-common{--r: #9aa1ab;background:linear-gradient(#4b5260,#343a46)}.style-tile.r-rare{--r: #5aa3ff;background:linear-gradient(#3f7fd6,#2a5aa6)}.style-tile.r-epic{--r: #b98cff;background:linear-gradient(#8e5bd6,#5f3aa0)}.style-tile.r-legendary{--r: #ffd45a;background:linear-gradient(#e2a33b,#a8721f)}.colour-group{margin:6px 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}.colour-picker .swatches{display:flex;flex-wrap:wrap;gap:6px}.colour-picker .swatch{width:30px;height:30px;border-radius:8px;box-shadow:0 3px #0000004d}.colour-picker .swatch.active{outline:3px solid #fff;outline-offset:-3px}.swatch.custom{position:relative;display:grid;place-items:center;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);color:#fff;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6);cursor:pointer}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.muted.small{font-size:12px;color:var(--sub);margin:0 0 8px}.paint-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.paint-tools button{padding:5px 9px;border-radius:8px;font-size:12px}.paint-tools button.on{background:#3a9e4f;color:#fff}.paint-guides{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--sub)}.paint-canvas{position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#2a2f3a 0,#2a2f3a 25%,#333947 0,#333947 50%) 0 0 / 16px 16px}.paint-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.paint-canvas canvas:nth-child(2){cursor:crosshair;touch-action:none}.paint-canvas .paint-guide{pointer-events:none}.upload-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.upload-preview{display:flex;align-items:center;gap:10px;margin-top:8px}.upload-preview img{width:128px;height:128px;image-rendering:pixelated;border-radius:8px;background:repeating-conic-gradient(#2a2f3a 0,#2a2f3a 25%,#333947 0,#333947 50%) 0 0 / 16px 16px}.weather-toggles{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.weather-toggles button{padding:6px 10px;border-radius:999px;font-size:13px;font-weight:800;opacity:.55}.weather-toggles button.on{background:#2f8fe8;color:#fff;opacity:1}.overlay.right>.panel.customize.wardrobe{height:min(900px,calc(100vh - 100px));max-height:none}.wardrobe-cats{overflow:visible;gap:2px}.wardrobe-cats button{padding:5px 2px;font-size:10px}.wardrobe-cats button span{font-size:20px}.wardrobe .style-tile{align-items:stretch;justify-items:stretch;place-items:stretch}.wardrobe .style-tile .tile-name{display:block;width:100%;box-sizing:border-box;text-align:center}.colour-panel{position:absolute;right:calc(min(560px,50vw) + 34px);bottom:50px;width:372px;max-height:60vh;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.colour-panel header{display:flex;align-items:center;gap:8px}.colour-panel header h3{margin:0;font-size:15px}.colour-now.big{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.7);margin-left:auto}.colour-tabs{display:flex;flex-wrap:wrap;gap:6px}.colour-tabs button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#ffffff0f}.colour-tabs button.active{background:#2f8fe8;color:#fff}.colour-tabs i{width:12px;height:12px;border-radius:3px;border:1.5px solid rgba(255,255,255,.7)}@media (max-width: 1100px){.colour-panel{right:12px;left:auto;bottom:auto;top:70px;width:min(340px,44vw);max-height:45vh}}.style-tile.outfit{position:relative;cursor:pointer}.outfit-actions{position:absolute;top:4px;left:4px;display:flex;gap:3px;opacity:0;transition:opacity .15s}.style-tile.outfit:hover .outfit-actions,.hud.touch~* .outfit-actions{opacity:1}@media (hover: none){.outfit-actions{opacity:1}}.outfit-actions button{width:24px;height:24px;padding:0;border-radius:6px;font-size:12px;background:#0a0e16b3}.outfit-input{border:0;outline:none;color:#fff;font:inherit}.style-tile.outfit-empty{background:#ffffff0a;border:2px dashed rgba(255,255,255,.25);box-shadow:none}.outfit-plus{font-size:34px;color:#ffffff80}.paint-tools button:disabled{opacity:.4}.paint-keys{font-size:11px;margin-left:auto}.upload-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.upload-head h3{margin:0;font-size:22px}.upload-head p{margin:2px 0 0}.upload-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(#5fd068,#3a9e4f);box-shadow:0 4px #2b7a3a;font-size:22px}.drop-zone{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border-radius:14px;border:2px dashed rgba(255,255,255,.28);background:#ffffff08;text-align:center}.drop-zone.over,.drop-zone:hover{border-color:#8cf06a;background:#8cf06a14}.drop-arrow{font-size:30px;color:#8cf06a}.skin-card{display:flex;align-items:center;gap:14px;margin:14px 0;padding:12px;border-radius:14px;background:#ffffff0d}.skin-card>div{display:flex;flex-direction:column;gap:2px}.skin-figure{width:84px;height:84px;image-rendering:pixelated}.skin-texture{width:96px;height:96px;image-rendering:pixelated;border-radius:8px;background:repeating-conic-gradient(#2a2f3a 0,#2a2f3a 25%,#333947 0,#333947 50%) 0 0 / 12px 12px}.upload-notes{margin:10px 0 0;padding-left:18px;font-size:12px;color:var(--sub);line-height:1.7}.style-stage{cursor:grab;touch-action:none}.style-stage:active{cursor:grabbing}.spin-hint{position:absolute;left:29%;top:86px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0a0e168c;color:#fff;font-size:13px;font-weight:700;pointer-events:none}.players-panel{display:flex;flex-direction:column;gap:4px}.pl-head{margin:4px 0 8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.pl-head .muted{color:var(--sub)}.pl-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;background:#ffffff0a}.pl-row.you{background:#7ddc6a14}.pl-row.afk .pl-name{opacity:.75}.pl-row.offline{opacity:.55}.pl-face{width:28px;height:28px;border-radius:6px;overflow:hidden;background:#ffffff14;flex:0 0 auto}.pl-face img{width:100%;height:100%;image-rendering:pixelated}.pl-face.dim{filter:grayscale(1)}.pl-name{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.pl-tag{font-size:11px;font-weight:900;padding:2px 6px;border-radius:5px}.pl-tag.you{color:#7ddc6a;margin-left:auto}.pl-tag.afk{background:#e2a33b;color:#3a2a00}.pl-tag.off{background:#ffffff1f}.pl-dist{font:700 12px ui-monospace,monospace;min-width:44px;text-align:right}.pl-dir{font:700 12px ui-monospace,monospace;min-width:42px;color:var(--sub)}.pl-dir i{display:inline-block;font-style:normal}.pl-btn{padding:4px 10px;border-radius:7px;font-size:12px}.pl-btn.primary{background:#5fd068;color:#0f2a12;font-weight:800}.pl-btn:disabled{opacity:.45}.pl-voice{display:inline-flex;align-items:center;gap:6px}.pl-voice button{width:28px;height:26px;padding:0;border-radius:7px}.pl-voice button.muted{background:#c94b45}.pl-voice input[type=range]{width:80px;accent-color:#5fd068}.pl-pct{font:700 11px ui-monospace,monospace;min-width:42px;color:var(--sub)}.pl-sub{margin:10px 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}.pl-empty{padding:6px 4px;font-size:13px}.pl-foot{margin-top:8px;font-size:12px}.compass{position:absolute;top:10px;left:50%;transform:translate(-50%);height:24px;overflow:hidden;border-radius:6px;background:#0a0e1673;pointer-events:none}.c-tick{position:absolute;top:4px;transform:translate(-50%);font:700 10px ui-monospace,monospace;color:#ffffff8c}.c-tick.major{color:#fff;font-size:11px}.c-tick.north{color:#ff5a5f}.c-centre{position:absolute;left:50%;top:0;width:2px;height:8px;background:#fff;transform:translate(-50%)}.c-player{position:absolute;bottom:1px;width:0;height:0;border:6px solid transparent;border-top-width:8px;transform:translate(-50%)}.edge-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;pointer-events:none;font-size:13px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.edge-marker span{padding:2px 6px;border-radius:4px;background:#0a0e168c}.edge-marker i{width:0;height:0;border:7px solid transparent;border-left:12px solid;border-right-width:0}.minimap-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.minimap-zoom{display:flex;align-items:center;gap:6px;font:700 11px ui-monospace,monospace;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.minimap-zoom button{width:22px;height:22px;padding:0;border-radius:6px;background:#0a0e1699}.minimap-zoom button:disabled{opacity:.4}.chat-panel{position:absolute;left:12px;bottom:150px;width:min(480px,42vw);display:flex;flex-direction:column;gap:6px;z-index:4}.chat-panel.chat-is-closed{pointer-events:none}.chat-tabs{display:flex;gap:4px;flex-wrap:wrap}.chat-tabs button{padding:4px 10px;border-radius:8px 8px 0 0;font-size:12px;font-weight:800;background:#0a0e1699}.chat-tabs button.chat-tab-on{background:#0a0e16d9;color:#fff;box-shadow:inset 0 -2px #5fd068}.chat-tabs .chat-badge{margin-left:6px;padding:0 6px;border-radius:999px;background:#e2494b;color:#fff;font-size:11px}.chat-log{position:relative;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:8px}.chat-panel.chat-is-open .chat-log{background:#0a0e169e}.chat-panel.chat-is-closed .chat-log{overflow:hidden}.chat-log .chat-fade{animation:chatFade 1.5s ease forwards;animation-play-state:running}@keyframes chatFade{0%{opacity:1}to{opacity:0}}.chat-line{font-size:15px;line-height:1.45;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);word-break:break-word}.chat-line i{color:#f2d36b}.chat-line.chat-join b{color:#5fd068;margin-right:4px}.chat-line.chat-leave b{color:#ff6b6b;margin-right:4px}.chat-line.chat-system{color:#b9c2cf;font-style:italic;font-size:13px}.chat-line.chat-whisper{color:#e3c8ff}.chat-arrow{color:#b98cff}.chat-line.chat-mention{background:#ffe14d29;border-radius:4px}.chat-name{padding:0;background:none;border:0;font:inherit;font-weight:800;cursor:pointer;text-shadow:inherit}.chat-panel.chat-is-closed .chat-name{pointer-events:none}.chat-at{color:#7ec8ff;font-weight:700}.chat-input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0a0e16bf;color:#fff;font-size:15px;outline:none}.chat-input:focus{border-color:#5fd068}.chat-hint{font-size:11px;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.8)}.chat-suggest{display:flex;gap:4px}.chat-suggest button{padding:3px 8px;border-radius:6px;font-size:12px;background:#0a0e16d9;color:#7ec8ff}.chat-menu{position:fixed;transform:translateY(-100%);display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;background:#10141ef5;box-shadow:0 8px 22px #00000073;z-index:6}.chat-menu b{padding:2px 6px 4px}.chat-menu button{text-align:left;padding:6px 10px;border-radius:6px;font-size:13px;background:transparent}.chat-menu button:hover{background:#ffffff14}.chat-panel.chat-is-open{gap:0;background:#0a0e16b8;border-radius:10px;padding:6px 6px 8px;box-shadow:0 8px 24px #00000059}.chat-panel.chat-is-open .chat-tabs{padding:0 2px}.chat-panel.chat-is-open .chat-tabs button{border-radius:8px 8px 0 0;background:transparent}.chat-panel.chat-is-open .chat-tabs button.chat-tab-on{background:#ffffff14}.chat-panel.chat-is-open .chat-log{background:#ffffff0a;border-radius:0 8px 8px;padding-top:8px;margin-bottom:6px}.chat-panel.chat-is-open .chat-input{background:#00000059}.chat-panel.chat-is-open .chat-hint{margin-top:4px;text-shadow:none}.chat-replyable{cursor:pointer;border-radius:4px;padding:0 3px;margin:0 -3px}.chat-replyable:hover{background:#ffffff12}.chat-quote{font-size:12px;color:#9fb0c4;border-left:2px solid rgba(255,255,255,.25);padding-left:6px;margin:2px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}.chat-quote b{color:#cfd8e3}.chat-replybar{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding:5px 8px;border-radius:8px;background:#5fd0681f;font-size:12px;color:#cfe9d1}.chat-replybar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8f2ea}.chat-replybar button{padding:0 6px;border-radius:6px;font-size:12px;background:transparent}.chat-tabs .chat-tab{display:inline-flex;align-items:stretch}.chat-tabs .chat-tab>button{border-radius:8px 0 0}.chat-tabs .chat-tab>.chat-tab-x{border-radius:0 8px 0 0;padding:4px 6px;font-size:10px;opacity:.6}.chat-tabs .chat-tab>.chat-tab-x:hover{opacity:1}.chat-panel.chat-is-open .chat-tabs .chat-tab.chat-tab-on>button{background:#ffffff14;color:#fff;box-shadow:inset 0 -2px #5fd068}.chat-tabs .chat-tab-off{opacity:.6}.chat-tabs .chat-tab em{font-style:normal;font-size:10px;color:#b9c2cf}.mic-badge{position:absolute;left:12px;bottom:116px;padding:5px 10px;border-radius:999px;background:#0a0e1699;color:#cfd6e0;font-size:12px;font-weight:800;pointer-events:none}.mic-badge.live{color:#8cf06a}.mic-badge.talking{box-shadow:0 0 0 3px #8cf06a73;animation:micPulse .6s ease-in-out infinite alternate}@keyframes micPulse{0%{box-shadow:0 0 0 2px #8cf06a4d}to{box-shadow:0 0 0 5px #8cf06a8c}}.touch-btn.dash{background:linear-gradient(#ffd45a,#e2a33b);color:#3a2a00;border-color:#ffe9a3}.touch-btn.dash span{color:#3a2a00}.touch-btn.placed{position:absolute;z-index:6;transform-origin:center}.touch-btn.placed.on{background:linear-gradient(#7ef0a0,#34b36a);color:#04301a;border-color:#b8ffd0}.touch-btn.placed.editing{outline:2px dashed #ffe45c;outline-offset:4px;cursor:grab;animation:touchWiggle 1.2s ease-in-out infinite}@keyframes touchWiggle{0%,to{rotate:-2deg}50%{rotate:2deg}}.touch-shop{position:absolute;right:max(18px,env(safe-area-inset-right));top:42%;z-index:6}.touch-edit-bar{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px 14px}.touch-edit-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.touch-edit-row span{min-width:76px;text-align:center;font-weight:800}.controls-settings{display:flex;flex-direction:column;gap:10px}.profile-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:12px;background:var(--tile)}.profile-bar label{display:flex;gap:8px;align-items:center;font-weight:800}.profile-bar select,.profile-bar input{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:var(--text);font:inherit}.profile-actions,.profile-name{display:flex;flex-wrap:wrap;gap:6px}.profile-actions button,.profile-name button{padding:6px 10px;font-size:13px}.controls-tabs{display:flex;gap:6px}.controls-tabs button{flex:1}.controls-tabs button.active{background:var(--accent);color:#08352c}.controls-note{padding:8px 12px;border-radius:10px;background:#ffe45c24;color:#ffe9a3;font-size:13px}.bind-list{display:flex;flex-direction:column;gap:6px}.bind-list h4{margin:10px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub)}.bind-list .hint{margin:0;font-size:13px;color:var(--sub)}.bind-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:8px}.bind-row:nth-child(odd){background:#ffffff08}.bind-row.check{cursor:pointer}.bind-label{display:flex;align-items:center;gap:8px;min-width:0}.bind-icon{width:24px;text-align:center}.bind-keys{display:flex;gap:6px;align-items:center}.bind-chip{min-width:86px;padding:5px 10px;border-radius:8px;font-size:13px;font-weight:800;background:#0000004d;border:1px solid rgba(255,255,255,.14)}.bind-chip.empty{color:var(--sub);border-style:dashed}.bind-chip.listening{background:#ffe45c;color:#2d2400;border-color:#fff3a8;animation:listenPulse 1s ease-in-out infinite}@keyframes listenPulse{50%{box-shadow:0 0 0 4px #ffe45c40}}.bind-clear{padding:3px 7px;font-size:11px;background:transparent;color:var(--sub)}.touch-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px;border-radius:12px;background:var(--tile)}.touch-tools label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.touch-tools small{color:var(--sub)}.pad-status{padding:10px 12px;border-radius:12px;background:#ffffff0d;color:var(--sub)}.pad-status.on{background:#5fd06824;color:#cfe9d1}.g-move{--g: #5fd068}.g-act{--g: #ff9f43}.g-menu{--g: #5aa3e0}.g-build{--g: #b98cff}.g-chat{--g: #ff7eb6}.kb-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--sub)}.kb-legend span{display:inline-flex;align-items:center;gap:5px}.kb-legend i{width:12px;height:12px;border-radius:3px;background:var(--g)}.kb-wrap,.phone-wrap,.pad-wrap{display:flex;flex-direction:column;gap:10px;align-items:stretch}.kb-row-wrap{display:flex;gap:14px;align-items:flex-end;overflow-x:auto;padding:12px;border-radius:14px;background:linear-gradient(#141a24,#0d1118);box-shadow:inset 0 0 0 1px #ffffff0f}.kb{display:flex;flex-direction:column;gap:5px;min-width:620px;flex:1}.kb-arrows{min-width:120px;flex:0 0 120px}.kb-row{display:flex;gap:5px}.kb-row.fn{margin-bottom:6px}.kb-gap{min-width:0}.kb-key{flex:1;min-width:0;height:40px;padding:2px 4px;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;background:#262d39;border:1px solid #343c4a;box-shadow:0 3px #11151c;color:#cfd8e3}.kb-row.fn .kb-key{height:28px}.kb-key:hover{background:#303846}.kb-key[class*=g-]{background:color-mix(in srgb,var(--g) 26%,#262d39);border-color:var(--g);color:#fff}.kb-key.sel{outline:2px solid #ffe45c;outline-offset:2px}.kb-label{position:absolute;left:5px;top:3px;font-size:10px;font-weight:800;opacity:.85}.kb-act{font-size:17px;margin-top:6px}.mouse{position:relative;width:120px;height:190px;flex:0 0 120px;border-radius:60px 60px 56px 56px;background:linear-gradient(#262d39,#1a1f29);box-shadow:inset 0 0 0 1px #343c4a,0 4px #0b0e13}.mouse-btn{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;background:#2c3442;border:1px solid #3b4454;color:#cfd8e3}.mouse-btn small{font-size:9px;line-height:1.1;text-align:center}.mouse-btn[class*=g-]{background:color-mix(in srgb,var(--g) 30%,#2c3442);border-color:var(--g);color:#fff}.mouse-btn.sel{outline:2px solid #ffe45c}.mouse-btn.left{left:0;top:0;width:56px;height:78px;border-radius:60px 6px 6px}.mouse-btn.right{right:0;top:0;width:56px;height:78px;border-radius:6px 60px 6px 6px}.mouse-btn.middle{left:50%;top:18px;width:22px;height:42px;transform:translate(-50%);border-radius:11px;z-index:1;padding:0}.mouse-btn.middle small{display:none}.mouse-btn.side{left:-40px;width:38px;height:30px;border-radius:8px}.mouse-btn.fwd{top:90px}.mouse-btn.back{top:126px}.mouse-body{position:absolute;left:8px;right:8px;bottom:16px;text-align:center;color:var(--sub);font-size:10px;line-height:1.3}.kb-row-wrap .mouse{margin-left:44px}.assign-panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffe45c1a;box-shadow:inset 0 0 0 1px #ffe45c4d}.assign-panel b{font-size:16px}.assign-now{color:var(--sub);font-size:13px;flex:1;min-width:160px}.assign-panel select{padding:6px 10px;border-radius:8px;background:#0000004d;color:var(--text);border:1px solid rgba(255,255,255,.15);font:inherit}.assign-panel small{width:100%;color:var(--sub)}.bind-details{border-radius:12px;background:#ffffff08;padding:6px 10px}.bind-details summary{cursor:pointer;font-weight:800;padding:4px 0}.phone{align-self:center;width:min(100%,720px);padding:14px 22px;border-radius:34px;background:#0b0e13;box-shadow:inset 0 0 0 2px #2a313d,0 10px 28px #00000073}.phone-screen{position:relative;aspect-ratio:19.5 / 9;border-radius:18px;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#8ec8f5,#b9e0f8 46%,#63b34a 47%,#4f9a3c)}.phone-hint{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:12px;color:#ffffffbf;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.phone-joy{position:absolute;left:6%;bottom:10%;width:20%;aspect-ratio:1;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 2px #ffffff59;display:grid;place-items:center;pointer-events:none}.phone-joy i{width:40%;aspect-ratio:1;border-radius:50%;background:#ffffff8c}.phone-map{position:absolute;right:2%;top:4%;width:13%;aspect-ratio:1;border-radius:50%;background:#141e2873;box-shadow:inset 0 0 0 2px #ffffff80;pointer-events:none}.phone-btn{position:absolute;width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:17px;cursor:grab;touch-action:none;background:color-mix(in srgb,var(--g, #fff) 35%,rgba(20,26,36,.7));border:2px solid var(--g, #fff);box-shadow:0 2px 6px #00000059}.phone-btn.big{width:52px;height:52px;font-size:22px}.phone-btn.sel{outline:2px solid #ffe45c;outline-offset:2px}.pad-svg{width:100%;max-height:380px;background:linear-gradient(#141a24,#0d1118);border-radius:14px}.pad-body{fill:#2a313d;stroke:#3d4656;stroke-width:2}.pad-trigger,.pad-shoulder{fill:#333b49;stroke:#47505f;stroke-width:1.5}.pad-btn{fill:#3a4252;stroke:#545e70;stroke-width:1.5}.pad-hit{fill:transparent}.pad-spot.sel .pad-btn,.pad-spot.sel .pad-hit{stroke:#ffe45c;stroke-width:3}.pad-spot[class*=g-] .pad-btn{stroke:var(--g);stroke-width:2.5}.pad-btn-label{fill:#fff;font-size:11px;font-weight:800;text-anchor:middle;pointer-events:none}.pad-callout{fill:#cfd8e3;font-size:12px;font-weight:700}.pad-spot[class*=g-] .pad-callout{fill:var(--g)}.pad-callout.end{text-anchor:end}.pad-callout.start{text-anchor:start}.pad-callout.middle{text-anchor:middle;font-size:11px}.pad-line{stroke:#cfd8e359;stroke-width:1.2}.pad-spot[class*=g-] .pad-line{stroke:color-mix(in srgb,var(--g) 60%,transparent)}.pad-note{fill:#8b97a8;font-size:12px;text-anchor:middle}.voice-settings{display:flex;flex-direction:column;gap:8px}.voice-settings h4{margin:10px 0 2px;font-size:13px;color:var(--sub);font-weight:700}.vs-status{padding:10px 12px;border-radius:10px;background:#ffffff0f}.vs-status.on{background:#5fd06824;color:#d6f2d8}.vs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.vs-row.tight{min-height:0}.vs-row.disabled,.vs-col.disabled{opacity:.5}.vs-label{display:flex;flex-direction:column;font-weight:700}.vs-label small{font-weight:400;font-size:12px;color:var(--sub)}.vs-col{display:flex;flex-direction:column;gap:4px}.vs-col input[type=range],.vs-person input[type=range]{width:100%;accent-color:#5fd068}.vs-row select{min-width:220px;max-width:55%;padding:7px 10px;border-radius:8px;background:#0000004d;color:var(--text);border:1px solid rgba(255,255,255,.15);font:inherit}.vs-seg{display:inline-flex;padding:3px;border-radius:10px;background:#0000004d}.vs-seg button{padding:6px 14px;background:transparent;border-radius:8px}.vs-seg button.on{background:#5fd068;color:#0b2a10}.vs-key{min-width:90px;padding:6px 12px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.15)}.vs-key.listening{background:#ffe45c;color:#2d2400}.vs-meter{position:relative;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.vs-meter-fill{height:100%;width:0;background:#6c7a8c;transition:width .05s linear}.vs-meter-fill.loud{background:#5fd068}.vs-meter i{position:absolute;top:0;bottom:0;width:2px;background:#ffe45c}.vs-note{margin:0;font-size:12px;color:var(--sub)}.vs-people{display:flex;flex-direction:column;gap:6px}.vs-person{display:grid;grid-template-columns:1fr auto 140px;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:#ffffff0a}.vs-person.talking{box-shadow:inset 0 0 0 1px #5fd068}.vs-person button{padding:4px 8px}input.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;border-radius:11px;background:#3b4352;position:relative;cursor:pointer;flex:0 0 auto;transition:background .15s}input.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}input.switch:checked{background:#5fd068}input.switch:checked:after{left:21px}input.switch:disabled{cursor:default}