.cloud-coin-layout{grid-template-columns:minmax(260px,.55fr) minmax(0,1fr)}
.cloud-coin .cloud-observer{filter:none}
.cloud-page-content:has(.cloud-page-screen){height:650px;overflow:hidden;background:#090c11}
.cloud-page-screen{display:flex;flex-direction:column;height:100%;min-height:0;background:#080b10}
.screen-crawler-toolbar{height:30px;flex:0 0 30px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#0a0d12;border-bottom:1px solid #243444;font:9px var(--mono);color:#76818f;min-width:0}
.screen-crawler-toolbar strong{color:#b9d7e4;font-size:9px;letter-spacing:.3px;white-space:nowrap}.screen-crawler-toolbar>span:not(.creature-live-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-crawler-toolbar small{margin-left:auto;font:8px var(--mono);white-space:nowrap;color:#65768b}
.creature-live-dot{height:5px;width:5px;flex:0 0 5px;border-radius:50%;background:#ed64a0;box-shadow:0 0 9px #ed64a050}
.screen-source-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#101a24;color:#aabcc9;font:9px/1.5 var(--mono);border-bottom:1px solid #2a3b4c;flex:0 0 auto}.screen-source-meta time{color:#d0dae2}.screen-source-original{color:#b4ddec;white-space:nowrap}.screen-crawler-toolbar .screen-archive-state{color:#d9cfaf;font-size:8px;letter-spacing:.3px}
.screen-canvas{position:relative;flex:1;min-height:200px;background:#e4e8ed;overflow:hidden;isolation:isolate}
.screen-canvas iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:#fff;color:#171a12;opacity:.82;transform-origin:top left}
.screen-creature{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.screen-creature[hidden]{display:none}
.screen-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b111b;color:#9caec3;font:11px var(--mono);padding:25px;text-align:center;z-index:3}
.screen-loading svg{width:65px;height:65px;margin-bottom:10px}
.screen-terminal{height:135px;flex:0 0 135px;background:#080b10;border-top:1px solid #283748;padding:0 12px;overflow:hidden;color:#a0aab6}
.screen-terminal-title{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;font:9px var(--mono);color:#a8d3e7}.screen-terminal-title small{font:7px var(--mono);letter-spacing:1px;color:#48586a}
.screen-terminal-lines>div{display:grid;grid-template-columns:66px 44px minmax(0,1fr);align-items:center;gap:8px;height:18px;font:9px var(--mono)}
.screen-terminal-lines time{color:#506078;font-size:8px}.screen-terminal-lines b{font-size:8px;font-weight:400;color:#7dd4ed}.screen-terminal-lines b.flag{color:#e775a5}.screen-terminal-lines span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#aebdca}
.screen-caption{display:flex;align-items:center;gap:10px;background:#0c1017;color:#b8c3d0;border-top:1px solid #293443;padding:9px 12px;min-height:68px;flex:0 0 68px;box-sizing:border-box}
.screen-caption>div{min-width:0;flex:1}.screen-caption span{font:7px var(--mono);letter-spacing:1px;color:#67788d}.screen-caption p{font:10px/1.5 var(--mono);margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.screen-caption button{font:8px var(--mono);white-space:nowrap;color:#b4d7e6;border-color:#354657;background:#0d1520}
.cloud-page-screen[data-paused="true"] .creature-live-dot{background:#64748b;box-shadow:none}
.cloud-expanded .cloud-page-content:has(.cloud-page-screen){height:76vh;min-height:520px}
@media(max-width:1000px){.cloud-coin-layout{grid-template-columns:minmax(220px,.52fr) minmax(0,1fr)}}
@media(max-width:760px){.cloud-coin-layout{display:flex}.cloud-page-content:has(.cloud-page-screen){height:550px}.screen-caption{padding:9px}.screen-caption p{font-size:8px}.cloud-view-tabs>span{display:none}.screen-terminal{padding:0 8px;height:125px;flex-basis:125px}.screen-terminal-lines>div{grid-template-columns:52px 37px minmax(0,1fr);gap:5px;font-size:8px}.screen-terminal-lines time{font-size:7px}.screen-terminal-title small{font-size:6px;letter-spacing:0}.screen-crawler-toolbar{gap:6px;padding:0 8px}.screen-crawler-toolbar strong{font-size:8px}.screen-crawler-toolbar small{font-size:7px}.cloud-expanded .cloud-page-content:has(.cloud-page-screen){height:74vh}}
@media(max-width:480px){.screen-source-meta{flex-wrap:wrap;padding:7px 9px;font-size:8px}.screen-caption{flex-wrap:wrap;flex-basis:auto;min-height:82px}.screen-caption button{margin-left:auto}.screen-crawler-toolbar{gap:5px}.screen-crawler-toolbar .screen-archive-state{font-size:7px}}
