/*!
 * Konesans Lakay — Web Design System (v2.12.0)
 * One stylesheet for every public/player page served by templates/app.php.
 * Colours are sampled from the official logo: book blue #01549A, deep navy #024172, coin gold #E8930B.
 * Layers: 1 tokens · 2 base · 3 components · 4 layout/chrome · 5 pages · 6 game · 7 states · 8 responsive · 9 motion
 */

/* 1 ─ Tokens ─────────────────────────────────────────────────────────── */
@font-face{font-family:"Lexend";src:url("../fonts/lexend-var.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --kl-navy-950:#03182e;
  --kl-navy-900:#022a4b;
  --kl-navy:#024172;
  --kl-blue:#01549a;
  --kl-blue-700:#014682;
  --kl-blue-200:#bcd3ea;
  --kl-blue-100:#dce9f6;
  --kl-blue-50:#eef4fb;
  --kl-gold:#e8930b;
  --kl-gold-600:#d17f00;
  --kl-gold-text:#8f5300;
  --kl-gold-100:#fbe5bd;
  --kl-gold-50:#fef6e7;
  --kl-ink:#0c1d33;
  --kl-text:#1f3049;
  --kl-text-2:#4b5c73;
  --kl-text-3:#5b6b7f;
  --kl-bg:#f4f6f9;
  --kl-surface:#ffffff;
  --kl-surface-2:#f8fafc;
  --kl-border:#dfe5ec;
  --kl-border-strong:#c6d0dc;
  --kl-success:#0f7040;
  --kl-success-50:#e7f5ed;
  --kl-warning:#9a5800;
  --kl-warning-50:#fff3de;
  --kl-error:#c0321f;
  --kl-error-50:#fdecea;
  --kl-font:"Lexend",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --kl-fs-xs:.78rem;
  --kl-fs-sm:.875rem;
  --kl-fs-base:1rem;
  --kl-fs-md:1.125rem;
  --kl-fs-lg:1.375rem;
  --kl-fs-xl:clamp(1.5rem,1.2rem + 1.2vw,1.875rem);
  --kl-fs-2xl:clamp(1.875rem,1.4rem + 2vw,2.625rem);
  --kl-fs-3xl:clamp(2.25rem,1.5rem + 3.4vw,3.75rem);
  --kl-s1:4px;--kl-s2:8px;--kl-s3:12px;--kl-s4:16px;--kl-s5:24px;--kl-s6:32px;--kl-s7:48px;--kl-s8:64px;--kl-s9:96px;
  --kl-r-xs:6px;--kl-r-sm:10px;--kl-r-md:14px;--kl-r-lg:20px;--kl-r-xl:28px;--kl-r-pill:999px;
  --kl-sh-1:0 1px 2px rgba(3,24,46,.06);
  --kl-sh-2:0 1px 2px rgba(3,24,46,.05),0 10px 24px -14px rgba(3,24,46,.22);
  --kl-sh-3:0 30px 60px -28px rgba(3,24,46,.45);
  --kl-focus:0 0 0 3px #fff,0 0 0 5px var(--kl-blue);
  --kl-shell:1200px;
  --kl-gutter:clamp(16px,4vw,32px);
  --kl-ease:cubic-bezier(.2,.7,.2,1);
}

/* 2 ─ Base ───────────────────────────────────────────────────────────── */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.klq-body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--kl-bg);color:var(--kl-text);font-family:var(--kl-font);font-size:var(--kl-fs-base);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.klq-body *,.klq-body *::before,.klq-body *::after{box-sizing:border-box}
.klq-body [hidden]{display:none!important}
.klq-body h1,.klq-body h2,.klq-body h3,.klq-body h4{font-family:var(--kl-font);color:var(--kl-ink);line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:700;text-wrap:balance}
.klq-body p{margin:0;text-wrap:pretty}
.klq-body a{color:var(--kl-blue);text-decoration-thickness:1px;text-underline-offset:3px}
.klq-body a:hover{color:var(--kl-blue-700)}
.klq-body img{max-width:100%;height:auto}
.klq-body button,.klq-body input,.klq-body select,.klq-body textarea{font:inherit;color:inherit}
.klq-body :focus-visible{outline:none;box-shadow:var(--kl-focus);border-radius:var(--kl-r-xs)}
.klq-body ::selection{background:var(--kl-gold-100);color:var(--kl-ink)}
.klq-ico{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em}
.klq-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.klq-skip{position:absolute;left:var(--kl-s4);top:-60px;z-index:1000;background:var(--kl-navy);color:#fff!important;padding:10px 16px;border-radius:var(--kl-r-sm);font-weight:600;text-decoration:none}
.klq-skip:focus{top:var(--kl-s3)}
.klq-shell{width:100%;max-width:var(--kl-shell);margin-inline:auto;padding-inline:var(--kl-gutter)}
.klq-main{flex:1 0 auto;padding-block:var(--kl-s6) var(--kl-s8)}
.klq-kicker{display:inline-block;font-size:var(--kl-fs-xs);font-weight:600;letter-spacing:.06em;color:var(--kl-blue);margin-bottom:var(--kl-s2)}

/* 3 ─ Components ─────────────────────────────────────────────────────── */
/* Buttons: primary blue, reward gold (only for the main "play/win" action), outline, ghost-on-dark, text */
.klq-btn,.klq-body button.klq-btn,.klq-body a.klq-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kl-s2);min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:var(--kl-r-sm);background:var(--kl-blue);color:#fff;font-weight:600;font-size:var(--kl-fs-sm);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s var(--kl-ease),border-color .15s,color .15s,box-shadow .15s,transform .15s;white-space:normal}
.klq-btn:hover,.klq-body a.klq-btn:hover{background:var(--kl-blue-700);color:#fff}
.klq-btn:active{transform:translateY(1px)}
.klq-btn:disabled,.klq-btn[aria-disabled="true"]{background:var(--kl-border);color:var(--kl-text-3);border-color:transparent;cursor:not-allowed;transform:none}
.klq-btn-big,.klq-body .klq-btn.klq-btn-big{min-height:52px;padding:14px 26px;font-size:var(--kl-fs-base);border-radius:var(--kl-r-md)}
.klq-btn-gold,.klq-body a.klq-btn-gold{background:var(--kl-gold);color:var(--kl-navy-950)}
.klq-btn-gold:hover,.klq-body a.klq-btn-gold:hover{background:#f3a52a;color:var(--kl-navy-950)}
.klq-btn-outline,.klq-body .klq-btn.klq-btn-outline,.klq-body a.klq-btn-outline{background:var(--kl-surface);color:var(--kl-navy);border-color:var(--kl-border-strong)}
.klq-btn-outline:hover,.klq-body a.klq-btn-outline:hover{background:var(--kl-blue-50);border-color:var(--kl-blue-200);color:var(--kl-navy)}
.klq-btn-ghost-light,.klq-body a.klq-btn-ghost-light{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.35)}
.klq-btn-ghost-light:hover,.klq-body a.klq-btn-ghost-light:hover{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.6)}
.klq-text-btn{background:none;border:0;padding:10px 12px;color:var(--kl-text-2);font-weight:600;cursor:pointer;border-radius:var(--kl-r-sm)}
.klq-text-btn:hover{color:var(--kl-ink);background:var(--kl-surface-2)}
.klq-link-arrow{font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none;white-space:nowrap}
.klq-link-arrow::after{content:"";display:inline-block;width:.45em;height:.45em;margin-left:.45em;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg) translateY(-1px)}

/* Forms */
.klq-body input[type=text],.klq-body input[type=email],.klq-body input[type=password],.klq-body input[type=tel],.klq-body input[type=number],.klq-body input:not([type]),.klq-body select,.klq-body textarea{width:100%;min-height:48px;padding:12px 14px;background:var(--kl-surface);border:1px solid var(--kl-border-strong);border-radius:var(--kl-r-sm);font-size:var(--kl-fs-base);line-height:1.4;color:var(--kl-ink);transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
.klq-body textarea{min-height:96px;resize:vertical}
.klq-body select{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23024172' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}
.klq-body input:hover,.klq-body select:hover,.klq-body textarea:hover{border-color:#a9b7c8}
.klq-body input:focus,.klq-body select:focus,.klq-body textarea:focus{outline:none;border-color:var(--kl-blue);box-shadow:0 0 0 3px rgba(1,84,154,.18)}
.klq-body input::placeholder,.klq-body textarea::placeholder{color:#8695a8}
.klq-body input[type=checkbox],.klq-body input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--kl-blue);flex:none;cursor:pointer}
.klq-body input:user-invalid{border-color:var(--kl-error)}
.password-wrap{position:relative}
.password-wrap input{padding-right:52px!important}
.show-pass{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:var(--kl-r-sm);color:var(--kl-text-3);cursor:pointer}
.show-pass:hover{color:var(--kl-navy);background:var(--kl-blue-50)}

/* Cards, badges, status */
.klq-card{background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);box-shadow:var(--kl-sh-1)}
.klq-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--kl-r-pill);font-size:.7rem;font-weight:600;letter-spacing:.02em;background:var(--kl-blue-50);color:var(--kl-blue)}
.klq-badge.live{background:var(--kl-success-50);color:var(--kl-success)}
.klq-badge.scheduled{background:var(--kl-warning-50);color:var(--kl-warning)}
.klq-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--kl-r-pill);font-size:var(--kl-fs-xs);font-weight:600;font-style:normal;line-height:1.5;background:var(--kl-surface-2);color:var(--kl-text-2);border:1px solid var(--kl-border);white-space:nowrap}
.klq-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.klq-status.ok{background:var(--kl-success-50);color:var(--kl-success);border-color:#bfe3cf}
.klq-status.wait{background:var(--kl-warning-50);color:var(--kl-warning);border-color:#f2d6a6}
.klq-status.neutral{background:var(--kl-surface-2);color:var(--kl-text-2)}

/* Alerts & notices */
.klq-profile-notice,.klq-auth-error,.klq-pay-error,.klq-game-message,.klq-payment-entry-error,.klq-start-error{display:block;padding:12px 16px;border-radius:var(--kl-r-md);border:1px solid;font-size:var(--kl-fs-sm);line-height:1.5}
.klq-profile-notice.success{background:var(--kl-success-50);border-color:#bfe3cf;color:#0c5a33}
.klq-profile-notice.error,.klq-auth-error,.klq-pay-error,.klq-payment-entry-error,.klq-start-error{background:var(--kl-error-50);border-color:#f3c3bc;color:#8f2214}
.klq-game-message{background:var(--kl-warning-50);border-color:#f2d6a6;color:#6f4100;margin:0 0 var(--kl-s4)}

/* Empty states */
.klq-empty,.klq-player-empty{display:grid;justify-items:center;gap:var(--kl-s2);text-align:center;padding:var(--kl-s6) var(--kl-s5);background:var(--kl-surface);border:1px dashed var(--kl-border-strong);border-radius:var(--kl-r-lg);color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-player-empty b{color:var(--kl-ink);font-size:var(--kl-fs-base)}
.klq-player-empty>span[aria-hidden]{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--kl-blue-50);color:var(--kl-blue)}
.klq-player-empty a{font-weight:600;text-decoration:none}

/* Tables */
.klq-table,.klq-player-table{width:100%;border-collapse:collapse;font-size:var(--kl-fs-sm)}
.klq-table th,.klq-player-table th{text-align:left;font-size:var(--kl-fs-xs);font-weight:600;letter-spacing:.04em;color:var(--kl-text-3);padding:10px 16px;border-bottom:1px solid var(--kl-border);background:var(--kl-surface-2);white-space:nowrap}
.klq-table td,.klq-player-table td{padding:14px 16px;border-bottom:1px solid var(--kl-border);vertical-align:middle;color:var(--kl-text)}
.klq-table tbody tr:last-child td,.klq-player-table tbody tr:last-child td{border-bottom:0}
.klq-table tbody tr:hover td{background:var(--kl-surface-2)}
.klq-history-wrap,.klq-winners-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Section heads */
.klq-section-head{display:grid;gap:var(--kl-s2);margin-bottom:var(--kl-s5);max-width:62ch}
.klq-section-head h2{font-size:var(--kl-fs-xl)}
.klq-section-head p{color:var(--kl-text-2)}
.klq-section-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--kl-s4);max-width:none;flex-wrap:wrap}
.klq-section-head-row>div{display:grid;gap:var(--kl-s2)}
.klq-modern-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kl-s3);margin-bottom:var(--kl-s4)}
.klq-modern-title>div{display:grid;gap:4px;min-width:0}
.klq-modern-title h2{display:flex;align-items:center;gap:var(--kl-s2);font-size:var(--kl-fs-md);font-weight:600;letter-spacing:-.01em}
.klq-modern-title h2 .klq-ico{color:var(--kl-blue)}
.klq-modern-title p{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-modern-title>a{font-size:var(--kl-fs-sm);font-weight:600;text-decoration:none;white-space:nowrap;flex:none}
.klq-modern-title>span{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-gold-text);background:var(--kl-gold-50);padding:4px 10px;border-radius:var(--kl-r-pill);white-space:nowrap}

/* 4 ─ Chrome: header, menus, footer ──────────────────────────────────── */
.klq-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--kl-border)}
.klq-head-inner{display:flex;align-items:center;gap:var(--kl-s5);min-height:72px}
.klq-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--kl-ink);flex:none;border-radius:var(--kl-r-sm)}
.klq-logo-icon{display:block;width:44px;height:44px;flex:none}
.klq-logo-icon img{display:block;width:100%;height:100%;object-fit:contain}
.klq-logo-copy{display:grid;line-height:1.05}
.klq-logo-copy b{font-size:1.15rem;font-weight:700;letter-spacing:-.025em;color:var(--kl-navy)}
.klq-logo-copy i{font-style:normal;color:var(--kl-blue)}
.klq-logo-copy small{font-size:.7rem;color:var(--kl-text-3);font-weight:400;margin-top:3px}
.klq-header .klq-logo-copy small{display:none}
.klq-primary-nav{display:flex;align-items:center;gap:2px;margin-inline:auto}
.klq-nav-link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--kl-r-sm);color:var(--kl-text)!important;font-weight:500;font-size:var(--kl-fs-sm);text-decoration:none;white-space:nowrap}
.klq-nav-link:hover{background:var(--kl-surface-2);color:var(--kl-ink)!important}
.klq-nav-link.active{color:var(--kl-navy)!important;font-weight:600}
.klq-nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--kl-gold)}
.klq-head-actions{display:flex;align-items:center;gap:var(--kl-s2);flex:none}
.klq-nav-login{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-weight:600;font-size:var(--kl-fs-sm);color:var(--kl-navy)!important;text-decoration:none;border-radius:var(--kl-r-sm)}
.klq-nav-login:hover{background:var(--kl-surface-2)}
.klq-nav-register{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--kl-r-sm);background:var(--kl-navy);color:#fff!important;font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none}
.klq-nav-register:hover{background:var(--kl-navy-900)}

