.las-selector,.las-mini { --las-burgundy:#881119; --las-gold:#BF9B30; --las-black:#111111; --las-ivory:#F5F5F7; }
.las-selector, .las-selector * { box-sizing:border-box; }
.las-selector { display:grid; grid-template-columns:minmax(360px,1fr) minmax(270px,.64fr); gap:clamp(24px,4vw,50px); align-items:center; justify-items:center; width:min(1060px,100%); margin:0 auto; padding:clamp(20px,3vw,38px); color:#1a1a1a; scroll-margin-top:90px; overflow-anchor:none; }
.las-stage { display:grid; place-items:center; width:100%; min-width:0; }
.las-instrument { --angle:45deg; --las-origin-x:56%; --las-origin-y:50%; position:relative; width:min(100%,680px); margin-inline:auto; aspect-ratio:1; isolation:isolate; filter:drop-shadow(0 24px 30px rgba(0,0,0,.24)); }
.las-instrument>img { position:relative; z-index:2; display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.las-sector { position:absolute; z-index:3; left:var(--las-origin-x); top:var(--las-origin-y); width:68%; aspect-ratio:1; border-radius:50%; background:conic-gradient(from 0deg,rgba(255,225,120,.76) 0 var(--angle),transparent var(--angle) 360deg); -webkit-mask:radial-gradient(circle,rgba(0,0,0,.98) 0 42%,rgba(0,0,0,.78) 63%,rgba(0,0,0,.18) 88%,transparent 100%); mask:radial-gradient(circle,rgba(0,0,0,.98) 0 42%,rgba(0,0,0,.78) 63%,rgba(0,0,0,.18) 88%,transparent 100%); mix-blend-mode:screen; opacity:.86; transform:translate(-50%,-50%) scale(1.035); transform-origin:center; transition:background .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.9,.2,1),opacity .4s; filter:drop-shadow(0 0 13px rgba(255,213,92,.8)); pointer-events:none; }
.las-instrument[data-angle="45"] .las-sector { transform:translate(-50%,-50%) scale(1.035); }
.las-instrument[data-angle="90"] .las-sector { transform:translate(-50%,-50%) scale(1.045); }
.las-instrument[data-angle="180"] .las-sector { transform:translate(-50%,-50%) scale(1.055); }
.las-instrument[data-angle="360"] .las-sector { transform:translate(-50%,-50%) scale(1.08); opacity:.58; animation:las-full-pulse 1.8s ease-in-out infinite alternate; }
.las-rays { position:absolute; z-index:3; left:var(--las-origin-x); top:var(--las-origin-y); width:84%; aspect-ratio:1; border-radius:50%; background:repeating-conic-gradient(from 0deg,rgba(255,225,130,.34) 0deg,rgba(255,211,78,.12) 2deg,transparent 5deg,transparent 10deg); -webkit-mask:conic-gradient(from 0deg,#000 0 var(--angle),transparent var(--angle) 360deg); mask:conic-gradient(from 0deg,#000 0 var(--angle),transparent var(--angle) 360deg); mix-blend-mode:screen; filter:blur(5px) drop-shadow(0 0 12px rgba(255,207,65,.65)); transform:translate(-50%,-50%) scale(1.25); opacity:.72; transition:transform .8s ease,opacity .4s; pointer-events:none; }
.las-instrument[data-angle="45"] .las-rays{transform:translate(-50%,-50%) scale(1.3)}
.las-instrument[data-angle="90"] .las-rays{transform:translate(-50%,-50%) scale(1.3)}
.las-instrument[data-angle="180"] .las-rays{transform:translate(-50%,-50%) scale(1.3)}
.las-instrument[data-angle="360"] .las-rays{transform:translate(-50%,-50%) scale(1.36);opacity:.82;animation:las-rays-breathe 2s ease-in-out infinite alternate}
.las-pointer { position:absolute; z-index:5; left:var(--las-origin-x); top:var(--las-origin-y); width:3px; height:37%; transform-origin:50% 100%; transform:translate(-50%,-100%) rotate(var(--angle)); transition:transform .85s cubic-bezier(.34,1.56,.64,1); pointer-events:none; }
.las-pointer::before { content:""; position:absolute; inset:0; background:linear-gradient(to top,var(--las-burgundy),#ffd96a); box-shadow:0 0 9px #ffd96a; clip-path:polygon(50% 0,100% 100%,0 100%); }
.las-pointer span { position:absolute; bottom:-10px; left:50%; width:20px; height:20px; border:3px solid var(--las-gold); border-radius:50%; background:#171717; transform:translateX(-50%); box-shadow:0 0 14px rgba(255,213,92,.9); }
.las-angle { position:absolute; z-index:7; display:grid; place-items:center; width:52px!important; min-width:52px!important; max-width:52px!important; height:52px!important; min-height:52px!important; max-height:52px!important; margin:0!important; padding:0!important; border:2px solid var(--las-gold)!important; border-radius:50%!important; background:radial-gradient(circle at 38% 30%,#353535,#090909 68%)!important; color:#fff!important; box-shadow:inset 0 0 0 2px #080808,0 5px 13px rgba(0,0,0,.4)!important; font:800 15px/1 sans-serif!important; letter-spacing:0!important; cursor:pointer; transition:transform .2s,background .2s,box-shadow .2s; }
.las-angle:hover,.las-angle:focus-visible,.las-angle.is-active { background:var(--las-burgundy)!important; transform:scale(1.12); box-shadow:0 0 0 4px rgba(255,255,255,.9),0 0 0 7px var(--las-gold),0 9px 25px rgba(0,0,0,.4)!important; outline:0; }
.las-angle-45 { top:8.5%; right:8.5%; }.las-angle-90 { top:calc(50% - 26px); right:-.5%; }.las-angle-180 { bottom:-.5%; left:calc(50% - 26px); }.las-angle-360 { top:-.5%; left:calc(50% - 26px); }
.las-panel { min-width:0; min-height:540px; align-self:center; padding:clamp(22px,3vw,32px); border:1px solid var(--las-gold)!important; border-left:6px solid var(--las-burgundy)!important; border-radius:0 18px 18px 0!important; color:var(--las-ivory)!important; background:radial-gradient(circle at 0 0,rgba(136,17,25,.28),transparent 45%),linear-gradient(145deg,#1b1b1b,#080808 72%)!important; box-shadow:0 16px 42px rgba(0,0,0,.25)!important; opacity:.45; transform:translateX(18px); transition:opacity .22s; }
.las-panel.is-revealed { opacity:1; transform:none; }
.las-eyebrow { color:var(--las-burgundy); font:800 12px/1.2 sans-serif; letter-spacing:.2em; }
.las-selected-angle { margin:12px 0 2px; color:var(--las-gold); font:900 clamp(38px,5vw,62px)/1 sans-serif; text-shadow:0 2px 0 #fff; }
.las-panel h3 { margin:8px 0 14px; color:#fff!important; font-size:clamp(23px,2.6vw,34px); line-height:1.14; }
.las-panel p { margin:0 0 23px; color:#dedee2!important; font-size:17px; line-height:1.52; }
.las-cards { display:grid; gap:10px; }
.las-cards a { display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:12px 18px; border:1px solid var(--las-gold)!important; border-radius:10px!important; color:#fff!important; background:#171717!important; font-weight:800; text-decoration:none!important; transition:transform .18s,background .18s,color .18s; }
.las-cards a::after { content:"→"; color:var(--las-gold); font-size:22px; }
.las-cards a:hover,.las-cards a:focus-visible { transform:translateX(5px); color:#fff; background:var(--las-burgundy); outline:2px solid var(--las-gold); outline-offset:2px; }
.las-tagline { margin-top:25px; padding-top:17px; border-top:1px solid rgba(191,155,48,.45); color:#bcbcc2!important; font-style:italic; }
@keyframes las-full-pulse { from { opacity:.5; transform:translate(-50%,-50%) scale(1.06); } to { opacity:.68; transform:translate(-50%,-50%) scale(1.09); filter:drop-shadow(0 0 18px #ffd55c); } }
@keyframes las-rays-breathe { to { opacity:.94;filter:blur(4px) drop-shadow(0 0 20px rgba(255,207,65,.82));transform:translate(-50%,-50%) scale(1.42) } }
@media(max-width:820px){.las-selector{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;margin:0;padding:20px 0;gap:22px;overflow:visible}.las-stage{width:min(88vw,610px);flex:0 0 auto;transition:transform .2s ease}.las-instrument{width:100%;margin:0}.las-panel{width:min(calc(100vw - 24px),430px);min-height:600px;flex:0 0 auto;margin-inline:auto;transform:translate(var(--las-panel-shift,0px),14px);border-left:1px solid var(--las-gold)!important;border-top:6px solid var(--las-burgundy)!important;border-radius:0 0 18px 18px!important}.las-panel.is-revealed{transform:translateX(var(--las-panel-shift,0px))}.las-instrument[data-angle="360"] .las-sector,.las-instrument[data-angle="360"] .las-rays{animation:none}.las-rays{filter:blur(3px);opacity:.66}}
@media(orientation:landscape) and (max-width:950px){.las-selector{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding:12px 20px;gap:18px}.las-stage{width:min(48vw,520px);transform:none!important}.las-panel{width:100%;min-height:calc(100vh - 32px);max-height:none;margin:0;transform:none!important;padding:20px}.las-panel.is-revealed{transform:none!important}.las-selected-angle{font-size:clamp(34px,7vh,58px)}.las-panel h3{font-size:clamp(22px,5vh,32px)}.las-panel p{font-size:15px}.las-cards{gap:7px}.las-cards a{min-height:44px;padding:9px 14px}.las-tagline{margin-top:14px;padding-top:12px}}
@media(max-width:480px){.las-angle{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;font-size:13px!important}.las-angle-45{top:7%;right:7%}.las-angle-90{right:-2%;top:calc(50% - 22px)}.las-angle-180{bottom:-2%;left:calc(50% - 22px)}.las-angle-360{top:-2%;left:calc(50% - 22px)}.las-panel{padding:25px 20px}.las-panel p{font-size:16px}.las-cards a{min-height:50px}}
@media(prefers-reduced-motion:reduce){.las-sector,.las-rays,.las-pointer,.las-panel,.las-angle,.las-cards a,.las-mini img,.las-selector.las-arrived .las-instrument{transition:none!important;animation:none!important}}
.las-selector.las-arrived .las-instrument { animation:las-arrival 1.7s ease both; }
.las-mini-wrap { position:fixed; z-index:99990; bottom:112px; transition:opacity .2s,transform .2s,visibility .2s; }
.las-mini { position:relative; display:flex; align-items:center; gap:9px; max-width:190px; padding:7px 30px 7px 7px; border:1px solid var(--las-gold); border-radius:999px; color:#fff!important; background:rgba(12,12,12,.94); box-shadow:0 10px 30px rgba(0,0,0,.38); text-decoration:none!important; transition:transform .2s,box-shadow .2s; }
.las-mini-top-left { top:92px; left:14px; bottom:auto; }.las-mini-top-right { top:92px; right:14px; bottom:auto; }
.las-mini-bottom-left { left:14px; }.las-mini-bottom-right { right:14px; }
.las-mini-close{position:absolute!important;z-index:2;top:5px!important;right:7px!important;display:grid!important;place-items:center!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;color:#881119!important;font:900 15px/20px sans-serif!important;box-shadow:0 2px 7px rgba(0,0,0,.28)!important;cursor:pointer}.las-mini-close:hover,.las-mini-close:focus-visible{background:#bf9b30!important;color:#fff!important;outline:2px solid #fff;outline-offset:1px}
.las-mini img { display:block; width:54px; height:54px; object-fit:contain; border-radius:50%; animation:las-mini-pulse 2.4s ease-in-out infinite; }
.las-mini span { color:#fff; font:800 12px/1.25 sans-serif; }
.las-mini:hover,.las-mini:focus-visible { transform:translateY(-3px); box-shadow:0 0 0 3px #fff,0 0 0 6px var(--las-gold),0 12px 34px rgba(0,0,0,.45); outline:0; }
.las-mini-wrap.las-mini-hidden,.las-mini-wrap.las-mini-dismissed,.las-mini-wrap.las-context-hidden { opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:scale(.85); }
@keyframes las-mini-pulse { 50% { filter:drop-shadow(0 0 8px #ffd968); transform:scale(1.05); } }
@keyframes las-arrival { 35% { filter:drop-shadow(0 0 32px #ffd968); transform:scale(1.035); } }
@media(max-width:600px){.las-mini-wrap{bottom:68px}.las-mini{max-width:160px;padding:5px 27px 5px 5px;opacity:.92}.las-mini-top-left,.las-mini-top-right{top:76px;bottom:auto}.las-mini img{width:40px;height:40px}.las-mini span{font-size:10px}.las-mini-close{top:3px!important;right:5px!important}}