*{box-sizing:border-box;margin:0;padding:0}body{font-family:Almendra,serif;min-height:100vh;overflow:hidden;background-image:url(/assets/pexels-michael-d-beckwith-2150568551-31267820.jpg);background-size:cover;background-position:center;background-attachment:fixed}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a0599;z-index:1;pointer-events:none}#bottom-gradient{position:fixed;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom,transparent,rgba(20,10,5,.85));z-index:2;pointer-events:none}#title-label{position:fixed;top:1.5rem;left:1.5rem;z-index:10;font-family:Almendra,serif;font-size:1.5rem;color:#fff;letter-spacing:.05em}#credit-label{margin-left:auto;font-family:Almendra,serif;font-size:.85rem;color:#bbb8b6;letter-spacing:.04em;display:flex;align-items:center;gap:.5rem}.social-icon{color:#bbb8b6;display:flex;align-items:center;text-decoration:none;transition:color .15s}.social-icon svg{width:.95rem;height:.95rem}.social-icon:hover{color:#c9a84c}#hud{position:fixed;top:1.5rem;right:1.5rem;z-index:10;background:#140a05bf;padding:1.25rem 1.5rem;min-width:320px;display:flex;flex-direction:column;outline:1px solid rgba(201,168,76,.3)}#hud:before,#hud:after{content:"";position:absolute;width:12px;height:12px;border-color:#c9a84c;border-style:solid}#hud:before{top:-1px;left:-1px;border-width:2px 0 0 2px}#hud:after{top:-1px;right:-1px;border-width:2px 2px 0 0}#hud .corner-bl,#hud .corner-br{content:"";position:absolute;width:12px;height:12px;border-color:#c9a84c;border-style:solid}#hud .corner-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}#hud .corner-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}#hud-progress-bar-track{width:100%;height:4px;background:#c9a84c33;border-radius:2px;overflow:hidden}#hud-progress-bar{height:100%;width:0%;background:#c9a84c;transition:width .1s linear}#hud-countdown{font-family:Almendra,serif;font-size:4rem;font-weight:700;color:#fff;letter-spacing:.05em;line-height:1;margin-top:1rem}#hud-phase{font-size:1rem;color:#bbb8b6;letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem}#hud-controls{display:flex;gap:.5rem;margin-top:1.25rem}#hud-controls .hex-btn{flex:1;text-align:center}#bottom-bar{position:fixed;bottom:0;left:0;width:100%;z-index:10;padding:0 1.5rem 1.5rem;display:flex;align-items:flex-end;gap:1rem;pointer-events:none}#bottom-bar>*{pointer-events:all}#volume-group{display:flex;flex-direction:row;align-items:center;gap:.4rem;margin-left:1.5rem;position:relative}#volume-icon{color:#bbb8b6;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.82rem;height:1.82rem;background:transparent;border:none;padding:0;cursor:pointer}#volume-icon svg{width:100%;height:100%}#volume-popup{position:absolute;bottom:calc(100% + .75rem);right:0;padding:.75rem;flex-direction:column;align-items:center;background:#140a05bf;outline:1px solid rgba(201,168,76,.3);z-index:20;min-width:44px}@media (max-width: 540px){#volume-popup:not(.hidden){display:flex}}#volume-popup:before,#volume-popup:after{content:"";position:absolute;width:10px;height:10px;border-color:#c9a84c;border-style:solid}#volume-popup:before{top:-1px;left:-1px;border-width:2px 0 0 2px}#volume-popup:after{top:-1px;right:-1px;border-width:2px 2px 0 0}#volume-popup .corner-bl,#volume-popup .corner-br{position:absolute;width:10px;height:10px;border-color:#c9a84c;border-style:solid}#volume-popup .corner-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}#volume-popup .corner-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}#vol-slider-wrap{position:relative;width:20px;height:120px}#volume-slider-popup{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);cursor:pointer;outline:none;background:linear-gradient(to right,#C9A84C var(--pct, 80%),rgba(201,168,76,.3) var(--pct, 80%));border-radius:2px}#volume-slider-popup::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#c9a84c;cursor:pointer}#volume-slider-popup::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#c9a84c;cursor:pointer;border:none}#volume-slider-popup:focus-visible{outline:none;box-shadow:0 0 0 2px #fff6}#volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:3px;background:linear-gradient(to right,#C9A84C var(--pct, 80%),rgba(201,168,76,.3) var(--pct, 80%));border-radius:2px;outline:none;cursor:pointer}#volume-slider::-moz-range-progress{background:#c9a84c;height:3px;border-radius:2px}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#c9a84c;cursor:pointer}#volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#c9a84c;cursor:pointer;border:none}#volume-slider:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:4px}#url-input-group{display:flex;flex-direction:column;gap:.25rem;position:relative;width:fit-content}#url-label{font-size:.72rem;color:#bbb8b6;letter-spacing:.08em;text-transform:uppercase}#url-input-row{display:flex;align-items:center;position:relative}#youtube-url{font-family:Almendra,serif;font-size:.85rem;background:transparent;color:#fff;border:none;outline:none;padding:.4rem 1.75rem .4rem .6rem;width:320px;letter-spacing:.03em;box-shadow:-1px -1px #c9a84c,1px -1px #c9a84c,-1px 1px #c9a84c,1px 1px #c9a84c,0 0 0 1px #c9a84c40}#youtube-url:focus{outline:none;background:#ffffff0f;box-shadow:-1px -1px #c9a84c,1px -1px #c9a84c,-1px 1px #c9a84c,1px 1px #c9a84c,0 0 0 1px #c9a84c40}#youtube-url:focus-visible{outline:none;background:#ffffff0f;box-shadow:-2px -2px #c9a84c,2px -2px #c9a84c,-2px 2px #c9a84c,2px 2px #c9a84c,0 0 0 1px #c9a84c40}#youtube-url.error{box-shadow:-1px -1px #e53e3e,1px -1px #e53e3e,-1px 1px #e53e3e,1px 1px #e53e3e,0 0 0 1px #e53e3e40}#youtube-url:disabled{cursor:not-allowed;opacity:.5}#url-check{position:absolute;right:.5rem;color:#c9a84c;font-size:1rem}.url-helper{font-size:.72rem;color:#e53e3e;letter-spacing:.03em;position:absolute;top:100%;left:0;margin-top:.25rem;white-space:nowrap}.hidden{display:none}.hex-btn{font-family:Almendra,serif;font-size:.85rem;color:#c9a84c;background:transparent;border:none;cursor:pointer;padding:.4rem .5rem;clip-path:polygon(5% 0%,95% 0%,100% 50%,95% 100%,5% 100%,0% 50%);box-shadow:0 0 0 1px #c9a84c inset;letter-spacing:.05em;transition:background .15s}.hex-btn:hover{background:#c9a84c26}.hex-btn:focus-visible{outline:none;background:#c9a84c26;box-shadow:0 0 0 2px #c9a84c inset}@media (max-width: 768px){#bottom-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;column-gap:0;row-gap:1rem;padding:0 1.5rem 1.5rem}#volume-group{margin-left:0}#credit-label{margin-left:0;width:100%}}@media (max-width: 540px){#title-label{left:50%;transform:translate(-50%);white-space:nowrap}#hud{top:4.75rem;left:1.5rem;right:1.5rem;min-width:0}#url-input-group{flex:1;width:auto;min-width:0}#youtube-url{width:100%}#volume-slider{display:none}#volume-group{flex-shrink:0;margin-left:1rem}}