/* Disclosure menus (native <details>, no JS dependency) */
.klq-menu{position:relative}
.klq-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:var(--kl-r-sm);cursor:pointer;color:var(--kl-text);font-weight:500;font-size:var(--kl-fs-sm);user-select:none}
.klq-menu>summary::-webkit-details-marker{display:none}
.klq-menu>summary:hover{background:var(--kl-surface-2)}
.klq-menu[open]>summary{background:var(--kl-blue-50);color:var(--kl-navy)}
.klq-caret{width:16px;height:16px;transition:transform .2s var(--kl-ease)}
.klq-menu[open] .klq-caret{transform:rotate(180deg)}
.klq-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;padding:6px;background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);box-shadow:var(--kl-sh-3);z-index:120;animation:klq-pop .16s var(--kl-ease)}
.klq-menu-panel-sm{min-width:180px}
.klq-menu-head{display:grid;padding:10px 12px 12px;margin-bottom:6px;border-bottom:1px solid var(--kl-border)}
.klq-menu-head b{color:var(--kl-ink);font-weight:600;font-size:var(--kl-fs-sm)}
.klq-menu-head small{color:var(--kl-text-3);font-size:var(--kl-fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klq-menu-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:var(--kl-r-sm);color:var(--kl-text)!important;font-size:var(--kl-fs-sm);font-weight:500;text-decoration:none}
.klq-menu-item span{flex:1}
.klq-menu-item .klq-ico{color:var(--kl-text-3)}
.klq-menu-item:hover{background:var(--kl-surface-2);color:var(--kl-ink)!important}
.klq-menu-item.is-current{background:var(--kl-blue-50);color:var(--kl-navy)!important;font-weight:600}
.klq-menu-item.is-current .klq-ico{color:var(--kl-blue)}
.klq-menu-danger,.klq-menu-danger .klq-ico{color:var(--kl-error)!important}
.klq-menu-danger:hover{background:var(--kl-error-50)}
.klq-menu-sep{height:1px;background:var(--kl-border);margin:6px 4px}
.klq-account-menu>summary{padding:4px 8px 4px 4px}
.klq-head-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none;background:var(--kl-blue-50);display:grid;place-items:center}
.klq-head-avatar img,.klq-head-avatar .avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.klq-head-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--kl-ink)}
.klq-mobile-nav{display:none}
.klq-mobile-nav>summary{width:44px;padding:0;justify-content:center;border:1px solid var(--kl-border)}
.klq-mobile-nav .klq-close-ico,.klq-mobile-nav[open] .klq-open-ico{display:none}
.klq-mobile-nav[open] .klq-close-ico{display:block}
.klq-mobile-panel{position:fixed;left:var(--kl-s3);right:var(--kl-s3);top:80px;min-width:0;max-height:calc(100dvh - 96px);overflow:auto;padding:8px}
.klq-mobile-panel nav{display:grid}
.klq-mobile-auth{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s2);padding:8px 4px 4px;border-top:1px solid var(--kl-border);margin-top:6px}

/* Avatars rendered by klqp2_user_avatar_html() */
.klq-avatar,.klq-user-avatar,.klq-body img.avatar{border-radius:50%;object-fit:cover}

/* Footer */
.klq-footer{background:var(--kl-navy-950);color:#c3cedb;padding:var(--kl-s8) 0 var(--kl-s5);margin-top:auto;font-size:var(--kl-fs-sm)}
.klq-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:var(--kl-s6) var(--kl-s5)}
.klq-footer-brand{display:grid;gap:var(--kl-s4);align-content:start;max-width:34ch}
.klq-footer .klq-brand .klq-logo-icon{background:#fff;border-radius:12px;padding:3px}
.klq-footer .klq-logo-copy b{color:#fff}
.klq-footer .klq-logo-copy i{color:#8fb9e3}
.klq-footer .klq-logo-copy small{color:#9fb0c4}
.klq-footer p{color:#a9b8c9;line-height:1.6}
.klq-footer-pay{display:flex;gap:var(--kl-s2);flex-wrap:wrap}
.klq-footer-pay span{padding:4px 10px;border:1px solid rgba(255,255,255,.18);border-radius:var(--kl-r-pill);font-size:var(--kl-fs-xs);font-weight:600;color:#e5ecf4}
.klq-footer-col{display:grid;gap:4px;align-content:start}
.klq-footer-col b{color:#fff;font-weight:600;font-size:var(--kl-fs-sm);margin-bottom:var(--kl-s2)}
.klq-footer-col a{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#c3cedb;text-decoration:none;width:fit-content}
.klq-footer-col a:hover{color:#fff;text-decoration:underline}
.klq-footer-col .klq-ico{color:var(--kl-gold);width:16px;height:16px}
.klq-footer-bottom{display:flex;justify-content:space-between;gap:var(--kl-s4);flex-wrap:wrap;margin-top:var(--kl-s7);padding-top:var(--kl-s5);border-top:1px solid rgba(255,255,255,.1);color:#8d9db1;font-size:var(--kl-fs-xs)}
.klq-footer-bottom a{color:#c3cedb}
.klq-footer :focus-visible{box-shadow:0 0 0 2px var(--kl-navy-950),0 0 0 4px var(--kl-gold)}

/* 5a ─ Home (route jwe) ──────────────────────────────────────────────── */
.klq-route-jwe .klq-main{padding-top:0}
.klq-play-shell{display:block}
.klq-play-top{margin-inline:calc(50% - 50vw);margin-bottom:var(--kl-s8)}
/* The hero is the one bold surface: deep navy, a white product ticket and the gold 96% seal (the logo's coin). */
.klq-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--kl-s7);align-items:center;padding:clamp(48px,7vw,96px) max(var(--kl-gutter),calc((100vw - var(--kl-shell)) / 2 + var(--kl-gutter))) clamp(56px,7vw,104px);background:var(--kl-navy-900);color:#e6eef7;overflow:hidden;isolation:isolate}
.klq-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 480px at 85% 30%,rgba(1,84,154,.55),transparent 60%),linear-gradient(180deg,var(--kl-navy) 0%,var(--kl-navy-900) 100%)}
.klq-hero::after{content:"";position:absolute;z-index:-1;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,147,11,.6),transparent)}
.klq-hero-copy{max-width:600px;display:grid;gap:var(--kl-s5)}
.klq-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 12px 6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:var(--kl-r-pill);background:rgba(255,255,255,.06);font-size:var(--kl-fs-sm);font-weight:500;color:#e6eef7}
.klq-hero-eyebrow .klq-ico{color:var(--kl-gold)}
.klq-hero h1{color:#fff;font-size:var(--kl-fs-3xl);font-weight:700;letter-spacing:-.035em;line-height:1.04}
.klq-nowrap{white-space:nowrap}
.klq-hero h1 .klq-nowrap{color:var(--kl-gold)}
.klq-hero-lead{font-size:var(--kl-fs-md);line-height:1.6;color:#c7d5e5;max-width:52ch}
.klq-hero-actions{display:flex;flex-wrap:wrap;gap:var(--kl-s3)}
.klq-hero-facts{list-style:none;margin:var(--kl-s2) 0 0;padding:var(--kl-s5) 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:var(--kl-s3) var(--kl-s5)}
.klq-hero-facts li{display:inline-flex;align-items:center;gap:8px;font-size:var(--kl-fs-sm);color:#d7e2ee}
.klq-hero-facts .klq-ico{color:var(--kl-gold)}
.klq-hero-visual{position:relative;justify-self:center;width:min(100%,420px);padding:0 0 40px}
.klq-ticket{position:relative;background:var(--kl-surface);color:var(--kl-text);border-radius:var(--kl-r-xl);padding:var(--kl-s5);box-shadow:var(--kl-sh-3),0 0 0 1px rgba(255,255,255,.08);transform:rotate(-1.5deg)}
.klq-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-s3);padding-bottom:var(--kl-s4);border-bottom:1px solid var(--kl-border)}
.klq-ticket-logo{display:inline-flex;align-items:center;gap:8px}
.klq-ticket-logo .klq-logo-icon{width:34px;height:34px}
.klq-ticket-logo .klq-logo-copy b{font-size:.95rem}
.klq-ticket-logo .klq-logo-copy small{display:none}
.klq-ticket-tag{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-blue);background:var(--kl-blue-50);padding:4px 10px;border-radius:var(--kl-r-pill);white-space:nowrap}
.klq-ticket-title{font-size:var(--kl-fs-lg);margin:var(--kl-s4) 0 var(--kl-s2)}
.klq-ticket-prize{display:grid;gap:2px;padding:var(--kl-s4);border-radius:var(--kl-r-md);background:var(--kl-gold-50);border:1px solid var(--kl-gold-100)}
.klq-ticket-prize small{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-gold-text);letter-spacing:.04em}
.klq-ticket-prize strong{font-size:2.5rem;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--kl-navy);font-variant-numeric:tabular-nums}
.klq-ticket-prize strong span{font-size:1rem;font-weight:600;color:var(--kl-gold-text);letter-spacing:0}
.klq-ticket-rows{margin:var(--kl-s4) 0 0;display:grid;gap:0}
.klq-ticket-rows div{display:flex;justify-content:space-between;gap:var(--kl-s3);padding:10px 0;border-bottom:1px dashed var(--kl-border)}
.klq-ticket-rows div:last-child{border-bottom:0}
.klq-ticket-rows dt{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-ticket-rows dd{margin:0;font-weight:600;color:var(--kl-ink);font-size:var(--kl-fs-sm);font-variant-numeric:tabular-nums;text-align:right}
.klq-ticket-perf{height:0;margin:var(--kl-s3) calc(-1 * var(--kl-s5));border-top:2px dashed var(--kl-border);position:relative}
.klq-ticket-perf::before,.klq-ticket-perf::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--kl-navy-900)}
.klq-ticket-perf::before{left:-11px}.klq-ticket-perf::after{right:-11px}
.klq-ticket-foot{display:flex;gap:8px;align-items:flex-start;padding-right:96px;font-size:var(--kl-fs-xs);color:var(--kl-text-2);line-height:1.5}
.klq-ticket-foot .klq-ico{color:var(--kl-success)}
.klq-seal{position:absolute;bottom:0;right:-18px;width:116px;height:116px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--kl-gold);color:var(--kl-navy-950);box-shadow:0 0 0 6px rgba(232,147,11,.22),0 18px 40px -12px rgba(0,0,0,.5);transform:rotate(8deg)}
.klq-seal::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1.5px dashed rgba(3,24,46,.35)}
.klq-seal strong{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.04em}
.klq-seal span{font-size:.72rem;font-weight:600;margin-top:2px}

.klq-start{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--kl-s8)}
.klq-start>*{min-width:0}
.klq-start>section{scroll-margin-top:96px}
/* How it works: a real sequence, so numbered */
.klq-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--kl-s4);counter-reset:none}
.klq-steps li{position:relative;display:grid;gap:var(--kl-s2);align-content:start;padding:var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg)}
.klq-steps li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-17px;width:18px;height:2px;background:var(--kl-border-strong)}
.klq-step-num{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--kl-navy);color:#fff;font-weight:700;margin-bottom:var(--kl-s2)}
.klq-steps li:last-child .klq-step-num{background:var(--kl-gold);color:var(--kl-navy-950)}
.klq-steps h3{font-size:var(--kl-fs-md);font-weight:600}
.klq-steps p{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}

/* Live/scheduled contests ribbon injected by app.js */
#klq-contests:empty{display:none}
#klq-contests .klq-section-heading{display:flex;align-items:center;gap:8px;margin-bottom:var(--kl-s3)}
#klq-contests .klq-section-heading h2{font-size:var(--kl-fs-md);font-weight:600}
.klq-live-dot{width:8px;height:8px;border-radius:50%;background:var(--kl-success);box-shadow:0 0 0 4px var(--kl-success-50)}
.klq-contest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--kl-s3)}
.klq-quiz-card{display:grid;grid-template-columns:44px 1fr;gap:var(--kl-s3);align-items:center;width:100%;text-align:left;padding:var(--kl-s3) var(--kl-s4);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);color:var(--kl-text);cursor:default}
.klq-quiz-card.klq-contest-picker{cursor:pointer}
.klq-quiz-card.klq-contest-picker:hover{border-color:var(--kl-blue-200);background:var(--kl-blue-50)}
.klq-quiz-card.selected{border-color:var(--kl-blue);box-shadow:0 0 0 1px var(--kl-blue)}
.klq-quiz-card.upcoming{opacity:.75}
.klq-contest-art{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--kl-blue-50);font-size:1.2rem}
.klq-quiz-card h3{font-size:var(--kl-fs-base);font-weight:600;margin:4px 0 2px}
.klq-quiz-card p{font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-quiz-meta{display:flex;gap:var(--kl-s3);font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-navy);margin-top:4px}
.klq-countdown{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-warning);font-variant-numeric:tabular-nums}

/* Challenge zone: competition-first */
.klq-challenge-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--kl-s4);flex-wrap:wrap;margin-bottom:var(--kl-s5)}
.klq-challenge-head>div{display:grid;gap:var(--kl-s2);max-width:60ch}
.klq-challenge-head h2{font-size:var(--kl-fs-2xl);letter-spacing:-.03em}
.klq-challenge-head p{color:var(--kl-text-2)}
.klq-challenge-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-s4);align-items:stretch}
.klq-challenge-static{position:relative;display:flex;flex-direction:column;gap:var(--kl-s4);padding:var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);box-shadow:var(--kl-sh-1);cursor:pointer;transition:border-color .15s,box-shadow .2s var(--kl-ease),transform .2s var(--kl-ease)}
.klq-challenge-static:hover{border-color:var(--kl-blue-200);box-shadow:var(--kl-sh-2);transform:translateY(-2px)}
.klq-challenge-static:focus-visible{box-shadow:var(--kl-focus);border-radius:var(--kl-r-lg)}
.klq-challenge-top{display:flex;justify-content:space-between;align-items:center;gap:var(--kl-s2)}
.klq-challenge-count{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-blue);background:var(--kl-blue-50);padding:4px 10px;border-radius:var(--kl-r-pill);letter-spacing:.02em}
.klq-popular{font-size:var(--kl-fs-xs);font-weight:700;color:var(--kl-navy-950);background:var(--kl-gold);padding:4px 10px;border-radius:var(--kl-r-pill)}
.klq-challenge-static h3{font-size:var(--kl-fs-lg)}
.klq-challenge-prize{display:grid;gap:2px}
.klq-challenge-prize small{font-size:var(--kl-fs-xs);color:var(--kl-text-3);font-weight:500}
.klq-challenge-prize strong{font-size:2.25rem;line-height:1.05;font-weight:700;letter-spacing:-.04em;color:var(--kl-navy);font-variant-numeric:tabular-nums}
.klq-challenge-facts{margin:0;display:grid;gap:0;border-top:1px solid var(--kl-border)}
.klq-challenge-facts div{display:flex;justify-content:space-between;gap:var(--kl-s3);padding:10px 0;border-bottom:1px solid var(--kl-border)}
.klq-challenge-facts dt{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-challenge-facts dd{margin:0;font-weight:600;font-size:var(--kl-fs-sm);color:var(--kl-ink);text-align:right;font-variant-numeric:tabular-nums}
.klq-challenge-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--kl-r-md);background:var(--kl-blue-50);color:var(--kl-navy);font-weight:600;font-size:var(--kl-fs-sm);transition:background-color .15s,color .15s}
.klq-challenge-static:hover .klq-challenge-cta{background:var(--kl-blue);color:#fff}
.klq-challenge-static.featured{background:var(--kl-navy);border-color:var(--kl-navy);color:#d9e4f0}
.klq-challenge-static.featured h3,.klq-challenge-static.featured .klq-challenge-prize strong,.klq-challenge-static.featured .klq-challenge-facts dd{color:#fff}
.klq-challenge-static.featured .klq-challenge-prize small,.klq-challenge-static.featured .klq-challenge-facts dt{color:#a9bdd3}
.klq-challenge-static.featured .klq-challenge-facts,.klq-challenge-static.featured .klq-challenge-facts div{border-color:rgba(255,255,255,.14)}
.klq-challenge-static.featured .klq-challenge-count{background:rgba(255,255,255,.12);color:#fff}
.klq-challenge-static.featured .klq-challenge-cta{background:var(--kl-gold);color:var(--kl-navy-950)}
.klq-challenge-static.featured:hover .klq-challenge-cta{background:#f3a52a;color:var(--kl-navy-950)}
.klq-challenge-static.selected{border-color:var(--kl-gold);box-shadow:0 0 0 3px var(--kl-gold),var(--kl-sh-2)}
.klq-challenge-static.selected .klq-challenge-cta{background:var(--kl-gold);color:var(--kl-navy-950)}
.klq-fair-note{display:flex;gap:8px;align-items:flex-start;margin-top:var(--kl-s4);font-size:var(--kl-fs-sm);color:var(--kl-text-2)}
.klq-fair-note .klq-ico{color:var(--kl-text-3);margin-top:2px}
.klq-fair-note a{font-weight:600}

/* Selected challenge panel → payment entry */
.klq-selection-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--kl-s4) var(--kl-s6);margin-top:var(--kl-s5);padding:var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-gold);border-radius:var(--kl-r-lg);box-shadow:0 0 0 3px var(--kl-gold-50),var(--kl-sh-2);animation:klq-rise .25s var(--kl-ease)}
.klq-selection-summary{display:grid;gap:4px}
.klq-selection-summary h3{font-size:var(--kl-fs-xl)}
.klq-selection-summary p{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-selection-money{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s3)}
.klq-selection-money>div{display:grid;gap:2px;padding:var(--kl-s3) var(--kl-s4);background:var(--kl-surface-2);border:1px solid var(--kl-border);border-radius:var(--kl-r-md)}
.klq-selection-money small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-selection-money b,.klq-selection-money strong{font-size:var(--kl-fs-lg);color:var(--kl-ink);font-variant-numeric:tabular-nums}
.klq-selection-money strong{color:var(--kl-gold-text)}
.klq-payment-entry-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--kl-s2) var(--kl-s3);align-items:end}
.klq-payment-category-label{grid-column:1/-1;font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-ink)}
.klq-payment-entry-error{grid-column:1/-1}
.klq-selection-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--kl-s3);flex-wrap:wrap}
.klq-change-challenge{background:none;border:0;padding:10px 0;color:var(--kl-text-2);font-weight:600;font-size:var(--kl-fs-sm);cursor:pointer}
.klq-change-challenge:hover{color:var(--kl-ink)}
.klq-secure-note{display:flex;gap:8px;align-items:flex-start;max-width:60ch;color:var(--kl-text-2);font-size:var(--kl-fs-xs);line-height:1.5}
.klq-secure-note .klq-ico{color:var(--kl-success)}

