﻿.dashboard{grid-template-rows:minmax(0,1fr) calc(clamp(44px,6vh,64px) + clamp(180px,25dvh,280px) + var(--gap)) 66px clamp(48px,6.5vh,70px)}.media-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.media-card{display:grid;grid-template-rows:36px minmax(0,1fr) 34px;min-width:0;min-height:0;overflow:hidden;border:1px solid #a47842aa;border-radius:20px;background:linear-gradient(145deg,#1c1e18,#0c1110);box-shadow:inset 0 1px #fff1d810}.media-card header,.media-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;min-width:0}.media-card header{border-bottom:1px solid #725a343d}.media-card h2{display:flex;align-items:center;gap:7px;font-size:16px;line-height:1.2;margin:0;color:#ffcf92;white-space:nowrap}.card-source{font-size:10px;color:#c5b89e;white-space:nowrap}.media-card footer{border-top:1px solid #725a343d}.media-card footer p{font-size:11px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9c8bb}.media-card footer a{font-size:11px;color:#ffd49b;white-space:nowrap}.performance-stage,.youtube-player{position:relative;min-height:0;min-width:0;background:radial-gradient(ellipse at center,#22302055,#070e0b 75%);overflow:hidden}.performance-stage>a{display:block;width:100%;height:100%}.performance-stage>a[hidden]{display:none}#performance-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;padding:10px;pointer-events:none}.media-placeholder[hidden]{display:none}.media-placeholder p{font-size:13px;color:#e0d4c0;margin:0;line-height:1.5}.media-placeholder small{font-size:11px;color:#b6ad9b}.placeholder-mark{font-size:30px;color:#bc945e}.video-play{display:grid;place-items:center;width:48px;height:34px;border-radius:10px;background:#cf3e2c;color:#fff;font-size:20px;box-shadow:0 0 24px #a83c1f20}.youtube-mark{color:#ff8161;font-size:13px}.youtube-player iframe{display:block;border:0;width:100%;height:100%;background:#000}.slide-controls{display:flex;align-items:center;gap:3px;flex-shrink:0}.slide-controls button{border:0;color:#ffcd8d;background:none;cursor:pointer;font:inherit;font-size:23px;line-height:1;width:34px;height:32px;padding:0}.slide-controls button:disabled{opacity:.3;cursor:default}.slide-controls button:focus-visible{outline:2px solid #ffd39b;border-radius:6px}.slide-controls span{font-size:10px;min-width:24px;text-align:center;color:#e3c9a3}
@media(max-width:900px){.dashboard{grid-template-rows:minmax(0,1fr) calc(228px + var(--gap)) 104px 50px}.media-cards{display:grid;gap:6px}.media-card{border-radius:14px;grid-template-rows:28px minmax(0,1fr) 30px}.media-card header,.media-card footer{padding:0 8px;gap:4px}.media-card h2{font-size:12px;gap:4px}.card-source{font-size:8px}.media-card footer p{font-size:9px}.media-card footer a{font-size:9px}.media-placeholder p{font-size:10px}.media-placeholder small{font-size:9px}.placeholder-mark{font-size:23px}.video-play{width:42px;height:30px;font-size:17px}.slide-controls button{height:28px;width:24px;font-size:20px}.slide-controls span{font-size:8px;min-width:19px}.youtube-mark{font-size:10px}}
@media(max-width:900px) and (max-height:730px){.dashboard{grid-template-rows:minmax(0,1fr) calc(194px + var(--gap)) 96px 46px;gap:4px}.media-card{grid-template-rows:26px minmax(0,1fr) 27px}.media-card h2{font-size:10px}.card-source{display:none}.media-placeholder p{font-size:9px}.media-placeholder small{font-size:8px}}
@media(max-width:900px) and (orientation:landscape){.dashboard{grid-template-rows:minmax(0,1fr) calc(154px + var(--gap)) 44px 40px}.media-card{grid-template-rows:23px minmax(0,1fr) 24px}}


