.steam-view{width:min(1248px,calc(100vw - 48px));height:min(832px,calc(100vh - 48px));max-width:none;max-height:none;padding:0;border:1px solid var(--line);border-radius:8px;background:#171e28;color:var(--text);overflow:hidden;box-shadow:0 20px 90px #0003}.steam-view[open]{display:flex;flex-direction:column}.steam-view::backdrop{background:#10151091;backdrop-filter:blur(3px)}.steam-view-close{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;border-radius:50%;background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:0 2px 10px #0002;font-size:20px}.steam-view-stage{display:flex;position:relative;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden;background:#171e28}.steam-view-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;user-select:none;cursor:default}.steam-view-image[hidden],.steam-view-placeholder[hidden],.steam-view-error[hidden]{display:none}.steam-view-keyboard{position:absolute;left:1px;bottom:1px;width:1px;height:1px;min-height:0;resize:none;opacity:0;padding:0;border:0;overflow:hidden}.steam-view-placeholder{display:flex;flex-direction:column;align-items:center;gap:15px;font-size:12px;color:#a4acb7}.steam-view-spinner{width:21px;height:21px;border:1.5px solid #3a4451;border-top-color:#b2c99c;border-radius:50%;animation:steam-view-spin .9s linear infinite}.steam-view-error{display:flex;align-items:center;gap:15px;padding:12px 50px 12px 15px;font-size:11px;line-height:1.5;background:var(--side);border-bottom:1px solid var(--line);flex-shrink:0}.steam-view-error>span{flex:1;overflow-wrap:anywhere}.steam-view-error .button{flex-shrink:0;padding:5px 9px;font-size:10px}.steam-view-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes steam-view-spin{to{transform:rotate(360deg)}}@media(max-height:650px){.steam-view{height:calc(100vh - 20px)}}@media(prefers-reduced-motion:reduce){.steam-view-spinner{animation:none}}