html,body{margin:0;padding:0;height:100%;overflow:hidden}html{background-color:#0b0b0b}body{pointer-events:none;position:relative}#root{display:flex;justify-content:center;align-items:center;height:100dvh;overflow:hidden}.radio-container{position:relative;width:100%;max-width:800px;aspect-ratio:3024 / 4032;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;transition:opacity .4s ease-in-out}.radio-container.is-ready{opacity:1}.radio-content{position:relative;width:100%;height:100%}.radio-image,.layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.radio-image{z-index:1}.layer{z-index:11}.zone-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.interactive{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;z-index:555}.interactive--drag{cursor:grab}.interactive--drag:active{cursor:grabbing}.interactive:focus-visible{outline:2px solid rgba(250,250,211,.9);outline-offset:2px;border-radius:2px}.light-layer{position:absolute;z-index:55;background:radial-gradient(circle,#ffffc800 60%,#fafad394);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;border-radius:2px}.light-on{opacity:1;animation:flicker 2s infinite}@keyframes flicker{0%{opacity:.9}5%{opacity:.8}10%{opacity:1}15%{opacity:.85}20%{opacity:.95}25%{opacity:.7}30%{opacity:1}35%{opacity:.8}40%{opacity:.6}50%{opacity:.9}60%{opacity:1}70%{opacity:.85}80%{opacity:.75}90%{opacity:1}to{opacity:.9}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:2000;background:#0b0b0bd1;color:#fafad3e6;font-family:system-ui,sans-serif;pointer-events:auto;animation:fade-in .4s ease-out}.splash__title{margin:0;font-size:clamp(1.1rem,4vw,1.6rem);font-weight:400;letter-spacing:.18em;text-transform:lowercase;text-align:center}.splash__loading{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:min(260px,70vw)}.splash__bar{width:100%;height:2px;overflow:hidden;background:#fafad32e}.splash__bar-fill{width:100%;height:100%;background:currentColor;transform-origin:left center;transform:scaleX(0);transition:transform .25s ease-out}.splash__label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-variant-numeric:tabular-nums}.splash__enter{padding:.75rem 2.75rem;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease,color .25s ease}.splash__enter:hover,.splash__enter:focus-visible{background:#fafad3e6;color:#0b0b0b;outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.radio-container{top:-50px}}@media (min-width: 768px) and (max-width: 1920px){.radio-container{top:-100px}}@media (prefers-reduced-motion: reduce){.radio-container,.light-layer,.splash__bar-fill{transition:none}.light-on,.splash{animation:none}}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.info{position:absolute;top:.4rem;right:.4rem;display:flex;padding:10px;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fafad3d9;z-index:1000;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;transition:color .25s ease}.info svg{box-sizing:content-box;padding:4px;border-radius:50%;background:#0b0b0b47;transition:background-color .25s ease}.info:hover,.info:focus-visible{color:#fafad3}.info:hover svg,.info:focus-visible svg{background:#0b0b0b80}.info:focus-visible{outline:none}.info:focus-visible svg{outline:1px solid rgba(250,250,211,.7);outline-offset:1px;border-radius:50%}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#000000b3;z-index:998;display:flex;align-items:center;justify-content:center;pointer-events:auto}.instructions{width:90%;max-width:400px;padding:20px;background-color:#d9c9a5;background-image:url(/parchemin.webp);background-size:cover;background-repeat:no-repeat;background-position:center;color:#17140f;text-align:center;box-sizing:border-box;overflow:hidden;z-index:999}.instructions:focus-visible{outline:2px solid rgba(250,250,211,.9);outline-offset:4px}.instructions p{margin:10px 0;line-height:1.5;-webkit-user-select:none;user-select:none}.instructions a{color:initial}.instructions a:visited{color:unset}