*{margin:0;padding:0;box-sizing:border-box}
body{background:#f5f4f2;font-family:'Varela Round',sans-serif;overflow:hidden;width:100vw;height:100vh}

.wip-stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
.wip-wrap{position:relative;max-width:92vw;max-height:88vh;overflow:hidden}
.wip-wrap img{display:block;max-width:92vw;max-height:88vh;object-fit:contain}

/* Scanlines */
.vhs-scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.2) 0px,rgba(0,0,0,0.2) 1px,transparent 1px,transparent 2px)}

/* Noise */
.vhs-noise{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0.1;width:100%;height:100%}

/* Player */
.player{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;gap:8px;background:rgba(26,26,26,0.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(26,26,26,0.08);border-radius:40px;padding:8px 16px 8px 10px;z-index:100;user-select:none;opacity:0;transition:opacity 1s ease}
.player.visible{opacity:1}
.p-btn{width:30px;height:30px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;color:#1a1a1a;flex-shrink:0}
.p-btn:hover{background:rgba(26,26,26,0.08)}
.p-btn svg{width:15px;height:15px;fill:currentColor}
.p-track{font-size:12px;color:#666;min-width:56px;flex-shrink:0}
.p-vol{-webkit-appearance:none;appearance:none;width:64px;height:3px;background:rgba(26,26,26,0.15);border-radius:2px;outline:none;cursor:pointer;flex-shrink:0}
.p-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#1a1a1a;border-radius:50%;cursor:pointer}
.p-vol::-moz-range-thumb{width:10px;height:10px;background:#1a1a1a;border:none;border-radius:50%;cursor:pointer}

/* Overlay */
.play-prompt{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(245,244,242,0.94);z-index:200;cursor:pointer;transition:opacity 0.6s ease}
.play-prompt span{font-size:22px;color:#999;border:1px solid rgba(26,26,26,0.1);padding:22px 52px;border-radius:50px;transition:background .2s,color .2s}
.play-prompt:hover span{background:rgba(26,26,26,0.03);color:#666}
.play-prompt.hiding{opacity:0;pointer-events:none}