body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}#root,.App,body{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hp{background:#070709;color:#e8e8e8;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.hp-hero{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:520px;overflow:hidden;position:relative;width:100%}.hp-hero-bg{background:url(/hells-quartet/static/media/scene.b26e03044f545a1bb6b4.png) 50%/cover no-repeat,radial-gradient(ellipse 80% 60% at 50% 40%,#1a0a1e 0,#0000 70%),radial-gradient(ellipse 50% 50% at 20% 80%,#0e0818 0,#0000 60%),linear-gradient(180deg,#0c0810,#070709);background-attachment:fixed;inset:0;position:absolute;z-index:0}.hp-intro-image{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;inset:0;opacity:1;position:fixed;transition:opacity .6s ease,transform .6s ease;z-index:999}.hp-intro-image--hidden{opacity:0;pointer-events:none;transform:scale(1.02)}.hp-hero-title-box{backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:#0a080e99;border:1px solid #ffffff0f;border-radius:18px;box-shadow:0 15px 50px #0009,inset 0 1px 0 #ffffff0d;padding:1.2rem 2rem;position:relative;transition:all .3s ease}.hp-hero-content{animation:hp-fadeIn 1.2s ease both;position:relative;text-align:center;z-index:1}.hp-hero-title{font-size:4rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0}.hp-hero-hell{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#c83232);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px rgba(200,50,50,.35))}.hp-hero-quartet{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0e8d8,#a89878);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(168,152,120,.25))}.hp-hero-sub{color:#887a6a;font-size:1.15rem;font-weight:400;letter-spacing:.03em;margin:1.2rem 0 0}.hp-hero-lore-box,.hp-hero-sub{animation:hp-fadeIn 1.2s ease .5s both}.hp-hero-lore-box{backdrop-filter:blur(10px) saturate(105%);-webkit-backdrop-filter:blur(10px) saturate(105%);background:#0a080e47;border:1px solid #ffffff0d;border-radius:18px;box-shadow:0 8px 18px #0000002e,inset 0 1px 0 #ffffff08;margin:1.8rem auto 0;max-width:760px;padding:1.05rem 1.3rem}.hp-hero-lore{color:#f2e8d5;font-size:1.15rem;letter-spacing:.01em;line-height:1.8;margin:0;text-align:center}.hp-arrows{bottom:2.5rem;cursor:pointer;display:flex;flex-direction:row;gap:.1rem;left:50%;opacity:1;padding:1rem;position:absolute;transform:translateX(-50%) rotate(90deg);transition:opacity .6s ease;z-index:2}.hp-arrows--hidden{opacity:0;pointer-events:none}.hp-arrow{animation:hp-arrowPulse 2s ease-in-out infinite;color:#887a6a;display:block;font-size:3.6rem;font-weight:700;letter-spacing:-.15em;opacity:0}.hp-arrow--1{animation-delay:0s}.hp-arrow--2{animation-delay:.35s}.hp-arrow--3{animation-delay:.7s}@keyframes hp-arrowPulse{0%{opacity:0;transform:translateX(-6px)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateX(6px)}}.hp-stage{align-items:flex-end;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.hp-stage-bg{background:url(/hells-quartet/static/media/scene.b26e03044f545a1bb6b4.png) 50%/cover no-repeat,radial-gradient(ellipse 90% 50% at 50% 20%,#1c0f24 0,#0000 70%),radial-gradient(ellipse 40% 60% at 80% 70%,#120a1a 0,#0000 50%),linear-gradient(180deg,#070709,#0d0910 40%,#110c14);background-attachment:fixed;inset:0;position:absolute;z-index:0}.hp-stage-floor{background:linear-gradient(180deg,#23191400,#23191499 30%,#322319d9 60%,#281c12f2);bottom:0;height:18%;left:0;position:absolute;right:0;z-index:1}.hp-spotlight{animation:hp-spotlightBreath 5s ease-in-out infinite alternate;border-radius:50%;filter:blur(60px);opacity:.18;pointer-events:none;position:absolute;z-index:1}.hp-spotlight--1{animation-delay:0s;background:radial-gradient(ellipse at center,#d4a050 0,#0000 70%);height:520px;left:10%;top:5%;width:320px}.hp-spotlight--2{animation-delay:1.5s;background:radial-gradient(ellipse at center,#c8c0f0 0,#0000 70%);height:480px;left:44%;top:3%;width:280px}.hp-spotlight--3{animation-delay:3s;background:radial-gradient(ellipse at center,#e07878 0,#0000 70%);height:500px;right:8%;top:6%;width:300px}@keyframes hp-spotlightBreath{0%{opacity:.12;transform:scale(1)}to{opacity:.22;transform:scale(1.08)}}.hp-char{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;margin:0;outline:none;padding:0;position:absolute;transition:transform .35s ease,filter .35s ease;z-index:3}.hp-char-img{filter:brightness(.75) drop-shadow(0 8px 24px rgba(0,0,0,.6));height:auto;object-fit:contain;pointer-events:none;transition:filter .35s ease,transform .35s ease;-webkit-user-select:none;user-select:none;width:100%}.hp-char--ready.hp-char--hovered .hp-char-img,.hp-char--ready:hover .hp-char-img{filter:brightness(1.05) drop-shadow(0 12px 36px rgba(0,0,0,.5));transform:scale(1.06) translateY(-8px)}.hp-char--ready:active .hp-char-img{transform:scale(1) translateY(-2px);transition-duration:.1s}.hp-char:focus-visible{border-radius:8px;outline:2px solid #fff6;outline-offset:4px}.hp-char--locked{cursor:default}.hp-char--locked .hp-char-img{filter:brightness(.4) grayscale(.5) drop-shadow(0 8px 24px rgba(0,0,0,.6))}.hp-char--locked:hover .hp-char-img{filter:brightness(.55) grayscale(.4) drop-shadow(0 10px 28px rgba(0,0,0,.5));transform:none}.hp-char-tooltip{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0c0a10e6;border:1px solid #ffffff1a;border-radius:10px;bottom:calc(100% + 10px);display:flex;flex-direction:column;gap:.15rem;left:50%;opacity:0;padding:.5rem .85rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(6px);transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.hp-char--hovered .hp-char-tooltip,.hp-char:hover .hp-char-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.hp-char-tooltip-name{color:#e8e8e8;font-size:.9rem;font-weight:700}.hp-char-tooltip-inst{color:#888;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hp-char-tooltip-lock{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;color:#665;font-size:.65rem;font-weight:600;margin-top:.15rem;padding:.1rem .45rem}.hp-stage-cta{left:50%;position:absolute;text-align:center;top:2.5rem;transform:translateX(-50%);z-index:4}.hp-stage-cta span{animation:hp-fadeIn 1s ease .4s both;color:#938069;font-size:2.05rem;font-weight:500;letter-spacing:.04em}.hp-music-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0e0c12d9;border:1px solid #ffffff1f;border-radius:50%;bottom:1.25rem;color:#aaa;cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;right:1.25rem;transition:background .2s,border-color .2s,color .2s;width:44px;z-index:900}.hp-music-btn:hover{background:#1e1a26e6;border-color:#ffffff40;color:#e8e8e8}.hp-music-btn:focus-visible{outline:2px solid #fff6;outline-offset:2px}.hp-overlay{background:#0e0e10;opacity:0;pointer-events:none;transform:scale(.97);transition:opacity .3s ease,transform .3s ease;z-index:1000}.hp-overlay,.hp-victory{display:flex;flex-direction:column;inset:0;position:fixed}.hp-victory{align-items:center;pointer-events:auto;top:77%;z-index:1200}.hp-victory-actions{bottom:1.25rem;left:50%;margin:0;position:fixed;transform:translateX(-50%);z-index:950}.hp-restart-btn{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:1px solid #fff6;border-radius:10px;border-radius:6px;box-shadow:0 4px 12px #0003;box-shadow:0 8px 30px #c8323240;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.05rem}.hp-restart-btn:focus-visible{outline:3px solid #ffffff24;outline-offset:4px}.hp-overlay--visible{opacity:1;pointer-events:auto;transform:scale(1)}.hp-overlay-bar{background:#141418;border-bottom:1px solid #2a2a2e;gap:1rem;padding:.75rem 1.25rem}.hp-back-btn,.hp-overlay-bar{align-items:center;display:flex;flex-shrink:0}.hp-back-btn{background:#0000;border:1px solid #333;border-radius:8px;color:#ccc;cursor:pointer;font-family:inherit;font-size:.85rem;gap:.35rem;padding:.4rem .9rem;transition:background .15s,border-color .15s}.hp-back-btn:hover{background:#ffffff0f;border-color:#555}.hp-back-btn:focus-visible{outline:2px solid #888;outline-offset:2px}.hp-back-btn svg{flex-shrink:0}.hp-overlay-bar-info{align-items:center;display:flex;gap:.6rem;min-width:0}.hp-overlay-bar-img{background:#1a1a1e;border-radius:6px;flex-shrink:0;height:32px;object-fit:contain;width:32px}.hp-overlay-bar-name{color:#e8e8e8;font-size:.95rem;font-weight:700;white-space:nowrap}.hp-overlay-bar-sep{color:#444;font-size:.85rem}.hp-overlay-bar-sub{color:#888;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-overlay-content{animation:hp-contentFadeIn .4s ease .15s both;flex:1 1;overflow-y:auto}.hp-coming-soon{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.hp-coming-soon-img{filter:grayscale(.5) brightness(.65);height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:200px}.hp-coming-soon-title{color:#555;font-size:1.2rem;font-weight:600;margin:0}.hp-coming-soon-sub{color:#444;font-size:.9rem;margin:0}@keyframes hp-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-contentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hp-hero-title{font-size:2.8rem}.hp-hero-sub{font-size:1rem}.hp-arrows{bottom:2rem}.hp-arrow{font-size:1.3rem}.hp-spotlight{display:none}.hp-stage-cta span{font-size:.9rem}.hp-char-tooltip{display:none}.hp-overlay-bar{gap:.7rem;padding:.6rem .9rem}.hp-overlay-bar-sep,.hp-overlay-bar-sub{display:none}}@media (max-width:480px){.hp-hero-title{font-size:2.2rem}.hp-hero-sub{font-size:.88rem;padding:0 1rem}.hp-stage-cta{top:1.5rem}.hp-stage-cta span{font-size:.82rem}.hp-music-btn{bottom:.8rem;height:38px;right:.8rem;width:38px}.hp-music-btn svg{height:18px;width:18px}}.trio{align-items:center;background:#111;color:#e8e8e8;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;gap:1.2rem;min-height:100vh;padding:2rem 1rem 4rem}.trio-title{font-size:1.4rem;font-weight:700;letter-spacing:.02em;margin:0}.trio-instruction{color:#aaa;font-size:1rem;margin:0;max-width:520px;text-align:center}.trio-image-wrap{max-width:700px;padding-top:100px;position:relative;width:100%}.trio-image{display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.trio-zone{background:#0000;border:2px solid #0000;border-radius:8px;cursor:pointer;position:absolute;transition:background .15s,border-color .15s}.trio-zone:hover{background:#ffffff12;border-color:#fff3}.trio-zone--playing{background:#ffffff1a;border-color:#ffffff80}.trio-feedback{align-items:center;display:flex;font-size:2rem;height:2.5rem;justify-content:center;margin:0;text-align:center;transition:color .15s}.trio-feedback--correct{color:#4caf50}.trio-feedback--wrong{color:#e05555}.trio-feedback--neutral{color:#888}.trio-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.trio-btn{background:#ffffff08;border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#f0f0f0;cursor:pointer;font-family:Segoe UI,Tahoma,sans-serif;font-size:.95rem;font-weight:500;padding:.6rem 1.6rem;transition:background .4s ease,border-color .4s ease,transform .2s ease,box-shadow .3s ease}.trio-btn:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.trio-btn--main{background:#ffffff1a;border-color:#fff6;color:#fff;font-weight:600}.trio-btn--main:hover{background:#ffffff26;border-color:#ffffff80;box-shadow:0 4px 12px #0003}.trio-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:700px;padding-top:1.5rem;width:100%}.trio-legend-item{background:#ffffff14;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:.3rem;max-width:200px;min-width:140px;padding:.6rem;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.trio-legend-name{color:#f0f0f0;font-family:Segoe UI,Tahoma,sans-serif;font-size:.9rem;font-weight:600}.trio-legend-hint{color:#aaa;font-size:.8rem;line-height:1.5}@media (max-width:480px){.trio-title{font-size:1.1rem}.trio-legend-item{min-width:120px}}.dq-root{font-family:Comic Sans MS,Marker Felt,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;left:50%;pointer-events:auto;position:fixed;transform:translateX(-50%);z-index:1200}.dq-bottom{bottom:6vh}.dq-top{top:6vh}.dq-bubble{align-items:flex-start;animation:dq-pop .42s cubic-bezier(.2,1,.3,1);background:linear-gradient(180deg,#fff2d6,#ffd9b3);border:3px solid #0000001f;border-radius:18px;box-shadow:0 12px 30px #14141473,inset 0 -4px 12px #ffffff40;color:#25130a;display:flex;gap:10px;max-width:min(92vw,760px);padding:14px 16px;transform-origin:50% 100%}.dq-avatar img{border-radius:12px;box-shadow:0 6px 18px #00000040;height:64px;object-fit:cover;width:64px}.dq-avatar{flex:0 0 auto}.dq-content{flex:1 1 auto}.dq-name{font-size:.95rem;font-weight:900;margin-bottom:4px;text-shadow:0 1px 0 #fff9}.dq-text{font-size:1.05rem;line-height:1.2}.dq-close{background:#0000;border:none;color:#0009;cursor:pointer;font-size:1rem;margin-left:8px}.dq-close:focus{outline:none}.dq-tail{background:linear-gradient(180deg,#fff2d6,#ffd9b3);border-left:3px solid #0000001f;border-radius:4px 0 0 0;border-top:3px solid #0000001f;box-shadow:0 8px 18px #14141440;height:16px;left:50%;margin-top:-8px;position:relative;transform:translateX(-50%) rotate(45deg);width:28px}@keyframes dq-pop{0%{opacity:0;transform:translateY(12px) scale(.9)}60%{opacity:1;transform:translateY(-6px) scale(1.03)}to{transform:translateY(0) scale(1)}}.piano-grid{grid-gap:24px;align-content:center;background-position:50%;background-size:cover;color:#222;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:100%;min-height:100vh;padding:24px;position:relative}.piano-grid-header{left:50%;position:absolute;text-align:center;top:30px;transform:translateX(-50%);width:calc(100% - 48px);z-index:1}.piano-left{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.piano-page{min-height:100vh;width:100%}.piano-header{padding:16px 24px 0;text-align:center}.piano-title{color:#fff;font-size:2rem;margin:0}.piano-subtitle{color:#aaa;font-size:1rem;margin:8px auto 18px;max-width:520px}.piano-image{cursor:pointer;height:auto;margin-left:150px;margin-top:150px;max-width:90%}.piano-right{align-items:center;display:flex;flex-direction:column}.piano-instruction{color:#fff;font-style:italic;margin-bottom:12px}.note-pick-area{align-items:center;display:flex;gap:12px;margin-bottom:16px}.piano-stars{display:flex;gap:10px;margin-bottom:12px}.piano-stars img{height:64px;width:64px}.draggable-note{background:#222;border-radius:8px;color:#fff;padding:10px 14px;-webkit-user-select:none;user-select:none}.note-correct{color:#2e7d32;font-weight:700}.staff{background:#ffffffd9;border:1px solid #00000014;border-radius:6px;box-shadow:0 4px 12px #0000000f;max-width:480px;padding:12px;width:100%}.staff-zone{height:26px;position:relative}.staff-line{background:#222;height:2px;left:8px;opacity:.85;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.staff-zone--correct .staff-line{background:#2e7d32}.drag-note-dragghost{background:#222;border-radius:6px;color:#fff;left:-9999px;padding:6px 8px;position:absolute;top:-9999px}@media (max-width:720px){.piano-grid{grid-template-columns:1fr}}.bass{align-items:center;background:linear-gradient(180deg,#040208b8,#0a0510a6 50%,#040208cc),url(/hells-quartet/static/media/scene.b26e03044f545a1bb6b4.png) 50% /cover no-repeat;color:#e8e8e8;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;gap:1.2rem;min-height:100vh;padding:2rem 1rem 4rem;position:relative}.bass-title{font-size:1.4rem;font-weight:700;letter-spacing:.02em;margin:0;text-align:center}.bass-instruction{color:#aaa;font-size:1rem;line-height:1.45;margin:0;max-width:540px;text-align:center}.bass-progress{flex-wrap:wrap;gap:.6rem}.bass-progress,.bass-progress-dot{align-items:center;display:flex;justify-content:center}.bass-progress-dot{border:2.5px solid #555;border-radius:50%;color:#ccc;font-size:.75rem;font-weight:700;height:40px;transition:border-color .3s,background .3s,transform .3s,color .3s,box-shadow .3s;width:40px}.bass-progress-dot--active{box-shadow:0 0 10px #ffffff26;color:#fff;transform:scale(1.2)}.bass-progress-dot--tuned{color:#fff;transform:scale(1.05)}.bass-main{gap:1.5rem;justify-content:space-between;max-width:1140px;width:100%}.bass-gnomes-wrap,.bass-main{align-items:flex-end;display:flex}.bass-gnomes-wrap{align-self:flex-start;flex:0 0 auto;justify-content:flex-start;margin-left:0;position:relative;transform:translateY(3rem);width:700px;z-index:2}.bass-gnomes-img{filter:brightness(.92);height:auto;object-fit:contain;pointer-events:none;transition:filter .5s ease,transform .5s ease;-webkit-user-select:none;user-select:none;width:100%}.bass-gnomes-img--happy{filter:brightness(1.1) saturate(1.1);transform:scale(1.06)}.bass-strings-panel{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000073;border-radius:16px;display:flex;flex:0 0 440px;flex-direction:column;gap:.6rem;max-width:480px;min-width:420px;padding:1rem}.bass-string{align-items:center;background:#1a1a1e;border:1px solid #2a2a2e;border-radius:12px;cursor:pointer;display:flex;flex-wrap:wrap;gap:.65rem;padding:.55rem .75rem;transition:border-color .25s,background .25s,box-shadow .25s}.bass-string:hover{border-color:#3a3a3e}.bass-string--active{background:#1e1e24;border-color:#555;box-shadow:0 4px 20px #0000004d}.bass-string--tuned{background:#4caf500f;border-color:#4caf5059;cursor:default}.bass-string-label{flex-shrink:0;font-size:1.3rem;font-weight:800;text-align:center;transition:color .3s;width:36px}.bass-string-svg{flex:1 1 auto;height:52px;min-width:0}.bass-string-controls{align-items:center;animation:bass-controlsFadeIn .3s ease both;display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.4rem;width:100%}@keyframes bass-controlsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bass-diapason-btn{background:#0000;border:1px solid #555;border-radius:8px;color:#e8e8e8;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.85rem;padding:.4rem .9rem;transition:background .15s,border-color .15s;white-space:nowrap}.bass-diapason-btn:hover{background:#ffffff14;border-color:#888}.bass-diapason-btn:active{background:#ffffff21}.bass-diapason-btn--own{border-color:#446;color:#9ac}.bass-diapason-btn--own:hover{border-color:#668;color:#bbd}.bass-slider-wrap{align-items:center;display:flex;flex:1 1 auto;gap:.5rem;min-width:0}.bass-slider-label-hi,.bass-slider-label-lo{color:#666;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.bass-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#e2a155 0,#e2a155 50%,#2a2a2e 0,#2a2a2e);background:linear-gradient(to right,var(--slider-color,#e2a155) 0,var(--slider-color,#e2a155) var(--slider-progress,50%),#2a2a2e var(--slider-progress,50%),#2a2a2e 100%);border-radius:3px;cursor:pointer;flex:1 1 auto;height:6px;outline:none;transition:background .04s}.bass-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e8e8e8;border:2.5px solid #e2a155;border:2.5px solid var(--slider-color,#e2a155);border-radius:50%;box-shadow:0 1px 6px #00000073;cursor:grab;height:20px;-webkit-transition:transform .12s,border-color .2s;transition:transform .12s,border-color .2s;width:20px}.bass-slider::-webkit-slider-thumb:hover{transform:scale(1.18)}.bass-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.bass-slider::-moz-range-thumb{background:#e8e8e8;border:2.5px solid #e2a155;border:2.5px solid var(--slider-color,#e2a155);border-radius:50%;box-shadow:0 1px 6px #00000073;cursor:grab;height:20px;width:20px}.bass-slider::-moz-range-track{background:#2a2a2e;border-radius:3px;height:6px}.bass-tuned-badge{animation:bass-tunedPop .4s cubic-bezier(.2,1,.3,1);background:#4caf501f;border:1px solid #4caf504d;border-radius:6px;color:#4caf50;font-size:.82rem;font-weight:700;margin-left:auto;padding:.2rem .65rem;white-space:nowrap}@keyframes bass-tunedPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.bass-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.bass-btn{background:#0000;border:1px solid #555;border-radius:4px;color:#e8e8e8;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.5rem 1.4rem;transition:background .15s,border-color .15s}.bass-btn:hover{background:#ffffff14;border-color:#888}.bass-btn--main{border-color:#e8e8e8;font-weight:600}.bass-btn--main:hover{background:#ffffff1f}@media (max-width:768px){.bass-main{align-items:center;flex-direction:column}.bass-gnomes-wrap{align-self:flex-start;transform:translateY(-5rem);width:320px}.bass-strings-panel{max-width:100%;width:100%}}@media (max-width:520px){.bass{gap:1rem;padding:1.5rem .6rem 3rem}.bass-title{font-size:1.15rem}.bass-instruction{font-size:.88rem}.bass-gnomes-wrap{width:240px}.bass-string{border-radius:10px;gap:.45rem;padding:.45rem .55rem}.bass-string-label{font-size:1.05rem;width:28px}.bass-string-svg{height:42px}.bass-string-controls{gap:.5rem;padding-top:.3rem}.bass-diapason-btn{font-size:.78rem;padding:.35rem .7rem}.bass-slider::-webkit-slider-thumb{height:18px;width:18px}.bass-slider::-moz-range-thumb{height:18px;width:18px}.bass-progress-dot{font-size:.7rem;height:34px;width:34px}}
/*# sourceMappingURL=main.1e757726.css.map*/