/* KALAK_POLISH_V207 */
body.xd-kalak-v2{
  --kalak-accent:#f59e0b;
  --kalak-accent-2:#fb923c;
  --kalak-panel:rgba(22,22,22,.86);
  --kalak-line:rgba(255,255,255,.085);
  --kalak-soft:rgba(245,158,11,.085);
  background:
    radial-gradient(circle at 50% -10%,rgba(245,158,11,.12),transparent 34%),
    radial-gradient(circle at 105% 78%,rgba(234,88,12,.055),transparent 30%),
    #0d0d0e!important;
}
body.xd-kalak-v2 .game-page{width:min(1180px,100%);margin-inline:auto;padding-inline:18px!important;padding-bottom:72px!important}
body.xd-kalak-v2 [data-screen]{animation:kalakFade207 .28s ease both}
@keyframes kalakFade207{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

body.xd-kalak-v2 .home-screen{max-width:1120px;margin-inline:auto}
body.xd-kalak-v2 .home-kicker{
  position:relative;overflow:hidden;display:flex!important;align-items:center!important;gap:13px!important;
  margin:6px 0 18px!important;padding:16px 18px!important;border:1px solid rgba(245,158,11,.15)!important;
  border-radius:20px!important;background:linear-gradient(135deg,rgba(245,158,11,.09),rgba(255,255,255,.018) 48%,rgba(255,255,255,.025))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}
body.xd-kalak-v2 .home-kicker:after{content:'';position:absolute;inset:auto -12% -70% 35%;height:150%;background:radial-gradient(circle,rgba(245,158,11,.12),transparent 66%);pointer-events:none}
body.xd-kalak-v2 .home-kicker>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.2);font-size:1.35rem;box-shadow:inset 0 1px rgba(255,255,255,.05)}
body.xd-kalak-v2 .home-kicker b{font-size:1.1rem!important;font-weight:950!important;letter-spacing:-.03em}
body.xd-kalak-v2 .home-kicker small{margin-top:2px;color:#9b9ba3!important;font-size:.64rem!important;line-height:1.7!important}

body.xd-kalak-v2 .home-grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;gap:16px!important;align-items:stretch!important}
body.xd-kalak-v2 .entry-panel,
body.xd-kalak-v2 .panel,
body.xd-kalak-v2 .answer-box,
body.xd-kalak-v2 .progress-box{
  border:1px solid var(--kalak-line)!important;border-radius:22px!important;
  background:linear-gradient(180deg,rgba(25,25,26,.94),rgba(15,15,16,.95))!important;
  box-shadow:0 22px 55px rgba(0,0,0,.22)!important;
}
body.xd-kalak-v2 .entry-panel{padding:20px!important;position:relative;overflow:hidden}
body.xd-kalak-v2 .entry-panel:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.28),transparent);pointer-events:none}
body.xd-kalak-v2 .entry-title{display:flex!important;gap:11px!important;align-items:center!important;margin-bottom:17px!important}
body.xd-kalak-v2 .entry-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(245,158,11,.11)!important;border:1px solid rgba(245,158,11,.18)!important;color:#fbbf24!important;font-size:1.15rem!important}
body.xd-kalak-v2 .entry-title h2{font-size:.98rem!important;font-weight:950!important;letter-spacing:-.025em}
body.xd-kalak-v2 .entry-title p{color:#818189!important;font-size:.58rem!important;margin-top:2px!important}

body.xd-kalak-v2 .settings-grid{gap:9px!important;margin-bottom:16px!important}
body.xd-kalak-v2 .field{gap:7px!important}
body.xd-kalak-v2 .field>span,body.xd-kalak-v2 .field label{font-weight:850!important;color:#aaaab2!important;font-size:.57rem!important}
body.xd-kalak-v2 select,body.xd-kalak-v2 input{
  border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:#111113!important;
  color:#f5f5f5!important;min-height:44px!important;box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.xd-kalak-v2 select:focus,body.xd-kalak-v2 input:focus{outline:none!important;border-color:rgba(245,158,11,.48)!important;box-shadow:0 0 0 3px rgba(245,158,11,.08)!important;background:#141414!important}
body.xd-kalak-v2 .category-head{margin:3px 1px 9px!important}
body.xd-kalak-v2 .category-head b{font-size:.69rem!important}
body.xd-kalak-v2 .category-head small{color:#72727a!important;font-size:.5rem!important}
body.xd-kalak-v2 .category-picker{gap:7px!important;margin-bottom:17px!important}
body.xd-kalak-v2 .category-chip{
  min-height:36px!important;padding:7px 10px!important;border-radius:11px!important;background:#111113!important;
  border:1px solid rgba(255,255,255,.075)!important;color:#9b9ba3!important;font-weight:850!important;transition:.18s ease!important;
}
body.xd-kalak-v2 .category-chip:hover{border-color:rgba(245,158,11,.24)!important;color:#e7e7e9!important;transform:translateY(-1px)}
body.xd-kalak-v2 .category-chip.selected{background:rgba(245,158,11,.11)!important;border-color:rgba(245,158,11,.34)!important;color:#fbbf24!important;box-shadow:inset 0 0 0 1px rgba(245,158,11,.045)!important}

body.xd-kalak-v2 .primary-btn{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#171008!important;font-weight:950!important;box-shadow:0 10px 26px rgba(234,88,12,.16)!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
body.xd-kalak-v2 .primary-btn:hover{filter:brightness(1.055);transform:translateY(-1px);box-shadow:0 14px 30px rgba(234,88,12,.22)!important}
body.xd-kalak-v2 .secondary-btn{border-radius:12px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.11)!important;color:#e7e7e9!important;font-weight:900!important}
body.xd-kalak-v2 .secondary-btn:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(245,158,11,.22)!important}
body.xd-kalak-v2 .how-card{margin-top:17px!important;padding:15px 16px!important;border-radius:15px!important;background:rgba(245,158,11,.045)!important;border:1px solid rgba(245,158,11,.105)!important}
body.xd-kalak-v2 .how-card>b{color:#fbbf24!important;font-size:.68rem!important}
body.xd-kalak-v2 .how-card li{color:#919198!important;line-height:1.9!important;font-size:.56rem!important}

body.xd-kalak-v2 .room-bar{padding:14px 16px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(19,19,20,.9)!important;box-shadow:0 18px 46px rgba(0,0,0,.2)!important}
body.xd-kalak-v2 .room-code{font-family:'JetBrains Mono',monospace!important;color:#fbbf24!important;letter-spacing:.12em!important;font-size:1.45rem!important}
body.xd-kalak-v2 .lobby-grid{gap:14px!important}
body.xd-kalak-v2 .players-grid{gap:9px!important}
body.xd-kalak-v2 .player{padding:10px 11px!important;border-radius:13px!important;background:#111113!important;border:1px solid rgba(255,255,255,.065)!important}
body.xd-kalak-v2 .player img{width:38px!important;height:38px!important;border-radius:11px!important}
body.xd-kalak-v2 .host-panel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:22px!important;background:radial-gradient(circle at 50% 20%,rgba(245,158,11,.09),transparent 35%),linear-gradient(180deg,rgba(25,25,26,.94),rgba(15,15,16,.96))!important}
body.xd-kalak-v2 .host-symbol{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.18);font-size:1.65rem;margin-bottom:8px}

body.xd-kalak-v2 .phase-head,body.xd-kalak-v2 .phase-topbar,body.xd-kalak-v2 .vote-head{
  border:1px solid rgba(255,255,255,.075)!important;border-radius:18px!important;background:rgba(18,18,19,.88)!important;padding:15px 17px!important;box-shadow:0 16px 40px rgba(0,0,0,.17)!important
}
body.xd-kalak-v2 .phase-badge,body.xd-kalak-v2 .correct-chip{border-radius:999px!important;background:rgba(245,158,11,.09)!important;border:1px solid rgba(245,158,11,.18)!important;color:#fbbf24!important;padding:7px 11px!important}
body.xd-kalak-v2 .question-card{position:relative;overflow:hidden;border:1px solid rgba(245,158,11,.15)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(245,158,11,.07),rgba(18,18,19,.94) 48%)!important;box-shadow:0 20px 50px rgba(0,0,0,.2)!important;padding:24px!important}
body.xd-kalak-v2 .question-card .question-mark{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(245,158,11,.12)!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.2)!important}
body.xd-kalak-v2 .question-card h2{font-size:clamp(1.05rem,2.4vw,1.48rem)!important;line-height:1.7!important;font-weight:950!important}
body.xd-kalak-v2 .answer-layout{gap:14px!important}
body.xd-kalak-v2 .answer-box,body.xd-kalak-v2 .progress-box{padding:18px!important}
body.xd-kalak-v2 .progress-box{background:radial-gradient(circle at 50% 20%,rgba(245,158,11,.075),transparent 42%),linear-gradient(180deg,rgba(25,25,26,.94),rgba(15,15,16,.95))!important;text-align:center!important}
body.xd-kalak-v2 .big-count b{color:#fbbf24!important;font-size:2.25rem!important}
body.xd-kalak-v2 .timer{font-family:'JetBrains Mono',monospace!important;border-radius:11px!important;background:#111113!important;border:1px solid rgba(255,255,255,.08)!important;color:#fbbf24!important;padding:8px 11px!important}
body.xd-kalak-v2 .timer.low{color:#fb7185!important;border-color:rgba(251,113,133,.25)!important;background:rgba(127,29,29,.12)!important}

body.xd-kalak-v2 .vote-options,body.xd-kalak-v2 .reveal-options{gap:10px!important}
body.xd-kalak-v2 .vote-option,body.xd-kalak-v2 .reveal-option{border-radius:15px!important;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,#171719,#111113)!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
body.xd-kalak-v2 .vote-option:not(:disabled):hover{border-color:rgba(245,158,11,.32)!important;background:linear-gradient(180deg,rgba(245,158,11,.07),#111113)!important;transform:translateY(-2px)!important}
body.xd-kalak-v2 .vote-option.own{opacity:.52!important}
body.xd-kalak-v2 .reveal-option.correct{border-color:rgba(74,222,128,.28)!important;background:linear-gradient(135deg,rgba(22,101,52,.14),#111113)!important}
body.xd-kalak-v2 .reveal-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(245,158,11,.08)!important}
body.xd-kalak-v2 .winner-card{border-radius:25px!important;border:1px solid rgba(245,158,11,.18)!important;background:radial-gradient(circle at 50% 18%,rgba(245,158,11,.14),transparent 35%),linear-gradient(180deg,#191919,#101011)!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important}

@media(max-width:820px){
 body.xd-kalak-v2 .game-page{padding-inline:12px!important}
 body.xd-kalak-v2 .home-grid{grid-template-columns:1fr!important}
 body.xd-kalak-v2 .join-panel{min-height:0!important}
 body.xd-kalak-v2 .lobby-grid,body.xd-kalak-v2 .answer-layout{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 body.xd-kalak-v2 .game-page{padding-inline:9px!important}
 body.xd-kalak-v2 .home-kicker{padding:13px!important;border-radius:17px!important}
 body.xd-kalak-v2 .home-kicker>span{width:42px;height:42px;border-radius:13px}
 body.xd-kalak-v2 .home-kicker b{font-size:.92rem!important}
 body.xd-kalak-v2 .entry-panel{padding:15px!important;border-radius:18px!important}
 body.xd-kalak-v2 .settings-grid{grid-template-columns:1fr 1fr!important}
 body.xd-kalak-v2 .question-card{padding:18px!important;border-radius:18px!important}
 body.xd-kalak-v2 .room-bar{align-items:flex-start!important;gap:10px!important}
 body.xd-kalak-v2 .room-actions{gap:6px!important;flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce){body.xd-kalak-v2 [data-screen]{animation:none!important}}
/* /KALAK_POLISH_V207 */