/* Rules band */
.klq-home-rules{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);background:var(--kl-surface);overflow:hidden}
.klq-rule{display:grid;gap:var(--kl-s2);align-content:start;padding:var(--kl-s5);border-left:1px solid var(--kl-border)}
.klq-rule .klq-ico{width:24px;height:24px;color:var(--kl-blue)}
.klq-rule h3{font-size:var(--kl-fs-md);font-weight:600}
.klq-rule p{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-rule-main{border-left:0;background:var(--kl-gold-50)}
.klq-rule-main strong{font-size:3.5rem;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--kl-navy)}
.klq-rule-main p{color:var(--kl-text);font-size:var(--kl-fs-base)}

/* Free 5-question trial: calmer, content-first. The server draws trial questions from Haiti categories whatever card is picked, so category cards are not shown here. */
.klq-practice .klq-category-grid,.klq-practice .klq-fallback-select{display:none}
.klq-practice{padding:var(--kl-s6);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl)}
.klq-practice .klq-section-head{margin-bottom:var(--kl-s5)}
.klq-subtitle{font-size:var(--kl-fs-xl)}
.klq-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--kl-s3)}
.klq-category-grid:empty{display:none}
.klq-category-card{display:grid;grid-template-rows:auto auto auto;gap:4px;justify-items:start;padding:var(--kl-s3);background:var(--kl-surface-2);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);text-align:left;cursor:pointer;color:var(--kl-text);transition:border-color .15s,background-color .15s,transform .15s}
.klq-category-card:hover:not(:disabled){border-color:var(--kl-blue-200);background:var(--kl-blue-50);transform:translateY(-1px)}
.klq-category-card.selected{border-color:var(--kl-blue);background:var(--kl-blue-50);box-shadow:0 0 0 1px var(--kl-blue)}
.klq-category-card.empty,.klq-category-card:disabled{cursor:not-allowed;opacity:.55}
.klq-category-art{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--kl-border);display:grid;place-items:center;margin-bottom:6px}
.klq-category-art img{width:62%;height:62%;object-fit:contain}
.klq-category-card b{font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-ink);line-height:1.3}
.klq-category-card small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-fallback-select{display:none}
.klq-practice-actions{display:flex;align-items:center;gap:var(--kl-s4);flex-wrap:wrap;margin-top:var(--kl-s5)}
.klq-start-note{color:var(--kl-text-3);font-size:var(--kl-fs-sm)}

/* Winners strip */
.klq-winner-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-s3)}
.klq-winner-strip li{display:flex;align-items:center;gap:var(--kl-s3);padding:var(--kl-s4);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg)}
.klq-winner-initial{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--kl-gold-50);color:var(--kl-gold-text);font-weight:700;border:1px solid var(--kl-gold-100)}
.klq-winner-meta{display:grid;min-width:0;flex:1}
.klq-winner-meta b{color:var(--kl-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klq-winner-meta small{color:var(--kl-text-3);font-size:var(--kl-fs-xs)}
.klq-winner-strip strong{color:var(--kl-navy);font-variant-numeric:tabular-nums;white-space:nowrap}

/* Final CTA */
.klq-home-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-s5);flex-wrap:wrap;padding:clamp(28px,5vw,48px);border-radius:var(--kl-r-xl);background:var(--kl-navy);color:#c7d5e5}
.klq-home-cta>div:first-child{display:grid;gap:var(--kl-s2);max-width:52ch}
.klq-home-cta h2{color:#fff;font-size:var(--kl-fs-xl)}
.klq-home-cta-actions{display:flex;gap:var(--kl-s3);flex-wrap:wrap}

/* Free-preview end screen */
.klq-preview-paywall{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:var(--kl-s4);background:rgba(3,24,46,.72);backdrop-filter:blur(4px)}
.klq-paywall-card{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:grid;gap:var(--kl-s3);justify-items:center;text-align:center;padding:var(--kl-s6) var(--kl-s5) var(--kl-s5);background:var(--kl-surface);border-radius:var(--kl-r-xl);box-shadow:var(--kl-sh-3);animation:klq-rise .25s var(--kl-ease)}
.klq-paywall-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--kl-gold-50);color:var(--kl-gold-text)}
.klq-paywall-icon .klq-ico{width:28px;height:28px}
.klq-paywall-card h2{font-size:var(--kl-fs-xl)}
.klq-paywall-card>p{color:var(--kl-text-2)}
.klq-paywall-prize{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s2);width:100%}
.klq-paywall-prize>div{display:grid;gap:2px;padding:var(--kl-s3);border-radius:var(--kl-r-md);background:var(--kl-surface-2);border:1px solid var(--kl-border)}
.klq-paywall-prize span{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-paywall-prize b,.klq-paywall-prize strong{font-size:var(--kl-fs-lg);color:var(--kl-ink)}
.klq-paywall-prize strong{color:var(--kl-gold-text)}
.klq-paywall-small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-paywall-card .klq-btn{width:100%}

/* v2.13.0 — FAQ: native details/summary, one answer per question */
.klq-home-faq .klq-section-head p a{font-weight:600}
.klq-faq{display:grid;gap:var(--kl-s2);max-width:860px}
.klq-faq-item{background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-md)}
.klq-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--kl-s3);min-height:52px;padding:var(--kl-s3) var(--kl-s4);font-weight:600;color:var(--kl-ink);cursor:pointer;border-radius:var(--kl-r-md)}
.klq-faq-item summary::-webkit-details-marker{display:none}
.klq-faq-item summary:focus-visible{outline:2px solid var(--kl-blue);outline-offset:2px}
.klq-faq-caret{flex:none;width:18px;height:18px;color:var(--kl-text-3);transition:transform .2s}
.klq-faq-item[open] .klq-faq-caret{transform:rotate(180deg)}
.klq-faq-item[open] summary{border-bottom:1px solid var(--kl-border);border-radius:var(--kl-r-md) var(--kl-r-md) 0 0}
.klq-faq-item p{padding:var(--kl-s3) var(--kl-s4) var(--kl-s4);color:var(--kl-text-2);font-size:var(--kl-fs-sm);line-height:1.6;max-width:72ch}

/* 5b ─ Shared page head ──────────────────────────────────────────────── */
.klq-pagehead,.klq-winners-head,.klq-history-page-head,.klq-profile-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--kl-s5);flex-wrap:wrap;margin-bottom:var(--kl-s6)}
.klq-pagehead{display:grid;justify-content:start;max-width:68ch}
.klq-pagehead h1,.klq-winners-head h1,.klq-history-page-head h1,.klq-profile-heading h1{font-size:var(--kl-fs-2xl);letter-spacing:-.03em}
.klq-pagehead p,.klq-winners-head p,.klq-history-page-head p,.klq-profile-heading p{color:var(--kl-text-2);margin-top:var(--kl-s2);max-width:62ch}
.klq-history-page-head>a,.klq-profile-heading>a{font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none;white-space:nowrap}

/* 5c ─ Rules / "Klasman" (no player comparison by design) ────────────── */
.klq-rank-page{display:grid;gap:var(--kl-s6)}
.klq-rank-page .klq-pagehead{margin-bottom:0}
.klq-scale{display:grid;gap:var(--kl-s4);padding:var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl)}
.klq-scale-bar{display:flex;height:18px;border-radius:var(--kl-r-pill);overflow:hidden;background:var(--kl-surface-2)}
.klq-scale-base{flex:92;background:var(--kl-blue-100)}
.klq-scale-bonus{flex:4;background:var(--kl-blue);border-left:2px solid #fff}
.klq-scale-win{flex:4;background:var(--kl-gold);border-left:2px solid #fff}
.klq-scale-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-s4)}
.klq-scale-legend span{display:grid;gap:2px;padding-left:var(--kl-s3);border-left:4px solid var(--kl-blue-100);color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-scale-legend b{color:var(--kl-ink);font-size:var(--kl-fs-md)}
.klq-scale-legend .is-bonus{border-color:var(--kl-blue)}
.klq-scale-legend .is-win{border-color:var(--kl-gold)}
.klq-threshold-card{background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);overflow:hidden}
.klq-threshold-card h2{font-size:var(--kl-fs-md);font-weight:600;padding:var(--kl-s5) var(--kl-s5) var(--kl-s4)}
.klq-threshold-table td{font-variant-numeric:tabular-nums}
.klq-rank-cta{display:flex;gap:var(--kl-s3);flex-wrap:wrap}

/* 5d ─ Winners (trust + achievement) ─────────────────────────────────── */
.klq-winners-page{display:grid;gap:0}
.klq-winners-head>div{max-width:62ch}
.klq-winners-rule{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:var(--kl-gold);color:var(--kl-navy-950);text-align:center;box-shadow:0 0 0 8px var(--kl-gold-50);flex:none}
.klq-winners-rule strong{font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.04em;display:block}
.klq-winners-rule span{font-size:var(--kl-fs-xs);font-weight:600}
.klq-winners-card{background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);overflow:hidden;box-shadow:var(--kl-sh-1)}
.klq-winners-card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--kl-s4);flex-wrap:wrap;padding:var(--kl-s5)}
.klq-winners-card-head h2{font-size:var(--kl-fs-lg)}
.klq-winners-card-head p{color:var(--kl-text-2);font-size:var(--kl-fs-sm);margin-top:4px}
.klq-winners-count{font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-navy);background:var(--kl-blue-50);padding:6px 12px;border-radius:var(--kl-r-pill);white-space:nowrap}
.klq-winner-name{font-weight:600;color:var(--kl-ink)}
.klq-winner-prize{color:var(--kl-navy);font-variant-numeric:tabular-nums}
.klq-winner-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--kl-r-pill);font-size:var(--kl-fs-xs);font-weight:600;border:1px solid}
.klq-winner-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.klq-winner-status-paid{background:var(--kl-success-50);color:var(--kl-success);border-color:#bfe3cf}
.klq-winner-status-pending{background:var(--kl-warning-50);color:var(--kl-warning);border-color:#f2d6a6}
.klq-winner-status-processing{background:var(--kl-blue-50);color:var(--kl-blue);border-color:var(--kl-blue-100)}

/* 5e ─ Account dashboard (personal) ──────────────────────────────────── */
.klq-player-home{display:grid;gap:var(--kl-s5)}
.klq-player-home>section{min-width:0}
.klq-dash-head{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-s5);flex-wrap:wrap;padding:var(--kl-s5) var(--kl-s6);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);box-shadow:var(--kl-sh-1)}
.klq-dash-id{display:flex;align-items:center;gap:var(--kl-s4);min-width:0}
.klq-dash-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--kl-gold)}
.klq-dash-avatar img,.klq-dash-avatar .avatar{width:100%;height:100%;object-fit:cover;display:block}
.klq-player-hero-copy{display:grid;gap:2px;min-width:0}
.klq-dash-hello{font-size:var(--kl-fs-sm);color:var(--kl-text-2);font-weight:500}
.klq-dash-head h1{font-size:var(--kl-fs-2xl);letter-spacing:-.03em}
.klq-dash-head .klq-player-hero-copy>p:last-child{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-player-hero-actions{display:flex;gap:var(--kl-s3);flex-wrap:wrap}
.klq-player-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--kl-s3)}
.klq-player-metrics article{display:flex;gap:var(--kl-s3);align-items:flex-start;padding:var(--kl-s4);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);min-width:0}
.klq-player-metrics i{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;font-style:normal;background:var(--kl-blue-50);color:var(--kl-blue)}
.klq-player-metrics i.gold{background:var(--kl-gold-50);color:var(--kl-gold-text)}
.klq-player-metrics i.coral{background:#fdeee8;color:#b2421f}
.klq-player-metrics span{display:grid;gap:2px;font-size:var(--kl-fs-xs);color:var(--kl-text-2);min-width:0}
.klq-player-metrics b{font-size:var(--kl-fs-lg);font-weight:700;color:var(--kl-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.klq-player-metrics small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-popular-section,.klq-player-insights>article,.klq-active-modern,.klq-challenge-history-preview,.klq-payout-overview>article,.klq-player-detail-grid>article{background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);padding:var(--kl-s5);min-width:0}
.klq-popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--kl-s3)}
.klq-popular-card{display:grid;gap:var(--kl-s3);align-content:start;padding:var(--kl-s4);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);background:var(--kl-surface-2)}
.klq-popular-card .klq-challenge-count{width:fit-content}
.klq-popular-card h3{font-size:var(--kl-fs-md);font-weight:600}
.klq-popular-card p{font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-card-money{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s2)}
.klq-card-money>span{display:grid;gap:2px}
.klq-card-money small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-card-money b{color:var(--kl-ink);font-variant-numeric:tabular-nums}
.klq-card-money strong{color:var(--kl-gold-text);font-variant-numeric:tabular-nums}
.klq-popular-card>a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--kl-r-sm);background:var(--kl-blue);color:#fff!important;font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none}
.klq-popular-card>a:hover{background:var(--kl-blue-700)}
.klq-player-insights{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:var(--kl-s3)}
.klq-levelbar{height:10px;border-radius:var(--kl-r-pill);background:var(--kl-surface-2);border:1px solid var(--kl-border);overflow:hidden;position:relative}
.klq-levelbar::after{content:"";position:absolute;top:-2px;bottom:-2px;left:96%;width:2px;background:var(--kl-gold)}
.klq-levelbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kl-blue),var(--kl-navy));max-width:100%}
.klq-levelnums{display:flex;justify-content:space-between;gap:var(--kl-s3);margin:var(--kl-s2) 0 var(--kl-s4);font-size:var(--kl-fs-sm);color:var(--kl-text-2)}
.klq-levelnums b{color:var(--kl-ink);font-weight:600}
.klq-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-s2)}
.klq-mini-metrics>div{display:grid;justify-items:center;gap:2px;padding:var(--kl-s3) var(--kl-s2);background:var(--kl-surface-2);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);text-align:center;color:var(--kl-blue)}
.klq-mini-metrics b{color:var(--kl-ink);font-size:var(--kl-fs-lg);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:4px}
.klq-mini-metrics span{font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-badges-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kl-s2)}
.klq-badges-row>div{display:grid;justify-items:center;gap:4px;text-align:center;padding:var(--kl-s3) 4px;border-radius:var(--kl-r-md);border:1px dashed var(--kl-border-strong);color:var(--kl-text-3)}
.klq-badges-row i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:var(--kl-surface-2);color:var(--kl-text-3)}
.klq-badges-row b{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-text-2)}
.klq-badges-row small{font-size:.7rem}
.klq-badges-row>div.earned{border-style:solid;border-color:var(--kl-gold-100);background:var(--kl-gold-50)}
.klq-badges-row>div.earned i{background:var(--kl-gold);color:var(--kl-navy-950)}
.klq-badges-row>div.earned b{color:var(--kl-ink)}
.klq-badges-row>div.earned small{color:var(--kl-gold-text);font-weight:600}
.klq-ranking-card .klq-player-empty{border-style:solid;background:var(--kl-gold-50);border-color:var(--kl-gold-100);justify-items:start;text-align:left;padding:var(--kl-s4)}
.klq-active-modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--kl-s3)}
.klq-active-modern-grid article{display:grid;gap:4px;padding:var(--kl-s4);border:1px solid var(--kl-blue-100);background:var(--kl-blue-50);border-radius:var(--kl-r-lg)}
.klq-active-modern-grid article>span{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-blue)}
.klq-active-modern-grid h3{font-size:var(--kl-fs-md);font-weight:600}
.klq-active-modern-grid p{font-size:var(--kl-fs-sm);color:var(--kl-text-2)}
.klq-active-modern-grid a{margin-top:var(--kl-s2);font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none}
.klq-challenge-history-list{display:grid;border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);overflow:hidden}
.klq-challenge-history-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--kl-s3);align-items:center;padding:var(--kl-s3) var(--kl-s4);border-bottom:1px solid var(--kl-border)}
.klq-challenge-history-row:last-child{border-bottom:0}
.klq-challenge-history-row>span{display:grid;gap:2px;min-width:0}
.klq-challenge-history-row small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-challenge-history-row b{font-size:var(--kl-fs-sm);color:var(--kl-ink);font-weight:600;font-variant-numeric:tabular-nums}
.klq-challenge-history-row b.klq-status{width:fit-content}
.klq-history-name b{font-size:var(--kl-fs-base)}
.klq-payout-overview{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s3)}
.klq-payout-pref-card{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--kl-s4);flex-wrap:wrap}
.klq-payout-pref-card>div{display:flex;gap:var(--kl-s3);align-items:flex-start;min-width:0}
.klq-payout-pref-card h2{font-size:var(--kl-fs-md);font-weight:600}
.klq-payout-pref-card p{font-size:var(--kl-fs-sm);color:var(--kl-text-2);margin-top:4px}
.klq-payout-pref-card>a{font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none}
.klq-payout-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--kl-gold-50);color:var(--kl-gold-text);font-weight:700}
.klq-private-payout{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.klq-private-payout b{color:var(--kl-ink)}
.klq-private-money,.klq-private-phone{font-variant-numeric:tabular-nums}
.klq-privacy-toggle{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--kl-border);border-radius:8px;background:var(--kl-surface);color:var(--kl-text-2);cursor:pointer;flex:none;vertical-align:middle}
.klq-privacy-toggle:hover{color:var(--kl-navy);background:var(--kl-blue-50)}
.klq-privacy-toggle svg{width:16px;height:16px;fill:currentColor}
.klq-prize-status-line{display:flex;justify-content:space-between;align-items:center;gap:var(--kl-s3);flex-wrap:wrap;padding:var(--kl-s3) 0}
.klq-prize-status-line>span{display:grid;gap:2px}
.klq-prize-status-line b{color:var(--kl-ink)}
.klq-paid-note{font-size:var(--kl-fs-sm);color:var(--kl-success)}
.klq-player-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--kl-s3)}
.klq-player-detail-grid .klq-history-wrap{border:1px solid var(--kl-border);border-radius:var(--kl-r-lg)}
.klq-payment-list{display:grid;border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);overflow:hidden}
.klq-payment-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name amt" "name st";gap:4px var(--kl-s3);align-items:center;padding:var(--kl-s3) var(--kl-s4);border-bottom:1px solid var(--kl-border)}
.klq-payment-list>div:last-child{border-bottom:0}
.klq-payment-list>div>span:first-child{grid-area:name;display:grid;gap:2px;min-width:0}
.klq-payment-list b{color:var(--kl-ink);font-weight:600;font-size:var(--kl-fs-sm)}
.klq-payment-list small{color:var(--kl-text-3);font-size:var(--kl-fs-xs)}
.klq-payment-list strong{grid-area:amt;justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:var(--kl-fs-sm);color:var(--kl-ink)}
.klq-payment-list em{grid-area:st;justify-self:end}
.klq-payment-list .klq-privacy-toggle{grid-area:amt;justify-self:end;margin-right:-4px}
.klq-empty-action{border-style:dashed}
/* legacy dashboard roots (rendered by app.js when present) */
.klq-dashboard-stats,#klq-user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kl-s3)}
.klq-stat{display:grid;gap:2px;padding:var(--kl-s4);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg)}
.klq-stat b{font-size:var(--kl-fs-lg);color:var(--kl-ink)}
.klq-stat span{font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--kl-s3)}

