/* SayaLab Studio HQ V29 - fast, static, responsive */
:root{color-scheme:dark;--hq-bg:#080c18;--hq-card:#111b30;--hq-line:#687ca155;--hq-text:#edf3ff;--hq-muted:#b6c5dc;--hq-purple:#ab92ff;--hq-cyan:#70ddd0;--hq-font:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hq-bg);color:var(--hq-text);font:14px/1.55 var(--hq-font);overflow-x:hidden}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b7ddff;outline-offset:3px}
[hidden]{display:none!important}
.hq-shell{max-width:1260px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.hq-skip{position:absolute;left:10px;top:-80px;background:#eef3ff;color:#10172c;padding:12px;z-index:100}.hq-skip:focus{top:10px}
.hq-header{position:relative;background:#0b1324eb;border-bottom:1px solid #6d82a33f;z-index:1}
.hq-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.hq-brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.09em;font-size:18px;white-space:nowrap}
.hq-brand>span:nth-child(2)>span{color:#ad91ff}.hq-brand small{display:block;font-size:8px;letter-spacing:.23em;color:#b3c6e2;font-weight:800}
.hq-logo{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#f5f0ff;background:linear-gradient(130deg,#5431b5,#916dff);box-shadow:0 0 30px #6347e95e;font-size:26px}
.hq-header nav{display:flex;justify-content:flex-end;gap:clamp(10px,2vw,27px);align-items:center;flex-wrap:wrap}
.hq-header nav a{font-size:12px;font-weight:760;color:#d6e0f6}
.hq-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 10% 15%,#30245e 0,transparent 45%),radial-gradient(ellipse at 94% 82%,#073b4b 0,transparent 35%),#0d152b;border-bottom:1px solid #7485a356;overflow:hidden}
.hq-hero:before{position:absolute;content:"";width:650px;height:650px;border-radius:50%;border:1px solid #8e89e62d;top:-360px;right:-150px;box-shadow:0 0 0 90px #a58aff05,0 0 0 180px #9f8aff07;z-index:-1}
.hq-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:clamp(24px,5vw,65px);align-items:center;padding-block:clamp(43px,6.3vw,91px)}
.hq-eyebrow,.hq-overline{font-size:10px;letter-spacing:.19em;color:#c2afff;font-weight:840;margin:0 0 15px}
.hq-signal{display:inline-block;background:#92edd3;box-shadow:0 0 0 4px #50b6aa20,0 0 15px #80e2bf7a;width:8px;height:8px;border-radius:100%;margin-right:7px}
.hq-hero h1{font-size:clamp(35px,5vw,68px);line-height:1.08;letter-spacing:-.06em;margin:0 0 24px;font-weight:850}
.hq-hero h1 em{font-style:normal;background:linear-gradient(95deg,#d7cbff 8%,#b59aff 50%,#87e3da);-webkit-background-clip:text;background-clip:text;color:transparent}
.hq-hero-desc{font-size:clamp(13px,1.3vw,16px);max-width:660px;line-height:1.8;color:#c7d2e5;margin:0}
.hq-hero-links{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin-top:31px}
.hq-hero-links a{font-size:12px;font-weight:820;color:#d5e4ff;padding:10px 0}
.hq-hero-links a.hq-primary{color:#0f1931;background:#e4d9ff;border-radius:9px;padding:13px 19px;box-shadow:0 9px 22px #7559e12d}
.hq-hero-links a.hq-primary:hover{background:#fff;text-decoration:none}
.hq-operational{background:linear-gradient(154deg,#1a2845dd,#121e35ef);border:1px solid #9dacc265;border-radius:16px;padding:23px;box-shadow:0 24px 65px #0509105e}
.hq-op-head,.hq-op-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hq-op-kicker{font-size:10px;font-weight:840;letter-spacing:.12em;color:#b9c9e7}
.hq-op-led{width:10px;height:10px;border-radius:50%;background:#7fdbbb;box-shadow:0 0 15px #7fdbbb9a}
.hq-operational h2{font-size:clamp(19px,2vw,24px);margin:18px 0 8px;letter-spacing:-.03em}
.hq-operational p{font-size:11px;color:#b6c8df;line-height:1.7;margin:0}
.hq-op-rule{height:1px;background:#8299ba4a;margin:20px 0 12px}
.hq-op-row{border-bottom:1px solid #677c9d2e;padding:9px 0;font-size:11px;color:#d3ddec}
.hq-op-row strong{font-size:17px;color:#f3f6ff;font-variant-numeric:tabular-nums}
.hq-operational>a{font-weight:800;font-size:10px;color:#bfaeff;display:inline-block;margin-top:15px}
.hq-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:26px;padding-bottom:28px}
.hq-stats>div{display:flex;align-items:baseline;gap:11px;padding:14px 18px;border:1px solid #849ac34e;border-radius:11px;background:#131d32}
.hq-stat-number{font-size:27px;font-weight:870;letter-spacing:-.05em;color:#ece4ff;font-variant-numeric:tabular-nums}
.hq-stats>div>span:last-child{font-size:10px;color:#c0cce0;font-weight:720}
.hq-section{padding-top:clamp(40px,5vw,70px);padding-bottom:clamp(40px,5vw,70px)}
.hq-section-title{display:flex;justify-content:space-between;align-items:end;gap:12px 30px;flex-wrap:wrap;margin-bottom:24px}
.hq-section-title h2{font-size:clamp(27px,3.4vw,43px);letter-spacing:-.055em;line-height:1.17;margin:0 0 7px}
.hq-section-title p:not(.hq-overline){max-width:630px;font-size:12px;color:#b8c8dd;margin:0;line-height:1.7}
.hq-section-title>a{font-size:11px;font-weight:850;color:#c6b6ff;flex-shrink:0}
.hq-tools{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:12px;padding:15px;background:#141f35;border:1px solid #788ca85c;border-radius:12px;margin:0 0 19px}
.hq-tools label{font-size:11px;font-weight:790;color:#d6e3f9;display:grid;gap:7px}
.hq-tools input,.hq-tools select{width:100%;min-width:0;border:1px solid #8ca6c475;border-radius:8px;min-height:42px;padding:9px 10px;color:#f1f5ff;background:#1b2c46;font:650 12px var(--hq-font)}
.hq-tools input::placeholder{color:#9eabc5}
.hq-tools button,.hq-compare-bar button{border-radius:8px;background:#2b4163;border:1px solid #8da8c76d;color:#eff4ff;padding:10px 13px;cursor:pointer;font-weight:740;font-size:11px;min-height:42px}
.hq-tools [data-hq-count]{grid-column:1/-1;font-size:11px;color:#adc5df}
.hq-no-results{padding:20px;background:#1d2d42;border-radius:10px;text-align:center;font-weight:700}
.hq-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hq-game{border:1px solid #7585ac60;background:linear-gradient(155deg,#1b2541,#101a2d 85%);border-radius:15px;padding:21px;display:flex;flex-direction:column;gap:0;min-width:0;transition:transform .2s,border-color .2s;scroll-margin-top:20px}
.hq-game:hover{transform:translateY(-2px);border-color:#ac9cff9e}
.hq-game-top,.hq-game-info,.hq-meter-label,.hq-game-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hq-game-index{font-size:11px;letter-spacing:.15em;font-weight:830;color:#a3b4d8}
.hq-channel{background:#44385e;border:1px solid #9e86c76c;border-radius:6px;color:#e3dbff;padding:4px 7px;font-size:9px;font-weight:870}
.hq-game-line{font-size:10px;letter-spacing:.12em;color:#a9a5e7;text-transform:uppercase;font-weight:810;margin:20px 0 7px;min-height:28px}
.hq-game h3{font-size:clamp(19px,2vw,25px);line-height:1.24;letter-spacing:-.035em;margin:0 0 15px;overflow-wrap:anywhere}
.hq-game-info{font-size:10px;color:#c1cee4;flex-wrap:wrap;margin-bottom:14px;gap:6px}
.hq-game-info span{max-width:100%;overflow-wrap:anywhere}
.hq-game-info span:first-child{color:#b8a8ff;font-weight:860}
.hq-summary{font-size:11px;color:#c6d1e4;line-height:1.72;margin:0 0 20px;min-height:55px;overflow-wrap:anywhere}
.hq-meter-label{font-size:10px;color:#d6dbee;font-weight:820;margin:8px 0 7px}
.hq-meter-label span{font-size:14px;font-variant-numeric:tabular-nums;color:#ebdcff}
.hq-stable-label span{color:#a1efe2}
.hq-meter{height:9px;border-radius:100px;background:#29334d;overflow:hidden}
.hq-meter i{display:block;height:100%;background:linear-gradient(90deg,#6c59cf,#ba9fff);border-radius:100px}
.hq-meter.hq-stable i{background:linear-gradient(90deg,#347a82,#77e6d7)}
.hq-mini-facts{font-size:10px;color:#9fb6d0;margin:14px 0 12px}
.hq-game-more{border-top:1px solid #7182a046;border-bottom:1px solid #7182a046;padding:10px 0;font-size:11px;color:#c6d5e9}
.hq-game-more summary{cursor:pointer;font-size:11px;font-weight:830;color:#d7caff;min-height:24px}
.hq-game-more p{line-height:1.65;margin:7px 0;font-size:11px}
.hq-game-more strong{color:#a9e6ce}
.hq-trend-box{border:1px solid #607b9a45;border-radius:8px;padding:10px;margin:10px 0;background:#101a2f}
.hq-trend-empty,.hq-trend-caption{font-size:10px!important;margin:0!important;color:#b7cbdf}
.hq-trend-svg{display:block;width:100%;height:80px}
.hq-game-bottom{margin-top:auto;padding-top:20px;font-size:11px;font-weight:850;flex-wrap:wrap}
.hq-game-bottom a{color:#d2c1ff}
.hq-choose{display:inline-flex;align-items:center;gap:7px;color:#d6e7f6;cursor:pointer}
.hq-choose input{width:17px;height:17px;accent-color:#aa91ff}
.hq-compare-section{border-top:1px solid #6e85a04b;border-bottom:1px solid #6e85a04b;background:radial-gradient(ellipse at 80% 10%,#222443 0,transparent 50%),#101729;padding:clamp(40px,5vw,70px) 0}
.hq-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #8193b065;border-radius:12px}
.hq-table{border-collapse:collapse;width:100%;min-width:730px;text-align:left}
.hq-table caption{text-align:left;font-size:11px;color:#b9c9dd;padding:10px 12px}
.hq-table th,.hq-table td{padding:13px 14px;border-bottom:1px solid #5f75945c;font-size:11px}
.hq-table thead th{color:#baaff1;background:#1b2942;font-size:10px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.hq-table tbody th{font-weight:770;font-size:12px}
.hq-table tbody tr:last-child td,.hq-table tbody tr:last-child th{border-bottom:0}
.hq-table tbody tr:hover{background:#27334d}
.hq-table td:nth-child(2) strong{color:#dfcfff}
.hq-fine-print{font-size:10px;color:#b3c7df;line-height:1.7;margin:15px 0 0}
.hq-compare-bar{display:flex;gap:10px 15px;align-items:center;flex-wrap:wrap;background:#202f47;border:1px solid #8ca6c07a;padding:12px;border-radius:10px;margin:0 0 12px;font-size:11px}
.hq-compare-bar strong{font-size:12px}
.hq-compare-bar span{flex:1 1 190px}
.hq-compare-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.hq-compare-card{background:#15273b;border:1px solid #86aed173;border-radius:10px;padding:13px}
.hq-compare-card h3{font-size:13px;margin:0 0 10px}
.hq-compare-card p{font-size:11px;color:#b9cbe2;margin:6px 0}
.hq-compare-card strong{font-size:17px;color:#d9c8ff}
.hq-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}
.hq-events li{background:#142239;border:1px solid #768aa65a;border-radius:10px;padding:13px;display:grid;gap:7px}
.hq-event-type{font-size:9px;font-weight:860;letter-spacing:.08em;color:#a9a1e8}
.hq-events li>a{font-size:12px;font-weight:820;line-height:1.5}
.hq-events li>span{font-size:10px;color:#b8c8df}
.hq-footer-cta{text-align:center;background:radial-gradient(ellipse at 50% 0%,#352456,transparent 63%),#171e33;padding:clamp(45px,6vw,80px) 0;border-top:1px solid #a298c43a}
.hq-footer-cta h2{font-size:clamp(28px,4vw,50px);line-height:1.15;letter-spacing:-.045em;margin:0 0 20px}
.hq-footer-cta p:not(.hq-overline){color:#c0cee3;font-size:13px}
.hq-footer-cta a{display:inline-block;margin:10px 10px;padding:10px 15px;border-radius:8px;border:1px solid #baa9ff88;color:#d9c7ff;font-size:12px;font-weight:840}
.hq-footer{padding-block:25px 37px;display:flex;gap:10px 19px;flex-wrap:wrap;font-size:10px;color:#adbed7}
.hq-footer p{margin:0 auto 0 0}
@media(max-width:1000px){.hq-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-hero-grid{grid-template-columns:1fr}.hq-operational{max-width:750px}.hq-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:610px){.hq-header-inner{align-items:flex-start;flex-direction:column;gap:10px;padding-block:14px}.hq-header nav{justify-content:flex-start;gap:9px 16px}.hq-header nav a{font-size:11px}.hq-hero-grid{padding-block:38px 27px}.hq-hero h1{font-size:38px}.hq-hero-links{gap:4px 15px}.hq-hero-links a{font-size:11px}.hq-stats{gap:8px}.hq-stats>div{padding:10px;flex-direction:column;gap:2px}.hq-stat-number{font-size:22px}.hq-game-grid,.hq-tools,.hq-events,.hq-compare-result{grid-template-columns:1fr}.hq-game{padding:18px}.hq-section-title h2{font-size:31px}.hq-section{padding-top:46px;padding-bottom:46px}.hq-hero-desc{font-size:13px}.hq-compare-section{padding-block:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hq-game{transition:none}}