/* Match the full video's desktop composition without scaling the whole interface. */
.desktop-icons{width:110px;gap:24px}.desktop-apps{left:auto;right:12px;width:100px}.desktop-apps img{width:48px;height:48px}.desktop-apps .desktop-icon{font-family:var(--system-font)}
.photo-window{left:26%;top:10%;width:41%;height:77%;min-width:320px}
.photo-window .aux-content{display:flex;flex-direction:column;padding:0;overflow:hidden}
.photo-scroll{flex:1;min-height:0;overflow:auto;display:flex;background:#808080;border:2px inset #eee;scrollbar-color:#c0c0c0 #ddd;scrollbar-width:auto}
.photo-scroll img{flex:none;display:block;max-width:none;margin:auto;object-fit:contain}.photo-flipped{transform:scaleX(-1)}
.photo-caption{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.photo-zoom{white-space:nowrap;border-left:1px solid #aaa;padding-left:8px}
.image-window{left:12%;top:24%;width:43%;height:64%;min-height:300px}
.image-window>.toolbar{display:none}.image-window>.statusbar{background:#c0c0c0;color:#222;border:1px inset white;height:22px;min-height:22px;font:11px var(--system-font)}.image-window>.statusbar>img{display:none}
.image-window>.titlebar{height:22px;min-height:22px}.image-window .paint-tools{width:58px;min-width:58px;padding:2px}.image-window .paint-tools .tool-button{width:25px;height:26px}.image-window .paint-tools .tool-button svg{width:19px;height:19px}.image-window .palette-hint{display:none}
.start-items img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}
.error-symbol{display:inline-flex;align-items:center;justify-content:center;background:#d90000;color:white;border:2px outset #ffa9a9;border-radius:50%;font:bold 29px var(--system-font);width:34px;height:34px;flex-shrink:0;text-shadow:1px 1px #700}
.mines-window{width:340px;height:440px;min-width:290px}.mine-header{display:flex;justify-content:space-between;align-items:center;padding:7px;margin-bottom:10px}.mine-header output{background:#160000;color:#ff2323;font:28px var(--system-font);padding:2px}.mine-header button{font-size:25px;padding:0 8px}
#mine-grid{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:3px inset #eee;max-width:400px;margin:auto}.mine-cell{aspect-ratio:1;min-width:0;padding:0;background:#c0c0c0;border:3px outset #eee;font:bold 18px var(--system-font);touch-action:manipulation}.mine-cell.revealed{border:1px solid #888;background:#bdbdbd}.mine-cell[data-number="1"]{color:blue}.mine-cell[data-number="2"]{color:green}.mine-cell[data-number="3"]{color:red}.mine-cell[data-number="4"]{color:navy}.mine-actions{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px}.mine-actions button{white-space:nowrap;font-size:12px;padding:4px}.mine-actions button[aria-pressed=true]{border-style:inset;background:#ddd}
#finale-layer{position:absolute;inset:0 0 var(--taskbar-height);z-index:25000;background:#0001;overflow:hidden}.error-window{min-width:0;min-height:0;max-height:none;resize:none;z-index:2;box-shadow:2px 2px #0007}.error-window .titlebar{height:23px;min-height:23px}.error-content{display:flex;gap:12px;align-items:center;padding:15px 12px 8px}.error-content p{font:12px var(--system-font);margin:0}.error-ok{align-self:center;min-width:78px;margin:0 0 10px}.finale-exit{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap;max-width:calc(100% - 16px);min-height:40px;font-size:12px;box-shadow:0 2px 8px #0006}.ghost-photo{width:35%;height:68%;min-width:0;min-height:0;z-index:0;pointer-events:none;resize:none}.ghost-photo>img{width:100%;min-height:0;flex:1;object-fit:contain;background:#808080}
@media(max-width:680px),(max-width:1000px) and (max-height:500px){
.desktop-icons{left:4px;right:auto;width:57%;gap:0}.desktop-icons .desktop-icon{width:33.33%;font-size:9px}.desktop-icon span{font-size:9px!important}.desktop-apps{left:auto;right:4px;width:39%;gap:0}.desktop-apps .desktop-icon{width:50%}.desktop-apps img{width:36px;height:36px}
.photo-window{min-width:0}.photo-window .toolbar .tool-button{min-width:34px}.image-window>.titlebar{height:36px;min-height:36px}.image-window .paint-tools{width:auto;min-width:0;padding:3px}.image-window .paint-tools .tool-button{width:38px;height:38px}.image-window .paint-tools .tool-button svg{width:22px;height:22px}.image-window>.statusbar{height:25px;min-height:25px}.photo-window .statusbar>span:last-child,.photo-window .statusbar>span:nth-last-child(2){display:none}
#finale-layer .error-window{width:calc(100% - 24px)!important;height:auto!important;left:12px!important;top:calc(45% - 50px)!important;right:auto!important;bottom:auto!important}
.mines-window .aux-content{display:flex;flex-direction:column}#mine-grid{width:min(100%,400px);max-height:55vh;flex-shrink:0}.mine-actions{margin-top:12px;flex-wrap:wrap}.mine-cell{font-size:18px}
}
@media(max-height:500px) and (max-width:1000px){#mine-grid{width:180px;max-height:none}.mine-header{position:absolute;left:10px;top:50px;flex-direction:column;gap:12px}.mine-actions{position:absolute;right:10px;top:60px;width:120px;display:flex;flex-direction:column}.mine-cell{font-size:12px;border-width:2px}.mines-window .aux-content{align-items:center;padding-top:6px}}