/* 5f ─ Challenge history page ───────────────────────────────────────── */
.klq-history-page{display:grid;gap:0}
.klq-history-page-list{display:grid;gap:var(--kl-s3)}
.klq-history-page-list article{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) auto;gap:var(--kl-s4);align-items:center;padding:var(--kl-s4) var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg)}
.klq-history-page-list article>div:first-child{display:grid;gap:2px;min-width:0}
.klq-history-page-list small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-history-page-list h2{font-size:var(--kl-fs-md);font-weight:600}
.klq-history-page-list p{font-size:var(--kl-fs-sm);color:var(--kl-text-2)}
.klq-history-page-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-s3)}
.klq-history-page-stats span{display:grid;gap:2px}
.klq-history-page-stats b{color:var(--kl-ink);font-weight:600;font-variant-numeric:tabular-nums}
.klq-history-page-stats b.klq-status{width:fit-content}
.klq-history-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border-strong);color:var(--kl-navy)!important;font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none;white-space:nowrap}
.klq-history-action:hover{background:var(--kl-blue-50)}
.klq-history-pagination{display:flex;gap:var(--kl-s2);justify-content:center;flex-wrap:wrap;margin-top:var(--kl-s5)}
.klq-history-pagination a,.klq-history-pagination span{display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:center;padding:0 14px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border);background:var(--kl-surface);text-decoration:none;font-weight:600;font-size:var(--kl-fs-sm);color:var(--kl-navy)}

