.anr-device{--anr-edge: 26px;--anr-deck: 110px;--anr-metal: #21192d;--sx: var(--anr-edge);--sy: var(--anr-edge);--sw: calc(100% - var(--anr-edge) * 2 - var(--anr-deck));--sh: calc(100% - var(--anr-edge) * 2);inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:transparent;border-radius:38px}anr-hybrid-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}anr-hybrid-frame svg{display:block;width:100%;height:100%}.anr-hybrid-surface{fill:var(--anr-metal)}.anr-hybrid-texture{opacity:.1;filter:grayscale(1)}.anr-device__screen,.anr-device__glass{border-radius:32px}.anr-device__screen{border:3px solid #08060d;box-shadow:0 0 0 4px #100b18,0 0 0 7px #795b99;min-width:0;scroll-padding:72px 16px 24px}.anr-device__glass{opacity:1;background:radial-gradient(ellipse at 50% 50%,transparent 50%,#0007 100%),linear-gradient(125deg,#ffffff12,transparent 30%);box-shadow:inset 0 0 22px 4px #0008,inset 0 2px 3px #fff4}.anr-device__glass:before{content:none}.anr-device__glass:after{background:repeating-linear-gradient(transparent 0 3px,#000 3px 4px);opacity:.08;animation:none}.anr-device .anr-device__controls--desktop{inset:var(--anr-edge) var(--anr-edge) var(--anr-edge) auto;width:calc(var(--anr-deck) - 18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.anr-device .anr-device__controls--desktop .anr-device__key{position:relative;inset:auto;width:64px;height:44px;transform:none}.anr-device .anr-device__controls--desktop .anr-device__key img{width:64px;height:44px;object-fit:contain;transform:none}.anr-device .anr-device__controls--desktop .anr-device__key:hover,.anr-device .anr-device__controls--desktop .anr-device__key:focus-visible{transform:translateY(-2px)}.anr-device .anr-device__controls--desktop .anr-device__hardware{position:relative;inset:auto;width:64px;height:64px}.anr-device .anr-device__controls--phone{display:none}.anr-route-frame__hud{gap:12px;padding:8px 20px;background:#160e21;-webkit-backdrop-filter:none;backdrop-filter:none}.anr-route-frame__hud a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.anr-route-frame__title{min-width:0}.anr-route-frame__mount>footer{position:relative;width:100%;visibility:visible;pointer-events:auto}.anr-device__screen.anr-crt-tuning{animation:anr-hybrid-tune .28s ease-out}@keyframes anr-hybrid-tune{0%{opacity:.55}to{opacity:1}}@media(max-width:916px){.anr-device{--anr-deck: 88px}.anr-device .anr-device__controls--desktop{gap:14px}}@media(max-width:596px){.anr-device{--anr-edge: 16px;--anr-deck: 0px;--anr-metal: #21192d;--sy: 40px;--sh: calc(100% - 220px) ;border-radius:28px}.anr-device__screen,.anr-device__glass{border-radius:25px}.anr-device__screen{box-shadow:0 0 0 3px #09060e,0 0 0 6px #9270b9}.anr-device .anr-device__controls--desktop{display:none}.anr-device .anr-device__controls--phone{display:flex;align-items:center;justify-content:space-between;gap:16px;inset:auto 29px 13px;height:52px}.anr-device .anr-device__controls--phone .anr-device__key,.anr-device .anr-device__controls--phone .anr-device__hardware{position:relative;inset:auto;width:48px;height:48px;transform:none}.anr-device .anr-device__controls--phone .anr-device__key img{width:100%;height:100%;transform:none}.anr-route-frame__hud{padding:5px 10px;gap:6px;font-size:11px}.anr-route-frame #MainContent{padding:14px!important}.anr-machine__boot{grid-template-columns:1fr;padding:20px 16px}.anr-machine__channels,.anr-machine__directory{grid-template-columns:1fr}}@media(max-height:480px)and (min-width:597px){.anr-device{--anr-edge: 18px}.anr-device .anr-device__controls--desktop{gap:8px}.anr-device .anr-device__controls--desktop .anr-device__hardware{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.anr-device__screen.anr-crt-tuning{animation:none}.anr-device *,.anr-device *:before,.anr-device *:after{scroll-behavior:auto!important}}html.anr-retro-lock .skip-to-content-link:focus{z-index:100}.anr-device .anr-device__controls--desktop img{filter:grayscale(1) brightness(.72) sepia(.35) hue-rotate(220deg) saturate(2)}.anr-device .anr-device__key:hover,.anr-device .anr-device__key:focus-visible{filter:drop-shadow(0 0 3px #d9baff80)}.anr-device__glass{background:radial-gradient(ellipse at 50% 50%,transparent 58%,#0004 100%),linear-gradient(125deg,#ffffff0a,transparent 30%);box-shadow:inset 0 0 15px #0005}.anr-machine__boot,.anr-machine__boot h1,.anr-machine__boot h1 em,.anr-machine__content h2{text-shadow:none}.anr-machine__boot h1 em{color:#cfb0ff}.anr-machine__art-tile{border-color:#bc9ed5}.anr-machine__direct a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.anr-device :is(.anr-roster,.anr-ap,.anr-rcard,.anr-talent,.anr-tcard){--anr-accent: #cfb0ff !important;--anr-card-accent: #cfb0ff !important}.anr-handheld-brand{display:none}.anr-handheld a,.anr-handheld button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(max-width:596px){.anr-device__screen,.anr-device__glass{border-radius:19px}.anr-device__screen{background:#100a18;scroll-padding-top:68px;overscroll-behavior-y:auto}.anr-handheld-brand{display:flex;position:absolute;z-index:2;top:13px;left:24px;right:24px;justify-content:space-between;align-items:center;color:#e0caff;font:800 10px/1.2 Arial,sans-serif;letter-spacing:1px}.anr-handheld-brand span{color:#c9bad9;font:8px/1.2 ui-monospace,monospace;letter-spacing:1px}.anr-device .anr-device__controls--phone.anr-handheld{display:grid;grid-template-columns:136px 116px;justify-content:space-between;align-items:center;gap:10px;inset:auto 20px 16px;height:152px;pointer-events:none}.anr-handheld__dpad{display:grid;grid-template:repeat(3,44px) / repeat(3,44px);gap:2px;width:136px;height:136px}.anr-handheld__direction{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #a18bb9;border-radius:5px;background:#100c16;color:#f5ecff;font:800 23px/1 Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 4px #07050a,inset 0 2px #776383;pointer-events:auto}.anr-handheld__direction--up{grid-area:1 / 2}.anr-handheld__direction--left{grid-area:2 / 1}.anr-handheld__direction--right{grid-area:2 / 3}.anr-handheld__direction--down{grid-area:3 / 2}.anr-handheld__center{grid-area:2 / 2;background:#100c16;box-shadow:inset 0 0 0 1px #61516f;border-radius:50%}.anr-handheld__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;align-items:start;width:116px}.anr-handheld__action{display:flex;flex-direction:column;align-items:center;gap:5px;color:#f2e9ff;text-decoration:none;min-width:48px;min-height:72px;pointer-events:auto}.anr-handheld__action b{display:grid;place-items:center;width:48px;height:48px;border:2px solid #d6b5f7;border-radius:50%;background:#664087;color:#fff;font:800 18px/1 Arial,sans-serif;box-shadow:0 5px #100916,inset 0 3px #b38aca}.anr-handheld__action span{font:700 9px/1.2 ui-monospace,monospace;letter-spacing:1px;padding-top:3px}.anr-handheld__system{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;border:1px solid #a18bb9;border-radius:8px;background:#100c16;color:#f2e9ff;font:700 9px/1.2 ui-monospace,monospace;padding:5px;text-decoration:none;box-shadow:0 3px #07050a;pointer-events:auto;cursor:pointer}.anr-handheld__direction:active,.anr-handheld__system:active,.anr-handheld__action:active b{transform:translateY(2px);box-shadow:0 1px #07050a}.anr-handheld :is(a,button):focus-visible{outline:3px solid #eee0ff;outline-offset:3px}.anr-route-frame__title{font-size:10px}.anr-machine__boot{gap:10px}.anr-machine__boot h1{font-size:clamp(2rem,9vw,3.5rem)}.anr-machine__art{height:200px;min-height:180px}.anr-machine__content{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.anr-handheld *{transition:none}}.anr-handheld button:disabled{opacity:.38;cursor:default;box-shadow:none}.anr-handheld__direction--left,.anr-handheld__direction--right{display:flex;flex-direction:column;justify-content:center;gap:1px}.anr-handheld__direction small{font:8px/1.1 var(--anr-font-mono, monospace);letter-spacing:-.3px}.anr-device{--anr-metal:#202022;--anr-deck:170px}.anr-device__screen{background:#09090b;border-color:#050506;box-shadow:0 0 0 4px #111113,0 0 0 7px #444448}.anr-machine__boot{background:radial-gradient(ellipse at 45% 35%,#1c1c1f,#101012 70%,#080809);color:#eeeef0}.anr-machine__content{background:#0c0c0e}.anr-route-frame__hud{background:#131315}.anr-machine__boot h1 em{color:#eeeef0}.anr-machine__art-tile{border-color:#828087}.anr-machine__boot .anr-machine__start{background:#242227}.anr-device .anr-device__controls--desktop{width:132px;gap:14px}.anr-microwave-display{width:112px;padding:14px 10px;border:2px solid #363638;border-radius:5px;background:#070709;box-shadow:inset 0 3px 8px #000;color:#bd9cec;font:700 18px/1.4 ui-monospace,monospace;text-align:center}.anr-microwave-display small{display:block;color:#99999f;font:9px/1.4 ui-monospace,monospace;letter-spacing:2px}.anr-microwave-key{display:flex;align-items:center;justify-content:space-between;width:112px;min-height:48px;padding:12px;color:#ededf0;background:linear-gradient(#353538,#222225);border:1px solid #55555a;border-radius:5px;box-shadow:0 4px #09090a,inset 0 1px #77777b;font:700 11px/1 ui-monospace,monospace;text-decoration:none;pointer-events:auto}.anr-microwave-key span{color:#ad87d5;font-size:15px}.anr-microwave-dial{display:grid;place-items:center;width:82px;min-height:82px;margin:8px 0;border-radius:50%;border:5px solid #373739;background:radial-gradient(circle at 35% 30%,#77777a,#454548 55%,#1c1c1e 72%);box-shadow:0 5px 8px #000b,inset 0 1px 2px #aaa;color:#fff;font:9px ui-monospace,monospace;text-decoration:none;pointer-events:auto;position:relative}.anr-microwave-dial:before{content:"";position:absolute;top:5px;height:16px;width:3px;background:#bf9ae9;box-shadow:0 0 3px #bf9ae9}.anr-microwave-caption{color:#939398;font:8px ui-monospace,monospace;letter-spacing:1px}@media(min-width:597px)and (max-width:916px){.anr-device{--anr-deck:140px}.anr-device .anr-device__controls--desktop{width:110px}.anr-microwave-key,.anr-microwave-display{width:96px}}@media(max-width:596px){.anr-device{--anr-edge:26px;--anr-deck:0px;--anr-metal:#242426;--sy:72px;--sh: calc(100% - 312px) ;top:16px;right:12px;bottom:16px;left:12px;border-radius:24px 24px 62px}.anr-device__screen,.anr-device__glass{border-radius:9px}.anr-device__screen{background:#0a0a0b;border:3px solid #050505;box-shadow:0 0 0 9px #111113,0 0 0 15px #39393d,inset 0 0 14px #000}.anr-handheld-brand{top:26px;left:27px;right:27px;color:#c9c9cd}.anr-handheld-brand span{color:#929297}.anr-device .anr-device__controls--phone.anr-handheld{inset:auto 20px 35px;height:185px;grid-template-columns:136px 116px;align-items:start}.anr-handheld__dpad{gap:0;grid-template:repeat(3,44px)/repeat(3,44px);width:132px;height:132px;margin-top:12px;filter:drop-shadow(0 4px 1px #050505)}.anr-handheld__direction{background:#101012;border:0;border-radius:3px;box-shadow:inset 0 2px 1px #55555b;color:#c5c5ca}.anr-handheld__center{background:#101012;border-radius:0;box-shadow:none}.anr-handheld__direction--left,.anr-handheld__direction--right{box-shadow:none}.anr-handheld__direction--down{box-shadow:inset 0 -2px 1px #030304}.anr-handheld button:disabled{opacity:.55}.anr-handheld__actions{gap:12px 10px;padding-top:8px}.anr-handheld__action:first-child{margin-top:27px}.anr-handheld__action:nth-child(2){margin-top:0}.anr-handheld__action b{background:radial-gradient(circle at 35% 25%,#71528a,#402a55 75%);border-color:#806491;box-shadow:0 5px #080709,inset 0 2px 1px #aa87bf}.anr-handheld__system{position:absolute;bottom:0;width:56px;min-height:44px;border-radius:18px;background:linear-gradient(#55555a,#29292d);border-color:#66666b;transform:rotate(-14deg);font-size:8px}.anr-handheld__system:nth-last-child(2){left:62px}.anr-handheld__system:last-child{left:128px}.anr-handheld:after{content:"";position:absolute;right:0;bottom:0;width:61px;height:43px;transform:rotate(-16deg);background:repeating-linear-gradient(90deg,#09090a 0 4px,transparent 4px 10px);border-radius:8px;opacity:.9}.anr-machine__boot{padding:18px 13px}.anr-machine__boot h1{font-size:clamp(1.7rem,8vw,2.5rem)}.anr-machine__art{height:170px;min-height:160px}}@media(max-height:480px)and (min-width:597px){.anr-device .anr-device__controls--desktop{gap:6px}.anr-microwave-display{padding:4px}.anr-microwave-key{min-height:44px;padding:8px}.anr-microwave-dial{width:52px;min-height:52px;margin:0}}.anr-microwave-display{font-size:12px}@media(max-width:596px){.anr-device{height:min(calc(100dvh - 32px),calc((100vw - 24px)*1.85));top:calc((100dvh - min(calc(100dvh - 32px),calc((100vw - 24px)*1.85)))/2);bottom:auto}}.anr-microwave-key{font-size:13px;border-color:#747478}@media(max-width:596px){.anr-machine__boot{height:auto;min-height:100%;overflow:visible;grid-auto-rows:max-content}}@media(min-width:597px){.anr-device{top:0;right:0;bottom:0;left:0;border-radius:0;--anr-metal:#202022;--anr-deck:188px}.anr-device .anr-device__controls--desktop{width:150px;gap:10px;overflow-y:auto;scrollbar-width:thin;padding:6px 3px}.anr-microwave-display,.anr-microwave-key{width:138px}.anr-microwave-key{flex-shrink:0;gap:8px;line-height:1.25}.anr-microwave-context{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.anr-microwave-display{font-size:11px;flex-shrink:0;max-width:100%;overflow-wrap:anywhere}.anr-microwave-playground{font-size:11px}.anr-microwave-key[aria-current],.anr-microwave-key[aria-pressed=true]{border-color:#c9a3f1;box-shadow:0 3px #09090a,inset 3px 0 #a77fcf}.anr-microwave-key:disabled{opacity:.5}}@media(min-width:597px)and (max-height:480px){.anr-device{--anr-deck:210px}.anr-device .anr-device__controls--desktop{width:180px;display:grid;grid-template-columns:1fr 1fr;align-content:center;align-items:stretch;gap:7px}.anr-microwave-display{grid-column:1/-1;width:100%;padding:4px}.anr-microwave-display small{display:none}.anr-microwave-context{display:contents}.anr-microwave-key{width:100%;font-size:11px;min-height:44px;padding:7px}.anr-microwave-dial{width:48px;min-height:48px;justify-self:center}.anr-microwave-playground{font-size:10px}}@media(max-width:596px){.anr-device{--sy:24px;--sh: calc(100% - 264px) }.anr-handheld-brand{top:auto;bottom:217px;left:28px;right:28px;font-size:8px}.anr-handheld-brand span{font-size:7px}}.anr-screen-playground{display:none!important}@media(max-width:596px){.anr-screen-playground{display:inline-flex!important;align-items:center;min-height:44px;gap:6px;color:#cfb0ff}.anr-machine__direct,.anr-route-frame__hud{flex-wrap:wrap}.anr-route-frame__hud .anr-screen-playground{margin-left:auto}}@media(min-width:597px)and (max-width:916px)and (min-height:481px){.anr-device{--anr-deck:156px}}@media(max-width:596px){.anr-route-frame__hud{flex-wrap:nowrap}.anr-route-frame__hud .anr-screen-playground{font-size:9px;white-space:nowrap;flex-shrink:0}.anr-machine__directory .anr-screen-playground{padding:12px;border:1px solid #747478}}@media(min-width:597px)and (max-height:480px){.anr-device .anr-device__controls--desktop{grid-template-columns:repeat(2,minmax(0,1fr))}.anr-microwave-key{min-width:0;overflow-wrap:anywhere}}@media(min-width:597px){.anr-device .anr-device__controls--desktop{justify-content:safe center}}@media(min-width:597px){.anr-device{--anr-metal:#171719}anr-hybrid-frame [data-outer],anr-hybrid-frame [data-screw]{display:none}anr-hybrid-frame [data-inner]{stroke-width:10px;opacity:.48}.anr-device__screen{border-color:#050506;box-shadow:0 0 0 4px #080809,0 0 0 7px #2c2c30,inset 0 0 18px #0005}.anr-device__glass{background:linear-gradient(155deg,#ffffff07,transparent 22%),radial-gradient(ellipse at center,transparent 68%,#0003)}.anr-device .anr-device__controls--desktop{padding:12px 4px;gap:12px;border:0;box-shadow:inset 1px 0 #2d2d30}.anr-microwave-display{width:138px;border:0;border-radius:2px;padding:16px 10px;background:#09090a;box-shadow:inset 0 1px 5px #000;color:#eeeef0;text-align:left}.anr-microwave-display small{font:700 9px/1.4 Arial,sans-serif;letter-spacing:2px;color:#929298;margin-bottom:10px}[data-anr-panel-title]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.anr-tv-selection{display:block;min-height:1.4em;margin-top:5px;color:#b89bdc;font:10px/1.4 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.anr-microwave-context{gap:10px}.anr-microwave-key{position:relative;width:138px;justify-content:flex-start;min-height:48px;padding:12px 12px 12px 22px;border:1px solid #747478;border-radius:3px;background:linear-gradient(#303033,#242426);box-shadow:0 3px #09090b,inset 0 1px #515155;font:600 11px/1.35 ui-monospace,monospace;letter-spacing:.035em;text-transform:uppercase;transition:background-color .12s ease,transform .12s ease}.anr-microwave-key:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#77777d}.anr-microwave-key>span{display:none}.anr-microwave-key:hover{background:#3a3a3f;transform:translateY(-1px)}.anr-microwave-key:active{transform:translateY(2px);box-shadow:0 1px #09090b,inset 0 1px 2px #09090b}.anr-microwave-key[aria-current],.anr-microwave-key[aria-pressed=true]{border-color:#bc9adb;background:#302c35;box-shadow:0 3px #09090b,inset 2px 0 #bc9adb}.anr-microwave-key[aria-current]:before,.anr-microwave-key[aria-pressed=true]:before{background:#d0b5ec}.anr-microwave-key:focus-visible{outline:3px solid #eee0ff;outline-offset:3px}.anr-microwave-playground{margin-top:6px;font-size:10px}.anr-device__controls--desktop[aria-busy=true] .anr-microwave-display{opacity:.65}}@media(min-width:597px)and (max-height:480px){.anr-device .anr-device__controls--desktop{padding:6px 3px;gap:7px}.anr-microwave-display{width:100%;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.anr-microwave-display small{display:none}[data-anr-panel-title]{font-size:10px}.anr-tv-selection{margin:0;min-height:0;font-size:9px}.anr-microwave-key{width:100%;min-height:44px;padding:8px 5px 8px 13px;font-size:9px;letter-spacing:0}.anr-microwave-key:before{left:5px;width:3px;height:3px}.anr-microwave-playground{margin:0}}@media(prefers-reduced-motion:reduce){.anr-microwave-key{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/anr-hybrid-frame.css.map */