:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#141b18;--paper:#f0eee7;--muted:#b0b7ad;--accent:#c4b18a;--line:#c4b18a3d}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{color:var(--paper);-webkit-font-smoothing:antialiased;background:radial-gradient(at 90% 0,#806f491f,#0000 50%),linear-gradient(160deg,#1c2520 0%,#141b18 48%,#111713 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}::selection{color:#141b18;background:#d5c29e}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #dfc89c}.screen{max-width:1600px;margin:auto;padding:32px clamp(22px,5vw,84px) 24px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.brand{align-items:center;gap:27px;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;filter:invert();opacity:.93;width:104px;height:88px}.brand span,.eyebrow,footer,.sound{letter-spacing:2.5px;font-size:10px;font-weight:500;line-height:1.8}.brand span{color:#d1d3c9;border-left:1px solid var(--line);padding:12px 0 12px 27px}.intro{padding:48px 0 42px}.eyebrow{color:var(--accent);margin:0 0 21px}h1{letter-spacing:-2px;color:#f2f0e9;text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4.9vw,76px);font-weight:400;line-height:1.1}h1 em{color:#b9b29f;font-weight:400}.player{isolation:isolate;aspect-ratio:16/9;background:#0b100d;border:1px solid #d3c19a5c;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0005,0 0 0 7px #ffffff02}.player video{object-fit:contain;width:100%;height:100%;display:block}.sound{color:#f4eee1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121914d1;border:1px solid #d6c29780;border-radius:2px;justify-content:center;align-items:center;min-height:43px;padding:11px 19px;transition:background .2s,border-color .2s;display:inline-flex;position:absolute;top:22px;right:22px;box-shadow:0 4px 20px #0002}.sound:hover{background:#293429;border-color:#d3bd93}footer{color:#aeb3a6;letter-spacing:1.7px;justify-content:space-between;gap:18px;padding:23px 0 7px;font-size:9px;display:flex}footer span:last-child{color:#c3b799;text-align:right}.player-error{text-align:center;color:var(--paper);background:#111913;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.player-error button,.action{color:#172018;letter-spacing:.3px;background:#c8b48e;border:1px solid #baa47c;border-radius:2px;min-height:44px;padding:13px 22px;font-size:12px;transition:background .2s,border-color .2s}.player-error button:hover,.action:hover{background:#e0cfac;border-color:#e0cfac}.admin{max-width:880px;margin:7vh auto;padding:clamp(24px,5vw,52px)}.admin h1{margin:30px 0;font-size:clamp(46px,6vw,72px)}.admin .stat{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(115deg,#ffffff03,#0000);margin:38px 0 28px;padding:30px 0;position:relative}.stat>span{letter-spacing:2px;color:#c5c7b9;font-size:10px}.stat strong{color:#e1cda6;font-variant-numeric:lining-nums;margin:9px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(84px,13vw,112px);font-weight:400;line-height:1.2;display:block}.admin p{color:#b6bcaf;font-size:14px;line-height:1.9}.admin .eyebrow{color:var(--accent);font-size:10px}.admin button{margin:5px 12px 5px 0}.admin button.action+button.action{color:#e2d5ba;background:0 0;border-color:#645f4d}.admin button.action+button.action:hover{background:#ffffff08;border-color:#b49e74}.admin nav{border-top:1px solid var(--line);color:#bcb8a7;margin-top:38px;padding-top:20px;font-size:12px}.admin nav a{text-underline-offset:5px;text-decoration:none}.admin nav a:hover{text-decoration:underline}.status{min-height:27px;color:#bcb395!important;font-size:12px!important}@media (min-width:1500px){.intro{padding-top:56px;padding-bottom:48px}}@media (max-width:800px){.screen{padding:24px 24px 20px}.intro{padding:36px 0 32px}h1{letter-spacing:-1.3px;font-size:clamp(32px,5.9vw,48px)}.brand img{width:88px;height:75px}.brand{gap:20px}.brand span{letter-spacing:2px;padding-left:20px;font-size:9px}.eyebrow{margin-bottom:16px;font-size:9px}.sound{letter-spacing:1.6px;min-height:38px;padding:9px 13px;font-size:9px;top:14px;right:14px}footer{letter-spacing:1px;font-size:8px}}@media (max-width:480px){.screen{padding:20px 16px 18px}header{padding-bottom:19px}.brand img{width:78px;height:66px}.brand span{letter-spacing:1.7px;padding-left:19px;font-size:8px}.intro{padding:30px 0 28px}h1{letter-spacing:-1px;font-size:clamp(27px,7.15vw,35px);line-height:1.16}.eyebrow{letter-spacing:2px;margin-bottom:15px;font-size:8px}.player{border-radius:3px;box-shadow:0 18px 40px #0004}.sound{letter-spacing:1px;min-height:34px;padding:7px 10px;font-size:8px;top:10px;right:10px}footer{letter-spacing:.6px;gap:12px;padding-top:18px;font-size:7px}.admin{margin:3vh auto}.admin button{width:100%;margin:12px 0;display:block}.admin .stat{margin:30px 0 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