/* 5g ─ Profile ──────────────────────────────────────────────────────── */
.klq-profile-page{display:grid;gap:var(--kl-s4)}
.klq-profile-heading{margin-bottom:var(--kl-s2)}
.klq-profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--kl-s5);align-items:start}
.klq-profile-card{position:sticky;top:96px;display:grid;justify-items:center;gap:var(--kl-s2);text-align:center;padding:var(--kl-s6) var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl)}
.klq-profile-photo{width:128px;height:128px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--kl-gold);margin-bottom:var(--kl-s3)}
.klq-profile-photo img{width:100%;height:100%;object-fit:cover;display:block}
.klq-profile-card h2{font-size:var(--kl-fs-lg)}
.klq-profile-card p{color:var(--kl-text-2);font-size:var(--kl-fs-sm);word-break:break-word}
.klq-profile-card small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-upload-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:var(--kl-s3);padding:0 16px;border:1px solid var(--kl-border-strong);border-radius:var(--kl-r-sm);font-weight:600;font-size:var(--kl-fs-sm);color:var(--kl-navy);cursor:pointer;overflow:hidden}
.klq-upload-btn:hover{background:var(--kl-blue-50)}
.klq-upload-btn:focus-within{box-shadow:var(--kl-focus)}
.klq-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.klq-profile-main{display:grid;gap:var(--kl-s4);min-width:0}
.klq-profile-section{padding:var(--kl-s5) var(--kl-s6);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl)}
.klq-profile-section-head{display:flex;gap:var(--kl-s3);align-items:flex-start;margin-bottom:var(--kl-s5)}
.klq-profile-section-head>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--kl-blue-50);color:var(--kl-blue);font-size:var(--kl-fs-xs);font-weight:700}
.klq-profile-section-head h2{font-size:var(--kl-fs-md);font-weight:600}
.klq-profile-section-head p{font-size:var(--kl-fs-sm);color:var(--kl-text-2)}
.klq-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s4)}
.klq-profile-grid>label{display:grid;gap:6px;align-content:start;min-width:0}
.klq-profile-grid>label>span{font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-ink)}
.klq-profile-grid>.full,.klq-profile-grid>.klq-password-meter{grid-column:1/-1}
.klq-switch-row{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:var(--kl-s4);padding:var(--kl-s3) var(--kl-s4);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);cursor:pointer}
.klq-switch-row>span{display:grid;gap:2px}
.klq-switch-row b{font-size:var(--kl-fs-sm);color:var(--kl-ink)}
.klq-switch-row small{font-size:var(--kl-fs-xs);color:var(--kl-text-2);font-weight:400}
.klq-switch-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:var(--kl-r-pill);background:var(--kl-border-strong);position:relative;transition:background-color .2s}
.klq-switch-row input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--kl-sh-1);transition:transform .2s var(--kl-ease)}
.klq-switch-row input[type=checkbox]:checked{background:var(--kl-blue)}
.klq-switch-row input[type=checkbox]:checked::after{transform:translateX(20px)}
.klq-profile-save{display:flex;justify-content:flex-end;position:sticky;bottom:0;padding:var(--kl-s3) 0;background:linear-gradient(180deg,rgba(244,246,249,0),var(--kl-bg) 40%)}
.klq-profile-save .klq-btn{min-height:52px;padding:0 28px}
/* Password strength (profile, register, reset) */
.klq-password-meter{display:grid;gap:var(--kl-s2);padding:var(--kl-s3) var(--kl-s4);background:var(--kl-surface-2);border:1px solid var(--kl-border);border-radius:var(--kl-r-md)}
.klq-password-meter-head{display:flex;justify-content:space-between;gap:var(--kl-s2);font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-password-meter-head strong{color:var(--kl-ink)}
.klq-password-track{height:6px;border-radius:var(--kl-r-pill);background:var(--kl-border);overflow:hidden}
.klq-password-track i{display:block;height:100%;width:0;border-radius:inherit;background:var(--kl-text-3);transition:width .25s var(--kl-ease),background-color .25s}
.klq-password-meter[data-level="weak"] .klq-password-track i{background:var(--kl-error)}
.klq-password-meter[data-level="medium"] .klq-password-track i{background:var(--kl-gold)}
.klq-password-meter[data-level="strong"] .klq-password-track i{background:var(--kl-success)}
.klq-password-meter[data-level="weak"] [data-strength-label]{color:var(--kl-error)}
.klq-password-meter[data-level="strong"] [data-strength-label]{color:var(--kl-success)}
.klq-password-meter ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px var(--kl-s3)}
.klq-password-meter li{position:relative;padding-left:20px;font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-password-meter li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--kl-border-strong)}
.klq-password-meter li.ok{color:var(--kl-success)}
.klq-password-meter li.ok::before{border-color:var(--kl-success);background:var(--kl-success);box-shadow:inset 0 0 0 2px #fff}

/* 5h ─ Payment: minimal, reassuring ─────────────────────────────────── */
.klq-direct-pay,.klq-checkout-auth-gate,.klq-ready-shell{display:grid;place-items:start center}
.klq-direct-pay-card,.klq-checkout-auth-card,.klq-ready-card,.klq-auth-prompt{width:min(560px,100%);display:grid;gap:var(--kl-s4);padding:clamp(24px,4vw,40px);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);box-shadow:var(--kl-sh-2)}
.klq-direct-pay-card h1,.klq-checkout-auth-card h1,.klq-ready-card h1,.klq-auth-prompt h1{font-size:var(--kl-fs-xl)}
.klq-direct-pay-card>p,.klq-checkout-auth-card>p,.klq-auth-prompt p{color:var(--kl-text-2)}
.klq-direct-pay-card>.klq-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--kl-success);margin:0}
.klq-direct-pay-card>.klq-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.klq-direct-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--kl-s4);padding:var(--kl-s4);border-radius:var(--kl-r-lg);background:var(--kl-surface-2);border:1px solid var(--kl-border)}
.klq-direct-summary>div{display:grid;gap:2px;min-width:0}
.klq-direct-summary small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-direct-summary b{font-size:var(--kl-fs-md);color:var(--kl-ink)}
.klq-direct-summary span{font-size:var(--kl-fs-sm);color:var(--kl-text-2)}
.klq-direct-summary>strong{font-size:var(--kl-fs-xl);color:var(--kl-navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.klq-direct-pay-form{display:grid;gap:var(--kl-s4)}
.klq-pay-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--kl-s3);flex-wrap:wrap;margin-bottom:var(--kl-s2)}
.klq-pay-section-head span{font-weight:600;color:var(--kl-ink);font-size:var(--kl-fs-sm)}
.klq-pay-section-head small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-direct-coupon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--kl-s2) var(--kl-s3);align-items:center;padding:var(--kl-s3);border:1px dashed var(--kl-border-strong);border-radius:var(--kl-r-md)}
.klq-coupon-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--kl-gold-50);color:var(--kl-gold-text);font-weight:700}
.klq-direct-coupon>label{display:grid;gap:0}
.klq-direct-coupon>label span{font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-ink)}
.klq-direct-coupon>label small{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-coupon-entry{grid-column:1/-1;display:flex;gap:var(--kl-s2)}
.klq-coupon-entry input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.06em}
.klq-coupon-apply{flex:none;min-height:48px;padding:0 18px;border:1px solid var(--kl-navy);border-radius:var(--kl-r-sm);background:var(--kl-surface);color:var(--kl-navy);font-weight:600;cursor:pointer}
.klq-coupon-apply:hover{background:var(--kl-blue-50)}
.klq-coupon-apply.is-loading{opacity:.6;cursor:progress}
.klq-coupon-feedback{font-size:var(--kl-fs-sm);margin-top:var(--kl-s2);color:var(--kl-text-2)}
.klq-coupon-feedback:empty{display:none}
.klq-coupon-feedback.is-error{color:var(--kl-error)}
.klq-coupon-feedback.is-success{color:var(--kl-success)}
.klq-coupon-first.is-applied .klq-direct-coupon{border-style:solid;border-color:#bfe3cf;background:var(--kl-success-50)}
.klq-checkout-divider{display:flex;align-items:center;gap:var(--kl-s3);color:var(--kl-text-3);font-size:var(--kl-fs-xs);font-weight:600;margin:var(--kl-s2) 0 var(--kl-s4)}
.klq-checkout-divider::before,.klq-checkout-divider::after{content:"";flex:1;height:1px;background:var(--kl-border)}
.klq-payment-methods-wrap{display:grid;gap:var(--kl-s2)}
.klq-pay-method{position:relative;display:flex;align-items:center;gap:var(--kl-s3);padding:var(--kl-s4);border:1px solid var(--kl-border-strong);border-radius:var(--kl-r-md);cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.klq-pay-method:hover{border-color:var(--kl-blue-200);background:var(--kl-surface-2)}
.klq-pay-method input{position:absolute;opacity:0;pointer-events:none}
.klq-pay-method>span{display:grid;gap:2px;flex:1}
.klq-pay-method b{color:var(--kl-ink);font-weight:600}
.klq-pay-method small{color:var(--kl-text-2);font-size:var(--kl-fs-xs)}
.klq-pay-method i{order:-1;width:22px;height:22px;flex:none;border-radius:50%;border:2px solid var(--kl-border-strong);background:#fff;transition:border-color .15s,box-shadow .15s}
.klq-pay-method:has(input:checked){border-color:var(--kl-blue);background:var(--kl-blue-50);box-shadow:0 0 0 1px var(--kl-blue)}
.klq-pay-method:has(input:checked) i{border-color:var(--kl-blue);box-shadow:inset 0 0 0 4px #fff;background:var(--kl-blue)}
.klq-pay-method:has(input:focus-visible){box-shadow:var(--kl-focus)}
.klq-policy-consent{display:flex!important;gap:var(--kl-s3);align-items:flex-start;padding:var(--kl-s3) var(--kl-s4);border-radius:var(--kl-r-md);background:var(--kl-surface-2);border:1px solid var(--kl-border);font-size:var(--kl-fs-sm);font-weight:400!important;color:var(--kl-text-2);line-height:1.5;cursor:pointer}
.klq-policy-consent input{margin-top:2px}
.klq-policy-consent a{font-weight:600}
.klq-payment-submit{width:100%}
.klq-direct-trust{display:flex;gap:8px;align-items:flex-start;font-size:var(--kl-fs-xs);color:var(--kl-text-2);padding-top:var(--kl-s4);border-top:1px solid var(--kl-border)}
.klq-direct-trust::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;background:var(--kl-success);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5.5c0 4.3 2.9 7.6 7 9.5 4.1-1.9 7-5.2 7-9.5V6l-7-3Z'/%3E%3Cpath d='m9 12 2.2 2.2L15.5 10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5.5c0 4.3 2.9 7.6 7 9.5 4.1-1.9 7-5.2 7-9.5V6l-7-3Z'/%3E%3Cpath d='m9 12 2.2 2.2L15.5 10'/%3E%3C/svg%3E") center/contain no-repeat}
.klq-checkout-auth-card{justify-items:center;text-align:center}
.klq-checkout-auth-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--kl-blue-50);color:var(--kl-blue)}
.klq-checkout-auth-icon svg{width:28px;height:28px;fill:currentColor}
.klq-checkout-auth-actions{display:grid;gap:var(--kl-s2);width:100%}
.klq-checkout-auth-primary{width:100%}
.klq-checkout-auth-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border-strong);color:var(--kl-navy)!important;font-weight:600;text-decoration:none}
.klq-checkout-auth-secondary:hover{background:var(--kl-blue-50)}
.klq-checkout-auth-note{display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-checkout-auth-note>span{color:var(--kl-success);font-weight:700}
.klq-auth-prompt{margin-inline:auto;justify-items:center;text-align:center}
/* Ready / unlocked confirmation (also used by the [klqp2_challenge_ready] shortcode) */
.klq-ready-card{justify-items:center;text-align:center}
.klq-ready-check,.klq-ready-bad{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;font-size:1.6rem;font-weight:700;background:var(--kl-success-50);color:var(--kl-success);box-shadow:0 0 0 8px rgba(19,128,74,.08)}
.klq-ready-bad{background:var(--kl-warning-50);color:var(--kl-warning);box-shadow:0 0 0 8px rgba(154,88,0,.08)}
.klq-ready-eyebrow{font-size:var(--kl-fs-xs);font-weight:600;letter-spacing:.06em;color:var(--kl-success)}
.klq-ready-lead,.klq-ready-card>p{color:var(--kl-text-2);max-width:48ch}
.klq-ready-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kl-s2);width:100%}
.klq-ready-stats>div{display:grid;gap:2px;padding:var(--kl-s3) var(--kl-s2);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);background:var(--kl-surface-2)}
.klq-ready-stats strong{font-size:var(--kl-fs-md);color:var(--kl-ink);font-variant-numeric:tabular-nums}
.klq-ready-stats span{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-unlocked-summary{display:flex;justify-content:space-between;gap:var(--kl-s3);width:100%;padding:var(--kl-s4);border-radius:var(--kl-r-md);background:var(--kl-surface-2);border:1px solid var(--kl-border);font-weight:600;color:var(--kl-ink)}
.klq-ready-primary,.klq-ready-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:var(--kl-r-md);font-weight:600;text-decoration:none}
.klq-ready-primary{background:var(--kl-gold);color:var(--kl-navy-950)!important}
.klq-ready-primary:hover{background:#f3a52a}
.klq-ready-secondary{border:1px solid var(--kl-border-strong);color:var(--kl-navy)!important;min-height:48px}
.klq-ready-secondary:hover{background:var(--kl-blue-50)}
.klq-ready-warning,.klq-ready-noattempt{font-size:var(--kl-fs-sm);color:var(--kl-text-2);padding:var(--kl-s3) var(--kl-s4);border-radius:var(--kl-r-md);background:var(--kl-warning-50);border:1px solid #f2d6a6;text-align:left}

/* 5i ─ Policies: long-form reading ──────────────────────────────────── */
.klq-policy-page{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--kl-s4) var(--kl-s7);align-items:start}
.klq-policy-hero{grid-column:1/-1;display:grid;gap:var(--kl-s2);padding-bottom:var(--kl-s5);border-bottom:1px solid var(--kl-border);margin-bottom:var(--kl-s3)}
.klq-policy-hero h1{font-size:var(--kl-fs-2xl);letter-spacing:-.03em}
.klq-policy-hero p{color:var(--kl-text-2);max-width:66ch}
.klq-policy-hero small{color:var(--kl-text-3);font-size:var(--kl-fs-xs)}
.klq-policy-nav{position:sticky;top:96px;display:grid;gap:2px}
.klq-policy-nav a{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:var(--kl-r-sm);color:var(--kl-text-2);text-decoration:none;font-size:var(--kl-fs-sm);font-weight:500;border-left:2px solid transparent}
.klq-policy-nav a:hover{background:var(--kl-surface);color:var(--kl-ink)}
.klq-policy-nav a.active,.klq-policy-nav a[aria-current]{background:var(--kl-surface);color:var(--kl-navy);font-weight:600;border-left-color:var(--kl-gold)}
.klq-policy-content{display:grid;gap:var(--kl-s4);max-width:72ch;min-width:0}
.klq-policy-section{padding:var(--kl-s5) var(--kl-s6);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg)}
.klq-policy-section h2{font-size:var(--kl-fs-md);font-weight:600;margin-bottom:var(--kl-s3)}
.klq-policy-section p{color:var(--kl-text);line-height:1.75}
.klq-policy-section p+p{margin-top:var(--kl-s3)}
.klq-policy-section strong{color:var(--kl-ink)}
.klq-policy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--kl-s3)}
.klq-policy-cards a{display:grid;gap:4px;padding:var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);text-decoration:none;transition:border-color .15s,box-shadow .2s}
.klq-policy-cards a:hover{border-color:var(--kl-blue-200);box-shadow:var(--kl-sh-2)}
.klq-policy-cards b{color:var(--kl-ink);font-weight:600}
.klq-policy-cards span{color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
.klq-policy-contact{display:flex;flex-wrap:wrap;gap:4px var(--kl-s3);align-items:center;padding:var(--kl-s4) var(--kl-s5);border-radius:var(--kl-r-lg);background:var(--kl-blue-50);border:1px solid var(--kl-blue-100);font-size:var(--kl-fs-sm);color:var(--kl-text)}
.klq-policy-contact b{color:var(--kl-navy)}

/* 5j ─ Authentication: simple, fast ─────────────────────────────────── */
.klq-auth-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(1040px,100%);margin:0 auto;background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);overflow:hidden;box-shadow:var(--kl-sh-2)}
.klq-auth-visual{position:relative;display:flex;flex-direction:column;gap:var(--kl-s7);padding:var(--kl-s6);background:var(--kl-navy-900);color:#c7d5e5;overflow:hidden;isolation:isolate}
.klq-auth-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 360px at 100% 100%,rgba(232,147,11,.18),transparent 60%),radial-gradient(600px 400px at 0 0,rgba(1,84,154,.5),transparent 60%)}
.auth-brand .klq-logo-icon{background:#fff;border-radius:12px;padding:3px}
.auth-brand .klq-logo-copy b{color:#fff}
.auth-brand .klq-logo-copy i{color:#8fb9e3}
.auth-brand .klq-logo-copy small{color:#9fb0c4}
.auth-visual-copy{display:grid;gap:var(--kl-s3);margin-top:auto}
.auth-visual-copy h2{color:#fff;font-size:var(--kl-fs-2xl);letter-spacing:-.03em}
.auth-visual-copy p{color:#c7d5e5;max-width:40ch}
.auth-facts{list-style:none;margin:var(--kl-s4) 0 0;padding:var(--kl-s5) 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:var(--kl-s3)}
.auth-facts li{display:flex;gap:var(--kl-s3);align-items:flex-start;font-size:var(--kl-fs-sm);color:#d7e2ee}
.auth-facts .klq-ico{color:var(--kl-gold);margin-top:1px}
.klq-auth-card{display:grid;align-content:center;gap:var(--kl-s4);padding:clamp(28px,5vw,56px)}
.auth-mobile-brand{display:none}
.klq-auth-card h1{font-size:var(--kl-fs-2xl);letter-spacing:-.03em}
.auth-sub{color:var(--kl-text-2);margin-top:calc(-1 * var(--kl-s2))}
.auth-sub strong{color:var(--kl-ink)}
.klq-auth-form{display:grid;gap:var(--kl-s4)}
.klq-auth-form>label,.klq-name-grid>label{display:grid;gap:6px;font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-ink)}
.klq-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s3)}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:var(--kl-s3);flex-wrap:wrap;font-size:var(--kl-fs-sm)}
.auth-row a{font-weight:600;text-decoration:none}
.auth-row .remember{display:inline-flex;align-items:center;gap:8px;color:var(--kl-text-2);font-weight:500;cursor:pointer;min-height:44px}
.klq-auth-submit{width:100%;min-height:52px!important;font-size:var(--kl-fs-base)!important}
.auth-divider{display:flex;align-items:center;gap:var(--kl-s3);color:var(--kl-text-3);font-size:var(--kl-fs-xs)}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--kl-border)}
.klq-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:1px solid var(--kl-border-strong);border-radius:var(--kl-r-md);background:var(--kl-surface);color:var(--kl-ink)!important;font-weight:600;text-decoration:none}
.klq-google-btn:hover{background:var(--kl-surface-2)}
.klq-google-g svg{width:20px;height:20px;display:block}
.klq-auth-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:var(--kl-r-md);border:1px solid var(--kl-border-strong);background:var(--kl-surface);color:var(--kl-navy)!important;font-weight:600;text-decoration:none;cursor:pointer}
.klq-auth-secondary:hover{background:var(--kl-blue-50)}
.klq-resend-form{display:grid}
.klq-otp-input{text-align:center;font-size:1.75rem!important;font-weight:600;letter-spacing:.5em;padding-left:.5em!important;font-variant-numeric:tabular-nums;min-height:60px!important}

