:root{color:#f7fbff;background:#12161b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100vh}#game-canvas{display:block;width:100vw;height:100vh;touch-action:none;outline:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;grid-template-columns:minmax(120px,1fr) minmax(280px,560px) minmax(120px,1fr);grid-template-rows:auto 1fr auto;gap:14px;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.objective,.progress-wrap,.modal{border:1px solid rgba(255,255,255,.18);background:#0b0f148a;box-shadow:0 16px 42px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.objective{display:none;justify-self:start;align-self:start;gap:2px;min-width:168px;padding:10px 12px;border-radius:8px;pointer-events:auto;z-index:6}.objective strong{font-size:clamp(1rem,2vw,1.28rem);line-height:1.05}#mode-label{color:#ecf6ffb8;font-size:.78rem}.auto-run-button{width:fit-content;height:30px;margin-top:6px;padding:0 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#f8fcff21;color:#f7fbff;font:inherit;font-size:.74rem;font-weight:900;cursor:pointer;box-shadow:0 5px #00000040}.auto-run-button.is-active{background:#37e27f;color:#07150d;box-shadow:0 5px #108346}.auto-run-button:active{transform:translateY(2px);box-shadow:0 3px #00000040}.badge{width:fit-content;padding:3px 7px;border-radius:6px;background:#ff3f85;color:#fff;font-size:.72rem;font-weight:800}.progress-wrap{grid-column:2;grid-row:1;justify-self:stretch;align-self:start;display:grid;gap:8px;padding:10px 12px;border-radius:8px}.progress-summary{display:grid;grid-template-columns:minmax(126px,1fr) minmax(132px,1.05fr) minmax(76px,.68fr);align-items:center;gap:8px;min-width:0;color:#ecf6ffdb;font-size:clamp(.95rem,1.8vw,1.12rem);font-weight:850;text-align:center}.progress-summary>*{justify-self:stretch;text-align:center}.progress-track{overflow:hidden;height:10px;border-radius:6px;background:#fff3}.progress-bar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#33d7ff,#56ff9a 55%,#ffd447);transition:width .13s linear}#distance-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}#level-label{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:3px 8px;border-radius:6px;background:#ffffff21;color:#f7fbff;white-space:nowrap}.hearts{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#ff4d6d;text-align:center;white-space:nowrap;text-shadow:0 1px 0 #5a0717}.countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:108px;text-align:center;font-size:clamp(4rem,14vw,8.5rem);line-height:1;font-weight:1000;color:#45ffa8;text-shadow:0 5px 0 #10814e,0 16px 34px rgba(0,0,0,.34)}.gift-banner{position:absolute;left:50%;top:clamp(82px,14vh,132px);z-index:5;display:flex;align-items:center;gap:12px;min-width:min(480px,86vw);max-width:min(620px,92vw);padding:13px 16px;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#090d12bd;box-shadow:0 18px 54px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;transform:translate(-50%)}.gift-banner[hidden]{display:none}.gift-banner.missile{border-color:#ff9036ad;box-shadow:0 0 0 2px #ff5d2229,0 18px 54px #00000061}.gift-banner.tnt{border-color:#ff4c40b8;box-shadow:0 0 0 2px #ffffff29,0 18px 54px #00000061}.gift-banner.carDash{border-color:#3cf2bfad;box-shadow:0 0 0 2px #36f2bf29,0 18px 54px #00000061}.gift-banner.airEscort{border-color:#74dcffb8;box-shadow:0 0 0 2px #74dcff2e,0 18px 54px #00000061}.gift-banner.distance{border-color:#53d7ffad;box-shadow:0 0 0 2px #53d7ff26,0 18px 54px #00000061}.gift-banner.teleport{border-color:#a97fffb8;box-shadow:0 0 0 2px #a97fff2b,0 18px 54px #00000061}.live-avatar{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:var(--avatar-color, #33d7ff);background-position:center;background-size:cover;color:#fff;font-size:.88rem;font-weight:1000;text-shadow:0 2px 0 rgba(0,0,0,.28)}.live-avatar.has-avatar-image{color:transparent;text-shadow:none}.gift-banner-copy{display:grid;gap:4px;min-width:0}.gift-banner-copy strong{overflow-wrap:anywhere;color:#fff;font-size:clamp(1.1rem,3.2vw,1.82rem);line-height:1.05;text-shadow:0 3px 0 rgba(0,0,0,.28)}.gift-banner-copy span{color:#ecf6ffc7;font-size:.78rem;font-weight:800}.live-panel{grid-column:3;grid-row:2;z-index:4;justify-self:end;align-self:start;display:grid;gap:10px;width:min(460px,38vw);padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0b0f1494;box-shadow:0 16px 42px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;max-height:min(calc(100dvh - 132px),560px);overflow:hidden}.live-panel.is-collapsed{width:auto}.live-panel.is-ui-hidden,#live-toggle-button{display:none}.live-panel-head,.live-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-panel-body{display:grid;gap:10px;min-height:0;overflow:hidden}.live-panel.is-collapsed .live-panel-body{display:none}.live-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.barrage-bridge{display:grid;grid-template-columns:minmax(104px,.58fr) minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px;border-radius:8px;background:#ffffff14}.barrage-bridge .setting-row input,.barrage-bridge .setting-row select{height:34px;padding-left:8px;font-size:.78rem}.barrage-bridge-actions{display:grid;gap:5px;justify-items:end}.barrage-status{max-width:112px;color:#ecf6ffb3;font-size:.68rem;font-weight:900;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.barrage-status[data-state=connected]{color:#62ffa2}.barrage-status[data-state=connecting]{color:#74dcff}.barrage-status[data-state=error]{color:#ff8f7d}.live-config{display:grid;gap:8px;min-height:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.14)}.live-config-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-config-head strong{font-size:.78rem;color:#ecf6ffd1}.gift-config-list{display:grid;gap:7px;max-height:min(30vh,240px);overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-color:rgba(248,252,255,.34) rgba(255,255,255,.08);scrollbar-width:thin}.gift-config-list::-webkit-scrollbar{width:6px}.gift-config-list::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.gift-config-list::-webkit-scrollbar-thumb{background:#f8fcff57;border-radius:999px}.gift-config-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 56px 34px;gap:6px;align-items:end}.gift-sound-select{grid-column:1 / -1}.live-panel .setting-row span{font-size:.68rem}.live-panel .setting-row select,.gift-config-row input,.gift-config-row select{height:34px;padding-left:8px;font-size:.78rem}.gift-config-row input,.gift-config-row select{width:100%;min-width:0}.live-primary,.mini-button,.icon-mini-button{height:34px;border:0;border-radius:8px;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.live-primary{min-width:102px;padding:0 12px;background:#37e27f;color:#07150d;box-shadow:0 5px #108346}.mini-button{min-width:58px;padding:0 9px;border:1px solid rgba(255,255,255,.2);background:#f8fcff21;color:#f7fbff;box-shadow:0 5px #00000042}.icon-mini-button{width:34px;min-width:34px;padding:0;border:1px solid rgba(255,255,255,.2);background:#f8fcff21;color:#f7fbff;box-shadow:0 5px #00000042}.icon-mini-button:disabled{opacity:.42;cursor:default}.live-primary:active,.mini-button:active,.icon-mini-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 3px #00000042}.live-feed{display:grid;gap:6px;max-height:92px;overflow:hidden}.live-feed-item{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;min-height:28px;padding:5px 7px;border-radius:7px;background:#ffffff14;color:#ecf6ffd6;font-size:.72rem;font-weight:800}.live-feed-item .live-avatar{width:24px;height:24px;border-width:1px;font-size:.58rem}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;pointer-events:auto;background:linear-gradient(180deg,#0a0e140a,#0a0e147a)}.overlay[hidden]{display:none}.modal{width:min(440px,92vw);display:grid;gap:12px;padding:18px;border-radius:8px}.modal.settings-active{width:min(760px,94vw);max-height:min(84vh,760px)}.modal.sound-active{width:min(560px,94vw)}.modal-page{display:grid;gap:12px;min-height:0}.modal-page[hidden]{display:none}.modal h1,.modal h2,.modal p{margin:0}.modal h1{font-size:clamp(2.2rem,9vw,4.3rem);line-height:.95;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.35)}.modal h2{font-size:clamp(1.6rem,5vw,2.6rem);line-height:1;color:#fff}.modal p{max-width:32ch;color:#ecf6ffc7;font-size:.95rem}.menu-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-row{display:grid;gap:6px}.setting-row span{color:#ecf6ffb8;font-size:.78rem;font-weight:800}.setting-row select,.setting-row input{width:100%;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#080c10b8;color:#f7fbff;font:inherit;font-size:.9rem;font-weight:850;padding:0 34px 0 10px;cursor:pointer}.setting-row input{padding-right:10px}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:min(56vh,480px);overflow:auto;padding-right:4px}.sound-manager{display:grid;gap:8px;min-height:0;overflow:hidden;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}.sound-page .sound-manager{padding-top:0;border-top:0}.sound-manager-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sound-manager-head strong{color:#ecf6ffd6;font-size:.84rem;font-weight:900}.prank-sound-list{display:grid;gap:7px;max-height:min(20vh,170px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:rgba(248,252,255,.34) rgba(255,255,255,.08);scrollbar-width:thin}.sound-page .prank-sound-list{max-height:min(52vh,430px)}.prank-sound-list::-webkit-scrollbar{width:6px}.prank-sound-list::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.prank-sound-list::-webkit-scrollbar-thumb{background:#f8fcff57;border-radius:999px}.prank-sound-empty{min-height:34px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.18);border-radius:8px;color:#ecf6ff94;font-size:.78rem;font-weight:800}.prank-sound-row{display:grid;grid-template-columns:minmax(0,1fr) 56px 34px;gap:7px;align-items:center}.prank-sound-row input{width:100%;min-width:0;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#080c10b8;color:#f7fbff;font:inherit;font-size:.8rem;font-weight:850;padding:0 9px}.modal button.sound-upload-button,.modal button.sound-test-button,.modal button.sound-row-button{height:34px;min-width:0;box-shadow:0 5px #00000042;font-size:.78rem}.modal button.sound-upload-button{min-width:92px;padding:0 10px}.modal button.sound-test-button{width:56px;padding:0;background:#f8fcff24;color:#f7fbff;border:1px solid rgba(255,255,255,.22)}.modal button.sound-row-button{width:34px;padding:0;background:#f8fcff24;color:#f7fbff;border:1px solid rgba(255,255,255,.22)}.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.modal button{min-width:112px;height:44px;border:0;border-radius:8px;background:#37e27f;color:#07150d;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px #108346}.modal button.secondary{background:#f8fcff24;color:#f7fbff;box-shadow:0 8px #00000052;border:1px solid rgba(255,255,255,.22)}.modal button.icon-button{min-width:44px;width:44px;padding:0}.modal button:active{transform:translateY(4px);box-shadow:0 4px #108346}.modal button.secondary:active{box-shadow:0 4px #00000052}@media(max-width:760px){.hud{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;gap:10px;padding:10px}.objective{min-width:0}.progress-wrap{grid-column:1 / -1;grid-row:1}.progress-summary{grid-template-columns:minmax(100px,1fr) minmax(112px,1fr) minmax(58px,.58fr);gap:6px;font-size:clamp(.82rem,2.7vw,.96rem)}.live-panel{grid-column:1 / -1;grid-row:3;justify-self:end;width:min(380px,82vw)}.menu-settings{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr;max-height:min(54vh,460px)}}@media(max-height:560px){.settings-grid{max-height:48vh}.sound-page .prank-sound-list{max-height:36vh}.live-panel{width:min(360px,62vw)}.live-config,.live-feed{display:none}}@media(max-width:520px){.settings-grid{grid-template-columns:1fr}.sound-page .prank-sound-list{max-height:44vh}.gift-banner{top:86px}.live-panel{width:min(340px,88vw)}.live-fields,.live-config,.barrage-bridge{grid-template-columns:1fr}.barrage-bridge-actions{grid-template-columns:1fr auto;align-items:center}.barrage-status{justify-self:start;max-width:100%;text-align:left}.gift-config-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px 34px}}