:root{--ink:#172119;--orange:#e2723d;--gold:#f2b94b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--orange)}main{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:24px;overflow:hidden;isolation:isolate}main:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:radial-gradient(var(--ink) .7px,transparent .8px);background-size:6px 6px;mix-blend-mode:multiply}.sun{position:absolute;width:min(40vw,520px);aspect-ratio:1;border-radius:50%;background:var(--gold);right:7%;top:-18%;z-index:-4}.mountains{position:absolute;left:-5%;right:-5%;bottom:-1px;z-index:-2;clip-path:polygon(0 100%,0 68%,7% 55%,13% 68%,23% 35%,31% 62%,42% 27%,53% 66%,64% 39%,71% 63%,83% 22%,93% 59%,100% 44%,100% 100%)}.mountains.far{height:62%;background:#6f765b;opacity:.82}.mountains.near{height:42%;background:var(--ink);clip-path:polygon(0 100%,0 68%,10% 51%,22% 72%,35% 43%,47% 74%,61% 51%,75% 68%,87% 37%,100% 59%,100% 100%)}.player-frame{position:relative;width:min(1100px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));height:min(760px,calc(100dvh - 48px));padding:10px;background:#b8a985;border:1px solid #655b45;border-radius:14px;box-shadow:0 30px 80px #17211966;z-index:1}#dos{width:100%;height:100%;overflow:hidden;background:#080b08;border-radius:7px}#dos>div{width:100%!important;height:100%!important}@media(max-width:700px){main{padding:12px}.player-frame{width:100%;height:calc(100vh - 24px);height:calc(100dvh - 24px);padding:6px;border-radius:9px}}