body.ec-fan{--ec-glow:var(--ec-hot);--ec-plate:#FFFFFF0A;--ec-plate-2:#FFFFFF14;--ec-edge:#FFFFFF1F;--ec-edge-lit:var(--ec-hot);--ec-drop:#00000059;--ec-radius:16px;--ec-radius-sm:12px;background:var(--ec-field);position:relative}@supports (color:color-mix(in srgb,red,blue)){body.ec-fan{--ec-plate:color-mix(in srgb,var(--ec-surface) 55%,transparent);--ec-plate-2:color-mix(in srgb,var(--ec-surface) 80%,transparent);--ec-edge:color-mix(in srgb,var(--ec-rule) 16%,transparent);--ec-edge-lit:color-mix(in srgb,var(--ec-hot) 55%,transparent)}}body.ec-fan::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% -10%,var(--ec-edge-lit),transparent 62%),radial-gradient(90% 55% at 100% 100%,var(--ec-plate-2),transparent 60%),linear-gradient(180deg,transparent 0%,var(--ec-ink) 100%);opacity:0.85}body.ec-fan::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}body.ec-fan main{width:100%;max-width:480px;margin:0 auto;padding:10px 18px 34px}body.ec-fan>header,body.ec-fan>.ec-brandbar{width:100%;max-width:480px;margin:0 auto}.ec-fan .ec-bands{height:5px}.ec-fan .ec-bands--bottom{height:4px}.ec-fan .ec-brandbar{padding:16px 18px 0}.ec-fan .ec-brandbar img{max-height:48px}.ec-eventhead{max-width:480px;margin:0 auto;padding:12px 18px 0;text-align:center}.ec-eventhead .ttl{font-family:var(--ec-font-2,var(--ec-font));font-size:var(--ec-font-size-2,15px);font-weight:900;letter-spacing:0.18em;text-transform:uppercase;color:var(--ec-text);line-height:1.2}.ec-eventhead .sub{font-size:var(--ec-font-size-2,11px);font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--ec-hot);margin-top:6px;line-height:1.3}.ec-eventhead [hidden]{display:none}.ec-fan header{padding:16px 18px 6px;gap:14px}.ec-fan header canvas{width:52px;height:34px;border:2px solid var(--ec-edge);border-radius:5px;box-shadow:0 3px 12px var(--ec-drop)}.ec-fan header .who{font-family:var(--ec-font-2,var(--ec-font));font-size:24px;letter-spacing:0.01em}.ec-fan header .who small{font-size:10px;letter-spacing:0.26em;color:var(--ec-hot)}.ec-fan header .swap{border:1px solid var(--ec-edge);border-radius:999px;padding:8px 14px;font-size:10px;letter-spacing:0.2em;font-weight:700;background:var(--ec-plate);color:var(--ec-text)}.ec-fan header .swap:active{background:var(--ec-plate-2)}.ec-fan .ec-card{position:relative;border:1px solid var(--ec-edge);border-radius:var(--ec-radius);background:var(--ec-plate);padding:22px 20px;margin-bottom:16px;overflow:hidden;box-shadow:0 10px 30px var(--ec-drop);animation:ec-rise 0.45s ease-out both}.ec-fan .ec-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ec-hot),transparent);opacity:0.7}@media (prefers-reduced-motion:no-preference){@keyframes ec-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.ec-fan .ec-card{animation:none}}.ec-fan .ec-card .ec-eyebrow{font-size:var(--ec-font-size-2,10px);letter-spacing:0.3em;margin-bottom:12px}.ec-fan .ec-card h2{font-family:var(--ec-font-2,var(--ec-font));font-size:var(--ec-font-size,34px);line-height:0.94;letter-spacing:-0.015em;margin-bottom:10px;text-shadow:3px 3px 0 var(--ec-edge-lit)}.ec-fan .ec-note{font-size:var(--ec-font-size-2,14.5px);line-height:1.5}.ec-fan .ec-meter{height:18px;gap:3px;padding:3px;border:1px solid var(--ec-edge);border-radius:999px;background:var(--ec-plate-2);margin:16px 0}.ec-fan .ec-meter i{border-radius:999px;transition:background 0.12s linear}.ec-fan .ec-meter i.on{background:var(--ec-hot)}.ec-fan .ec-go{border-radius:999px;padding:19px 20px;font-family:var(--ec-font-2,var(--ec-font));font-size:19px;letter-spacing:0.16em;box-shadow:0 8px 24px var(--ec-edge-lit);transition:transform 0.12s ease,box-shadow 0.12s ease}.ec-fan .ec-go:active{transform:translateY(2px);box-shadow:0 3px 10px var(--ec-drop)}.ec-fan .ec-go[disabled]{background:var(--ec-plate-2);color:var(--ec-dim);box-shadow:none;transform:none}.ec-fan .ec-link{text-underline-offset:3px}.ec-fan .ec-flaggrid{gap:12px}.ec-fan .ec-pick{border:1px solid var(--ec-edge);border-radius:var(--ec-radius-sm);background:var(--ec-plate-2);padding:10px 8px 12px;transition:transform 0.12s ease,border-color 0.12s ease}.ec-fan .ec-pick canvas{border-radius:4px;border-color:var(--ec-edge)}.ec-fan .ec-pick:active{transform:scale(0.97)}.ec-fan .ec-pick.sel{border-color:var(--ec-hot);outline:0;box-shadow:0 0 0 2px var(--ec-hot),0 8px 20px var(--ec-edge-lit)}.ec-fan .ec-huge,.ec-fan .ec-roar-peak b{font-family:var(--ec-font-2,var(--ec-font));text-shadow:3px 3px 0 var(--ec-edge-lit)}.ec-fan .ec-huge{font-size:76px}.ec-fan .ec-roar-peak b{font-size:52px}.ec-fan .ec-clock{display:inline-block;border:1px solid var(--ec-edge);border-radius:999px;padding:7px 14px;background:var(--ec-plate-2);font-size:11px;letter-spacing:0.24em;color:var(--ec-text)}.ec-fan .ec-line{border-bottom:0;border-radius:10px;background:var(--ec-plate-2);padding:12px 14px;margin-bottom:6px}.ec-fan .ec-line b{font-family:var(--ec-font-2,var(--ec-font))}.ec-fan .ec-lock{justify-content:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--ec-edge)}.ec-fan .ec-lock .by{font-size:9px;letter-spacing:0.26em}.ec-fan .ec-lock img{height:26px}.ec-fan .ec-lock[hidden]{display:none}.ec-fan .ec-rules{background:none;border:1px dashed var(--ec-edge);box-shadow:none;animation:none}.ec-fan .ec-rules::before{display:none}.ec-fan .ec-notice{max-width:480px;margin:0 auto;padding:0 18px 24px;text-align:center;font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--ec-dim)}.ec-fan .ec-notice[hidden]{display:none}
