/* Motion and interaction styling belongs only to the signed-in terminal. */
body:has(.player-preview)>.player-end-motes{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.player-end-motes i{position:absolute;left:var(--x);bottom:-20px;width:var(--size);height:var(--size);background:#d8a4ff;box-shadow:0 0 12px 3px #b85bff88;animation:player-mote-rise var(--duration) var(--delay) linear infinite;opacity:0}
@keyframes player-mote-rise{0%{opacity:0;transform:translate(0,0) rotate(0)}15%,75%{opacity:.7}100%{opacity:0;transform:translate(38px,-105vh) rotate(140deg)}}
.player-preview .player-task{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.player-preview .concept-button{transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.player-preview .concept-button:not(:disabled):active{transform:scale(.96)}
.player-preview .concept-button:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.player-preview .world-tabs button{position:relative}
.player-preview .world-tabs button[aria-pressed=true]::after{content:'';position:absolute;bottom:-10px;left:20%;right:20%;height:3px;border-radius:3px;background:var(--copper)}
.player-preview .player-motion-toggle{font-size:12px;padding:9px 12px;color:var(--muted)}
.player-preview .player-action-dialog[open]{animation:player-dialog-enter .22s ease-out}
@keyframes player-dialog-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover){.player-preview .player-task:hover{transform:translateY(-3px);border-color:#a6533b70;box-shadow:0 8px 22px #36204314}.player-preview .concept-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #36204318}}
body.player-effects-paused .player-end-motes{display:none}
body.player-effects-paused .player-preview *,body.player-effects-paused .player-preview *::after{animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.player-end-motes,.player-preview .player-motion-toggle{display:none}.player-preview *,.player-preview *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}}
/* Cream glass with a soft End-purple tint; stats are informational, not links. */
.player-preview{background:linear-gradient(135deg,rgba(255,250,237,.94),rgba(245,240,239,.88) 55%,rgba(229,218,242,.86));backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border-color:#fff9;box-shadow:inset 0 1px 0 #fff,0 18px 70px #0b071d40}
.player-preview .player-stats>div{position:relative;overflow:hidden;padding:18px 16px;border-radius:16px;border:1px solid #ffffffb0;background:linear-gradient(125deg,#fffaf0d9,#f3e7dc88 45%,#dfd0ef99);box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #ffffff80,0 5px 18px #3620430a;cursor:default}
.player-preview .player-stats>div::before{content:'';position:absolute;inset:-100%;pointer-events:none;background:linear-gradient(110deg,transparent 37%,#ffffff80 48%,transparent 59%);transform:translateX(-30%) rotate(-12deg);animation:player-glass-light 14s ease-in-out infinite alternate}
.player-preview .player-stats>div:nth-child(2)::before{animation-delay:-4s}.player-preview .player-stats>div:nth-child(3)::before{animation-delay:-8s}.player-preview .player-stats>div:nth-child(4)::before{animation-delay:-12s}
.player-preview .player-stats>div>span,.player-preview .player-stats>div>strong{position:relative;z-index:1}.player-preview .player-stats span{color:var(--muted)}
.player-preview .player-task{background:linear-gradient(120deg,#fffdf5d9,#faf4f1ad 65%,#ede3f4b0);border-color:#fff9;box-shadow:inset 0 1px 0 #fff,0 4px 18px #36204309}
@keyframes player-glass-light{from{transform:translateX(-28%) rotate(-12deg)}to{transform:translateX(28%) rotate(-12deg)}}
body.player-effects-paused .player-preview .player-stats>div::before{animation:none}
@media(prefers-reduced-motion:reduce){.player-preview .player-stats>div::before{animation:none}}
/* Full-width navigation surface: no inset dark rectangle over the scenery. */
body:has(.player-preview)>.topbar{max-width:none;width:100%;box-sizing:border-box;margin:0;min-height:80px;padding:18px max(24px,calc((100% - 1120px)/2));background:linear-gradient(110deg,rgba(25,30,47,.55),rgba(41,31,48,.32));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff24}
body:has(.player-preview)>.topbar::before,body:has(.player-preview)>.topbar::after{display:none}
@media(max-width:760px){body:has(.player-preview)>.topbar{padding:16px 20px;gap:14px}.player-preview{scroll-margin-top:20px}}