/* The award room is one uninterrupted space. Controls float at its edges. */
.tr-room{--tr-ink:#242d34;--tr-muted:#78848d;--tr-line:#34465426;--tr-ease:cubic-bezier(.16,1,.3,1);position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;background:#eef0f0;color:var(--tr-ink);overflow:hidden;box-shadow:none;overscroll-behavior:contain;font-family:'Noto Sans JP',sans-serif}
.tr-room::backdrop{background:#e9edef}.tr-room[open]{animation:tr-enter .65s var(--tr-ease)}.tr-room *{box-sizing:border-box}.tr-room button{font:inherit;touch-action:manipulation;cursor:pointer;transition:transform .45s var(--tr-ease),background .3s,color .3s,box-shadow .35s,border-color .3s;min-height:44px}.tr-room button:focus-visible{outline:2px solid #526d80;outline-offset:5px}.tr-room button:hover{transform:translateY(-2px)}.tr-room button:active{transform:scale(.97)}.tr-room svg{width:18px;height:18px;display:block}.tr-shell,.tr-stage{position:relative;height:100%;width:100%;min-height:0;overflow:hidden}.tr-stage{background:#edf0f1;isolation:isolate}.tr-canvas{position:absolute;inset:0;overflow:hidden}.tr-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}
.tr-header{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;padding:24px 32px;gap:24px;z-index:5;pointer-events:none;mix-blend-mode:multiply}.tr-wordmark{flex:0 0 140px;width:140px;height:47px;position:relative;overflow:hidden;contain:layout paint;opacity:.86}.tr-wordmark img{position:absolute;top:-17px;left:0;display:block;width:140px;max-width:none;height:69px;object-fit:contain;transform:none}.tr-room-count{display:flex;align-items:baseline;gap:7px;font-size:8px;color:#637480;border-left:1px solid #26374524;padding-left:20px}.tr-room-count strong{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:500;letter-spacing:-.04em;color:#394752}.tr-exit{position:absolute;z-index:6;top:26px;right:32px;display:flex;align-items:center;gap:9px;pointer-events:auto;margin-left:auto;border:1px solid #53687824;border-radius:999px;background:#f7fafb9c;backdrop-filter:blur(12px);padding:0 16px;color:#354754;font-size:10px!important}.tr-exit svg{width:16px;height:16px;transition:transform .5s var(--tr-ease)}.tr-exit:hover{background:#fff;box-shadow:0 6px 20px #213c5010}.tr-exit:hover svg{transform:translateX(-3px)}
.tr-loading{position:absolute;inset:0;background:#edf0f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:8;transition:opacity .8s,visibility .8s}.tr-loading p{font-size:11px;color:#65757f;letter-spacing:.1em}.tr-loading>span{width:30px;height:30px;border:1px solid #91a7b4;border-top-color:transparent;border-radius:50%;animation:tr-spin 1.3s linear infinite}.tr-loading.tr-loaded{opacity:0;visibility:hidden;pointer-events:none}.tr-loading button{border:1px solid #6b7e8b33;background:#fff8;color:#405664;padding:9px 16px;border-radius:2px;font-size:11px}
.tr-title{position:absolute;top:100px;left:34px;pointer-events:none;z-index:3;transition:opacity .5s,transform .7s var(--tr-ease)}.tr-title h1{font-size:13px;font-weight:500;letter-spacing:.025em;line-height:1.7;margin:0;color:#4b5c68;text-shadow:0 1px 14px #ffffff}.tr-space-caption{position:absolute;left:34px;bottom:108px;display:flex;gap:9px;align-items:center;color:#5e7180;pointer-events:none;transition:opacity .4s,transform .5s;text-shadow:0 1px 9px #fff}.tr-space-caption p{font-size:9px;letter-spacing:.025em;margin:0}.tr-live-dot{width:4px;height:4px;background:#799cad;border-radius:50%;box-shadow:0 0 0 4px #c3e1ec55}
.tr-room-return{position:absolute;left:32px;top:105px;z-index:4;display:flex;align-items:center;gap:8px;font-size:10px!important;color:#354b5b;background:#f8fbfbbd;border:1px solid #536b7a24;border-radius:999px;padding:0 14px;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .5s,transform .6s!important}.tr-room-return svg{width:15px;height:15px}.tr-award-info{position:absolute;right:32px;bottom:110px;width:270px;padding:24px 25px;z-index:4;opacity:0;visibility:hidden;transform:translateX(20px);transition:opacity .6s .2s,transform .8s .15s;background:#f7fafbc4;backdrop-filter:blur(22px);border:1px solid #fff9;border-top-color:#98acba5c;box-shadow:0 12px 40px #2039480a;color:#283d4b}.tr-award-edition{font-size:8px;color:#758a98;letter-spacing:.08em}.tr-award-info h2{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.65;margin:11px 0 19px;word-break:keep-all;overflow-wrap:anywhere}.tr-award-info dl{margin:0 0 12px}.tr-award-info dl>div{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;margin:9px 0}.tr-award-info dt{color:#758895;font-size:9px}.tr-award-info dd{margin:0;color:#4d6473}.tr-award-actions{display:flex;border-top:1px solid var(--tr-line);gap:18px}.tr-award-actions button{display:flex;justify-content:space-between;align-items:center;gap:16px;border:0;background:transparent;flex:1;padding:7px 0;font-size:9px!important;color:#496171}.tr-award-actions button>span{font-size:15px;font-weight:300;transition:transform .4s var(--tr-ease)}.tr-award-actions button:hover>span{transform:translateX(3px)}
.tr-rotate-controls{position:absolute;left:32px;bottom:110px;display:flex;align-items:center;gap:1px;padding:0 7px 0 13px;z-index:4;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s .25s,transform .6s .15s;color:#526b7c;background:#f6fafbc4;backdrop-filter:blur(14px);border:1px solid #fff9;border-radius:999px}.tr-rotate-controls>span{font-size:9px;margin-right:7px}.tr-rotate-controls button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#587181;display:grid;place-items:center}.tr-rotate-controls button:hover{background:#d8e5eb8c}.tr-rotate-controls button:last-child svg{transform:rotate(180deg)}.tr-rotate-controls svg{width:14px;height:14px}
.tr-dock{position:absolute;left:32px;right:32px;bottom:21px;z-index:5;display:flex;align-items:center;gap:25px;height:65px;pointer-events:none;border:0;background:transparent;transition:opacity .5s}.tr-dock-label{flex:none;display:flex;flex-direction:column;gap:6px;min-width:100px;padding-top:6px}.tr-dock-label>span{font-size:9px;font-weight:500;color:#526877}.tr-dock-label small{font-size:8px;color:#8196a3}.tr-trophy-nav{display:flex;gap:24px;align-items:center;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#8b9eaa55 transparent;height:100%;flex:1;pointer-events:auto}.tr-trophy-nav button{display:flex;align-items:center;gap:11px;flex:none;text-align:left;background:transparent;border:0;border-bottom:1px solid transparent;padding:7px 0;color:#49616f;opacity:.65;min-width:145px;transition:opacity .35s,border-color .35s,transform .4s var(--tr-ease)}.tr-trophy-nav button[aria-pressed=true]{opacity:1;border-color:#52768a}.tr-trophy-nav button:hover{opacity:1}.tr-trophy-nav button>span{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:400;color:#496c80;line-height:1;letter-spacing:-.05em}.tr-trophy-nav button b{display:block;font-size:10px;font-weight:500;line-height:1.6;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-trophy-nav button small{display:block;font-size:8px;letter-spacing:.03em;color:#859aa6;margin-top:3px}
.tr-empty-copy{display:none;position:absolute;left:24px;right:24px;bottom:36px;z-index:4;text-align:center;color:#526b7c;pointer-events:none;text-shadow:0 1px 15px #fff,0 1px 7px #fff}.tr-empty-copy p{font-size:12px;font-weight:400;line-height:1.8;margin:0 0 6px;letter-spacing:.02em}.tr-empty-copy>span{font-size:9px;line-height:1.9;color:#8a9ba5}.tr-empty .tr-empty-copy{display:block}.tr-empty .tr-space-caption,.tr-empty .tr-dock{display:none}
.tr-ceremony-overlay{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .8s;background:linear-gradient(#f2f7f833,transparent 30%,transparent 80%,#f2f7f844)}.tr-ceremony-title{position:absolute;left:20px;right:20px;top:110px;text-align:center;transform:translateY(-18px);transition:transform 1.2s var(--tr-ease);color:#344a59;text-shadow:0 1px 18px #fff}.tr-ceremony-title p{font-size:9px;letter-spacing:.22em;margin:0 0 12px;color:#79929f}.tr-ceremony-title h2{font-size:28px;font-weight:500;line-height:1.5;letter-spacing:-.04em;margin:0 0 10px}.tr-ceremony-title>span{font-size:10px;color:#718d9e}.tr-ceremony-close{position:absolute;top:105px;right:32px;width:44px;height:44px;border:1px solid #536b7a24;border-radius:50%;background:#f6fafbbd;color:#637e8e;display:grid;place-items:center}.tr-ceremony-close svg{width:16px;height:16px}.tr-place-award{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 18px;border:1px solid #65849444;border-radius:999px;background:#f6fafbdb;color:#466375;font-size:10px!important;backdrop-filter:blur(12px);box-shadow:0 8px 25px #354f600d;white-space:nowrap}.tr-place-award:hover{transform:translateX(-50%) translateY(-3px)!important;background:#fff;box-shadow:0 11px 30px #354f601a}.tr-place-award:active{transform:translateX(-50%) scale(.98)!important}
.tr-record-dialog{width:min(510px,calc(100% - 32px));max-height:85dvh;position:fixed;inset:0;margin:auto;padding:38px;border:1px solid #d8e1e7;border-radius:2px;background:#f6f9fa;color:#344e60;box-shadow:0 30px 100px #223a4c2b}.tr-record-dialog::backdrop{background:#bcccd578;backdrop-filter:blur(10px)}.tr-record-dialog>p{font-size:9px;color:#7f98a7;letter-spacing:.12em;margin:0 0 16px}.tr-record-dialog h2{font-size:24px;line-height:1.7;font-weight:500;margin:0 0 25px}.tr-record-dialog dl{margin:0}.tr-record-dialog dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d7e0e6;padding:15px 0;font-size:10px}.tr-record-dialog dt{color:#859ba8;flex:none}.tr-record-dialog dd{margin:0;text-align:right;word-break:break-word}.tr-record-dialog small{display:block;font-size:9px;line-height:1.9;color:#8a9eab;margin-top:18px}.tr-record-close{position:absolute;right:7px;top:7px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#7692a3}.tr-record-close svg{width:17px;height:17px}
.tr-shell[data-mode=inspect] .tr-title,.tr-shell[data-mode=inspect] .tr-space-caption,.tr-shell[data-mode=ceremony] .tr-title,.tr-shell[data-mode=ceremony] .tr-space-caption{opacity:0;visibility:hidden;transform:translateY(-10px)}.tr-shell[data-mode=inspect] .tr-room-return,.tr-shell[data-mode=inspect] .tr-award-info,.tr-shell[data-mode=inspect] .tr-rotate-controls{opacity:1;visibility:visible;transform:translate(0)}.tr-shell[data-mode=ceremony] .tr-ceremony-overlay{opacity:1;visibility:visible;pointer-events:auto}.tr-shell[data-mode=ceremony] .tr-ceremony-title{transform:translateY(0)}.tr-shell[data-mode=ceremony] .tr-dock{opacity:.15;pointer-events:none}.tr-shell[data-mode=room] .tr-empty-copy{animation:tr-copy-enter .9s .6s both}
@keyframes tr-enter{from{opacity:0;clip-path:inset(2% 1% round 5px)}to{opacity:1;clip-path:inset(0 round 0)}}@keyframes tr-spin{to{transform:rotate(360deg)}}@keyframes tr-copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.tr-exit{margin-left:0}@media(max-width:1000px){.tr-exit{right:24px}.tr-header{padding-left:24px;padding-right:24px}.tr-title,.tr-space-caption{left:26px}.tr-room-return,.tr-rotate-controls{left:24px}.tr-award-info{right:24px;width:250px}.tr-dock{left:24px;right:24px;gap:22px}.tr-dock-label{min-width:90px}.tr-trophy-nav{gap:20px}}
@media(max-width:700px){.tr-exit{top:15px;right:18px}.tr-header{padding:15px 18px;gap:15px}.tr-wordmark{flex-basis:112px;width:112px;height:38px}.tr-wordmark img{width:112px;height:55px;top:-14px}.tr-room-count{padding-left:14px;gap:5px;font-size:7px}.tr-room-count strong{font-size:16px}.tr-exit{width:44px;height:44px;padding:0;justify-content:center}.tr-exit span{display:none}.tr-title{top:81px;left:22px;right:22px}.tr-title h1{font-size:11px}.tr-space-caption{left:22px;bottom:103px;gap:8px}.tr-space-caption p{font-size:8px}.tr-room-return{left:18px;top:85px;font-size:9px!important;padding:0 12px}.tr-award-info{left:18px;right:18px;bottom:98px;width:auto;padding:16px 19px;background:#f5fafad9}.tr-award-edition{font-size:7px}.tr-award-info h2{font-size:19px;margin:7px 0 12px}.tr-award-info dl{display:flex;gap:24px;margin:0 0 9px}.tr-award-info dl>div{display:block;margin:0;font-size:9px}.tr-award-info dt{font-size:7px;margin-bottom:5px}.tr-award-actions{gap:30px}.tr-award-actions button{font-size:9px!important;padding:4px 0}.tr-rotate-controls{left:auto;right:18px;top:85px;bottom:auto;gap:0;padding:0 3px}.tr-rotate-controls>span{display:none}.tr-rotate-controls button{width:44px;height:44px}.tr-rotate-controls svg{width:13px;height:13px}.tr-dock{left:20px;right:20px;bottom:17px;height:61px;gap:0}.tr-dock-label{display:none}.tr-trophy-nav{gap:21px}.tr-trophy-nav button{min-width:137px;gap:10px}.tr-trophy-nav button>span{font-size:20px}.tr-trophy-nav button b{font-size:9px;max-width:145px}.tr-trophy-nav button small{font-size:7px}.tr-empty-copy{left:22px;right:22px;bottom:33px}.tr-empty-copy p{font-size:11px}.tr-empty-copy>span{font-size:8px}.tr-ceremony-title{top:143px;left:18px;right:18px}.tr-ceremony-title p{font-size:8px;margin-bottom:11px}.tr-ceremony-title h2{font-size:23px;line-height:1.6;margin-bottom:8px}.tr-ceremony-title>span{font-size:9px}.tr-ceremony-close{top:85px;right:18px}.tr-place-award{bottom:103px;font-size:10px!important;gap:26px}.tr-record-dialog{padding:32px 25px}.tr-record-dialog h2{font-size:22px}.tr-record-dialog dl>div{font-size:9px}.tr-record-dialog small{font-size:8px}}
@media(max-height:560px) and (min-width:701px){.tr-exit{top:14px}.tr-header{padding-top:12px;padding-bottom:12px}.tr-title{top:80px}.tr-room-return,.tr-ceremony-close{top:80px}.tr-ceremony-title{top:80px}.tr-award-info{bottom:92px;padding:17px 22px}.tr-award-info h2{margin:5px 0 10px;font-size:20px}.tr-dock{bottom:12px;height:58px}.tr-space-caption,.tr-rotate-controls{bottom:90px}.tr-place-award{bottom:92px}}
.tr-hall .tr-award-info{width:310px;max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.tr-hall .tr-award-info h2{font-size:19px;margin:8px 0 14px}.tr-champion-name{margin:15px 0 18px}.tr-champion-name>span{display:block;font-size:8px;letter-spacing:.08em;color:#7a8e9a}.tr-champion-name h3{font-size:22px;line-height:1.5;font-weight:500;letter-spacing:.015em;overflow-wrap:anywhere;margin:4px 0 0}.tr-champion-name a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;padding-bottom:2px;transition:background-size .4s var(--tr-ease),color .3s}.tr-champion-name a:hover{background-size:100% 1px;color:#142c3c}.tr-champion-name a:focus-visible{outline:2px solid #526d80;outline-offset:5px}.tr-event-logo{width:min(170px,100%);margin:0 0 14px}.tr-event-logo img{display:block;width:100%;height:48px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.tr-champion-card{display:flex;align-items:center;gap:17px;margin:0 0 20px}.tr-champion-card>img{display:block;max-width:105px;width:40%;max-height:145px;object-fit:contain;object-position:center}.tr-champion-card figcaption{flex:1;min-width:0}.tr-champion-card figcaption>span{font-size:7px;letter-spacing:.14em;color:#8395a0}.tr-champion-card figcaption p{font-size:11px;line-height:1.8;margin:8px 0 0;overflow-wrap:anywhere}.tr-champion-card figcaption small{display:block;font-size:9px;letter-spacing:.04em;color:#8b9ba4;margin-top:9px;line-height:1.8}.tr-card-frame{flex:0 0 82px;aspect-ratio:2.5/3.5;position:relative;border:1px solid #aebbc2;background:linear-gradient(145deg,#f9fbfc,#e8eef0);box-shadow:inset 0 0 0 5px #f6f9fa,inset 0 0 0 6px #dce4e8,0 6px 15px #344e6008}.tr-card-frame>span{position:absolute;inset:13px;border:1px solid #bac8d04d}.tr-hall .tr-award-info dl>div{align-items:flex-start;line-height:1.65}.tr-hall .tr-award-info dd{text-align:right;overflow-wrap:anywhere}.tr-record-dialog{overscroll-behavior:contain}.tr-record-dialog .tr-champion-card>img{max-width:150px;max-height:210px}.tr-record-dialog .tr-card-frame{flex-basis:104px}.tr-record-dialog .tr-event-logo{width:200px}.tr-record-dialog .tr-event-logo img{height:58px}
@media(max-width:700px){.tr-hall .tr-award-info{width:auto;max-height:calc(100dvh - 230px);padding:16px 19px}.tr-hall .tr-award-info h2{font-size:16px;line-height:1.6;margin:6px 0 11px}.tr-hall .tr-award-info dl{display:block}.tr-hall .tr-award-info dl>div{display:flex;gap:15px;margin:7px 0}.tr-champion-name{margin:11px 0 13px}.tr-champion-name h3{font-size:19px}.tr-champion-card{gap:15px;margin-bottom:14px}.tr-card-frame{flex-basis:64px}.tr-champion-card>img{max-width:82px;max-height:115px}.tr-event-logo{margin-bottom:10px;width:140px}.tr-event-logo img{height:37px}.tr-record-dialog .tr-card-frame{flex-basis:92px}}
@media(prefers-reduced-motion:reduce){.tr-room,.tr-room *,.tr-room *::before,.tr-room *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tr-room button:hover,.tr-room button:active{transform:none!important}.tr-place-award,.tr-place-award:hover,.tr-place-award:active{transform:translateX(-50%)!important}.tr-shell[data-mode=room] .tr-empty-copy{opacity:1}}

/* Keep the original event art intact; show only its BRAG BATTLE mini mark. */
.tr-event-logo.tr-event-logo-mini{position:relative;aspect-ratio:420/275;overflow:hidden;background:#08101f}.tr-event-logo.tr-event-logo-mini img{position:absolute;width:380.952381%;max-width:none;height:auto;left:-251.190476%;top:-95.636364%;mix-blend-mode:normal}
.tr-next-copy{font-size:10px;line-height:1.9;color:#728894;margin:18px 0 0;padding-top:15px;border-top:1px solid var(--tr-line)}.tr-card-upcoming .tr-card-frame{background:linear-gradient(145deg,#fff,#ecf1f3);border-color:#9baeb9}.tr-trophy-nav .tr-next-trophy small{color:#647e8e}.tr-trophy-nav .tr-next-trophy[aria-pressed=true]{border-bottom-style:dashed}
.tr-shelf-controls{display:flex;flex:none;align-items:center;gap:4px;margin-left:6px;padding-left:12px;border-left:1px solid var(--tr-line);pointer-events:auto;color:#4b6474}.tr-shelf-controls[hidden]{display:none}.tr-shelf-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}.tr-shelf-controls button svg{width:15px;height:15px;transition:transform .45s var(--tr-ease)}.tr-shelf-controls [data-action=shelf-next] svg{transform:rotate(180deg)}.tr-shelf-controls button:hover{background:#ffffff80}.tr-shelf-controls [data-action=shelf-prev]:hover svg{transform:translateX(-3px)}.tr-shelf-controls [data-action=shelf-next]:hover svg{transform:translateX(3px) rotate(180deg)}.tr-shelf-controls button:disabled{opacity:.25;cursor:default;transform:none;background:transparent}.tr-shelf-controls [data-action=shelf-prev]:disabled svg{transform:none}.tr-shelf-controls [data-action=shelf-next]:disabled svg{transform:rotate(180deg)}.tr-shelf-position{min-width:48px;text-align:center;white-space:nowrap;font-family:'DM Sans',sans-serif;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.tr-shelf-controls:has(button:focus-visible){border-left-color:#526d80}
@media(max-width:700px){.tr-shelf-controls{gap:0;margin-left:12px;padding-left:7px}.tr-shelf-position{min-width:42px;font-size:9px}.tr-shelf-controls button{width:36px;min-width:36px}}
@media(prefers-reduced-motion:reduce){.tr-shelf-controls [data-action=shelf-prev]:hover svg{transform:none}.tr-shelf-controls [data-action=shelf-next]:hover svg{transform:rotate(180deg)}}
/* Leave the mobile inspection view to the trophy; the record keeps every detail. */
@media(max-width:700px){.tr-hall .tr-award-info{padding:14px 18px;max-height:min(190px,calc(100dvh - 270px))}.tr-hall .tr-award-info>.tr-event-logo,.tr-hall .tr-award-info>.tr-champion-card,.tr-hall .tr-award-info>dl{display:none}.tr-hall .tr-award-info>.tr-award-edition{display:block;font-size:8px;line-height:12px}.tr-hall .tr-award-info h2{font-size:16px;line-height:1.4;margin:4px 0 8px}.tr-hall .tr-award-info .tr-champion-name{display:flex;align-items:baseline;gap:10px;margin:0 0 9px}.tr-hall .tr-award-info .tr-champion-name>span{flex:none;font-size:8px}.tr-hall .tr-award-info .tr-champion-name h3{font-size:19px;line-height:1.4;margin:0}.tr-hall .tr-award-info .tr-award-actions button{min-height:44px;padding:0}.tr-hall .tr-award-info .tr-next-copy{font-size:9px;line-height:1.7;margin:10px 0 0;padding-top:8px}}

/* Each room depth has one labelled return at the same edge. */
.tr-exit,.tr-room-return{left:36px;right:auto;top:100px;border-radius:0;padding:9px 14px;width:auto;gap:10px;min-height:44px;box-shadow:0 5px 20px #18322409;background:#f7f8f0c2;color:#283a30}
.tr-exit span,.tr-room-return span{display:inline;font-size:11px;letter-spacing:.035em}
.tr-exit svg,.tr-room-return svg{width:19px;height:19px;transition:transform .55s var(--tr-ease)}
.tr-exit:hover svg,.tr-room-return:hover svg{transform:translateX(-4px)}
.tr-shell[data-mode=inspect] .tr-exit,.tr-shell[data-mode=ceremony] .tr-exit{opacity:0;visibility:hidden;pointer-events:none}
.tr-title{left:auto;right:36px;top:111px;max-width:45%;text-align:right}
.tr-record-close{position:relative;left:auto;right:auto;top:auto;display:inline-flex;gap:10px;align-items:center;width:auto;padding:0 12px;margin:0 0 21px;border:1px solid #40544925;background:#fff5;font-size:10px!important}
.tr-record-close span{display:inline}
@media(max-width:700px){.tr-exit,.tr-room-return{left:20px;right:auto;top:83px;padding:8px 12px}.tr-exit span,.tr-room-return span{font-size:10px}.tr-title{left:auto;right:20px;top:93px;max-width:40%}.tr-title h1{font-size:9px}.tr-record-close{margin-bottom:17px}}
@media(max-height:600px) and (min-width:701px){.tr-exit,.tr-room-return{top:81px}.tr-title{top:92px}}