:root{--bg-page: #f5f1e8;--bg-card: #ffffff;--bg-soft: #efeadd;--text-primary: #2c2c2a;--text-secondary: #6b6961;--text-muted: #94918a;--border: rgba(0, 0, 0, .1);--info: #185fa5;--info-soft: #e6f1fb;--success: #0f6e56;--danger: #a32d2d;--gate-wood: #8b6f47;--gate-wood-dark: #5d4a30;--grass: #c8e6a0;--grass-dark: #a8cf7a;--sky: #b8dcf0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--text-primary);display:flex;justify-content:center;align-items:flex-start;padding:24px 16px}.app{width:100%;max-width:720px}h1{text-align:center;font-size:28px;font-weight:500;margin:0 0 4px}.tagline{text-align:center;font-size:14px;color:var(--text-secondary);margin:0 0 24px}#game-container{background:var(--bg-soft);border-radius:12px;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.topbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hud-title{font-size:16px;font-weight:500}.hud-subtitle{font-size:13px;color:var(--text-secondary)}.stat-group{display:flex;gap:8px;flex-wrap:wrap}.stat{background:var(--bg-card);padding:6px 12px;border-radius:8px;border:.5px solid var(--border)}.stat-label{font-size:11px;color:var(--text-secondary)}.stat-value{font-size:14px;font-weight:500}.level-bar-wrap{background:var(--bg-card);border-radius:8px;padding:8px;margin-bottom:16px}.level-bar-text{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.level-bar-track{height:8px;background:var(--bg-soft);border-radius:4px;overflow:hidden}.level-bar-fill{height:100%;width:0%;background:#639922;transition:width .4s}#field{background:linear-gradient(to bottom,#8ec8e8 0%,var(--sky) 20%,var(--sky) 25%,#b0d870 25%,var(--grass) 35%,var(--grass) 100%);border-radius:8px;height:320px;position:relative;overflow:hidden}#field-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;transition:background 3s ease}#stars{position:absolute;left:0;right:0;top:0;height:80px;z-index:0;pointer-events:none;opacity:0;transition:opacity 3s ease}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}#rainbow-sky{position:absolute;left:0;right:0;top:0;height:80px;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease;overflow:visible}.rainbow-arc{position:absolute;width:200%;height:200%;left:-50%;top:-115%;border-radius:50%;border:7px solid rgba(255,50,50,.65);border-bottom:none;box-shadow:0 0 0 8px #ffa0008c,0 0 0 16px #fff00080,0 0 0 24px #00c80080,0 0 0 32px #0078ff73,0 0 0 40px #a000dc66;pointer-events:none}#clouds{position:absolute;left:0;right:0;top:0;height:80px;z-index:0;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:#ffffffe0;border-radius:30px}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffffe0;border-radius:50%}.c1{width:88px;height:24px;top:16px;animation:cloud-drift 38s linear infinite}.c1:before{width:38px;height:38px;top:-22px;left:14px}.c1:after{width:26px;height:26px;top:-12px;left:48px}.c2{width:58px;height:18px;top:44px;animation:cloud-drift 58s linear infinite -22s}.c2:before{width:26px;height:26px;top:-15px;left:8px}.c2:after{width:20px;height:20px;top:-8px;left:32px}.c3{width:110px;height:28px;top:8px;animation:cloud-drift 48s linear infinite -36s}.c3:before{width:46px;height:46px;top:-28px;left:16px}.c3:after{width:32px;height:32px;top:-16px;left:62px}@keyframes cloud-drift{0%{transform:translate(-180px)}to{transform:translate(760px)}}#world{position:absolute;inset:0;transition:transform 1.6s cubic-bezier(.4,0,.2,1);z-index:1;will-change:transform}#grass-blades{position:absolute;bottom:18px;left:0;right:0;height:22px;z-index:2;pointer-events:none}.grass-blade{position:absolute;bottom:0;width:3px;background:linear-gradient(to top,#6aaa3e,#90cc55);border-radius:2px 2px 0 0;transform-origin:bottom center;animation:blade-sway 2s ease-in-out infinite}@keyframes blade-sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}#sheep{position:absolute;left:50%;bottom:24px;transform:translate(-50%);transition:left .7s cubic-bezier(.45,.05,.55,.95),bottom .7s cubic-bezier(.45,.05,.55,.95),transform .3s,opacity .3s;z-index:3}#sheep-dead{display:none;font-size:44px;line-height:1}.leg{transform-box:fill-box;transform-origin:50% 0%}#sheep.walking .leg-fl{animation:leg-swing .36s ease-in-out infinite}#sheep.walking .leg-fr,#sheep.walking .leg-bl{animation:leg-swing .36s ease-in-out infinite .18s}#sheep.walking .leg-br{animation:leg-swing .36s ease-in-out infinite}body.sport-mode #sheep.walking .leg{animation-duration:90ms}@keyframes leg-swing{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}#grass-front{position:absolute;bottom:0;left:0;right:0;height:18px;background:linear-gradient(to bottom,#9acc6a,#8b5);z-index:2}#message{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:14px;font-weight:500;min-height:20px;z-index:4;pointer-events:none}#level-up-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;background:#0f6e56f2;color:#fff;padding:10px 22px;border-radius:8px;font-size:16px;font-weight:500;z-index:5;pointer-events:none;transition:transform .4s,opacity .4s;text-align:center}button{background:var(--bg-card);border:.5px solid var(--border);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s;touch-action:manipulation}button:hover{background:var(--bg-soft)}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default}input[type=text]{border:.5px solid var(--border);border-radius:8px;padding:8px;font-family:inherit}input[type=text]:focus{outline:none;border-color:var(--info);box-shadow:0 0 0 2px var(--info-soft)}#hiscore-entry,#leaderboard{background:var(--bg-card);border:.5px solid var(--border);border-radius:8px;padding:14px}#hiscore-entry{margin-top:16px;text-align:center}#hiscore-entry .entry-title{font-size:14px;font-weight:500;margin-bottom:6px}#hiscore-entry .entry-subtitle{font-size:12px;color:var(--text-secondary);margin-bottom:10px}#hiscore-entry .entry-row{display:flex;gap:8px;justify-content:center;align-items:center}#leaderboard{margin-top:16px;font-size:13px}.leaderboard-title{font-weight:500;margin-bottom:8px;color:var(--text-secondary);font-size:12px;display:flex;justify-content:space-between;align-items:center}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:.5px solid var(--border)}.leaderboard-row:last-child{border-bottom:none}.lb-name{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:2px;font-weight:500}.lb-rank{color:var(--text-muted);margin-right:8px;font-family:ui-monospace,SF Mono,Menlo,monospace}.lb-score{font-weight:500}.action-bar{display:flex;gap:8px;margin-top:16px;justify-content:center;min-height:36px;flex-wrap:wrap}.gate-plank{height:8px;background:linear-gradient(to bottom,#7a5c38,#4e3b22,#3a2c18);border-radius:2px;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff14}#chicken-leg-hud{position:absolute;top:10px;right:10px;z-index:8;font-size:28px;line-height:1;display:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:drumstick-bounce 1.8s ease-in-out infinite;cursor:default;user-select:none}@keyframes drumstick-bounce{0%,to{transform:scale(1) rotate(-12deg)}50%{transform:scale(1.18) rotate(10deg)}}#lucky-clover-hud{position:absolute;top:10px;left:10px;z-index:8;font-size:28px;line-height:1;display:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:clover-bounce 2.2s ease-in-out infinite;cursor:pointer;user-select:none}@keyframes clover-bounce{0%,to{transform:scale(1) rotate(-8deg)}50%{transform:scale(1.22) rotate(8deg)}}#double-score-hud{position:absolute;top:10px;left:50%;z-index:8;font-size:20px;font-weight:900;line-height:1;display:none;color:gold;text-shadow:0 0 10px rgba(255,200,0,.85),0 1px 3px rgba(0,0,0,.55);animation:double-score-pulse 1.6s ease-in-out infinite;cursor:default;user-select:none;letter-spacing:-.5px}@keyframes double-score-pulse{0%,to{transform:translate(-50%) scale(1) rotate(-6deg)}50%{transform:translate(-50%) scale(1.25) rotate(6deg)}}.floating-score.double-bonus{font-size:26px;color:gold;text-shadow:0 0 14px rgba(255,215,0,.9),0 0 5px rgba(255,165,0,.7),0 2px 4px rgba(0,0,0,.3);animation:fast-float 1.1s cubic-bezier(.22,1,.36,1) forwards}.floating-score.double-turbo-bonus{font-size:32px;color:gold;text-shadow:0 0 18px rgba(255,215,0,.95),0 0 8px rgba(255,165,0,.8),0 0 3px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.4);animation:fast-float 1.3s cubic-bezier(.22,1,.36,1) forwards}.flying-clover{position:absolute;font-size:26px;line-height:1;z-index:20;pointer-events:none;transform:translate(-50%,-50%)}@keyframes devious-appear{0%{opacity:0}to{opacity:1}}#sheep-devious-face path,#sheep-devious-face circle,#sheep-devious-face polygon{animation:devious-appear .25s ease-out both}.flying-drumstick{position:absolute;font-size:26px;line-height:1;z-index:20;pointer-events:none;transform:translate(-50%,-50%)}@keyframes wolf-snap{0%{opacity:0;transform:scale(.2) rotate(-20deg)}20%{opacity:1;transform:scale(1.6) rotate(10deg)}50%{transform:scale(.85) rotate(-5deg)}70%{transform:scale(1.2);opacity:1}to{opacity:0;transform:scale(.9)}}.wolf-snap-anim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;z-index:15;pointer-events:none;animation:wolf-snap .5s ease-out forwards}.horn-hint{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:18px;line-height:1;pointer-events:none;z-index:5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}#test-badge,#sport-badge,#mute-badge{display:none;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.5px}#test-badge{background:#fff3cd;border:1px solid #ffc107;color:#856404}#sport-badge{background:#fde8e8;border:1px solid #ef9a9a;color:#b71c1c}#mute-badge{background:#e8e8e8;border:1px solid #aaa;color:#444}.test-mark{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:15px;line-height:1;pointer-events:none;z-index:5;animation:hint-pulse 1.2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.65;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.funny-skull{position:absolute;pointer-events:none;z-index:10;transform:translate(-50%,-50%) scale(0) rotate(-30deg);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s}.funny-skull.pop{transform:translate(-50%,-50%) scale(1) rotate(5deg);opacity:1}.crash-particle{position:absolute;pointer-events:none;z-index:10;border-radius:2px;animation:particle-fly .55s ease-out forwards}@keyframes particle-fly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(540deg);opacity:0}}.confetti-piece{position:absolute;pointer-events:none;z-index:10;border-radius:2px;animation:confetti-fall var(--dur) ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(220px) rotate(var(--rot));opacity:0}}.floating-score{position:absolute;pointer-events:none;z-index:10;color:#1a8a60;font-weight:700;font-size:17px;transform:translate(-50%);animation:score-float .85s ease-out forwards;text-shadow:0 1px 3px rgba(0,0,0,.2)}.floating-score.fast-bonus{font-size:26px;color:#e65c00;text-shadow:0 0 12px rgba(255,160,0,.7),0 2px 4px rgba(0,0,0,.3);animation:fast-float 1.1s cubic-bezier(.22,1,.36,1) forwards}.floating-score.turbo-bonus{font-size:32px;color:#f59e0b;text-shadow:0 0 18px rgba(251,191,36,.9),0 0 6px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.4);animation:fast-float 1.3s cubic-bezier(.22,1,.36,1) forwards}@keyframes score-float{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-44px);opacity:0}}@keyframes fast-float{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:1}20%{transform:translate(-50%) translateY(-10px) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-60px) scale(1);opacity:0}}.hoof-print{position:absolute;pointer-events:none;z-index:1;animation:print-fade 2.2s ease-out forwards}@keyframes print-fade{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:.45;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@keyframes screen-shake{0%,to{transform:translate(0) rotate(0)}12%{transform:translate(-5px,-2px) rotate(-.6deg)}25%{transform:translate(5px,1px) rotate(.6deg)}37%{transform:translate(-4px,2px) rotate(-.4deg)}50%{transform:translate(4px,-1px) rotate(.4deg)}62%{transform:translate(-2px,1px) rotate(-.2deg)}75%{transform:translate(2px,-1px) rotate(.2deg)}}#field.shaking{animation:screen-shake .5s ease-out}@keyframes screen-shake-small{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-.2deg)}50%{transform:translate(2px,1px) rotate(.2deg)}75%{transform:translate(-1px,1px) rotate(-.1deg)}}#field.shaking-small{animation:screen-shake-small .3s ease-out}@keyframes sheep-bob{0%,to{transform:translate(-50%) translateY(-2px)}50%{transform:translate(-50%) translateY(2px)}}#streak-row{text-align:center;font-size:12px;font-weight:600;color:#e65100;min-height:16px;margin-top:4px}.achievement-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(90px);background:#1c1c1c;color:#fff;border-radius:10px;padding:10px 16px;font-size:13px;z-index:1000;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #0000004d;transition:transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px)}.achievement-toast.show{transform:translate(-50%) translateY(0)}.ach-label{font-weight:600}.ach-desc{color:#ffffffa6;font-size:12px}#sport-timer{position:absolute;top:0;left:0;right:0;height:5px;z-index:6;display:none}#sport-timer-bar{height:100%;width:100%;background:linear-gradient(to right,#43a047,#fdd835,#e53935);transform-origin:left center}.near-miss-x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;animation:miss-flash .85s ease-out forwards}.near-miss-x svg,.near-miss-x img{opacity:.52}@keyframes miss-flash{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.05)}65%{opacity:1}to{opacity:0;transform:scale(1)}}#stats-panel{margin-top:20px}.stats-title{font-weight:500;font-size:12px;color:var(--text-secondary);margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 6px}.stat-item-label{font-size:11px;color:var(--text-muted)}.stat-item-value{font-weight:500;font-size:14px}.ad-wrap{width:100%;overflow:hidden;display:flex;justify-content:center}.ad-wrap--top{margin:8px 0 4px;min-height:0}.ad-wrap--drawer{margin-top:20px;min-height:0}.ad-wrap:empty,.ad-wrap:has(ins:only-child){display:none}#info-overlay{position:fixed;inset:0;background:#00000059;z-index:202;display:none}#info-overlay.open{display:block}#info-drawer{position:fixed;right:0;top:0;bottom:0;width:min(340px,92vw);background:var(--bg-page);z-index:203;overflow-y:auto;padding:20px;box-shadow:-4px 0 28px #0000002e;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}#info-drawer.open{transform:translate(0)}#info-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#info-drawer-header span{font-size:15px;font-weight:500}#info-close{background:none;border:none;cursor:pointer;padding:4px 8px;font-size:18px;color:var(--text-secondary);line-height:1}#info-close:hover{color:var(--text-primary)}#leaderboard{border:none;padding:0}#stats-btn{position:fixed;top:24px;right:16px;z-index:201;background:var(--bg-card);border:.5px solid var(--border);border-radius:8px;padding:7px 12px;font-size:17px;cursor:pointer;line-height:1;color:var(--text-primary);box-shadow:0 1px 4px #0000001a}#stats-btn:hover{background:var(--bg-soft)}details{margin-top:16px;font-size:13px;color:var(--text-secondary)}details summary{cursor:pointer}details p{margin:8px 0 0;line-height:1.6}.sync-indicator{font-size:11px;color:var(--text-muted)}.sync-indicator.syncing{color:var(--info)}.sync-indicator.error{color:var(--danger)}@media(max-width:480px){body{padding:12px 8px}h1{font-size:22px}.tagline{margin-bottom:16px}#game-container{padding:14px}.topbar{flex-direction:column;align-items:flex-start;gap:4px}.stat-group{align-self:flex-end}.stat{padding:5px 10px}.stats-grid{grid-template-columns:repeat(2,1fr)}#stats-btn{top:12px;right:8px}}#mode-overlay{position:fixed;inset:0;z-index:200;background:#0000009e;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px)}#mode-popup{background:var(--bg-card);border:.5px solid var(--border);border-radius:20px;padding:28px 22px 22px;max-width:320px;width:90%;text-align:center;box-shadow:0 24px 60px #0006;animation:popup-in .28s cubic-bezier(.34,1.56,.64,1)}#mode-popup-topbar{display:flex;align-items:center;margin-bottom:4px}#popup-stats-btn{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:17px;line-height:1;padding:4px 6px;color:var(--text-secondary);border-radius:6px}#popup-stats-btn:hover{background:var(--bg-soft);color:var(--text-primary)}@keyframes popup-in{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}#mode-popup-result{margin-bottom:16px;padding-bottom:16px;border-bottom:.5px solid var(--border)}#mode-popup-score-val{font-size:32px;font-weight:800}#mode-popup-score-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}#mode-popup-title{font-size:18px;font-weight:700;flex:1}#mode-popup-sub{font-size:13px;color:var(--text-secondary);margin-bottom:18px}#mode-btn-wrap{display:flex;gap:10px;margin-bottom:14px}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;border-radius:14px;border:2px solid var(--border);background:var(--bg-soft);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,transform .12s}.mode-btn-icon{font-size:28px;line-height:1}.mode-btn:hover{transform:translateY(-2px)}.mode-btn:active{transform:none}.mpc-disabled{width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-soft);border:1.5px solid var(--border);border-radius:14px;opacity:.4;cursor:not-allowed;font-family:inherit}.mpc-icon{font-size:20px;line-height:1}.mpc-name{font-size:13px;font-weight:700;color:var(--text-primary);display:block}.mpc-desc{font-size:11px;color:var(--text-secondary)}#drawer-credits{margin-top:20px;padding-top:14px;border-top:.5px solid var(--border);display:flex;justify-content:center;gap:12px;font-size:22px;opacity:.45;letter-spacing:4px}.mpc-friends-btn{width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-soft);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,transform .12s;text-align:left}.mpc-friends-btn:hover{background:#e8f0ff;border-color:#5584de;transform:translateY(-1px)}.mpc-friends-btn:active{transform:none}#group-badge{display:none;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.5px;background:#e8f0ff;border:1px solid #5584de;color:#1a3a8f}#friends-overlay{position:fixed;inset:0;z-index:201;background:#000000a6;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px)}#friends-popup{background:var(--bg-card);border:.5px solid var(--border);border-radius:20px;padding:26px 22px 20px;max-width:340px;width:92%;text-align:center;box-shadow:0 24px 60px #0006;animation:popup-in .28s cubic-bezier(.34,1.56,.64,1)}#friends-popup-title{font-size:18px;font-weight:700;margin-bottom:6px}#friends-popup-desc{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.45}#friends-link-box{background:var(--bg-soft);border-radius:10px;padding:8px 12px;margin-bottom:16px;border:1px solid var(--border)}#friends-link-input{width:100%;border:none;background:transparent;font-size:12px;font-family:monospace;color:var(--text-primary);outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#friends-share-row{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.friends-share-btn{width:52px;height:52px;border-radius:14px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s,opacity .12s;flex-shrink:0}.friends-share-btn:hover{transform:translateY(-2px);opacity:.88}.friends-share-btn:active{transform:none}.share-twitter{background:#000;color:#fff}.share-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.share-tiktok{background:#010101;color:#fff;border:1.5px solid #69c9d0}.share-copy{background:var(--bg-soft);color:var(--text-primary);border:1.5px solid var(--border)}#friends-play-btn{display:block;width:100%;padding:13px;background:#2563eb;color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;margin-bottom:8px;transition:background .15s,transform .12s}#friends-play-btn:hover{background:#1d4ed8;transform:translateY(-1px)}#friends-close-btn{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:inherit;padding:4px 8px}#friends-close-btn:hover{color:var(--text-primary)}.mpc-leave-group-btn{display:block;width:100%;padding:10px;background:none;border:1.5px solid #dc2626;color:#dc2626;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:8px;transition:background .15s,color .15s}.mpc-leave-group-btn:hover{background:#dc2626;color:#fff}.friends-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(60px);background:#1c1c1c;color:#fff;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:500;z-index:300;pointer-events:none;white-space:nowrap;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;opacity:0}.friends-toast.show{transform:translate(-50%) translateY(0);opacity:1}