/* Sudan eSports: focused motion and fast art, 2026-09-29. */
:root{--sef-navy:#10233f;--sef-gold:#b58a36}
.hero.sef-motion-hero{--sef-parallax-x:0px;--sef-parallax-y:0px}
.hero.sef-motion-hero .sef-motion-scene{background-image:linear-gradient(90deg,transparent 47%,#faf8f034 62%,#faf8f0e3 82%),url('/assets/sef-three-characters-fast.webp')!important;translate:var(--sef-parallax-x) var(--sef-parallax-y);will-change:translate}
.hero.sef-motion-hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#d4a647,#f5e7b7,#d4a647,transparent);opacity:.6;pointer-events:none;z-index:3}
.hero-buttons .btn,.join-band .btn{position:relative;overflow:hidden;isolation:isolate}
.hero-buttons .btn:after,.join-band .btn:after{content:"";position:absolute;inset:-25% auto -25% -60%;width:30%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#fff7,transparent);transition:left .7s ease;pointer-events:none}
.hero-buttons .btn:hover:after,.join-band .btn:hover:after{left:130%}
.sef-explore>a{position:relative;overflow:hidden}
.sef-explore>a:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--sef-gold);transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease}
.sef-explore>a:hover:before,.sef-explore>a:focus-visible:before{transform:scaleY(1)}
.sef-explore>a:focus-visible,.sef-ribbon-tile:focus-visible{outline:3px solid var(--sef-gold);outline-offset:-3px}
.sef-quick-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 11px;border:1px solid #d7dce2;border-radius:5px;background:#fff;color:var(--sef-navy);font:600 13px/1.2 inherit;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.sef-quick-open:hover{background:#f7f1e4;box-shadow:0 5px 18px #10233f16;transform:translateY(-2px)}
.sef-quick-open svg{width:18px;height:18px}
.sef-quick-open kbd{font:600 10px/1 inherit;color:#758298;border:1px solid #d6dce4;padding:3px 4px;border-radius:4px}
.sef-quick-dialog{border:0;padding:0;width:min(620px,calc(100vw - 24px));max-height:min(76vh,720px);border-radius:14px;background:#fbfaf6;color:var(--sef-navy);box-shadow:0 30px 90px #0514287a;overflow:hidden}
.sef-quick-dialog::backdrop{background:#051428a8;backdrop-filter:blur(7px)}
.sef-quick-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #d7dce2}
.sef-quick-head svg{width:22px;height:22px;color:var(--sef-gold);flex:none}
.sef-quick-input{font:600 18px/1.4 inherit;color:var(--sef-navy);border:0;outline:0;background:transparent;min-width:0;flex:1}
.sef-quick-close{border:0;background:#e9e5db;border-radius:6px;color:var(--sef-navy);cursor:pointer;min-width:32px;min-height:32px;font-size:20px}
.sef-quick-list{padding:12px;max-height:min(60vh,570px);overflow:auto}
.sef-quick-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:8px;color:var(--sef-navy);text-decoration:none;border:1px solid transparent}
.sef-quick-list a:hover,.sef-quick-list a:focus-visible,.sef-quick-list a[data-active="true"]{background:#f0e7d3;border-color:#dcc793;outline:0}
.sef-quick-list a span{font-weight:700}.sef-quick-list a small{color:#607087;font-size:12px}
.sef-quick-empty{padding:24px;text-align:center;color:#607087}
.sef-quick-foot{padding:10px 22px;background:#f0eee8;border-top:1px solid #d7dce2;font-size:11px;color:#657388}
@media(max-width:800px){.hero.sef-motion-hero .sef-motion-scene{background-image:linear-gradient(0deg,#faf8f0 0%,#faf8f055 28%,transparent 55%),url('/assets/sef-three-characters-mobile.webp')!important;background-position:left bottom;background-size:auto 350px}.sef-quick-open{position:fixed;z-index:8990;bottom:70px;right:12px;border-color:#d5bb7b;box-shadow:0 7px 20px #10233f30}.sef-quick-open kbd{display:none}.sef-quick-dialog{max-height:85vh}.sef-quick-head{padding:15px}.sef-quick-input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero.sef-motion-hero .sef-motion-scene{translate:0 0!important;will-change:auto}.hero-buttons .btn:after,.join-band .btn:after{display:none}.sef-quick-open,.sef-explore>a:before{transition:none!important}}
@media print{.sef-quick-open,.sef-quick-dialog{display:none!important}}
@media(min-width:801px) and (max-width:1450px){.sef-quick-open{width:44px;padding:0;flex:none}.sef-quick-open span,.sef-quick-open kbd{display:none}}
@media(min-width:801px) and (max-width:1450px){.sef-quick-open{position:fixed;z-index:8990;right:18px;bottom:18px;border-color:#d5bb7b;box-shadow:0 7px 20px #10233f30}}