/* Privacy toggles injected by app.js next to masked values */
.klq-player-metrics article,.klq-mini-metrics>div{position:relative}
.klq-player-metrics .klq-privacy-toggle,.klq-mini-metrics .klq-privacy-toggle{position:absolute;top:10px;right:10px;width:28px;height:28px}
.klq-payment-list>div{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name amt tog" "name st st"}
.klq-payment-list .klq-privacy-toggle{grid-area:tog;justify-self:end;margin:0;width:28px;height:28px}
.klq-payout-overview:has(>article:only-child){grid-template-columns:1fr}
/* Avatars: never show broken-image alt text */
.klq-head-avatar img,.klq-dash-avatar img,.klq-profile-photo img{font-size:0;color:transparent;background:var(--kl-blue-50)}
.klq-coupon-entry input::placeholder{text-transform:none;letter-spacing:normal}
@media (max-width:720px){.klq-profile-save{position:static;background:none;padding:0}}

/* v2.13.0 — "How it works" page (route klasman) */
.klq-how-sub{display:grid;gap:var(--kl-s2);max-width:68ch;margin-top:var(--kl-s4)}
.klq-how-sub h2{font-size:var(--kl-fs-xl)}
.klq-how-sub p{color:var(--kl-text-2)}
.klq-how-page .klq-home-faq{margin-top:var(--kl-s4)}
.klq-how-page .klq-home-faq .klq-section-head{margin-bottom:var(--kl-s4)}

/* 6 ─ Game: maximum focus ───────────────────────────────────────────── */
/* While a quiz is on screen, the site chrome steps back (app.js toggles [hidden] on .klq-game). */
.klq-body:has(.klq-game:not([hidden])) .klq-primary-nav,
.klq-body:has(.klq-game:not([hidden])) .klq-head-actions,
.klq-body:has(.klq-game:not([hidden])) .klq-footer{display:none}
.klq-play-shell:has(>.klq-result:not([hidden]))>.klq-play-top{display:none}
.klq-game{position:relative;width:min(820px,100%);margin:var(--kl-s6) auto 0;padding:clamp(20px,3.5vw,36px);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);box-shadow:var(--kl-sh-2);scroll-margin-top:88px}
.klq-route-jwe .klq-game:not([hidden]){display:flex;flex-direction:column;min-height:calc(100dvh - 150px)}
.klq-gamebar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:var(--kl-s3);align-items:center}
.klq-exit,.klq-sound-toggle{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--kl-border);border-radius:12px;background:var(--kl-surface);color:var(--kl-text-2);cursor:pointer;font-size:1.1rem;line-height:1}
.klq-exit:hover,.klq-sound-toggle:hover{background:var(--kl-surface-2);color:var(--kl-ink)}
.klq-exit .klq-ico{width:20px;height:20px}
.klq-progress{height:8px;border-radius:var(--kl-r-pill);background:var(--kl-surface-2);border:1px solid var(--kl-border);overflow:hidden}
.klq-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--kl-blue),var(--kl-navy));transition:width .35s var(--kl-ease)}
.klq-question-visual{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:var(--kl-s5);padding:4px 12px 4px 4px;border-radius:var(--kl-r-pill);background:var(--kl-blue-50);border:1px solid var(--kl-blue-100)}
.klq-question-visual img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#fff;padding:3px}
.klq-question-visual:has(img[src=""]) img{display:none}
.klq-question-visual small{font-size:var(--kl-fs-xs);font-weight:600;color:var(--kl-navy)}
.klq-live-hud{display:flex;gap:var(--kl-s2);justify-content:flex-end;flex-wrap:wrap;margin-top:calc(-1 * 30px)}
.klq-live-hud span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--kl-r-pill);background:var(--kl-surface-2);border:1px solid var(--kl-border);font-size:var(--kl-fs-xs);color:var(--kl-text-2)}
.klq-live-hud b{color:var(--kl-ink);font-size:var(--kl-fs-sm);font-variant-numeric:tabular-nums}
.klq-question-meta{display:flex;justify-content:space-between;gap:var(--kl-s3);margin-top:var(--kl-s5);font-size:var(--kl-fs-sm);color:var(--kl-text-3)}
#klq-count{font-weight:600;color:var(--kl-navy);font-variant-numeric:tabular-nums}
.klq-question-row{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:var(--kl-s5);align-items:center;margin:var(--kl-s3) 0 var(--kl-s5);position:relative}
#klq-question,.klq-game .klq-question-row #klq-question{margin:0;font-size:clamp(1.35rem,1.05rem + 1.4vw,2rem);line-height:1.25;letter-spacing:-.02em;color:var(--kl-ink);font-weight:600}
.klq-countdown-clock{position:relative;width:84px;height:84px;display:grid;place-items:center;color:var(--kl-navy);justify-self:end}
.klq-countdown-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.klq-countdown-clock circle{fill:none;stroke-width:5}
.klq-countdown-clock .clock-bg{stroke:var(--kl-border)}
.klq-countdown-clock .clock-progress{stroke:var(--kl-blue);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .2s}
.klq-countdown-clock strong{font-size:1.6rem;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.klq-countdown-clock small{position:absolute;bottom:17px;font-size:.6rem;font-weight:600;letter-spacing:.08em;color:var(--kl-text-3)}
.klq-countdown-clock.warning .clock-progress{stroke:var(--kl-gold)}
.klq-countdown-clock.warning strong{color:var(--kl-warning)}
.klq-countdown-clock.danger .clock-progress{stroke:var(--kl-error)}
.klq-countdown-clock.danger strong{color:var(--kl-error)}
.klq-countdown-clock.danger{animation:klq-pulse .55s ease-in-out infinite alternate}
#klq-timer.urgent{color:var(--kl-error)}
.klq-timer-warning{color:var(--kl-warning)!important}
.klq-timer-danger{color:var(--kl-error)!important}
.klq-answers{display:grid;grid-template-columns:1fr 1fr;gap:var(--kl-s3)}
.klq-answer{position:relative;display:flex;align-items:center;gap:var(--kl-s3);width:100%;min-height:64px;padding:var(--kl-s3) var(--kl-s4);text-align:left;background:var(--kl-surface);border:1.5px solid var(--kl-border-strong);border-radius:var(--kl-r-md);color:var(--kl-ink);font-size:var(--kl-fs-base);font-weight:500;line-height:1.35;cursor:pointer;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s}
.klq-answer:hover:not(:disabled){border-color:var(--kl-blue);background:var(--kl-blue-50)}
.klq-answer:active:not(:disabled){transform:scale(.995)}
.klq-answer:disabled{cursor:default}
.klq-letter{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--kl-surface-2);border:1px solid var(--kl-border);font-weight:700;font-size:var(--kl-fs-sm);color:var(--kl-navy)}
.klq-option-text{flex:1;min-width:0;overflow-wrap:anywhere}
.klq-answer.selected{border-color:var(--kl-blue);background:var(--kl-blue-50);box-shadow:0 0 0 1px var(--kl-blue)}
.klq-answer.selected .klq-letter{background:var(--kl-blue);border-color:var(--kl-blue);color:#fff}
.klq-answer.correct{border-color:var(--kl-success);background:var(--kl-success-50);box-shadow:0 0 0 1px var(--kl-success)}
.klq-answer.correct .klq-letter{background:var(--kl-success);border-color:var(--kl-success);color:#fff}
.klq-answer.wrong{border-color:var(--kl-error);background:var(--kl-error-50);box-shadow:0 0 0 1px var(--kl-error)}
.klq-answer.wrong .klq-letter{background:var(--kl-error);border-color:var(--kl-error);color:#fff}
.klq-answer.correct::after,.klq-answer.wrong::after{flex:none;font-weight:700;font-size:1.1rem}
.klq-answer.correct::after{content:"✓";color:var(--kl-success)}
.klq-answer.wrong::after{content:"✕";color:var(--kl-error)}
.klq-answers:has(.klq-answer:disabled) .klq-answer:disabled:not(.selected):not(.correct):not(.wrong){opacity:.6}
.klq-feedback{margin-top:var(--kl-s4);padding:12px 16px;border-radius:var(--kl-r-md);font-weight:600;font-size:var(--kl-fs-sm);animation:klq-rise .2s var(--kl-ease)}
.klq-feedback.correct{background:var(--kl-success-50);color:#0c5a33;border:1px solid #bfe3cf}
.klq-feedback.wrong{background:var(--kl-error-50);color:#8f2214;border:1px solid #f3c3bc}
#klq-next{margin-top:auto;align-self:flex-end;min-width:200px}
.klq-game>#klq-next{margin-top:var(--kl-s5)}
/* Report a question (logged-in players) */
.klq-report-host{display:flex;flex-wrap:wrap;gap:var(--kl-s2);margin:calc(-1 * var(--kl-s3)) 0 var(--kl-s4)}
.klq-report-host:empty{display:none}
.klq-report-question{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--kl-border);border-radius:var(--kl-r-pill);background:var(--kl-surface);color:var(--kl-text-2);font-size:var(--kl-fs-xs);font-weight:600;cursor:pointer}
.klq-report-question:hover{color:var(--kl-ink);border-color:var(--kl-border-strong)}
.klq-report-question:disabled{color:var(--kl-success);cursor:default}
.klq-question-row>.klq-report-question{position:absolute;right:0;bottom:-44px}
.klq-report-box{flex-basis:100%;display:grid;gap:var(--kl-s2);padding:var(--kl-s4);border:1px solid var(--kl-border);border-radius:var(--kl-r-md);background:var(--kl-surface-2)}
.klq-report-box label{font-size:var(--kl-fs-sm);font-weight:600;color:var(--kl-ink)}
.klq-report-box>div{display:flex;gap:var(--kl-s2);flex-wrap:wrap}
.klq-report-box button{min-height:40px;padding:0 14px;border-radius:var(--kl-r-sm);border:1px solid var(--kl-border-strong);background:var(--kl-surface);color:var(--kl-navy);font-weight:600;font-size:var(--kl-fs-sm);cursor:pointer}
.klq-report-box .klq-report-send{background:var(--kl-navy);border-color:var(--kl-navy);color:#fff}
/* Paid-attempt START gate: question stays unreadable until START (anti-cheat behaviour preserved) */
.klq-game.klq-prestart-mode .klq-gamebar,.klq-game.klq-prestart-mode .klq-question-visual,.klq-game.klq-prestart-mode .klq-live-hud,.klq-game.klq-prestart-mode .klq-question-meta,.klq-game.klq-prestart-mode .klq-question-row,.klq-game.klq-prestart-mode .klq-answers,.klq-game.klq-prestart-mode #klq-next{filter:blur(8px);user-select:none;pointer-events:none}
.klq-prestart-gate{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--kl-s5);background:rgba(244,246,249,.55);border-radius:inherit}
.klq-prestart-card{width:min(480px,100%);display:grid;gap:var(--kl-s3);padding:var(--kl-s6) var(--kl-s5);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);box-shadow:var(--kl-sh-3);text-align:center;animation:klq-rise .25s var(--kl-ease)}
.klq-prestart-card h2{font-size:var(--kl-fs-xl)}
.klq-prestart-card p{color:var(--kl-text-2)}
.klq-secure-rule{display:grid;gap:4px;text-align:left;padding:var(--kl-s3) var(--kl-s4);border-radius:var(--kl-r-md);background:var(--kl-warning-50);border:1px solid #f2d6a6;font-size:var(--kl-fs-sm);color:#5f3800}
.klq-secure-rule b{color:#5f3800}
.klq-secure-consent{display:flex;gap:var(--kl-s3);align-items:flex-start;text-align:left;font-size:var(--kl-fs-sm);color:var(--kl-text);cursor:pointer;padding:var(--kl-s2) 0}
.klq-secure-consent input{margin-top:2px}
.klq-prestart-card .klq-btn{width:100%;letter-spacing:.08em}
/* Secure-mode exit screen */
.klq-security-lost{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:var(--kl-s5);background:rgba(3,24,46,.88)}
.klq-security-lost-card{width:min(460px,100%);display:grid;gap:var(--kl-s3);padding:var(--kl-s6) var(--kl-s5);background:var(--kl-surface);border-radius:var(--kl-r-xl);text-align:center;box-shadow:var(--kl-sh-3)}
.klq-security-lost-card .klq-kicker{color:var(--kl-error)}
.klq-security-lost-card h2{font-size:var(--kl-fs-xl)}
.klq-security-lost-card p{color:var(--kl-text-2)}
/* Sound controls (injected) & praise */
.klq-sound-controls{display:flex;align-items:center;gap:var(--kl-s2);justify-content:flex-end}
.klq-volume-slider{width:96px;accent-color:var(--kl-blue)}
.klq-volume-value{font-size:var(--kl-fs-xs);color:var(--kl-text-3);font-variant-numeric:tabular-nums;min-width:3ch}
.klq-praise{position:absolute;left:50%;top:18%;z-index:50;padding:10px 18px;border-radius:var(--kl-r-pill);background:var(--kl-surface);border:2px solid var(--kl-gold);color:var(--kl-navy);font-weight:700;box-shadow:var(--kl-sh-3);white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);animation:klq-praise .9s ease both}
/* Result */
.klq-result{width:min(640px,100%);margin:var(--kl-s6) auto 0;display:grid;justify-items:center;gap:var(--kl-s3);text-align:center;padding:clamp(28px,5vw,48px);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-r-xl);box-shadow:var(--kl-sh-2)}
.klq-result-burst{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:var(--kl-gold);color:var(--kl-navy-950);box-shadow:0 0 0 10px var(--kl-gold-50);margin-bottom:var(--kl-s2);animation:klq-pop .4s var(--kl-ease)}
.klq-result-burst .klq-ico{width:40px;height:40px;stroke-width:1.6}
#klq-score{font-size:clamp(2.5rem,2rem + 3vw,4rem);letter-spacing:-.04em;color:var(--kl-navy);font-variant-numeric:tabular-nums}
#klq-result-text{color:var(--kl-text-2);font-size:var(--kl-fs-md)}
.klq-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kl-s2);width:100%;margin-top:var(--kl-s3)}
.klq-result-stats>div{display:grid;gap:2px;padding:var(--kl-s3);border-radius:var(--kl-r-md);background:var(--kl-surface-2);border:1px solid var(--kl-border)}
.klq-result-stats b{font-size:clamp(1rem,.8rem + 1.6vw,1.375rem);color:var(--kl-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}
.klq-result-stats span{font-size:var(--kl-fs-xs);color:var(--kl-text-3)}
.klq-qualification{width:100%;padding:12px 16px;border-radius:var(--kl-r-md);font-size:var(--kl-fs-sm);font-weight:600;line-height:1.5}
.klq-qualification:empty{display:none}
.klq-qualification.qualified{background:var(--kl-success-50);color:#0c5a33;border:1px solid #bfe3cf}
.klq-qualification.not-qualified{background:var(--kl-warning-50);color:#5f3800;border:1px solid #f2d6a6}
.klq-result-actions{display:flex;gap:var(--kl-s3);flex-wrap:wrap;justify-content:center;margin-top:var(--kl-s2)}
/* Payment confirmation banner (injected on ?klq_payment=success) */
.klq-payment-success{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--kl-s3);align-items:center;margin:0 0 var(--kl-s5);padding:var(--kl-s3) var(--kl-s4);border-radius:var(--kl-r-lg);background:var(--kl-success-50);border:1px solid #bfe3cf}
.klq-payment-success-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--kl-success);color:#fff;font-weight:700}
.klq-payment-success strong{display:block;color:#0c5a33;font-size:var(--kl-fs-sm)}
.klq-payment-success span{display:block;color:var(--kl-text-2);font-size:var(--kl-fs-xs)}
.klq-payment-success a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--kl-r-sm);background:var(--kl-success);color:#fff!important;font-weight:600;font-size:var(--kl-fs-sm);text-decoration:none}
/* Idle-session warning (styles injected by idle-session.js; harmonised here) */
.klq-body .klq-idle-overlay{background:rgba(3,24,46,.72)}
.klq-body .klq-idle-card{font-family:var(--kl-font);border-radius:var(--kl-r-xl);color:var(--kl-ink)}
.klq-body .klq-idle-card p{color:var(--kl-text-2)}
.klq-body .klq-idle-stay{background:var(--kl-navy);border-radius:var(--kl-r-md);font-weight:600;min-height:52px}
.klq-body .klq-idle-stay:focus-visible{outline:none;box-shadow:var(--kl-focus)}
.klq-idle-count{font-variant-numeric:tabular-nums}

/* 7 ─ Keyframes ──────────────────────────────────────────────────────── */
@keyframes klq-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@keyframes klq-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes klq-pulse{to{transform:scale(1.06)}}
@keyframes klq-praise{0%{opacity:0;transform:translate(-50%,-35%) scale(.85)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}75%{opacity:1;transform:translate(-50%,-55%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(.96)}}

/* 8 ─ Responsive ─────────────────────────────────────────────────────── */
@media (max-width:1180px){
  .klq-footer-grid{grid-template-columns:1.3fr repeat(2,minmax(0,1fr))}
  .klq-footer-brand{grid-column:1/-1;max-width:56ch}
  .klq-player-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .klq-player-insights{grid-template-columns:1fr 1fr}
  .klq-ranking-card{grid-column:1/-1}
  .klq-nav-link{padding:0 10px}
}
@media (max-width:1024px){
  .klq-primary-nav,.klq-nav-login,.klq-nav-register,.klq-account-menu{display:none}
  .klq-mobile-nav{display:block}
  .klq-head-actions{margin-left:auto}
  .klq-header .klq-logo-copy small{display:none}
  .klq-hero{grid-template-columns:1fr;gap:var(--kl-s6)}
  .klq-hero-visual{justify-self:start;width:min(100%,400px)}
  .klq-steps{grid-template-columns:1fr;gap:var(--kl-s2)}
  .klq-steps li{grid-template-columns:40px 1fr;column-gap:var(--kl-s3);padding:var(--kl-s4)}
  .klq-steps li::after{display:none}
  .klq-steps .klq-step-num{grid-row:span 2;margin:0}
  .klq-challenge-static-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .klq-home-rules{grid-template-columns:1fr 1fr}
  .klq-rule-main{grid-column:1/-1}
  .klq-rule:nth-child(3){border-left:0}
  .klq-rule:not(.klq-rule-main){border-top:1px solid var(--kl-border)}
  .klq-selection-panel{grid-template-columns:1fr}
  .klq-winner-strip{grid-template-columns:1fr 1fr}
  .klq-profile-layout{grid-template-columns:1fr}
  .klq-profile-card{position:static;grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:center;gap:4px var(--kl-s4);padding:var(--kl-s5)}
  .klq-profile-photo{grid-row:span 4;width:96px;height:96px;margin:0}
  .klq-upload-btn{margin-top:var(--kl-s2)}
  .klq-payout-overview,.klq-player-detail-grid{grid-template-columns:1fr}
  .klq-policy-page{grid-template-columns:1fr}
  .klq-policy-nav{position:static;display:flex;gap:var(--kl-s2);overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
  .klq-policy-nav a{flex:none;border:1px solid var(--kl-border);border-radius:var(--kl-r-pill);background:var(--kl-surface);scroll-snap-align:start}
  .klq-policy-nav a.active,.klq-policy-nav a[aria-current]{border-color:var(--kl-gold);border-left-width:1px}
  .klq-auth-page{grid-template-columns:1fr;width:min(560px,100%)}
  .klq-auth-visual{display:none}
  .auth-mobile-brand{display:block;margin-bottom:var(--kl-s2)}
  .klq-history-page-list article{grid-template-columns:1fr auto;grid-template-areas:"t a" "s s"}
  .klq-history-page-list article>div:first-child{grid-area:t}
  .klq-history-page-stats{grid-area:s;padding-top:var(--kl-s3);border-top:1px solid var(--kl-border)}
  .klq-history-action{grid-area:a}
}
@media (max-width:720px){
  .klq-main{padding-block:var(--kl-s5) var(--kl-s7)}
  .klq-head-inner{min-height:64px;gap:var(--kl-s3)}
  .klq-mobile-panel{top:72px}
  .klq-play-top{margin-bottom:var(--kl-s6)}
  .klq-hero-actions .klq-btn{flex:1 1 200px}
  .klq-hero-visual{width:100%;padding:0 0 36px}
  .klq-seal{right:-6px}
  .klq-ticket-foot{padding-right:84px}
  .klq-seal{width:96px;height:96px}
  .klq-seal strong{font-size:1.6rem}
  .klq-start{gap:var(--kl-s7)}
  .klq-steps{grid-template-columns:1fr;gap:var(--kl-s2)}
  .klq-steps li{grid-template-columns:40px 1fr;column-gap:var(--kl-s3);padding:var(--kl-s4)}
  .klq-step-num{grid-row:span 2;margin:0}
  .klq-contest-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-inline:calc(-1 * var(--kl-gutter));padding-inline:var(--kl-gutter)}
  .klq-contest-grid .klq-quiz-card{flex:0 0 min(260px,78vw);scroll-snap-align:start}
  .klq-home-rules{grid-template-columns:1fr}
  .klq-rule{border-left:0;border-top:1px solid var(--kl-border)}
  .klq-rule-main{border-top:0}
  .klq-practice{padding:var(--kl-s5) var(--kl-s4)}
  .klq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .klq-winner-strip{grid-template-columns:1fr}
  .klq-payment-entry-form{grid-template-columns:1fr}
  .klq-payment-entry-form .klq-btn{width:100%}
  .klq-home-cta{padding:var(--kl-s5)}
  .klq-home-cta-actions,.klq-home-cta-actions .klq-btn{width:100%}
  .klq-footer-grid{grid-template-columns:1fr 1fr}
  .klq-footer-bottom{flex-direction:column}
  .klq-dash-head{padding:var(--kl-s4)}
  .klq-player-hero-actions,.klq-player-hero-actions .klq-btn{width:100%}
  .klq-player-hero-actions .klq-btn{flex:1 1 140px}
  .klq-player-metrics{grid-template-columns:1fr 1fr}
  .klq-player-metrics article:last-child{grid-column:1/-1}
  .klq-player-insights{grid-template-columns:1fr}
  .klq-popular-section,.klq-player-insights>article,.klq-active-modern,.klq-challenge-history-preview,.klq-payout-overview>article,.klq-player-detail-grid>article{padding:var(--kl-s4)}
  .klq-modern-title{flex-wrap:wrap}
  .klq-challenge-history-row{grid-template-columns:1fr 1fr;row-gap:var(--kl-s2)}
  .klq-history-name{grid-column:1/-1}
  .klq-history-page-list article{grid-template-columns:1fr;grid-template-areas:"t" "s" "a";padding:var(--kl-s4)}
  .klq-history-action{width:100%}
  .klq-profile-section{padding:var(--kl-s4)}
  .klq-profile-grid{grid-template-columns:1fr}
  .klq-password-meter ul{grid-template-columns:1fr}
  .klq-profile-card{grid-template-columns:1fr;justify-items:center;text-align:center}
  .klq-profile-photo{grid-row:auto}
  .klq-profile-save .klq-btn{width:100%}
  .klq-name-grid{grid-template-columns:1fr}
  .klq-auth-page{border-radius:var(--kl-r-lg)}
  .klq-direct-summary{flex-direction:column;align-items:flex-start}
  .klq-ready-stats{grid-template-columns:1fr 1fr}
  .klq-scale-legend{grid-template-columns:1fr}
  .klq-winners-rule{width:104px;height:104px}
  .klq-winners-rule strong{font-size:1.7rem}
  .klq-winners-public-table,.klq-threshold-table{min-width:540px}
  .klq-game{margin-top:var(--kl-s3);padding:var(--kl-s4);border-radius:var(--kl-r-lg)}
  .klq-route-jwe .klq-game:not([hidden]){min-height:calc(100dvh - 110px)}
  .klq-live-hud{margin-top:var(--kl-s3);justify-content:flex-start}
  .klq-question-row{grid-template-columns:minmax(0,1fr) 64px;gap:var(--kl-s3)}
  .klq-countdown-clock{width:64px;height:64px}
  .klq-countdown-clock strong{font-size:1.25rem}
  .klq-countdown-clock small{bottom:11px;font-size:.55rem}
  .klq-answers{grid-template-columns:1fr}
  .klq-answer{min-height:58px}
  #klq-next{width:100%}
  .klq-result-actions,.klq-result-actions .klq-btn{width:100%}
  .klq-payment-success{grid-template-columns:40px 1fr}
  .klq-payment-success a{grid-column:1/-1;justify-content:center}
}
@media (max-width:400px){
  .klq-logo-copy b{font-size:1rem}
  .klq-logo-icon{width:38px;height:38px}
  .klq-category-grid{grid-template-columns:1fr 1fr;gap:var(--kl-s2)}
  .klq-badges-row{grid-template-columns:1fr 1fr}
  .klq-mini-metrics{grid-template-columns:1fr}
  .klq-selection-money{grid-template-columns:1fr}
  .klq-paywall-prize{grid-template-columns:1fr}
}
@media (max-width:340px){
  .klq-footer-grid{grid-template-columns:1fr}
}
@media (min-width:1600px){
  :root{--kl-shell:1320px}
}

/* 9 ─ Motion & accessibility preferences ────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .klq-body *,.klq-body *::before,.klq-body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .klq-ticket,.klq-seal{transform:none}
  .klq-challenge-static:hover{transform:none}
}
@media (forced-colors:active){
  .klq-btn,.klq-answer,.klq-challenge-static,.klq-pay-method{border:1px solid CanvasText}
  .klq-answer.correct,.klq-answer.wrong,.klq-answer.selected{outline:3px solid Highlight}
}
@media print{
  .klq-header,.klq-footer,.klq-skip{display:none!important}
  body.klq-body{background:#fff}
}

/* =====================================================================
   v2.13.2 — Premium visual refinement retained (visual only).
   Depth, rhythm, branded shapes and controlled motion on top of the
   existing system. Decorative layers stay between 5% and 15% opacity.
   ===================================================================== */
:root{
 --kl-surface-soft:#f9fbfd;
 --kl-surface-blue:#eef4fb;
 --kl-gradient-soft:linear-gradient(180deg,#fff 0%,var(--kl-bg) 100%);
 --kl-shadow-hover:0 2px 4px rgba(3,24,46,.05),0 18px 36px -18px rgba(3,24,46,.32);
 --kl-motion-fast:.18s;
 --kl-motion-standard:.55s;
 /* Shapes drawn from the logo: the sun's rings, its rays, the open book's two pages. */
 --kl-shape-rings:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%2301549A' stroke-width='1.5'%3E%3Ccircle cx='200' cy='200' r='70'/%3E%3Ccircle cx='200' cy='200' r='125'/%3E%3Ccircle cx='200' cy='200' r='185'/%3E%3C/svg%3E");
 --kl-shape-rings-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23ffffff' stroke-width='1.5'%3E%3Ccircle cx='200' cy='200' r='70'/%3E%3Ccircle cx='200' cy='200' r='125'/%3E%3Ccircle cx='200' cy='200' r='185'/%3E%3C/svg%3E");
 --kl-shape-book-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' fill='none' stroke='%23ffffff' stroke-width='3'%3E%3Cpath d='M10 150Q150 60 300 150Q450 60 590 150'/%3E%3Cpath d='M10 186Q150 96 300 186Q450 96 590 186'/%3E%3C/svg%3E");
 --kl-shape-rays:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220' fill='none' stroke='%23E8930B' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M200 200V30M200 200 112 52M200 200 288 52M200 200 42 112M200 200 358 112M200 200 8 190M200 200H392'/%3E%3C/svg%3E");
 --kl-shape-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' fill='none' stroke='%23024172' stroke-width='3'%3E%3Cpath d='M10 150Q150 60 300 150Q450 60 590 150'/%3E%3Cpath d='M10 186Q150 96 300 186Q450 96 590 186'/%3E%3C/svg%3E");
 --kl-shape-bolt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8Z'/%3E%3C/svg%3E");
}

/* ---------- Section rhythm: full-bleed bands behind homepage sections ---------- */
.klq-start>.klq-home-steps,.klq-start>#klq-contests,.klq-start>.klq-challenge-zone,.klq-start>.klq-home-rules,.klq-start>.klq-home-winners,.klq-start>.klq-home-faq,.klq-start>.klq-home-cta{position:relative;isolation:isolate}
.klq-home-steps::before,#klq-contests::before,.klq-challenge-zone::before,.klq-home-winners::before,.klq-home-faq::before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);top:calc(var(--kl-s8) / -2);bottom:calc(var(--kl-s8) / -2);pointer-events:none}
/* A — steps: soft light with a diffuse blue glow and the logo's rings */
.klq-home-steps::before{background:radial-gradient(700px 360px at 12% 0%,rgba(1,84,154,.08),transparent 70%),var(--kl-gradient-soft);top:calc(var(--kl-s8) * -1)}
.klq-home-steps::after{content:"";position:absolute;z-index:-1;right:max(-140px,calc((100% - 100vw) / 2));top:-90px;width:min(560px,90vw);height:min(560px,90vw);background:var(--kl-shape-rings) no-repeat center/contain;opacity:.08;pointer-events:none}
/* B — challenges: very light blue surface with faint gold rays behind the featured card */
#klq-contests::before{background:var(--kl-surface-blue)}
.klq-challenge-zone::before{background:radial-gradient(640px 320px at 50% 30%,rgba(232,147,11,.08),transparent 70%),linear-gradient(180deg,var(--kl-surface-blue) 0%,var(--kl-bg) 100%)}
#klq-contests:empty+.klq-challenge-zone::before{top:calc(var(--kl-s8) / -2)}
.klq-challenge-static-grid{position:relative;isolation:isolate}
.klq-challenge-static-grid::before{content:"";position:absolute;z-index:-1;left:50%;top:-70px;width:min(760px,100%);height:300px;transform:translateX(-50%);background:var(--kl-shape-rays) no-repeat center top/contain;opacity:.1;pointer-events:none}
/* D — winners: the dark premium band */
.klq-home-winners::before{background:radial-gradient(520px 260px at 85% 0%,rgba(232,147,11,.12),transparent 70%),radial-gradient(700px 380px at 0% 100%,rgba(1,84,154,.45),transparent 70%),linear-gradient(180deg,var(--kl-navy) 0%,var(--kl-navy-900) 100%)}
.klq-home-winners{padding-block:var(--kl-s3)}
.klq-home-winners .klq-section-head h2{color:#fff}
.klq-home-winners .klq-section-head p{color:#b9c9db}
.klq-home-winners .klq-link-arrow{color:var(--kl-gold)}
.klq-home-winners .klq-winner-strip li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.klq-home-winners .klq-winner-meta b{color:#fff}
.klq-home-winners .klq-winner-meta small{color:#a9bdd3}
.klq-home-winners .klq-winner-strip strong{color:var(--kl-gold)}
.klq-home-winners .klq-winner-initial{background:var(--kl-gold);color:var(--kl-navy-950);border-color:transparent}
/* E — FAQ: neutral with the open-book lines and a 5% dot grid */
.klq-home-faq::before{background:radial-gradient(rgba(2,65,114,.07) 1px,transparent 1.5px) 0 0 / 22px 22px,var(--kl-bg)}
.klq-home-faq::after{content:"";position:absolute;z-index:-1;right:max(-40px,calc((100% - 100vw) / 2));bottom:-20px;width:min(640px,80vw);height:214px;background:var(--kl-shape-book) no-repeat center/contain;opacity:.08;pointer-events:none}
.klq-how-page .klq-home-faq::before,.klq-how-page .klq-home-faq::after{display:none}


/* ---------- Hero: depth and a quiet entrance (no redesign) ---------- */
.klq-hero-visual::before{content:"";position:absolute;z-index:0;inset:-90px -110px -40px -110px;background:var(--kl-shape-rings-light) no-repeat 50% 45% / contain;opacity:.1;pointer-events:none}
.klq-hero-visual::after{content:"";position:absolute;z-index:0;width:360px;height:360px;right:-60px;top:-40px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,147,11,.14),transparent);pointer-events:none}
.klq-ticket,.klq-seal{z-index:1}
.klq-ticket{animation:klq-ticket-in .8s var(--kl-ease) .1s backwards}
.klq-seal{animation:klq-seal-in .6s var(--kl-ease) .55s backwards}
@keyframes klq-ticket-in{from{opacity:0;transform:translateY(24px) rotate(-4deg)}to{opacity:1;transform:rotate(-1.5deg)}}
@keyframes klq-seal-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}

/* ---------- Buttons and cards: micro-interactions ---------- */
.klq-btn,.klq-body a.klq-btn,.klq-body button.klq-btn{transition:background-color var(--kl-motion-fast) ease,border-color var(--kl-motion-fast) ease,color var(--kl-motion-fast) ease,transform var(--kl-motion-fast) var(--kl-ease),box-shadow var(--kl-motion-fast) ease}
.klq-btn:hover,.klq-body a.klq-btn:hover{transform:translateY(-1px)}
.klq-btn:active{transform:translateY(0)}
.klq-btn-gold:hover{box-shadow:0 10px 24px -12px rgba(232,147,11,.7)}
.klq-link-arrow .klq-ico,.klq-link-arrow::after{transition:transform var(--kl-motion-fast) var(--kl-ease)}
.klq-link-arrow:hover .klq-ico,.klq-link-arrow:hover::after{transform:translateX(3px)}
.klq-challenge-static,.klq-quiz-card,.klq-winner-strip li,.klq-steps li,.klq-rule,.klq-popular-card{transition:transform .25s var(--kl-ease),box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.klq-challenge-static:hover,.klq-winner-strip li:hover,.klq-popular-card:hover{transform:translateY(-4px);box-shadow:var(--kl-shadow-hover);border-color:var(--kl-blue-200)}
.klq-quiz-card.klq-contest-picker:hover,.klq-steps li:hover{transform:translateY(-3px);box-shadow:var(--kl-shadow-hover)}
.klq-home-winners .klq-winner-strip li:hover{border-color:rgba(232,147,11,.45);box-shadow:0 18px 36px -20px rgba(0,0,0,.6)}

/* ---------- "Quiz & Konkou": a full-width compact strip, three equal columns ---------- */
#klq-contests{padding-top:var(--kl-s5)}
#klq-contests .klq-section-heading h2{font-size:var(--kl-fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kl-navy)}
.klq-contest-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.klq-quiz-card{grid-template-columns:48px 1fr;padding:var(--kl-s4);background:rgba(255,255,255,.92);border-color:#dbe6f2;box-shadow:var(--kl-sh-1)}
.klq-contest-art{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--kl-navy),var(--kl-blue));font-size:0;color:var(--kl-gold);overflow:hidden}
.klq-contest-art img{display:none}
.klq-contest-art::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--kl-shape-bolt) center/contain no-repeat;mask:var(--kl-shape-bolt) center/contain no-repeat}
.klq-quiz-meta img.emoji{display:none!important}

/* ---------- "Chwazi defi ou": aligned heights, calmer depth, recommended glow ---------- */
.klq-challenge-static-grid{align-items:stretch}
.klq-challenge-static{height:100%;box-shadow:var(--kl-sh-2)}
.klq-challenge-static .klq-challenge-cta{margin-top:auto}
.klq-challenge-static.featured{background:linear-gradient(160deg,var(--kl-blue) 0%,var(--kl-navy) 55%,var(--kl-navy-900) 100%);box-shadow:0 0 0 1px rgba(232,147,11,.28),0 28px 56px -24px rgba(1,84,154,.65),0 0 60px -20px rgba(232,147,11,.22);overflow:hidden}
.klq-challenge-static.featured::before{content:"";position:absolute;inset:-40% -30% auto auto;width:260px;height:260px;background:var(--kl-shape-rings-light) no-repeat center/contain;opacity:.1;pointer-events:none}
.klq-challenge-static.featured:hover{border-color:var(--kl-navy);box-shadow:0 0 0 1px rgba(232,147,11,.45),0 34px 64px -26px rgba(1,84,154,.75),0 0 70px -20px rgba(232,147,11,.3)}
.klq-challenge-static.featured>*{position:relative}
.klq-popular{box-shadow:0 0 0 3px rgba(232,147,11,.2);letter-spacing:.02em}

/* ---------- Homepage journey: 1 → 2 → 3 → 4 → 5 ---------- */
.klq-steps{position:relative;padding-top:24px}
.klq-steps::before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:24px;height:2px;background:linear-gradient(90deg,var(--kl-navy) 0%,var(--kl-blue) 60%,var(--kl-gold) 100%);opacity:.5}
.klq-steps li{z-index:1;padding-top:calc(var(--kl-s5) + 22px);background:rgba(255,255,255,.94);box-shadow:var(--kl-sh-1)}
.klq-steps li:not(:last-child)::after{display:none}
.klq-steps .klq-step-num{position:absolute;top:-24px;left:var(--kl-s5);width:48px;height:48px;border-radius:50%;margin:0;font-size:var(--kl-fs-md);box-shadow:0 0 0 6px var(--kl-bg),0 8px 18px -8px rgba(2,65,114,.6)}
.klq-step-ico{position:absolute;top:var(--kl-s4);right:var(--kl-s4);display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--kl-blue-50);color:var(--kl-blue)}
.klq-step-ico .klq-ico{width:18px;height:18px}
.klq-steps li:last-child{background:linear-gradient(160deg,var(--kl-gold-50) 0%,#fff 70%);border-color:var(--kl-gold-100)}
.klq-steps li:last-child .klq-step-num{box-shadow:0 0 0 6px var(--kl-bg),0 0 0 10px rgba(232,147,11,.18),0 10px 22px -8px rgba(232,147,11,.7)}
.klq-steps li:last-child .klq-step-ico{background:var(--kl-gold-100);color:var(--kl-gold-text)}
.klq-steps li:last-child h3{color:var(--kl-gold-text)}

/* ---------- Rules band and free trial: lift off the background ---------- */
.klq-home-rules{box-shadow:var(--kl-sh-2)}
.klq-rule-main{background:linear-gradient(160deg,var(--kl-gold-50),#fff 80%)}
.klq-practice{position:relative;overflow:hidden;isolation:isolate;box-shadow:var(--kl-sh-1)}
.klq-practice::before{content:"";position:absolute;z-index:-1;right:-80px;bottom:-140px;width:420px;height:420px;background:var(--kl-shape-rings) no-repeat center/contain;opacity:.08}

/* ---------- FAQ: smoother accordion ---------- */
.klq-faq-item{transition:border-color var(--kl-motion-fast) ease,background-color var(--kl-motion-fast) ease,box-shadow var(--kl-motion-fast) ease}
.klq-faq-item:hover{border-color:var(--kl-blue-200)}
.klq-faq-item summary{transition:background-color var(--kl-motion-fast) ease}
.klq-faq-item summary:hover{background:var(--kl-surface-soft)}
.klq-faq-item[open]{border-color:var(--kl-blue-100);background:linear-gradient(180deg,var(--kl-surface-blue),#fff 70%);box-shadow:var(--kl-sh-1)}
.klq-faq-item[open] summary{background:transparent;border-bottom-color:var(--kl-blue-100);color:var(--kl-navy)}
.klq-faq-caret{transition:transform .3s var(--kl-ease),color var(--kl-motion-fast) ease}
.klq-faq-item[open] .klq-faq-caret{color:var(--kl-blue)}
.klq-faq-item[open] p{animation:klq-faq-open .32s var(--kl-ease)}
@keyframes klq-faq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- Final CTA: corporate, with a quiet branded shape ---------- */
.klq-home-cta{overflow:hidden;background:radial-gradient(420px 220px at 100% 0%,rgba(232,147,11,.14),transparent 70%),linear-gradient(135deg,var(--kl-blue) 0%,var(--kl-navy) 45%,var(--kl-navy-900) 100%);box-shadow:var(--kl-sh-3)}
.klq-home-cta::before{content:"";position:absolute;z-index:-1;right:-60px;top:-120px;width:380px;height:380px;background:var(--kl-shape-rings-light) no-repeat center/contain;opacity:.1;pointer-events:none}
.klq-home-cta::after{content:"";position:absolute;z-index:-1;left:-40px;bottom:-70px;width:420px;height:140px;background:var(--kl-shape-book-light) no-repeat center/contain;opacity:.08;pointer-events:none}

/* ---------- Footer: separation and link feedback ---------- */
.klq-footer{position:relative}
.klq-footer::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,147,11,.5),transparent)}
.klq-footer-col a{transition:color var(--kl-motion-fast) ease}
.klq-footer-col a:hover{color:#fff;text-decoration-color:var(--kl-gold);text-underline-offset:4px}

/* ---------- Gayan: a compact rewards hero ---------- */
.klq-winners-head{position:relative;isolation:isolate;overflow:hidden;align-items:center;padding:clamp(24px,4vw,44px);border-radius:var(--kl-r-xl);background:radial-gradient(480px 260px at 88% 50%,rgba(232,147,11,.16),transparent 70%),linear-gradient(135deg,var(--kl-navy) 0%,var(--kl-navy-900) 100%);box-shadow:var(--kl-sh-3)}
.klq-winners-head::before{content:"";position:absolute;z-index:-1;left:-80px;bottom:-60px;width:560px;height:180px;background:var(--kl-shape-book-light) no-repeat center/contain;opacity:.07}
.klq-winners-head::after{content:"";position:absolute;z-index:-1;right:-120px;top:50%;width:520px;height:520px;transform:translateY(-50%);background:var(--kl-shape-rings-light) no-repeat center/contain;opacity:.1}
.klq-winners-head h1{color:#fff}
.klq-winners-head p{color:#c7d5e5}
.klq-winners-head .klq-kicker{color:var(--kl-gold)}
.klq-winners-rule{position:relative;margin-right:clamp(0px,3vw,32px);box-shadow:0 0 0 8px rgba(232,147,11,.18),0 0 0 18px rgba(232,147,11,.07),0 18px 40px -12px rgba(232,147,11,.6)}
.klq-winners-rule strong,.klq-winners-rule span{position:relative}
.klq-winners-rays{position:absolute;inset:-34px;width:calc(100% + 68px);height:calc(100% + 68px);color:var(--kl-gold);opacity:.35;pointer-events:none}
.klq-winners-card{box-shadow:var(--kl-sh-2)}
.klq-winners-card-head{background:linear-gradient(180deg,var(--kl-surface-soft),#fff)}
.klq-winners-public-table thead th{background:var(--kl-surface-blue);color:var(--kl-navy);text-transform:uppercase}
.klq-winners-public-table tbody tr{transition:background-color var(--kl-motion-fast) ease}
.klq-winners-public-table tbody tr:hover td{background:var(--kl-surface-soft)}
.klq-winner-id{display:inline-flex;align-items:center;gap:var(--kl-s3)}
.klq-winners-public-table .klq-winner-initial{width:36px;height:36px;font-size:var(--kl-fs-sm)}
.klq-winners-public-table .klq-winner-prize{font-size:var(--kl-fs-md);color:var(--kl-gold-text)}

/* ---------- Kijan sa mache: page hero, timeline, score zones, thresholds ---------- */
.klq-how-page>.klq-pagehead{position:relative;isolation:isolate;max-width:none;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);border-radius:var(--kl-r-xl);background:radial-gradient(520px 280px at 100% 0%,rgba(232,147,11,.10),transparent 70%),radial-gradient(640px 320px at 0% 100%,rgba(1,84,154,.10),transparent 70%),var(--kl-gradient-soft);border:1px solid var(--kl-border);overflow:hidden}
.klq-how-page>.klq-pagehead::before{content:"";position:absolute;z-index:-1;right:-100px;top:-120px;width:460px;height:460px;background:var(--kl-shape-rings) no-repeat center/contain;opacity:.1}
.klq-how-page>.klq-pagehead::after{content:"";position:absolute;z-index:-1;right:40px;bottom:-20px;width:320px;height:176px;background:var(--kl-shape-rays) no-repeat center bottom/contain;opacity:.12}
.klq-how-page>.klq-pagehead h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.klq-how-page>.klq-pagehead p{max-width:60ch}
/* Desktop: an alternating timeline around a central line */
@media (min-width:1025px){
 .klq-how-page .klq-steps{grid-template-columns:1fr 1fr;column-gap:120px;row-gap:0;padding-top:0}
 .klq-how-page .klq-steps::before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;transform:translateX(-50%);background:linear-gradient(180deg,var(--kl-navy) 0%,var(--kl-blue) 60%,var(--kl-gold) 100%)}
 .klq-how-page .klq-steps li{grid-column:1;padding-top:var(--kl-s5)}
 .klq-how-page .klq-steps li:nth-child(even){grid-column:2}
 .klq-how-page .klq-steps li:nth-child(n+2){margin-top:-40px}
 .klq-how-page .klq-steps li:nth-child(1){grid-row:1}.klq-how-page .klq-steps li:nth-child(2){grid-row:2}.klq-how-page .klq-steps li:nth-child(3){grid-row:3}.klq-how-page .klq-steps li:nth-child(4){grid-row:4}.klq-how-page .klq-steps li:nth-child(5){grid-row:5}
 .klq-how-page .klq-steps .klq-step-num{top:var(--kl-s5);left:auto;right:-84px}
 .klq-how-page .klq-steps li:nth-child(even) .klq-step-num{right:auto;left:-84px}
 .klq-how-page .klq-steps li:nth-child(odd){text-align:right}
 .klq-how-page .klq-steps li:nth-child(odd) .klq-step-ico{right:auto;left:var(--kl-s4)}
 .klq-how-page .klq-steps h3,.klq-how-page .klq-steps p{max-width:42ch}
 .klq-how-page .klq-steps li:nth-child(odd) h3,.klq-how-page .klq-steps li:nth-child(odd) p{margin-left:auto}
}
.klq-how-steps{padding-block:var(--kl-s4)}
/* Score zones: three outcomes, clearly different */
.klq-scale{box-shadow:var(--kl-sh-2)}
.klq-scale-bar{height:14px;box-shadow:inset 0 1px 2px rgba(3,24,46,.08)}
.klq-scale-win{background:linear-gradient(90deg,var(--kl-gold),#f5b24a)}
.klq-scale-legend{gap:var(--kl-s3)}
.klq-scale-legend span{position:relative;gap:6px;padding:var(--kl-s4);border:1px solid var(--kl-border);border-left-width:4px;border-radius:var(--kl-r-md);background:var(--kl-surface-soft)}
.klq-scale-legend .is-bonus{background:var(--kl-surface-blue);border-color:var(--kl-blue-100);border-left-color:var(--kl-blue)}
.klq-scale-legend .is-win{background:linear-gradient(150deg,var(--kl-gold-50),#fff 85%);border-color:var(--kl-gold-100);border-left-color:var(--kl-gold);box-shadow:0 12px 28px -18px rgba(232,147,11,.7)}
.klq-scale-legend b{font-size:var(--kl-fs-xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.klq-scale-legend .is-win b{color:var(--kl-gold-text)}
.klq-scale-tag{justify-self:start;font-style:normal;font-size:var(--kl-fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:var(--kl-r-pill);background:#fff;color:var(--kl-text-2);border:1px solid var(--kl-border)}
.is-bonus .klq-scale-tag{color:var(--kl-blue);border-color:var(--kl-blue-100)}
.is-win .klq-scale-tag{background:var(--kl-gold);color:var(--kl-navy-950);border-color:transparent}
/* Thresholds table: the number that decides is the one that stands out */
.klq-threshold-card{box-shadow:var(--kl-sh-2)}
.klq-threshold-table thead th{background:var(--kl-surface-blue);color:var(--kl-navy);text-transform:uppercase}
.klq-threshold-table td:nth-child(3),.klq-threshold-table th:nth-child(3){background:var(--kl-gold-50)}
.klq-threshold-table thead th:nth-child(3){background:var(--kl-gold-100);color:var(--kl-gold-text)}
.klq-threshold-table td:nth-child(3) strong{color:var(--kl-gold-text);font-size:var(--kl-fs-md)}
.klq-threshold-table td:last-child{font-weight:600;color:var(--kl-navy)}

/* ---------- Scroll reveal (only when the inline script opted in) ---------- */
.klq-motion .klq-rv{opacity:0}
.klq-motion .klq-rv.is-in{opacity:1;animation:klq-rise var(--kl-motion-standard) var(--kl-ease) backwards}
.klq-motion .klq-rv.is-in :is(.klq-steps>li,.klq-challenge-static,.klq-winner-strip>li,.klq-rule,.klq-faq-item){animation:klq-rise-sm .5s var(--kl-ease) backwards;animation-delay:calc(var(--klq-i,0) * 70ms + 120ms)}
@keyframes klq-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes klq-rise-sm{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
 .klq-steps{padding-top:0;padding-left:0}
 .klq-steps::before{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:linear-gradient(180deg,var(--kl-navy) 0%,var(--kl-blue) 60%,var(--kl-gold) 100%)}
 .klq-steps li,.klq-how-page .klq-steps li{display:block;margin-left:64px;padding:var(--kl-s4) calc(var(--kl-s4) + 44px) var(--kl-s4) var(--kl-s4)}
 .klq-steps .klq-step-num{top:var(--kl-s4);left:-64px;width:48px;height:48px}
 .klq-steps h3{margin-bottom:4px}
 .klq-step-ico{width:32px;height:32px}
 .klq-contest-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:720px){
 .klq-contest-grid{display:grid;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding-inline:0}
 .klq-contest-grid .klq-quiz-card{flex:none}
 .klq-steps li,.klq-how-page .klq-steps li{margin-left:56px}
 .klq-steps::before{left:19px}
 .klq-steps .klq-step-num{left:-56px;width:40px;height:40px;font-size:var(--kl-fs-base)}
 .klq-hero-visual::before{inset:-40px -20px 0 -20px}
 .klq-hero-visual::after{display:none}
 .klq-winners-head{flex-direction:column;align-items:flex-start}
 .klq-winners-rule{margin:var(--kl-s4) 0 var(--kl-s2) var(--kl-s4)}
 .klq-winners-head::after{width:360px;height:360px;right:-160px}
 /* Winners table → cards */
 .klq-winners-table-wrap{overflow:visible}
 .klq-winners-public-table{min-width:0;border-collapse:separate;border-spacing:0}
 .klq-winners-public-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .klq-winners-public-table,.klq-winners-public-table tbody{display:block}
 .klq-winners-public-table tbody{display:grid;gap:var(--kl-s3);padding:0 var(--kl-s4) var(--kl-s4)}
 .klq-winners-public-table tr{display:grid;grid-template-columns:1fr auto;gap:6px var(--kl-s3);padding:var(--kl-s4);border:1px solid var(--kl-border);border-radius:var(--kl-r-lg);background:#fff;box-shadow:var(--kl-sh-1)}
 .klq-winners-public-table td{display:block;padding:0;border:0!important;background:none!important}
 .klq-winners-public-table td:nth-child(1){grid-column:1;grid-row:1}
 .klq-winners-public-table td:nth-child(3){grid-column:2;grid-row:1;align-self:center;text-align:right}
 .klq-winners-public-table td:nth-child(2){grid-column:1;grid-row:2;padding-left:48px;color:var(--kl-text-2);font-size:var(--kl-fs-sm)}
 .klq-winners-public-table td:nth-child(4){grid-column:2;grid-row:2;text-align:right}
 .klq-winners-public-table .klq-winner-prize{font-size:var(--kl-fs-lg)}
 .klq-home-cta::after{display:none}
 .klq-how-page>.klq-pagehead::after{display:none}
}

/* ---------- Reduced motion: content immediately visible, nothing moves ---------- */
@media (prefers-reduced-motion:reduce){
 .klq-motion .klq-rv{opacity:1}
 .klq-ticket,.klq-seal,.klq-rv,.klq-rv *,.klq-faq-item[open] p{animation:none!important}
 .klq-btn:hover,.klq-body a.klq-btn:hover,.klq-challenge-static:hover,.klq-winner-strip li:hover,.klq-popular-card:hover,.klq-quiz-card.klq-contest-picker:hover,.klq-steps li:hover{transform:none}
}
@media print{
 .klq-home-steps::before,.klq-home-steps::after,#klq-contests::before,.klq-challenge-zone::before,.klq-home-winners::before,.klq-home-faq::before,.klq-home-faq::after{display:none}
 .klq-motion .klq-rv{opacity:1}
}
@media (max-width:720px){
 .klq-threshold-table{min-width:0}
 .klq-threshold-table th,.klq-threshold-table td{padding:10px 8px;font-size:var(--kl-fs-sm)}
 .klq-threshold-table thead th{font-size:var(--kl-fs-xs);letter-spacing:.02em}
}