.sc1327-shell{max-width:1100px;margin:auto;background:#080e1c;color:white;font:16px system-ui}.sc1327-shell header{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px}.sc1327-shell strong{flex:1}.sc1327-shell button{min-width:44px;min-height:44px;padding:8px;background:#1b293e;color:#fff;border:1px solid #abc;border-radius:8px;font:700 14px system-ui;touch-action:none;user-select:none;-webkit-user-select:none}.sc1327-play{position:relative}.sc1327-play canvas{width:100%;height:auto;display:block;max-height:calc(100dvh - 115px);object-fit:contain}.sc1327-pad{display:flex;justify-content:space-between;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:12px}.sc1327-pad>div{display:flex;gap:12px}.sc1327-pad button{width:64px;height:64px;font-size:19px}.sc1327-pad>button{width:90px}.sc1327-overlay .sc1327-pad{position:absolute;bottom:max(5px,env(safe-area-inset-bottom));left:0;right:0;pointer-events:none}.sc1327-overlay .sc1327-pad button{pointer-events:auto;background:#111c;opacity:.55;border:2px solid #fff}.sc1327-pad button.held{opacity:.95;background:#377d83}.sc1327-shell p{padding:6px;margin:0}.sc1327-expanded{position:fixed;inset:0;z-index:2147483646;max-width:none;overflow:auto;height:100dvh}.sc1327-shell:fullscreen{max-width:none;height:100dvh}.sc1327-shell:fullscreen .sc1327-play canvas,.sc1327-expanded .sc1327-play canvas{height:calc(100dvh - 110px);width:100%;object-fit:contain}@media(max-width:400px){.sc1327-pad button{width:52px;height:52px}.sc1327-shell header button{font-size:12px}.sc1327-pad{gap:5px}}