.rubber-letters-container{display:flex;align-items:flex-start;justify-content:center;--bg:#fff;--text:#1a1a1a;--muted:#7f8c99;--rule:rgba(0,0,0,.08);--navH:72px;color:var(--text);min-height:100vh;padding-top:var(--navH);padding-bottom:90vh;background:transparent!important}.dark .rubber-letters-container{--bg:#1a1a1a;--text:#e9eef5;--muted:#9aa6b2;--rule:hsla(0,0%,100%,.08)}.rubber-letters-container *{box-sizing:border-box}.rubber-letters-container.hud-off .topbar{display:none}.rubber-letters-container .topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.dark .rubber-letters-container .topbar{background:rgba(10,12,15,.8)}.rubber-letters-container .title{font-weight:700;letter-spacing:.2px}.rubber-letters-container .subtitle{color:var(--muted);font-size:13px;margin-top:2px}.rubber-letters-container .hud{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-auto-columns:max-content;align-items:end;justify-items:end;gap:4px 18px;font-size:12px;color:var(--muted)}.rubber-letters-container .hud-item{white-space:nowrap}.rubber-letters-container .hud .label{color:rgba(0,0,0,.6);margin-right:8px}.dark .rubber-letters-container .hud .label{color:hsla(0,0%,100%,.6)}.rubber-letters-container .audio-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.16);background:hsla(0,0%,100%,.25);color:rgba(0,0,0,.86);border-radius:10px;padding:6px 8px;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .rubber-letters-container .audio-toggle{border:1px solid hsla(0,0%,100%,.16);background:rgba(0,0,0,.25);color:hsla(0,0%,100%,.86)}.rubber-letters-container .audio-toggle:hover{border-color:rgba(0,0,0,.28)}.dark .rubber-letters-container .audio-toggle:hover{border-color:hsla(0,0%,100%,.28)}.rubber-letters-container .audio-toggle:active{transform:translateY(1px)}.rubber-letters-container .spacer{height:0}.rubber-letters-container .stage-wrap{display:flex;justify-content:center;padding:0}.rubber-letters-container .stage{width:min(1100px,96vw);aspect-ratio:16/9;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;position:relative}.rubber-letters-container .svg-mount{position:absolute;inset:0;display:grid;place-items:start center;padding-top:0;transform:translateY(0)}.rubber-letters-container .svg-mount svg{width:100%;height:100%;display:block;overflow:visible;z-index:200}.rubber-letters-container .svg-mount [data-rubber]{transform-box:fill-box;transform-origin:center;will-change:transform}.rubber-letters-container .svg-mount .stretch-band{pointer-events:none}.rubber-letters-container .sound-hint{position:fixed;left:14px;bottom:14px;z-index:20;padding:10px 12px;border-radius:12px;background:hsla(0,0%,100%,.55);border:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.86);font-size:12px;letter-spacing:.2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .22s ease}.dark .rubber-letters-container .sound-hint{background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.86)}.class-recive{position:relative}.audio-switch{z-index:9999;padding:0;border:none;background:transparent;border-radius:0;backdrop-filter:none;display:grid;place-items:center;cursor:pointer;opacity:.5;transition:opacity .2s ease}.audio-switch :hover{background:transparent}.audio-switch :active{transform:translateY(1px)}.audio-switch img{width:40px;height:40px;display:block}.audio-switch .seen-gesture{opacity:1}.audio-switch .beacon{animation:audioBeacon 1s ease-in-out 1}@keyframes audioBeacon{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px),(pointer:coarse){.rubber-letters-container{min-height:90vh;padding-bottom:60vh;padding-top:var(--navH)}.rubber-letters-container .stage-wrap{position:sticky;top:var(--navH);z-index:2;padding:0}.rubber-letters-container .stage{width:100vw;height:calc(100vh - var(--navH));height:calc(100svh - var(--navH));aspect-ratio:auto}.rubber-letters-container .svg-mount svg{transform:scale(1.5);transform-origin:top center}.rubber-letters-container .svg-mount{padding-top:0!important;transform:translateY(0)!important}.rubber-letters-container .spacer{display:none;height:0}}