@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#f43f5e;--primary-light:#fb7185;--navy:#1e1b4b;--mint:#34d399;--court-wood:#fde047;--font-family:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;padding:0;scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html,body{width:100vw;height:100vh;font-family:var(--font-family);color:var(--navy);background-color:#fdf2f8;position:fixed;overflow:hidden!important}#app{width:100vw;height:100vh;position:relative;overflow:hidden!important}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hidden{display:none!important}.loading-screen{z-index:100;background:#fdf2f8;justify-content:center;align-items:center;transition:opacity .4s ease-out;display:flex;position:absolute;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-box{flex-direction:column;align-items:center;gap:14px;display:flex}.loading-birdie-bounce{font-size:54px;animation:.8s ease-in-out infinite alternate birdie-hop}@keyframes birdie-hop{0%{transform:translateY(0)scale(1.1,.9)}to{transform:translateY(-22px)scale(.95,1.05)}}.tboy-loading-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.tboy-studio-badge{letter-spacing:1.5px;color:#f43f5e;background:#fff;border-radius:9999px;padding:4px 14px;font-size:11px;font-weight:900;box-shadow:0 4px 12px #f43f5e26}.loading-brand{color:var(--primary);letter-spacing:-.5px;font-size:30px;font-weight:950}.loading-brand span{color:var(--navy)}.loading-track{background:#fce7f3;border-radius:9999px;width:220px;height:8px;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#f43f5e,#fb7185);border-radius:9999px;width:0%;height:100%;transition:width .2s ease-out}.loading-txt{color:#94a3b8;font-size:13px;font-weight:700}.tboy-menu{z-index:20;pointer-events:none;justify-content:space-between;padding:30px 40px;display:flex;position:absolute;inset:0}.bb-left-column{pointer-events:auto;flex-direction:column;gap:20px;max-width:340px;display:flex}.bb-brand-box{flex-direction:column;gap:8px;display:flex}.bb-logo-group{flex-direction:column;display:flex}.bb-logo-birdie{color:#fb7185;letter-spacing:-1.5px;text-shadow:3.5px 3.5px #fff,-3.5px -3.5px #fff,3.5px -3.5px #fff,-3.5px 3.5px #fff,0 8px 18px #fb718559;font-size:76px;font-weight:950;line-height:.88}.bb-logo-bash{color:#1e1b4b;letter-spacing:-1.5px;text-shadow:3.5px 3.5px #fff,-3.5px -3.5px #fff,3.5px -3.5px #fff,-3.5px 3.5px #fff,0 8px 18px #1e1b4b40;font-size:76px;font-weight:950;line-height:.88}.bb-sub-pill{color:#1e1b4b;background:#fff;border-radius:9999px;width:fit-content;padding:6px 16px;font-size:13px;font-weight:750;box-shadow:0 4px 14px #0000000f}.bb-menu-stack{flex-direction:column;gap:10px;width:230px;display:flex}.bb-pill-btn{color:#1e1b4b;cursor:pointer;text-align:left;background:#fff;border:none;border-radius:9999px;outline:none;justify-content:flex-start;align-items:center;padding:12px 24px;font-size:15px;font-weight:850;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;box-shadow:0 4px 14px #0000000f}.bb-pill-btn:hover{transform:translate(4px)scale(1.02);box-shadow:0 6px 18px #0000001a}.bb-pill-btn:active{transform:scale(.96)}.bb-pill-btn.active{color:#fff;background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 8px 24px #f43f5e66}.bb-top-bar-right{z-index:40;pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;top:24px;right:32px}.bb-circle-btn{cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:900;transition:transform .15s;display:flex;box-shadow:0 4px 14px #00000014}.bb-circle-btn:hover{transform:scale(1.08)}.bb-circle-btn.pink{color:#fff;background:#f43f5e}.bb-signin-pill{color:#1e1b4b;cursor:pointer;background:#fff;border:1.5px solid #f43f5e40;border-radius:9999px;outline:none;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:850;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #00000014}.bb-signin-pill:hover{border-color:#f43f5e;transform:scale(1.04)}.user-icon{font-size:15px}.edit-badge{color:#f43f5e;font-size:12px}.bb-right-column{pointer-events:auto;z-index:25;position:absolute;top:85px;right:32px}.bb-leaderboard-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:20px;flex-direction:column;gap:12px;width:255px;padding:16px 18px;display:flex;box-shadow:0 10px 30px #00000014}.bb-lb-header{justify-content:space-between;align-items:center;display:flex}.bb-lb-title{letter-spacing:.8px;color:#64748b;font-size:11px;font-weight:900}.bb-lb-viewall{color:#f43f5e;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:850}.bb-lb-list{flex-direction:column;gap:8px;display:flex}.bb-lb-row{align-items:center;gap:8px;display:flex}.bb-lb-rank{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:flex;position:relative}.bb-lb-rank.gold{color:#b45309;background:#fef08a}.bb-lb-rank.silver{color:#475569;background:#f1f5f9}.bb-lb-rank.bronze{color:#c2410c;background:#ffedd5}.bb-crown{font-size:12px;position:absolute;top:-9px;left:2px}.bb-lb-avatar{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.bb-lb-avatar.blue{background:#bae6fd}.bb-lb-avatar.yellow{background:#fef08a}.bb-lb-avatar.pink{background:#fce7f3}.bb-lb-name{color:#1e1b4b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:800;overflow:hidden}.bb-lb-score{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.bb-score-num{color:#1e1b4b;font-size:14px;font-weight:950}.bb-score-lbl{color:#94a3b8;font-size:8px;font-weight:850}.bb-lb-footer{color:#64748b;cursor:pointer;border-top:1px solid #f1f5f9;padding-top:4px;font-size:10px;font-weight:800;line-height:1.3}.hud-top-bar{z-index:35;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.match-hud-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:2px solid #fffffff2;border-radius:40px;align-items:center;padding:6px 18px;display:flex;box-shadow:0 10px 30px #1e1b4b1f,0 2px 8px #0000000a}.hud-player,.hud-bot{align-items:center;gap:8px;display:flex}.hud-avatar-box{justify-content:center;align-items:center;display:flex;position:relative}.hud-emoji{font-size:26px}.hud-serve-badge{background:#facc15;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:12px;animation:1.2s ease-in-out infinite pulse-serve;display:flex;position:absolute;bottom:-4px;right:-6px;box-shadow:0 0 8px #facc15}@keyframes pulse-serve{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.hud-name-col{flex-direction:column;gap:2px;display:flex}.hud-name-col.align-right{align-items:flex-end}.hud-team-tag{letter-spacing:.6px;border-radius:4px;width:fit-content;padding:1px 5px;font-size:8px;font-weight:900}.hud-team-tag.blue{color:#0284c7;background:#e0f2fe}.hud-team-tag.red{color:#e11d48;background:#ffe4e6}.hud-label{letter-spacing:.8px;color:#1e1b4b;font-size:11px;font-weight:900}.hud-score{font-feature-settings:"tnum";text-align:center;min-width:24px;font-size:30px;font-weight:950;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.score-pop{transform:scale(1.35)}.hud-score-p1{color:#0284c7}.hud-score-bot{color:#ef4444}.hud-center{border-left:1.5px solid #e2e8f0;border-right:1.5px solid #e2e8f0;flex-direction:column;align-items:center;gap:2px;margin:0 14px;padding:0 12px;display:flex}.hud-vs-row{align-items:center;gap:4px;display:flex}.hud-vs{color:#94a3b8;font-size:10px;font-weight:950}.hud-diff{color:#7c3aed;background:#f3e8ff;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:900}.hud-rally{color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:900;display:flex}.hud-rally-icon{font-size:12px}.hud-hint-btn{pointer-events:auto;color:#334155;cursor:pointer;white-space:nowrap;background:#fffffff2;border:1.5px solid #cbd5e1;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:850;transition:all .15s;box-shadow:0 4px 12px #0000000f}.hud-hint-btn:hover{background:#fff;border-color:#94a3b8}.hud-hint-btn.btn-exit{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bb-modal-box{background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:22px 20px;display:flex;box-shadow:0 20px 48px #0000002e}.bb-modal-box.wide{max-width:440px}.bb-modal-header{justify-content:space-between;align-items:center;display:flex}.bb-modal-header h3{color:#1e1b4b;font-size:18px;font-weight:900}.btn-close-x{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;font-weight:900}.bb-modal-sub{color:#64748b;font-size:12px;font-weight:600}.bb-diff-stack{flex-direction:column;gap:8px;display:flex}.bb-diff-card{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.bb-diff-card:hover{background:#fff1f2;border-color:#fca5a5}.bb-diff-card.active{background:#fff1f2;border-color:#f43f5e;box-shadow:0 4px 14px #f43f5e2e}.bb-diff-icon{font-size:24px}.bb-diff-info{flex-direction:column;display:flex}.bb-diff-info strong{color:#1e1b4b;font-size:14px;font-weight:850}.bb-diff-info span{color:#64748b;font-size:11px}.bb-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#fb7185);border:none;border-radius:9999px;width:100%;padding:13px;font-size:15px;font-weight:900;transition:transform .15s;box-shadow:0 6px 18px #f43f5e59}.bb-btn-primary:hover{transform:scale(1.02)}.roster-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.roster-card{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:all .15s;display:flex}.roster-card.active{background:#fff1f2;border-color:#f43f5e;box-shadow:0 4px 12px #f43f5e2e}.roster-avatar-box{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex}.roster-avatar-box.gold{background:#fef08a}.roster-avatar-box.dark{background:#f3e8ff}.roster-avatar-box.ice{background:#e0f2fe}.roster-avatar-box.pink{background:#fce7f3}.roster-avatar-box.green{background:#d1fae5}.roster-avatar-box.orange{background:#ffedd5}.roster-name{color:#1e1b4b;text-align:center;font-size:11px;font-weight:850}.roster-type{color:#64748b;text-align:center;font-size:9px}.btn-select-roster{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;width:100%;padding:4px;font-size:10px;font-weight:850}.roster-card.active .btn-select-roster{color:#fff;background:#f43f5e}.how-to-list{flex-direction:column;gap:10px;display:flex}.how-item{background:#f8fafc;border-radius:14px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.how-icon{font-size:22px}.how-item strong{color:#1e1b4b;font-size:13px}.how-item p{color:#64748b;margin-top:2px;font-size:11px}.online-room-box{background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:20px;display:flex;box-shadow:0 20px 48px #0003}.room-vip-header{justify-content:space-between;align-items:center;display:flex}.room-badge-gold{background:#fef08a;border:1.5px solid #facc15;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;display:flex}.room-crown{font-size:20px}.room-code-huge{color:#b45309;letter-spacing:2px;font-size:22px;font-weight:950}.btn-room-leave{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:850}.btn-copy-link-vip{cursor:pointer;text-align:left;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #facc15;border-radius:16px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.copy-link-icon{font-size:20px}.copy-link-main{color:#92400e;font-size:13px;font-weight:900;display:block}.copy-link-sub{color:#b45309;font-size:10px;display:block}.copy-link-tag{color:#fff;background:#f59e0b;border-radius:9999px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:900}.room-players-slots{flex-direction:column;gap:6px;display:flex}.room-slot{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.room-slot.ready{background:#f0fdf4;border-color:#34d399}.slot-name{color:#1e1b4b;font-size:13px;font-weight:850;display:block}.slot-role{color:#64748b;font-size:10px;display:block}.slot-badge{border-radius:6px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:900}.slot-badge.ready{color:#15803d;background:#dcfce7}.slot-badge.wait{color:#94a3b8;background:#f1f5f9}.online-card-actions{gap:8px;display:flex}.btn-card-action{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px;font-size:12px;font-weight:850}.btn-card-action.primary{color:#fff;background:#38bdf8}.btn-card-action.secondary{color:#475569;background:#f1f5f9}.room-action-row{gap:8px;display:flex}.room-input{text-transform:uppercase;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;flex:1;padding:8px 12px;font-size:13px;font-weight:850}.btn-room-join{color:#fff;cursor:pointer;background:#1e1b4b;border:none;border-radius:12px;padding:8px 16px;font-size:12px;font-weight:850}.rename-modal-box{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;padding:22px 20px;display:flex;box-shadow:0 20px 48px #0003}.rename-icon-wrap{color:#f43f5e;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.rename-title{color:#1e1b4b;font-size:18px;font-weight:900}.rename-sub{color:#64748b;font-size:12px}.rename-input{text-align:center;border:1.5px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:850}.rename-actions{gap:8px;width:100%;display:flex}.btn-rename-save{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:12px;flex:1;padding:11px;font-size:13px;font-weight:900}.btn-rename-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:850}.game-over-box{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:360px;padding:24px 20px;display:flex;box-shadow:0 20px 48px #0003}.result-trophy{font-size:52px}.result-title{color:#1e1b4b;font-size:24px;font-weight:950}.score-summary{background:#f8fafc;border-radius:14px;align-items:center;gap:8px;padding:8px 18px;display:flex}.summary-lbl{color:#64748b;font-size:12px;font-weight:700}.summary-val{color:#0284c7;font-size:24px;font-weight:950}.game-over-btns{flex-direction:column;gap:8px;width:100%;display:flex}.btn-lobby-sub{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:9999px;width:100%;padding:11px;font-size:13px;font-weight:850}.mt-2{margin-top:8px}.mt-3{margin-top:12px}@media (width<=640px){.tboy-menu{padding:14px}.bb-left-column{gap:12px;max-width:100%}.tboy-studio-badge{padding:3px 10px;font-size:9px}.bb-logo-birdie,.bb-logo-bash{font-size:46px}.bb-sub-pill{padding:4px 12px;font-size:11px}.bb-menu-stack{gap:8px;width:190px}.bb-pill-btn{padding:9px 18px;font-size:13px}.bb-top-bar-right{gap:6px;top:14px;right:14px}.bb-signin-pill{padding:6px 12px;font-size:12px}.bb-circle-btn{width:32px;height:32px;font-size:13px}.bb-right-column{display:none}.match-hud-pill{padding:4px 10px}.hud-score{font-size:24px}.hud-emoji{font-size:20px}}.in-game-controls{pointer-events:none;z-index:50;position:fixed;inset:0}.in-game-controls.hidden{display:none!important}.joystick-zone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:55;width:120px;height:120px;position:absolute;bottom:28px;left:24px}.joystick-base{background:radial-gradient(circle,#fffffff0 0%,#f1f5f9db 100%);border:3px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 10px 28px #00000024,inset 0 2px 6px #fffc}.joystick-ring{pointer-events:none;border:1.5px dashed #cbd5e1e6;border-radius:50%;width:76px;height:76px;position:absolute}.joystick-thumb{pointer-events:none;will-change:transform;background:radial-gradient(circle at 35% 35%,#fde047 0%,#f59e0b 70%,#d97706 100%);border-radius:50%;width:50px;height:50px;box-shadow:0 6px 16px #d9770673,inset 0 2px 4px #fff9}.action-buttons-pro{pointer-events:auto;z-index:55;grid-template-rows:repeat(2,66px);grid-template-columns:repeat(2,66px);gap:10px;display:grid;position:absolute;bottom:24px;right:24px}.btn-game-act{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:2.5px solid #ffffffbf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s;display:flex;box-shadow:0 8px 20px #00000024,inset 0 2px 4px #ffffff73}.btn-game-act:active,.btn-game-act.pressed{transform:scale(.92)!important;box-shadow:0 2px 8px #0003!important}.btn-dive{background:linear-gradient(135deg,#2dd4bf 0%,#0d9488 100%)}.btn-smash{background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%)}.btn-drop{background:linear-gradient(135deg,#c084fc 0%,#9333ea 100%)}.btn-hit{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)}.act-icon{filter:drop-shadow(0 2px 4px #00000040);font-size:22px;line-height:1}.act-label{color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #0006;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:800}.online-modal-box{width:92%;max-width:460px}.online-options-stack{flex-direction:column;gap:12px;margin-top:14px;display:flex}.online-opt-card{background:#fffffff2;border:1.5px solid #f1f5f9;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #0000000a}.online-opt-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.opt-icon-circle{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.opt-icon-circle.yellow{color:#ca8a04;background:#fef9c3}.opt-icon-circle.pink{color:#db2777;background:#fce7f3}.opt-icon-circle.blue{color:#0284c7;background:#e0f2fe}.opt-text{text-align:left;flex:1}.opt-text h4{color:#1e293b;margin:0 0 2px;font-size:15px;font-weight:700}.opt-text p{color:#64748b;margin:0;font-size:12px;line-height:1.35}.join-card{flex-direction:column;align-items:stretch;gap:10px}.join-input-group{gap:8px;width:100%;display:flex}.room-input-clean{letter-spacing:2px;text-transform:uppercase;border:2px solid #e2e8f0;border-radius:14px;outline:none;flex:1;padding:10px 14px;font-size:14px;font-weight:700;transition:border-color .15s}.room-input-clean:focus{border-color:#38bdf8}.btn-join-clean{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:14px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s}.btn-join-clean:hover{background:#0369a1}@media (width<=640px){.joystick-zone{width:110px;height:110px;bottom:20px;left:16px}.action-buttons-pro{grid-template-rows:repeat(2,60px);grid-template-columns:repeat(2,60px);gap:8px;bottom:20px;right:16px}.act-icon{font-size:20px}.act-label{font-size:8px}}.hud-top-bar{pointer-events:none;z-index:60;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:0 16px;display:flex;position:fixed;top:14px;left:0}.match-hud-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;box-sizing:border-box;background:#fffffff5;border:2px solid #fffffff2;border-radius:40px;align-items:center;max-width:calc(100% - 90px);margin:0 auto;padding:6px 14px;display:flex;box-shadow:0 10px 30px #1e1b4b1f,0 2px 8px #0000000a}.hud-floating-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#475569;cursor:pointer;pointer-events:auto;z-index:65;background:#ffffffeb;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;transition:transform .15s,background .15s;display:flex;position:fixed;top:14px;box-shadow:0 6px 16px #00000014}.hud-floating-btn:hover{background:#fff;transform:scale(1.08)}.hud-floating-btn.left{left:14px}.hud-floating-btn.right{color:#ef4444;right:14px}@media (width<=640px){.hud-top-bar{padding:0 10px;top:10px}.hud-floating-btn.left{display:none!important}.hud-floating-btn.right{width:34px;height:34px;font-size:14px;top:10px;right:10px}.match-hud-pill{max-width:calc(100% - 60px);padding:4px 10px}.hud-name-col{text-overflow:ellipsis;white-space:nowrap;max-width:65px;overflow:hidden}.hud-label{text-overflow:ellipsis;white-space:nowrap;max-width:65px;font-size:11px;display:block;overflow:hidden}.hud-score{font-size:20px}.hud-center{padding:0 6px}.hud-rally{padding:2px 8px;font-size:11px}}