.game-media-open{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:0;border-radius:14px;cursor:zoom-in}
.game-media-open[hidden],.game-recording[hidden]{display:none!important}
.game-recording{display:block;margin:0 auto;width:auto;max-width:100%;height:400px;max-height:440px;object-fit:contain;border-radius:14px;background:#211b2c}
.recording-switch{display:flex;gap:5px;justify-content:center;width:max-content;margin:12px auto 0;padding:4px;border-radius:22px;background:#eee7f5}
.recording-switch button{padding:5px 16px;border:0;border-radius:18px;background:transparent;color:#987aac;cursor:pointer;font-size:14px}.recording-switch [aria-pressed=true]{background:white;color:#7953c2;box-shadow:0 2px 5px #44325012}
@media(max-width:700px){.game-recording{height:360px}}
.game-media-open img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:14px;background:transparent;box-shadow:0 8px 22px #29223916}
.game-media-open:focus-visible{outline:3px solid #9b7ae2;outline-offset:5px}
.media-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff7a;border-radius:50%;background:#25212bba;color:white;font:24px/1 sans-serif;transition:background .15s}
.game-media-open:hover .media-zoom{background:#7953d1}
html.media-viewing{overflow:hidden}
.media-viewer{width:calc(100% - 48px);max-width:1440px;height:calc(100dvh - 48px);max-height:none;padding:0;border:1px solid #ffffff20;border-radius:20px;background:#1c1922;color:#f8f6fb;box-shadow:0 24px 100px #0008;overflow:hidden}
.media-viewer[open]{display:flex;flex-direction:column}
.media-viewer::backdrop{background:#141119c9;backdrop-filter:blur(8px)}
.media-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;flex:none}
.media-viewer-header h2{margin:0;font:600 16px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
.media-viewer button{width:40px;height:40px;flex:none;padding:0;border:1px solid #ffffff26;border-radius:50%;background:#ffffff0d;color:#fff;font:22px/1 sans-serif;cursor:pointer}
.media-viewer button:hover{background:#ffffff25}
.media-viewer button:focus-visible{outline:3px solid #c9b4ff;outline-offset:3px}
.media-viewer-stage{flex:1;min-height:0;padding:0 24px 24px;display:flex;align-items:center;justify-content:center}
.media-viewer-stage img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:420px){
  .media-viewer{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:14px}
  .media-viewer-header{padding:12px 14px}
  .media-viewer-header h2{font-size:14px}
  .media-viewer-stage{padding:0 10px 10px}
}
@media(prefers-reduced-motion:reduce){.media-zoom{transition:none}}

.application-filters{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.application-filters button{font:inherit;font-size:13px;background:transparent;color:#827193;border:1px solid #e4dcee;padding:9px 19px;border-radius:24px;cursor:pointer}.application-filters button.selected{background:#7b54d8;border-color:#7b54d8;color:white}.app-category{font-size:12px!important;color:#987db7!important;margin:0 0 14px!important}[hidden]{display:none!important}