.floor{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-bottom:6px solid var(--brass)}.floor-img{position:absolute;inset:-3%;background:url(/floor.jpg) 50%/cover,url(https://cdn.midjourney.com/10c23cee-bb5b-4b60-867e-cd19c73955da/0_1.jpeg) 50%/cover;animation:drift 40s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1.03) translate(0)}to{transform:scale(1.1) translate(-1.5%,-1%)}}.floor-glow{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 14% 36%,#ffb44a55,transparent 14%),radial-gradient(circle at 50% 14%,#ffc86a66,transparent 16%),radial-gradient(circle at 80% 22%,#ffc86a55,transparent 14%),radial-gradient(circle at 63% 50%,#ffe08a44,transparent 18%);animation:flick 3.2s ease-in-out infinite alternate}@keyframes flick{0%{opacity:.35}25%{opacity:.8}45%{opacity:.5}70%{opacity:.95}to{opacity:.55}}.floor-dust{position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 20% 30%,#ffe9b0aa,transparent),radial-gradient(2px 2px at 60% 60%,#ffe9b0aa,transparent),radial-gradient(3px 3px at 80% 40%,#ffe9b088,transparent),radial-gradient(2px 2px at 40% 80%,#ffe9b088,transparent);background-size:300px 300px;animation:dust 26s linear infinite;opacity:.7}@keyframes dust{0%{background-position:0 0}to{background-position:-300px -300px}}.spot{position:absolute;display:flex;align-items:flex-end;justify-content:center;text-decoration:none;border-radius:14px;border:3px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}.spot:focus-visible,.spot:hover{background:#ffe08a22;border-color:var(--gold2);box-shadow:0 0 40px #f4c64eaa,inset 0 0 40px #f4c64e55}.plate{display:flex;flex-direction:column;align-items:center;margin-bottom:6%;padding:.25em .6em;background:#1b0f06e6;border:3px solid var(--brass);border-radius:10px;color:var(--gold);text-align:center;line-height:1.05;box-shadow:0 6px 18px #000a;transition:transform .2s}.plate b{font-family:Pirata One,serif;font-weight:400;font-size:clamp(18px,3.1vw,48px);letter-spacing:.04em}.plate i{font-family:Cinzel,serif;font-style:normal;font-weight:700;font-size:clamp(9px,1.05vw,17px);letter-spacing:.1em;text-transform:uppercase;color:var(--parch)}.spot:focus-visible .plate,.spot:hover .plate{transform:scale(1.12);background:var(--gold);color:#1b0f06}.spot:focus-visible .plate i,.spot:hover .plate i{color:#2a170b}.floor-hero{padding:34px 0 26px;text-align:center;background:linear-gradient(#070d1f,#1b0f06)}.floor-hero h1{font-size:clamp(56px,10vw,150px);color:var(--gold);text-shadow:0 5px 0 #000}.floor-hero p{font-size:clamp(24px,3vw,40px);margin:10px 0 0;color:var(--gold2)}@media (prefers-reduced-motion:reduce){.floor-dust,.floor-glow,.floor-img{animation:none}}.floor{width:100vw;margin-left:calc(50% - 50vw);border-bottom:0;--mx:50%;--my:40%}.floor-sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 38%,#ffe9a044 46%,#fff8d8aa 50%,#ffe9a044 54%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;animation:sheen 7s ease-in-out infinite}@keyframes sheen{0%{background-position:130% 0}55%,to{background-position:-70% 0}}.floor-cursor{background:radial-gradient(circle 14vw at var(--mx) var(--my),#fff4c8aa,#ffd57a33 40%,transparent 70%);opacity:.8}.floor-cursor,.floor-sparks{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.floor-sparks i{position:absolute;transform:translate(-50%,-50%) scale(0);opacity:0;-webkit-clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);background:#fff;filter:drop-shadow(0 0 6px #ffe08a) drop-shadow(0 0 14px #ffd05a);animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,45%,to{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}65%{transform:translate(-50%,-50%) scale(1) rotate(45deg);opacity:1}80%{transform:translate(-50%,-50%) scale(.45) rotate(90deg);opacity:.6}}.floor-scrim{inset:0 0 auto 0;height:48%;background:linear-gradient(#000e,#000a 45%,transparent)}.floor-scrim,.floor-title{position:absolute;pointer-events:none}.floor-title{top:0;left:0;right:0;padding:clamp(18px,3.2vw,56px) 28px 0;text-align:center}.floor-title h1{font-family:var(--sys);font-weight:800;font-size:clamp(34px,7.4vw,118px);letter-spacing:-.05em;line-height:1;color:#f5f5f7;text-shadow:0 2px 24px #000}.floor-title p{margin:.4em 0 0;font-family:var(--sys);font-weight:600;font-size:clamp(16px,2.2vw,32px);color:#fff;text-shadow:0 2px 14px #000}.floor-snd{position:absolute;right:18px;bottom:18px;z-index:5;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid #ffffff55;background:#000000b0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:700 17px var(--sys);cursor:pointer}.floor-snd[aria-pressed=true]{background:var(--gd);color:#1d1300}.floor .spot{z-index:3}@media(max-width:700px){.floor-scrim,.floor-title{display:none}.floor-snd{min-height:44px;padding:0 16px;font-size:15px}}@media(min-width:701px){.floor-hero{display:none}}@media (prefers-reduced-motion:reduce){.floor-sheen,.floor-sparks i{animation:none}.floor-sparks{display:none}}body,html{overflow-x:clip}.floor .plate{background:#000000a8;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid #ffffff59;border-radius:18px;padding:.45em .9em;box-shadow:0 8px 28px #000a,inset 0 1px 0 #ffffff40}.floor .plate b{font-family:var(--sys);font-weight:800;letter-spacing:-.02em;font-size:clamp(17px,2.6vw,38px);color:#fff}.floor .plate i{font-family:var(--sys);font-weight:600;letter-spacing:0;text-transform:none;font-size:clamp(11px,1.15vw,18px);color:#e5e5ea}.floor .spot:focus-visible .plate,.floor .spot:hover .plate{background:var(--gd);transform:scale(1.06)}.floor .spot:focus-visible .plate b,.floor .spot:hover .plate b{color:#1d1300}.floor .spot:focus-visible .plate i,.floor .spot:hover .plate i{color:#3a2a00}@media(max-width:700px){.floor .plate i{display:none}}