: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);display:flex;flex-direction:column;overflow:hidden}.shop>:not(.grid){flex:none}.shop .grid{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px}.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.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-ended .panel{width:min(380px,92vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}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}select{font:inherit;color:var(--text);background:#00000059;border:0;border-radius:10px;padding:10px}.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}.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)}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}.role-badge{font-size:30px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45));animation:bob 1.4s ease-in-out infinite}.role-badge.wolf,.role-badge.zombie{font-size:36px}.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);height:min(var(--games-h, 580px),88vh);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.games-panel>header,.games-panel>.games-tabs{flex:none}.games-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 2px 4px}.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}.games-panel .games-tabs{flex-wrap:nowrap;margin-bottom:10px}.games-panel .games-tabs .tab{flex:1 1 0;min-width:0;padding:8px 6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card{position:relative;text-align:center}.game-card.soon{opacity:.62}.game-card.soon .game-icon{filter:grayscale(.6)}.game-badge{position:absolute;top:8px;right:8px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ffffff24;color:var(--sub)}.game-venue{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.game-venue small{font-size:11px;color:var(--sub)}.game-blurb{margin:2px 0 0;font-size:12px;color:var(--sub);line-height:1.35}.game-actions{flex-wrap:wrap;justify-content:center}.round-float{position:absolute;top:90px;left:50%;transform:translate(-50%);width:min(420px,92vw);padding:16px 18px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;pointer-events:auto;z-index:2;animation:round-in .28s cubic-bezier(.2,1.4,.4,1)}.round-title{display:flex;align-items:center;gap:10px;text-align:left}.round-title small{display:block;color:var(--sub);font-size:12px}.round-count{color:var(--sub);font-weight:700}.round-bar{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:2;max-width:94vw}.round-bar-main{display:flex;align-items:center;gap:8px;background:var(--panel);border-radius:999px;padding:6px 8px 6px 14px;box-shadow:0 6px 18px #00000040;pointer-events:auto}.round-game{font-weight:800;white-space:nowrap}.round-role{font-weight:800;font-size:13px;padding:3px 10px;border-radius:999px;background:var(--accent);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25);white-space:nowrap}.round-time{font-weight:800;font-variant-numeric:tabular-nums;min-width:58px;text-align:center}.round-time.low{color:#ff6b6b;animation:round-pulse .5s ease-in-out infinite alternate}.round-leave{width:28px;height:28px;padding:0;border-radius:50%;font-size:13px}.round-objective{background:#0a141e8c;color:#fff;font-weight:700;font-size:14px;padding:4px 12px;border-radius:10px;text-align:center}.round-scores{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.round-score{background:var(--panel);border:2px solid transparent;border-radius:10px;padding:2px 10px;font-size:13px;font-weight:700}.round-score.me{border-color:var(--accent)}.round-score.out{opacity:.5;text-decoration:line-through}.round-countdown{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.25),0 0 30px rgba(0,0,0,.3);pointer-events:none;z-index:3;animation:round-pop .9s ease-out both}.round-results{width:min(420px,92vw);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:round-in .32s cubic-bezier(.2,1.4,.4,1)}.round-results.won{box-shadow:0 0 0 3px var(--accent),0 12px 40px #00000059}.round-winners{font-size:18px;font-weight:800;margin:0}.round-invites{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:2;pointer-events:none;max-width:94vw}.round-invite{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:999px;padding:5px 6px 5px 14px;font-size:14px;box-shadow:0 6px 18px #00000040;pointer-events:auto;animation:round-in-c .3s cubic-bezier(.2,1.4,.4,1)}.round-invite button{padding:5px 14px;border-radius:999px}.round-blind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#05070b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;pointer-events:auto}.round-blind-count{font-size:140px;font-weight:900;line-height:1;animation:round-pop-c 1s ease-out both}.round-blind p{margin:0;font-size:18px;color:#9aa6b8;font-weight:700}@keyframes round-pop-c{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.92)}}.round-countdown-note{position:absolute;top:calc(38% + 80px);left:50%;transform:translate(-50%);font-size:28px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.3);pointer-events:none;z-index:3}.prop-picker{position:absolute;bottom:92px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:var(--panel);border-radius:16px;box-shadow:0 8px 24px #0000004d;z-index:3;pointer-events:auto;max-width:96vw;overflow-x:auto}.prop-picker button{position:relative;width:48px;height:48px;padding:0;border-radius:12px;font-size:24px;display:grid;place-items:center;background:var(--tile);flex:none}.prop-picker button.on{box-shadow:0 0 0 3px var(--accent);background:#3ddbb938}.prop-picker kbd{position:absolute;right:3px;bottom:1px;font-size:10px;font-weight:800;color:var(--sub);font-family:inherit}.app.touch .prop-picker{bottom:170px}.app.touch .prop-picker kbd{display:none}.round-pause{width:min(440px,92vw);display:flex;flex-direction:column;gap:12px;text-align:left}.round-pause-head{display:flex;align-items:center;gap:12px}.round-pause-head small{display:block;color:var(--sub);font-size:13px}.round-pause-head .round-time{margin-left:auto;font-size:20px}.round-pause-role{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.round-table{width:100%;border-collapse:collapse;font-size:14px}.round-table th{text-align:left;color:var(--sub);font-weight:700;font-size:12px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.12)}.round-table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.round-table tr.me td{color:var(--accent);font-weight:800}.round-table tr.out td{opacity:.55}.round-pause .fb-end-buttons{flex-wrap:wrap;justify-content:center}.round-matchmaking{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--sub)}.round-matchmaking .round-time{color:#fff;font-size:16px}@keyframes round-in{0%{opacity:0;transform:translate(-50%) scale(.85)}}.overlay>.round-results{animation-name:round-in-c}@keyframes round-in-c{0%{opacity:0;transform:scale(.85)}}@keyframes round-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes round-pulse{to{transform:scale(1.12)}}@media (max-width: 600px){.games-panel .games-tabs .tab{font-size:13px;padding:7px 8px}.game-grid{grid-template-columns:1fr 1fr}.round-bar{top:46px}.round-bar-main{gap:6px;padding:4px 6px 4px 10px;font-size:13px}.round-countdown{font-size:90px}}.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}.animal-pick.on{opacity:1;outline:2px solid var(--accent)}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)}.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}.hud-status{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.overlay.right>.panel{width:min(430px,42vw);max-height:88vh;margin-right:0}.customize-body{display:block}.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}.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}.chat-close{position:absolute;top:6px;right:6px;z-index:2;width:32px;height:32px;padding:0;border-radius:50%;font-size:16px;line-height:1;background:#00000073;color:#fff}.chat-panel.chat-is-open .chat-tabs{padding-right:40px}.chat-panel.chat-full{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;border-radius:0!important;z-index:60;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 8px) calc(env(safe-area-inset-left,0px) + 10px);background:#101620f7}.chat-panel.chat-full .chat-close{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 10px);width:40px;height:40px;font-size:20px}.chat-panel.chat-full .chat-log{flex:1;max-height:none!important;height:auto!important}.chat-panel.chat-is-open{animation:pInLeft .24s ease-out both}.chat-panel.chat-leaving{animation:pOutLeft .22s ease-in both;pointer-events:none}.chat-panel.chat-full{animation-name:pInTop}.chat-panel.chat-full.chat-leaving{animation-name:pOutTop}@media (prefers-reduced-motion: reduce){.chat-panel{animation-duration:.01s!important}}.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}.hsv-picker{display:flex;flex-direction:column;gap:8px;margin:8px 0}.hsv-square{position:relative;height:130px;border-radius:8px;cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0)}.hsv-square i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0009;pointer-events:none}.hsv-hue{position:relative;height:16px;border-radius:8px;cursor:ew-resize;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hsv-hue i{position:absolute;top:-3px;width:8px;height:22px;margin-left:-4px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #0009;pointer-events:none}.hsv-row{display:flex;gap:8px;align-items:center}.hsv-now{width:34px;height:28px;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff40}.hsv-hex{width:96px;padding:5px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--text);font:600 13px ui-monospace,monospace}.bind-ring{color:var(--sub);font-weight:400}.world-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:6px 0 4px}.world-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:12px;text-align:left;background:#ffffff0f;border:2px solid transparent}.world-card.on{border-color:#5fd068;background:#5fd06824}.world-card .world-icon{font-size:28px;line-height:1}.world-card b{font-size:16px}.world-card small{color:var(--sub);font-size:12px}.animator{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:#12202b;color:var(--text);font-size:13px}.animator-stage{position:relative;flex:1 1 auto;min-width:0}.animator-play{position:absolute;left:12px;bottom:12px;width:min(360px,calc(100% - 24px));display:flex;flex-direction:column;gap:8px;padding:10px 12px}.animator-play select{margin-left:6px}.animator-panel{width:min(460px,46vw);flex:0 0 auto;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid rgba(255,255,255,.08)}.animator-head{padding:10px 14px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.animator-head h2{margin:0;font-size:18px}.anim-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.anim-row.wrap{flex-wrap:wrap;justify-content:flex-start}.anim-note{color:var(--accent);font-weight:700}.anim-box{margin:8px 14px;padding:10px;display:flex;flex-direction:column;gap:8px}.anim-box textarea{width:100%;font-family:ui-monospace,monospace;font-size:11px;resize:vertical}.anim-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 14px 0}.anim-tabs button{padding:5px 9px;font-size:12px;opacity:.7}.anim-tabs button.on{opacity:1;outline:2px solid var(--accent)}.anim-body{flex:1 1 auto;overflow-y:auto;padding:6px 14px 40px}.anim-body section{display:flex;flex-direction:column;gap:6px;margin-top:10px}.anim-body h3{margin:4px 0;font-size:14px}.anim-field{display:grid;grid-template-columns:minmax(0,1fr) 110px 64px 22px;gap:6px;align-items:center}.anim-field .anim-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-field.changed .anim-label:before{content:"● ";color:var(--accent)}.anim-field input[type=number]{width:100%;padding:2px 4px}.anim-field button{padding:0;width:22px;height:22px;font-size:12px}.anim-reset-space{width:22px}.anim-motion{display:flex;flex-direction:column;gap:4px}.anim-channel{border-radius:8px;padding:4px 6px}.anim-channel.on{background:#ffffff0d}.anim-check{display:flex;gap:6px;align-items:center;cursor:pointer}.anim-track{display:flex;flex-direction:column;gap:4px;padding:4px 0 4px 18px}.anim-term{border-left:2px solid var(--accent-dark);padding-left:8px;display:flex;flex-direction:column;gap:3px}.anim-term-head{display:flex;gap:6px;justify-content:space-between}.anim-term-head .danger{font-size:11px;padding:2px 8px}@media (max-width: 760px){.animator{flex-direction:column}.animator-stage{flex:0 0 45vh}.animator-panel{width:100%;flex:1 1 auto;min-height:0;border-left:0}}.fb-hud{color:#fff}.fb-score{position:absolute;top:12px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:4px 10px;padding:8px 12px;text-align:center}.fb-team{padding:4px 12px;border-radius:9px;font-weight:900;font-size:15px;min-width:70px}.fb-nums{font:900 34px/1 ui-monospace,monospace;color:#ffd23f;display:flex;gap:8px}.fb-nums span{color:#fff8}.fb-sub{grid-column:1 / 4;font-size:12px;opacity:.75}.fb-menu-btn{position:absolute;top:12px;right:max(14px,env(safe-area-inset-right));padding:10px 14px;font-size:20px;pointer-events:auto}.fb-big{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font:900 120px/1 system-ui,sans-serif;color:#fff;text-shadow:0 6px 0 #0006,0 0 30px #0008;animation:fb-pop .45s ease-out;pointer-events:none}.fb-go{color:#5ff2d9}.fb-paused{font-size:90px;opacity:.8}@keyframes fb-pop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.fb-goal .fb-big{color:inherit;-webkit-text-stroke:4px #fff;animation:fb-pop .5s ease-out,fb-wobble .6s ease-in-out .5s infinite alternate}@keyframes fb-wobble{0%{transform:translate(-50%,-50%) rotate(-3deg) scale(1)}to{transform:translate(-50%,-50%) rotate(3deg) scale(1.06)}}.fb-by{position:absolute;left:50%;top:48%;transform:translate(-50%);padding:8px 18px;font-weight:800;font-size:18px;color:#fff;white-space:nowrap}.fb-end{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:22px 28px;text-align:center;pointer-events:auto;min-width:min(360px,90vw)}.fb-end-title{font-size:30px;font-weight:900;margin-bottom:8px}.fb-end-score{font-size:22px;font-weight:900;margin-bottom:16px}.fb-end-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.fb-end-buttons button{padding:12px 18px;border-radius:12px;font-weight:800;font-size:16px;background:#fff2;color:#fff}.fb-end-buttons button.primary{background:#5ff2d9;color:#08352c}.fb-charge{position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%);width:120px;height:10px;border-radius:6px;background:#0007;overflow:hidden}.fb-charge div{height:100%}.fb-help{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:6px 14px;font-size:13px;opacity:.85;white-space:nowrap}.fb-click{position:absolute;left:50%;top:62%;transform:translate(-50%);padding:8px 16px;font-weight:800}.fb-pause{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006;z-index:30}.fb-pause-card{padding:22px 26px;color:#fff;text-align:center;max-width:92vw}.fb-help-list{margin-top:16px;font-size:13px;opacity:.8;display:grid;gap:4px}.fb-touch .fb-kick{width:96px;height:96px;font-size:34px}.fb-touch .fb-kick.ready{background:#ffd23f;color:#3a2a00;border-color:#fff3b0}.fb-tag{padding:2px 8px;border-radius:8px;font-weight:800;font-size:13px;color:#fff;white-space:nowrap}.fb-tag.team0{background:#2f6fe0cc}.fb-tag.team1{background:#e0403acc}.fb-tag.you{background:#ffd23f;color:#3a2a00}.goal-count{display:flex;flex-direction:column;align-items:center;background:var(--panel);color:#fff;padding:4px 12px;border-radius:12px;font-size:20px;white-space:nowrap;transition:transform .2s}.goal-count span{font-size:13px;opacity:.7;margin-left:2px}.goal-count b{display:inline}.goal-count small{font-size:11px;opacity:.8}.goal-count.scored{background:#ffd23f;color:#3a2a00;transform:scale(1.25)}.football-goals{margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:#ffffff10}.football-goals h3{margin:0 0 4px}.football-goals .game-actions{display:flex;gap:8px;flex-wrap:wrap}.ted-panel h3{margin:12px 0 6px}.ted-join{display:grid;gap:6px;padding:10px;border-radius:12px;background:#5ff2d922;margin-bottom:4px}.fb-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.fb-row>span{width:52px;font-size:13px;opacity:.75}.fb-chip{padding:7px 11px;border-radius:10px;background:#ffffff18;color:inherit;font-weight:700;font-size:14px}.fb-chip.on{background:#ffd23f;color:#3a2a00}.ted-panel .wide{margin-top:10px}.fb-clock{grid-column:1 / 4;font:800 16px ui-monospace,monospace}.fb-clock.late{color:#ff5a3c}@keyframes pFadeIn{0%{opacity:0}}@keyframes pFadeOut{to{opacity:0}}@keyframes pInRight{0%{opacity:0;transform:translate(56px)}}@keyframes pOutRight{to{opacity:0;transform:translate(56px)}}@keyframes pInTop{0%{opacity:0;transform:translateY(-56px)}}@keyframes pOutTop{to{opacity:0;transform:translateY(-56px)}}@keyframes pInScale{0%{opacity:0;transform:scale(.82)}}@keyframes pOutScale{to{opacity:0;transform:scale(.82)}}@keyframes pInLeft{0%{opacity:0;transform:translate(-40px)}}@keyframes pOutLeft{to{opacity:0;transform:translate(-40px)}}.presence{display:contents}.presence.leaving *{pointer-events:none!important}.presence>.overlay,.presence>.worldmap-overlay,.presence>.fb-pause{animation:pFadeIn .26s ease-out both}.presence.leaving>.overlay,.presence.leaving>.worldmap-overlay,.presence.leaving>.fb-pause{animation:pFadeOut .22s ease-in both}.presence>.overlay.right>.panel{animation:pInRight .28s cubic-bezier(.2,.8,.25,1) both}.presence.leaving>.overlay.right>.panel{animation:pOutRight .22s ease-in both}.presence>.overlay.right>.colour-panel{animation:pFadeIn .3s ease-out both}.presence>.overlay:not(.right):not(.hub-overlay)>.panel,.presence>.worldmap-overlay>.worldmap,.presence>.fb-pause>.fb-pause-card{animation:pInTop .28s cubic-bezier(.2,.8,.25,1) both}.presence.leaving>.overlay:not(.right):not(.hub-overlay)>.panel,.presence.leaving>.worldmap-overlay>.worldmap,.presence.leaving>.fb-pause>.fb-pause-card{animation:pOutTop .22s ease-in both}.presence>.hub-overlay>.hub-center{animation:pInScale .26s cubic-bezier(.2,.9,.3,1.25) both}.presence>.hub-overlay>.hub-left{animation:pInLeft .26s ease-out both}.presence>.hub-overlay>.hub-right{animation:pInRight .26s ease-out both}.presence.leaving>.hub-overlay>.hub-center{animation:pOutScale .2s ease-in both}.presence.leaving>.hub-overlay>.hub-left{animation:pOutLeft .2s ease-in both}.presence.leaving>.hub-overlay>.hub-right{animation:pOutRight .2s ease-in both}@media (prefers-reduced-motion: reduce){.presence *{animation-duration:.01s!important}}.app.touch .overlay:not(.hub-overlay){place-items:stretch;padding:0;z-index:7}.app.touch .overlay:not(.hub-overlay):not(.style-stage)>.panel,.app.touch .worldmap,.app.touch .fb-pause-card{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;box-sizing:border-box;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 12px) calc(env(safe-area-inset-left,0px) + 14px);background:#101620f7}.app.touch .worldmap-overlay{place-items:stretch;z-index:7}.app.touch .fb-pause{place-items:stretch}.app.touch .fb-pause-card{display:flex;flex-direction:column;justify-content:center;align-items:center}.app.touch .style-stage>.wardrobe{position:absolute;top:0;right:0;bottom:0;width:62%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0;border-radius:0;box-sizing:border-box;padding-top:calc(env(safe-area-inset-top,0px) + 10px);background:#101620f5}.app.touch .style-stage>.colour-panel{left:8px;right:auto;top:auto;bottom:8px;width:35%;max-height:52%}.app.touch .style-stage>.customize-name{left:19%}.app.touch .presence>.overlay.right>.panel{animation-name:pInTop}.app.touch .presence.leaving>.overlay.right>.panel{animation-name:pOutTop}.app.touch .presence>.overlay.style-stage>.wardrobe{animation-name:pInRight}.app.touch .presence.leaving>.overlay.style-stage>.wardrobe{animation-name:pOutRight}.app.touch .overlay>.panel>header .close,.app.touch .worldmap .close{width:42px!important;height:42px!important;font-size:20px}.hub-overlay{z-index:6;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))!important;background:#08283480;--d: min(64vh, 64vw, 460px)}.app.touch .hub-overlay{--d: min(74vh, 52vw, 460px)}.hub-center{position:relative;display:flex;align-items:center;justify-content:center;gap:2vw;height:100%}.hub-stage{perspective:1100px}.hub-ring{position:relative;width:var(--d);height:var(--d);transform-style:preserve-3d}.hub-track{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;border:calc(var(--d) * .1) solid #3f84ec;box-shadow:inset 0 0 0 3px #78b0ff,0 0 0 3px #2a5fb9,0 8px 24px #00000040}.hub-slot{position:absolute;width:calc(var(--d) * .2);height:calc(var(--d) * .17);transform:translate(-50%,-50%);padding:0;display:grid;place-items:center;border-radius:18px;background:#fff;color:#1d2433;border:3px solid #1d2433;box-shadow:0 4px #1d2433;font-size:calc(var(--d) * .08);line-height:1;transition:transform .12s ease,box-shadow .12s;z-index:1}.hub-slot.text{width:auto;height:auto;padding:calc(var(--d) * .02) calc(var(--d) * .035);font:900 calc(var(--d) * .042)/1.1 system-ui,sans-serif;white-space:nowrap}.hub-slot:hover{background:#fff}.hub-side-btn:hover,.hub-tab:hover:not(.on){background:#5a97f2}.hub-close:hover{background:#3a4060}.hub-slot.empty{background:#78b0ff73;border-color:transparent;box-shadow:none}.hub-slot.off{opacity:.45}.hub-slot.sel:not(.empty){transform:translate(-50%,-50%) scale(1.14);box-shadow:0 4px #1d2433,0 0 0 4px #ffd23f;z-index:2}.hub-emoji{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.hub-pointer{position:absolute;left:50%;top:50%;width:calc(var(--d) * .27);height:0;transform-origin:0 0;opacity:0;transition:opacity .12s,transform .1s ease-out;pointer-events:none}.hub-pointer.on{opacity:1}.hub-pointer i{position:absolute;left:34%;top:-3px;width:50%;height:6px;border-radius:3px;background:#fff;box-shadow:0 2px #00000040}.hub-pointer i:after{content:"";position:absolute;right:-4px;top:-6px;border-left:12px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hub-what{position:absolute;left:50%;top:50%;transform:translate(-50%,140%);max-width:46%;text-align:center;color:#fff;font-weight:900;font-size:calc(var(--d) * .04);text-shadow:0 2px 0 rgba(0,0,0,.45);pointer-events:none}.hub-page{position:absolute;left:50%;bottom:0;transform:translate(-50%);color:#fff;font:900 clamp(14px,3.2vh,24px) system-ui,sans-serif;white-space:nowrap;text-shadow:0 2px 0 #1d2433,2px 0 0 #1d2433,-2px 0 0 #1d2433,0 -2px 0 #1d2433;pointer-events:none}.hub-arrow{width:calc(var(--d) * .13);height:calc(var(--d) * .22);padding:0;background:none!important;display:grid;place-items:center}.hub-arrow svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}.hub-arrow path{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}@keyframes hubOutNext{to{transform:rotateY(-90deg)}}@keyframes hubInNext{0%{transform:rotateY(90deg)}}@keyframes hubOutPrev{to{transform:rotateY(90deg)}}@keyframes hubInPrev{0%{transform:rotateY(-90deg)}}.hub-ring.out-next{animation:hubOutNext .15s ease-in forwards}.hub-ring.in-next{animation:hubInNext .15s ease-out}.hub-ring.out-prev{animation:hubOutPrev .15s ease-in forwards}.hub-ring.in-prev{animation:hubInPrev .15s ease-out}.hub-left,.hub-right{display:flex;flex-direction:column;gap:8px;align-self:center;max-height:100%;overflow-y:auto;padding:4px}.hub-left hr{width:70%;border:0;border-top:2px solid rgba(255,255,255,.35);margin:2px auto}.hub-side-btn,.hub-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(54px,10vh,74px);padding:6px 2px;border-radius:16px;background:#3f84ec;color:#fff;border:3px solid #1d2433;box-shadow:0 4px #1d2433;font-size:clamp(20px,4.4vh,30px);line-height:1}.hub-side-btn small{font-size:10px;font-weight:800;line-height:1.1;text-align:center}.hub-side-btn.off{opacity:.45}.hub-tab{height:clamp(48px,9vh,64px)}.hub-tab.on{background:#fff;color:#1d2433}.hub-close{width:clamp(54px,10vh,74px);height:clamp(48px,9vh,64px);padding:0;border-radius:18px;background:#2a2f45;color:#fff;border:3px solid #1d2433;box-shadow:0 4px #1d2433;font:900 clamp(22px,4.6vh,32px) system-ui,sans-serif}.app.touch .hub-side-btn small,.app.touch .hub-left hr{display:none}.app.touch .hub-left,.app.touch .hub-right{gap:6px}.app.touch .hub-side-btn,.app.touch .hub-tab,.app.touch .hub-close{width:46px;height:42px;padding:2px;font-size:20px;border-radius:12px}.touch-btn{border-radius:50%!important;background:#ffffff1a!important;border:3px solid rgba(255,255,255,.8)!important;color:#fff!important;box-shadow:none;text-shadow:0 2px 0 rgba(0,0,0,.3);-webkit-backdrop-filter:none;backdrop-filter:none}.touch-btn span{color:#fff!important;font-size:10px!important;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6)}.touch-btn .ab{font:900 40px/1 system-ui,sans-serif;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.28)}.touch-btn.small .ab{font-size:28px}.touch-btn.dash span{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-btn.ring{font-size:24px}.touch-btn.placed.on,.touch-btn.use.block{background:#5ff2d938!important;border-color:#8ff5df!important}.touch-btn.use.destroy{border-color:#ff9a80!important}.fb-touch .fb-kick.ready{background:#ffd23f40!important;border-color:#ffe27a!important}.joystick{background:#ffffff0f!important;border:3px solid rgba(255,255,255,.7)!important}.joystick .knob{background:#ffffff1f!important;border:3px solid rgba(255,255,255,.85);box-shadow:none!important;position:relative}.joystick .knob:before{content:"▲\a◀    ▶\a▼";white-space:pre;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;font-size:8px;line-height:13px;color:#ffffffd9}.app.touch .map-info,.app.touch .minimap-zoom{display:none!important}@keyframes jelly{0%{scale:1 1}25%{scale:.86 1.1}45%{scale:1.1 .9}62%{scale:.95 1.05}80%{scale:1.03 .98}to{scale:1 1}}.jelly{animation:jelly .42s ease-out!important}@media (prefers-reduced-motion: reduce){.jelly{animation:none!important}}@property --fade-top{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-bottom{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-left{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-right{syntax: "<length>"; inherits: false; initial-value: 0px;}:is(.games-body,.shop .grid,.rows,.bag,.emoji-groups,.keymap,.settings-groups,.inventory .item-list,.style-body,.map-players,.worldmap-side,.wardrobe-cats,.anim-body){-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);animation:scroll-fade-y linear both;animation-timeline:scroll(self y)}:is(.style-tabs){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent 100%);animation:scroll-fade-x linear both;animation-timeline:scroll(self x)}@keyframes scroll-fade-y{0%{--fade-top: 0px;--fade-bottom: 28px}6%{--fade-top: 28px}94%{--fade-bottom: 28px}to{--fade-top: 28px;--fade-bottom: 0px}}@keyframes scroll-fade-x{0%{--fade-left: 0px;--fade-right: 28px}6%{--fade-left: 28px}94%{--fade-right: 28px}to{--fade-left: 28px;--fade-right: 0px}}.race-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;font-family:inherit}.race-hud button{pointer-events:auto}.race-menu-btn{position:absolute;top:12px;left:12px;height:52px;padding:0 14px;border-radius:14px;font-size:20px;display:flex;align-items:center;gap:6px}.race-menu-btn small{font-size:11px;opacity:.7}.race-top{position:absolute;top:12px;left:104px;display:flex;gap:8px}.race-stat{background:var(--panel);border-radius:14px;padding:6px 14px;display:flex;flex-direction:column;align-items:center;min-width:64px;box-shadow:0 6px 18px #00000040}.race-stat small{font-size:11px;font-weight:800;color:var(--sub);letter-spacing:.08em}.race-stat b{font-size:28px;font-weight:900;line-height:1.05}.race-stat b span{font-size:16px;color:var(--sub)}.race-stat.time b{font-size:22px;font-variant-numeric:tabular-nums}.race-card{position:absolute;top:80px;left:50%;transform:translate(-50%);width:min(420px,92vw);padding:16px 18px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;pointer-events:auto}.race-card-title{font-size:22px;font-weight:900}.race-matchmaking{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--sub)}.race-matchmaking .round-time{color:#fff;font-size:16px}.race-count{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:150px;font-weight:900;color:#fff;text-shadow:0 8px 0 rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.25);animation:round-pop .9s ease-out both}.race-count.go{color:#ffd23f}.race-boost{position:absolute;right:18px;bottom:22px;background:var(--panel);border-radius:14px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-weight:900;font-size:14px;box-shadow:0 6px 18px #00000040}.race-boost small{color:var(--sub);min-width:34px}.race-boost-bar{width:140px;height:12px;border-radius:6px;background:#ffffff1f;overflow:hidden}.race-boost-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff8a1f,#ffd23f);transition:width .08s linear}.race-boost.ready{box-shadow:0 0 0 3px #ffd23f,0 6px 18px #00000040}.race-boost.on .race-boost-bar i{background:linear-gradient(90deg,#ffd23f,#fff6c2)}.race-help{position:absolute;bottom:22px;left:50%;transform:translate(-50%);background:#0a141e8c;color:#fff;font-size:13px;padding:5px 12px;border-radius:10px;white-space:nowrap}.race-results{width:min(440px,92vw);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;pointer-events:auto}.race-results .round-table td{text-align:left}.race-panel{width:min(420px,94vw)}.race-keys{margin:0 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px}.race-pedals{position:absolute;inset:auto 0 0 0;height:0}.race-steer{position:absolute;left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;gap:12px}.race-feet{position:absolute;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:12px;align-items:end}.race-btn{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border:3px solid rgba(255,255,255,.85);background:#141a248c;color:#fff;font-weight:900;transition:transform .06s,background .06s}.race-btn.down{transform:scale(.92);background:#3ddbb98c}.race-btn.steer{width:78px;height:78px;border-radius:50%;font-size:30px}.race-btn.pedal{width:74px;height:112px;border-radius:18px;font-size:13px;letter-spacing:.06em}.race-btn.pedal.gas{background:#2ea04399;grid-row:1 / span 2;grid-column:2}.race-btn.pedal.brake{background:#d63f3499;height:84px;grid-column:1;grid-row:2}.race-btn.boost{position:relative;width:74px;height:74px;border-radius:50%;font-size:30px;grid-column:1;grid-row:1;overflow:hidden}.race-btn.boost span{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.85}.race-btn.boost.ready{border-color:#ffd23f;box-shadow:0 0 16px #ffd23fbf}.race-btn.boost.on{background:#ffd23f;color:#3a2a00}@media (max-width: 600px){.race-stat b{font-size:22px}.race-stat{min-width:52px;padding:5px 10px}.race-count{font-size:110px}}.kart-picker{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.kart-styles{display:flex;gap:6px}.kart-styles .tab{padding:6px 12px;font-size:13px}.kart-colors{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.kart-swatch{width:30px;height:30px;padding:0;border-radius:50%;border:3px solid rgba(255,255,255,.25)}.kart-swatch.on{border-color:#fff;box-shadow:0 0 0 3px var(--accent)}.anime-lines{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;z-index:1;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.95) 0deg .9deg,transparent .9deg 7deg);-webkit-mask-image:radial-gradient(circle at center,transparent 0 28%,#000 62%);mask-image:radial-gradient(circle at center,transparent 0 28%,#000 62%)}.anime-shout{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%) rotate(-6deg);font:900 italic 76px/1 system-ui,sans-serif;color:#ffd23f;-webkit-text-stroke:4px #1b1530;text-shadow:6px 6px 0 #ff4d1a,0 0 30px rgba(255,140,0,.6);pointer-events:none;z-index:3;white-space:nowrap;animation:anime-shout 1.1s cubic-bezier(.2,1.6,.4,1) both}@keyframes anime-shout{0%{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(2.6)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) rotate(-6deg) scale(1.08)}}.anime-burst{position:absolute;left:50%;top:34%;width:640px;height:640px;max-width:120vw;transform:translate(-50%,-50%);pointer-events:none;opacity:.85;clip-path:polygon(50% 0%,56% 34%,79% 9%,64% 40%,98% 35%,68% 52%,95% 72%,62% 62%,66% 98%,50% 68%,34% 98%,38% 62%,5% 72%,32% 52%,2% 35%,36% 40%,21% 9%,44% 34%);animation:anime-burst .5s cubic-bezier(.2,1.5,.4,1) both,anime-spin 6s linear infinite}@keyframes anime-burst{0%{transform:translate(-50%,-50%) scale(.1) rotate(-40deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes anime-spin{to{rotate:360deg}}.fb-goal .anime-goal{font:900 italic 150px/1 system-ui,sans-serif;color:#fff;-webkit-text-stroke:6px #1b1530;text-shadow:8px 8px 0 currentColor,0 0 40px rgba(0,0,0,.4);animation:anime-goal-in .5s cubic-bezier(.2,1.7,.4,1) both,anime-shake .08s linear .5s 10}@keyframes anime-goal-in{0%{transform:translate(-50%,-50%) scale(3) rotate(-12deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-4deg);opacity:1}}@keyframes anime-shake{0%{margin-left:-6px}50%{margin-left:6px}to{margin-left:0}}.anime-goal-sub{position:absolute;left:62%;top:calc(34% - 118px);transform:translate(-50%) rotate(8deg);font:900 44px/1 system-ui,sans-serif;color:#ffd23f;-webkit-text-stroke:3px #1b1530;pointer-events:none;animation:anime-shout 2.4s ease-out both}@media (max-width: 600px){.anime-shout{font-size:48px}.fb-goal .anime-goal{font-size:92px}.anime-goal-sub{font-size:30px;top:calc(34% - 80px)}}.anime-pop{position:absolute;top:40%;transform:translate(-50%,-50%) rotate(-10deg);font:900 italic 64px/1 system-ui,sans-serif;color:#fff;-webkit-text-stroke:4px #1b1530;text-shadow:5px 5px 0 #ff4d1a;pointer-events:none;z-index:3;white-space:nowrap;animation:anime-pop .65s cubic-bezier(.2,1.8,.4,1) both}@keyframes anime-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(-10deg) scale(.2)}25%{opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) rotate(-10deg) scale(1)}}@media (max-width: 600px){.anime-pop{font-size:40px}}