.epo-arcade{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;height:var(--arc-h,720px);background:var(--bg);color:var(--ink);font-family:var(--font-b);font-variation-settings:"wght" 400;-webkit-font-smoothing:antialiased;outline:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.epo-arcade--fill{height:100dvh}.arc-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#060b10ad;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer;transition:opacity .25s ease,visibility .25s ease}.epo-arcade.is-engaged .arc-lock{opacity:0;visibility:hidden;pointer-events:none}.epo-arcade--fill .arc-lock,.epo-arcade.is-kiosk .arc-lock{display:none}.arc-lock__cta{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 24px;border-radius:999px;background:var(--blue);color:#031018;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-variation-settings:"wght" 600}.arc-lock__note{font-size:12px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.epo-arcade.is-engaged{box-shadow:inset 0 0 0 2px #0099ff80}.epo-arcade{--bg:#060B10;--panel:#0D141C;--blue:#0099FF;--blue-lt:#62BEFC;--ink:#F2F6FA;--muted:#7C8B99;--line:rgba(255,255,255,.1);--glass:rgba(255,255,255,.05);--good:#39D98A;--warn:#FFB020;--bad:#FF5C5C;--hud:56px;--stage-pad:clamp(20px,4vw,56px);--font-h:"M-Heading-Font",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-b:"M-Body-Font",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.epo-arcade *{box-sizing:border-box}.epo-arcade button{font:inherit;color:inherit}.arc-aurora{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(55% 75% at 22% 32%,#0050be4d,#0050be00 62%),radial-gradient(50% 65% at 80% 62%,#008cf033,#008cf000 62%);transition:opacity .5s ease,filter .5s ease}.arc-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 0%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 0%,transparent 100%)}.arc-app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.arc-hud{flex:0 0 auto;height:var(--hud);display:flex;align-items:center;gap:12px;padding:0 clamp(14px,2.4vw,28px);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:#060b10b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.arc-hud__logo{display:flex;align-items:center;flex:0 0 auto}.arc-hud__logo img{display:block;height:30px;width:auto;object-fit:contain}.arc-hud__title{font-family:var(--font-h);font-variation-settings:"wght" 500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:14px;margin-left:2px;border-left:1px solid var(--line)}.arc-hud__spacer{flex:1 1 auto}.arc-hud__tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}.arc-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-variation-settings:"wght" 500;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.arc-pill:hover{background:#0099ff24;border-color:#0099ff80;color:var(--blue-lt)}.arc-pill:active{transform:translateY(1px)}.arc-pill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.arc-pill[aria-pressed=true]{background:#0099ff2e;border-color:var(--blue);color:var(--blue-lt)}.arc-pill__k{font-size:10px;padding:1px 5px;border-radius:4px;background:#ffffff17;color:var(--muted);letter-spacing:.06em}.arc-pill--primary{background:var(--blue);border-color:var(--blue);color:#031018;font-variation-settings:"wght" 600}.arc-pill--primary:hover{background:var(--blue-lt);border-color:var(--blue-lt);color:#031018}.arc-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--stage-pad);text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.arc-stage:focus,.arc-stage:focus-visible{outline:none}.arc-g8 .arc-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.arc-g8 .arc-eyebrow b{color:var(--blue-lt);font-variation-settings:"wght" 600;letter-spacing:.22em}.arc-g8 .arc-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 #0099ff8c}.arc-g8.is-running .arc-dot{animation:pulse 1.4s ease-out infinite}.arc-g8.is-veiled .arc-dot{animation:none}@keyframes pulse{0%{box-shadow:0 0 #0099ff80}to{box-shadow:0 0 0 12px #09f0}}.arc-g8 .arc-target{font-family:var(--font-h);font-variation-settings:"wght" 500;font-size:clamp(26px,3.4vw,42px);letter-spacing:-.01em;line-height:1;margin:0 0 clamp(14px,2.6vh,26px)}.arc-g8 .arc-target em{font-style:normal;color:var(--blue-lt)}.arc-g8{--clock-size:clamp(72px,13.5vw,196px)}.arc-g8 .arc-clock{position:relative;font-family:var(--font-h);font-variation-settings:"wght" 600;font-size:var(--clock-size);line-height:.94;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;display:block;white-space:nowrap;color:var(--ink);text-shadow:0 0 60px rgba(0,153,255,.22);transition:opacity .42s ease,filter .42s ease,color .25s ease,text-shadow .25s ease}.arc-g8 .arc-clock .arc-frac{color:var(--muted);transition:color .25s ease}.arc-g8 .arc-clock i{display:inline-block;font-style:normal;text-align:center}.arc-g8 .arc-clock .arc-dg{width:.62em}.arc-g8 .arc-clock .arc-pt{width:.3em}.arc-g8.is-running .arc-clock{color:#fff}.arc-g8.is-running .arc-clock .arc-frac{color:var(--blue-lt)}.arc-g8 .arc-clock.is-veiled{opacity:0;filter:blur(26px);pointer-events:none}.arc-g8 .arc-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--clock-size);color:var(--blue-lt);opacity:0;pointer-events:none;transition:opacity .42s ease}.arc-g8 .arc-veil.is-on{opacity:1}.arc-g8 .arc-veil__mask{display:inline-flex;align-items:center;gap:.085em;line-height:1}.arc-g8 .arc-veil__mask i{display:block;width:.42em;height:.42em;border-radius:50%;background:currentColor;opacity:.28;transition:opacity .07s linear}.arc-g8 .arc-veil__mask u{display:block;width:.15em;height:.15em;border-radius:50%;background:currentColor;opacity:.85;margin:0 .03em .06em;align-self:flex-end}.arc-g8 .arc-clockwrap{position:relative;display:flex;align-items:center;justify-content:center}.arc-g8 .arc-prompt{order:2;margin:clamp(18px,3vh,34px) 0 0;font-size:clamp(13px,1.5vw,17px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-variation-settings:"wght" 500;min-height:1.4em}.arc-g8 .arc-prompt b{color:var(--blue-lt);font-variation-settings:"wght" 600}.arc-g8 .arc-prompt small{display:block;margin-top:8px;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:none}.arc-g8.is-idle .arc-prompt{animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}.arc-g8 .arc-result{order:3;margin-top:clamp(16px,2.6vh,28px);width:min(560px,92vw);min-height:132px;opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}.arc-g8 .arc-result.is-on{opacity:1;transform:none}.arc-g8.has-result .arc-prompt{order:4;margin-top:clamp(14px,2.2vh,26px)}.arc-g8 .arc-grade{font-family:var(--font-h);font-variation-settings:"wght" 600;font-size:clamp(30px,4.4vw,54px);line-height:1;letter-spacing:-.02em;color:var(--blue-lt)}.arc-g8 .arc-grade.t-perfect{color:#ffd86b;text-shadow:0 0 40px rgba(255,216,107,.35)}.arc-g8 .arc-grade.t-great{color:var(--good)}.arc-g8 .arc-grade.t-ok{color:var(--blue-lt)}.arc-g8 .arc-grade.t-miss{color:var(--muted)}.arc-g8 .arc-grade.t-void{color:var(--warn)}.arc-g8 .arc-msg{margin-top:8px;font-size:14px;letter-spacing:.06em;color:var(--muted)}.arc-g8 .arc-msg b{color:var(--ink);font-variation-settings:"wght" 600;font-variant-numeric:tabular-nums}.arc-g8 .arc-meter{position:relative;height:44px;margin-top:16px}.arc-g8 .arc-meter__track{position:absolute;left:0;right:0;top:10px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ffffff0f,#0099ff4d 38%,#0099ffd9,#0099ff4d 62%,#ffffff0f)}.arc-g8 .arc-meter__zero{position:absolute;left:50%;top:2px;width:1px;height:19px;background:#ffffff80;transform:translate(-.5px)}.arc-g8 .arc-meter__pin{position:absolute;top:0;width:3px;height:23px;border-radius:2px;background:var(--blue-lt);box-shadow:0 0 14px #62befce6;transform:translate(-1.5px);transition:left .5s cubic-bezier(.16,1,.3,1),background .3s ease}.arc-g8 .arc-meter__pin.t-perfect{background:#ffd86b;box-shadow:0 0 18px #ffd86bf2}.arc-g8 .arc-meter__pin.t-great{background:var(--good);box-shadow:0 0 16px #39d98ae6}.arc-g8 .arc-meter__pin.t-miss{background:var(--muted);box-shadow:none}.arc-g8 .arc-meter__lab{position:absolute;top:28px;font-size:10px;letter-spacing:.1em;color:var(--muted)}.arc-g8 .arc-meter__lab.l{left:0}.arc-g8 .arc-meter__lab.r{right:0}.arc-bar{flex:0 0 auto;border-top:1px solid var(--line);background:#0d141cc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px clamp(14px,2.4vw,28px);padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:clamp(10px,2vw,22px);flex-wrap:wrap}.arc-stat{display:flex;flex-direction:column;gap:3px;min-width:76px}.arc-stat__k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.arc-stat__v{font-family:var(--font-h);font-variation-settings:"wght" 600;font-size:17px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}.arc-stat__v.accent{color:var(--blue-lt)}.arc-bar__sep{width:1px;align-self:stretch;background:var(--line);margin:2px 0}.arc-bar__spacer{flex:1 1 auto}.arc-bar__ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arc-runs{display:flex;align-items:center;gap:5px;min-height:22px}.arc-runs__d{width:7px;height:22px;border-radius:3px;background:#ffffff1a;transition:background .3s ease,box-shadow .3s ease}.arc-runs__d.t-perfect{background:#ffd86b;box-shadow:0 0 10px #ffd86bb3}.arc-runs__d.t-great{background:var(--good)}.arc-runs__d.t-ok{background:var(--blue)}.arc-runs__d.t-miss{background:#ffffff38}.arc-runs__d.t-void{background:var(--warn)}.arc-cta{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:999px;background:var(--blue);color:#031018;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-variation-settings:"wght" 600;transition:background .18s ease,transform .12s ease}.arc-cta:hover{background:var(--blue-lt)}.arc-cta:active{transform:translateY(1px)}.arc-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:var(--stage-pad);background:var(--bg)}.arc-picker.is-on{display:flex}.arc-picker h2{font-family:var(--font-h);font-variation-settings:"wght" 500;font-size:clamp(24px,3.2vw,38px);margin:0;letter-spacing:-.02em}.arc-picker__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(880px,94vw)}.arc-card{text-align:left;padding:20px;border-radius:16px;cursor:pointer;border:1px solid var(--line);background:var(--glass);box-shadow:inset 0 0 0 1px #ffffff05;transition:border-color .2s ease,background .2s ease,transform .2s ease}.arc-card:hover{border-color:#09f9;background:#0099ff14;transform:translateY(-2px)}.arc-card h3{margin:0 0 6px;font-family:var(--font-h);font-variation-settings:"wght" 600;font-size:18px}.arc-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.arc-card--soon{opacity:.42;cursor:not-allowed}.arc-card--soon:hover{transform:none;border-color:var(--line);background:var(--glass)}.arc-toast{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:20;padding:10px 18px;border-radius:999px;background:#0d141cf2;border:1px solid var(--line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-lt);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.arc-toast.is-on{opacity:1;transform:translate(-50%)}.arc-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 45%,rgba(0,153,255,.22),transparent 70%);opacity:0}.arc-stage.arc-flash:after{animation:fl .45s ease-out}.arc-stage.arc-flash-gold:after{background:radial-gradient(60% 60% at 50% 45%,rgba(255,216,107,.32),transparent 70%);animation:fl .7s ease-out}@keyframes fl{0%{opacity:0}18%{opacity:1}to{opacity:0}}.epo-arcade.is-kiosk{--hud:72px}.epo-arcade.is-kiosk .arc-hud__logo img{height:42px}.epo-arcade.is-kiosk .arc-hud__title{font-size:15px}.epo-arcade.is-kiosk .arc-g8{--clock-size:clamp(110px,17vw,300px)}.epo-arcade.is-kiosk .arc-g8 .arc-target{font-size:clamp(32px,4.2vw,56px)}.epo-arcade.is-kiosk .arc-g8 .arc-prompt{font-size:clamp(16px,1.9vw,24px)}.epo-arcade.is-kiosk .arc-cta,.epo-arcade.is-kiosk .arc-hud__cta{display:none}.epo-arcade.is-kiosk.is-attract .arc-aurora{filter:saturate(1.5) brightness(1.25)}.epo-arcade.is-embed{overflow:hidden}.epo-arcade.is-embed .arc-hud__logo,.epo-arcade.is-embed [data-arc=fsBtn]{display:none}@media(max-width:820px){.arc-hud__title{display:none}.arc-bar{gap:12px}.arc-stat{min-width:64px}.arc-stat__v{font-size:15px}.arc-pill{height:32px;padding:0 11px;font-size:11px}.arc-pill__k{display:none}.arc-g8 .arc-result{min-height:118px}}@media(max-width:560px){.arc-bar__sep,.arc-runs{display:none}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/epo-arcade.css.map */