/* Exotic Genetix website theme. Self-hosted assets; no external requests. */
:root{--bg:#000;--panel:#080808;--line:#272727;--green:#a6ce39;--purple:#6e00ff;--text:#fff;--muted:#b4b4b4;--gold:#e7db44;--red:#ffaba7;font-family:Poppins,Arial,sans-serif}
body{background:#000;color:#fff}
button,input,select,textarea{font-family:inherit}
button{background:#171020;border:1px solid #3f2a56;border-radius:3px;padding:12px 19px;font-size:12px;transition:background .15s,border-color .15s}
button:hover{background:#2a0c49;border-color:#6e00ff}
button.primary,.primary{background:#6e00ff;border-color:#6e00ff;color:#fff;border-radius:3px}
button.primary:hover,.primary:hover{background:#8531ff;border-color:#8531ff}
button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.site-width{width:calc(100% - 40px);max-width:1140px;margin-left:auto;margin-right:auto}
.site-header{background:#000}
.utility{border-bottom:1px solid #35420c}
.utility .site-width{display:flex;gap:30px;justify-content:flex-end;align-items:center;min-height:43px}
.utility a{font-size:10px;color:#ddd;line-height:1.4}
.utility a:hover{color:var(--green)}
.masthead{display:flex;align-items:center;gap:27px;min-height:96px}
.brand{display:block;flex-shrink:0;letter-spacing:normal}
.brand img{display:block;width:230px;height:auto}
.live-wordmark{border-left:1px solid #333;padding-left:23px;display:grid;gap:1px}
.live-wordmark strong{font-size:24px;letter-spacing:4px;color:#6e00ff;font-weight:700;line-height:1.2}
.live-wordmark span{font-size:8px;color:#a6ce39;letter-spacing:1.3px}
#identity{margin-left:auto;display:flex;gap:13px;align-items:center;color:#9850ff;font-size:12px;font-weight:600}
#identity a{color:#9850ff}
#identity a::before{content:'◯';margin-right:10px;font-size:22px;vertical-align:middle}
#identity button{border:1px solid #6e00ff;color:#caa4ff;background:#08020f;font-size:10px;padding:8px 12px}
.nav-shell{display:flex;align-items:stretch;gap:40px;min-height:52px;padding-bottom:14px}
.events-menu{display:flex;align-items:center;gap:14px;background:#6e00ff;border-radius:3px;font-size:12px;font-weight:700;padding:12px 26px;min-width:160px}
.events-menu span{font-size:20px;line-height:1}
.nav-shell nav{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap}
.nav-shell nav>a{display:flex;align-items:center;padding:14px 23px;color:#a6ce39;font-size:12px;font-weight:600}
.nav-shell nav>a:hover{color:#fff;background:#22053e}
.nav-shell nav>a.active{background:#6e00ff;color:#fff}
.page-background{background:#000 url('/assets/eg-background.png') no-repeat center center/cover;background-attachment:fixed;min-height:65vh}
main{max-width:1180px;margin:0 auto;padding:38px 20px 65px;min-height:60vh}
.eyebrow{color:#a6ce39;font-size:10px;letter-spacing:1.7px}
h1{font-size:38px;line-height:1.25;letter-spacing:-1px;font-weight:600}
h2{font-size:21px;font-weight:600;letter-spacing:-.35px}
h3{font-weight:600}
.live-banner{min-height:294px;border:1px solid #47206a;background:radial-gradient(ellipse at 90% 20%,#4a087c88,transparent 65%),linear-gradient(110deg,#160526,#050008 72%);position:relative;overflow:hidden;padding:38px 40px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;margin-bottom:35px}
.live-banner::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#6e00ff,#a6ce39,#6e00ff)}
.banner-copy{position:relative;z-index:1}
.banner-copy h1{font-size:43px;line-height:1.12;letter-spacing:-1.2px;margin:14px 0 17px;font-weight:700}
.banner-copy h1 span{color:#a6ce39}
.banner-copy p{font-size:12px;line-height:1.9;color:#c4b6cf;max-width:410px;margin-bottom:23px}
.banner-copy .actions a{font-size:11px;color:#bbb}
.banner-copy .actions a.primary{color:#fff;display:inline-flex;padding:13px 23px;font-size:11px;font-weight:600}
.banner-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:1}
.supplied-logo{width:100%;aspect-ratio:2.932;overflow:hidden;position:relative;background:#000}
.supplied-logo img{width:111.67%;height:auto;max-width:none;position:absolute;left:-6.1%;top:-70.4%}
.banner-art .game-symbols{display:flex;gap:21px;color:#a6ce39;font:26px Georgia,serif;letter-spacing:3px}
.banner-art .game-symbols span:nth-child(even){color:#9c50ff}
.banner-tag{display:block;font-size:9px;text-transform:uppercase;letter-spacing:2.2px;color:#ddd}
.section-title{border:0;padding-top:7px;margin-top:0;margin-bottom:18px;align-items:flex-end}
.section-title h2{margin:4px 0 0;font-size:21px}
.section-title h2::before{content:'♜';color:#6e00ff;margin-right:9px}
.section-title>.muted{font-size:11px;color:#a6ce39}
.grid{gap:20px}
.event{padding:24px;border-radius:3px;border-color:#333;background:linear-gradient(145deg,#13071c,#050505 70%);border-top:3px solid #6e00ff;gap:17px;min-height:255px}
.event:nth-child(even){border-top-color:#a6ce39}
.event h3{font-size:22px;font-weight:600;line-height:1.35}
.event p{font-size:12px;line-height:1.9;color:#aaa}
.event .event-meta{font-size:10px;color:#a6ce39}
.event button{background:#6e00ff;border-color:#6e00ff;color:#fff;margin-top:4px}
.event button:hover{background:#8531ff}
.pill{font-size:9px;color:#b5d84c;border-color:#4d5d22;border-radius:2px;letter-spacing:.7px}
.empty{border-radius:3px;background:#050505;border-color:#333;font-size:13px}
.panel{border-radius:3px;background:#070707;border-color:#2e2438}
.form{font-size:13px}
.form input,.form textarea,.form select,input.bet{background:#030303;border-color:#39313f;border-radius:2px;color:#fff;font-size:12px}
.form input:focus,.form textarea:focus,.form select:focus{border-color:#8a39ff;outline-color:#8a39ff}
.form label{color:#ccc;font-size:12px}
.form h2{border-bottom:1px solid #2d183d;padding-bottom:15px}
.form .help{font-size:11px}
.room-header h1{font-size:30px;line-height:1.3;letter-spacing:-.8px}
.room-header>.row{align-items:flex-start}
.room-header p{font-size:12px}
.room-header .actions{padding-top:12px}
.host-controls{background:#0d0615;border-color:#44215e}
.host-controls p{font-size:12px;line-height:1.8;margin-bottom:0}
.host-controls .eyebrow{color:#b876ff}
.host-controls .actions{padding-top:10px}
.stats{gap:15px}
.stat{border-radius:3px;border-color:#362244;background:#08040c;padding:20px}
.stat strong{color:#a6ce39;font-size:29px;font-weight:600}
.stat span{font-size:11px}
.table-card{border-radius:3px;background:#070707;border-color:#33243f;padding:16px;gap:9px}
.table-card.selected{border-color:#8f30ff;background:#180923;box-shadow:inset 0 3px #6e00ff}
.table-card strong{font-size:12px;color:#a6ce39}
.table-card span,.table-card small{font-size:10px;color:#b9a9c5}
.table-directory{margin-bottom:15px}
.table-directory label{font-size:12px}
.table-directory select{background:#100619;border-color:#53316c;font-size:11px;max-width:100%;color:#fff}
.table-directory .muted,.table-directory .help{font-size:11px}
.felt{background:radial-gradient(ellipse at center,#2a1046,#11071c 78%);border:7px solid #3f2359;box-shadow:inset 0 0 0 2px #8a4eb4,0 8px 30px #0008;border-radius:40px}
.table-status{font-size:11px;color:#cebddd}
.pot{color:#a6ce39;font-size:26px}
.pot small{color:#c7b1db}
.seat{background:#0c0416e8;border-color:#513164;border-radius:5px}
.seat.active{border-color:#a6ce39;box-shadow:0 0 15px #6e00ff44}
.seat strong{font-size:12px;overflow-wrap:anywhere}
.seat .muted{font-size:10px}
.card.back{background:repeating-linear-gradient(45deg,#4b1876,#4b1876 3px,#32104e 3px,#32104e 6px);border-color:#a77bcc;color:#d8c1eb}
.card.empty-card{background:#ffffff05;border-color:#8f64b13d}
.play-controls .muted{font-size:12px}
.play-controls button{font-size:11px}
.question{background:linear-gradient(140deg,#150823,#050505);border-top:3px solid #6e00ff}
.question h2{font-size:26px;line-height:1.45}
.option{background:#0b0510;border-color:#4c2a60;border-radius:3px;font-size:12px}
.option.selected{border-color:#a6ce39;background:#21132d}
.option.correct{background:#233006;border-color:#a6ce39}
.option b{background:#6e00ff;color:#fff;border-radius:2px}
.option.incorrect{border-color:#c94d70}
.leader-row{font-size:12px;border-bottom-color:#261b2d;grid-template-columns:25px minmax(0,1fr) auto}
.leader-row>span{overflow-wrap:anywhere}
.leader-row strong{color:#a6ce39}
.tournament-results h2{font-size:20px}
.log{font-size:11px}.log li{border-bottom-color:#2c2035}
.winners{color:#b9df52;border-color:#59622a}
.notice{max-width:1140px;border-radius:2px;font-size:12px}
.preview{border-radius:2px;border-color:#685b27;color:#dcc96c;font-size:11px;background:#110e02;margin-bottom:25px}
.site-footer{display:block;max-width:none;padding:0;letter-spacing:normal;border-top:1px solid #3d2652;background:#030303;font-size:11px}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding:35px 0}
.footer-main img{display:block;width:230px;height:auto}
.footer-main p{font-size:11px;color:#999}
.footer-main h3{font-size:15px;color:#fff;margin-top:17px;margin-bottom:15px}
.footer-main a{display:block;font-size:11px;color:#aaa;line-height:2.4}
.footer-main a:hover{color:#a6ce39}
.footer-bottom{border-top:1px solid #252525;display:flex;justify-content:space-between;padding:20px 0;color:#888;font-size:9px}
@media(min-width:1600px){.page-background{background-size:100% auto}}
@media(max-width:1000px){.nav-shell{gap:20px}.nav-shell nav>a{padding:14px 15px}.live-banner{padding:30px;gap:20px}.banner-copy h1{font-size:37px}.room-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:900px){.room-layout{grid-template-columns:1fr}.room-layout aside{display:block}.banner-copy h1{font-size:32px}.banner-art{gap:12px}.nav-shell nav>a{padding:12px 13px}.nav-shell{gap:15px}.events-menu{min-width:auto;padding:12px 18px}}
@media(max-width:650px){.utility .site-width{gap:17px;min-height:33px}.utility a{font-size:8px}.site-width{width:calc(100% - 32px)}.masthead{min-height:82px;gap:15px;flex-wrap:wrap;padding:14px 0}.brand img{width:190px}.live-wordmark{display:none}#identity{font-size:10px;gap:8px}#identity a::before{display:none}#identity button{font-size:9px;padding:7px 9px}.nav-shell{gap:10px;flex-direction:column;padding-bottom:15px}.events-menu{align-self:flex-start;padding:9px 17px;font-size:10px}.nav-shell nav{gap:0;justify-content:space-between;flex-wrap:nowrap}.nav-shell nav>a{padding:11px 10px;font-size:10px}.nav-shell nav>a:last-child{display:none}main{padding:24px 16px 40px}.page-background{background-size:auto 850px;background-position:center top;background-attachment:scroll}.live-banner{grid-template-columns:1fr;padding:27px 23px;gap:19px;min-height:auto;margin-bottom:28px}.banner-copy h1{font-size:36px}.banner-copy p{font-size:11px}.banner-copy .actions a.primary{padding:12px 18px}.banner-art{max-width:330px;width:100%;margin:auto}.game-symbols{display:none!important}.banner-tag{font-size:8px}.section-title h2{font-size:18px}.section-title .eyebrow{font-size:8px}.grid{grid-template-columns:1fr}.event{padding:21px;min-height:auto}.event h3{font-size:21px}.room-header h1{font-size:26px}.room-header .actions{padding-top:0}.stats{gap:8px}.stat{padding:12px 9px;min-width:0}.stat strong{font-size:21px}.stat span{font-size:9px;line-height:1.6}.table-grid{grid-template-columns:1fr 1fr;gap:8px}.table-card{padding:12px 10px}.table-card strong{font-size:10px}.table-card small,.table-card span{font-size:9px}.felt{padding:18px 12px;border-width:5px;border-radius:22px}.seat strong{font-size:11px}.table-directory .row>div{min-width:0}.table-directory select{margin:8px 0;display:block}.host-controls{padding:18px}.host-controls .actions{gap:7px}.host-controls p{font-size:11px}.tournament-results{gap:16px}.question h2{font-size:22px}.footer-main{grid-template-columns:1fr 1fr;gap:20px;padding:27px 0}.footer-main>div:first-child{grid-column:1/-1}.footer-main img{width:210px}.footer-bottom{flex-direction:column;gap:10px;padding:17px 0}.form .primary{width:100%;justify-self:stretch}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.event button{margin-top:auto}

/* Final brand details: rounded surfaces and the owner's transparent emblem. */
:root{--radius-panel:16px;--radius-control:10px}
.live-banner{border-radius:22px}
.panel,.event,.empty,.stat,.table-card,.preview,.notice,.custom-question{border-radius:var(--radius-panel)}
button,button.primary,.primary,.events-menu,.nav-shell nav>a,.banner-copy .actions a.primary{border-radius:var(--radius-control)}
.form input,.form select,.form textarea,input.bet,.table-directory select,#identity button{border-radius:var(--radius-control)}
.pill{border-radius:20px}
.seat,.option{border-radius:12px}
.option b,.card,.brand img,.footer-main img{border-radius:8px}
.supplied-logo{width:240px;max-width:100%;aspect-ratio:1;background:transparent;position:relative;overflow:visible;border-radius:16px}
.supplied-logo img{position:static;display:block;left:auto;top:auto;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:16px}
.banner-art{gap:10px}
@media(max-width:650px){.live-banner{border-radius:18px}.supplied-logo{width:180px}.panel,.event,.empty,.stat,.table-card,.preview,.notice{border-radius:12px}}
