/* XD_AZHALHA_KAHOOT_DISCOVER_CLASSIC_V1 */
:root{
  --kh-purple:#46178f;
  --kh-purple-2:#6c3bb1;
  --kh-deep:#24142f;
  --kh-card:#ffffff;
  --kh-text:#29252d;
  --kh-muted:#6e6876;
  --kh-shadow:0 7px 0 rgba(25,12,39,.18),0 18px 38px rgba(32,14,53,.16);
}
html,body{background:#f5f3f7!important;color:var(--kh-text)!important}
body{
  background:
    radial-gradient(circle at 50% -15%,rgba(108,59,177,.17),transparent 32%),
    linear-gradient(180deg,#f9f8fb 0%,#f4f1f7 100%)!important;
}
.site-top{
  background:#fff!important;
  border-bottom:1px solid rgba(49,30,67,.08)!important;
  box-shadow:0 2px 12px rgba(35,18,52,.06)!important;
  backdrop-filter:none!important;
}
.site-top .brand-mini{color:#6d6474!important}
.site-top .brand-mini strong{color:#2e2932!important}
.site-top .account-pill{
  background:#f7f5f8!important;
  border:1px solid rgba(70,23,143,.10)!important;
}
.site-top .account-pill b{color:#302934!important}
.site-top .account-pill small{color:#8d8494!important}
.site-top .btn-ghost{
  background:#f3eff7!important;
  border:0!important;
  color:#4b2871!important;
  box-shadow:none!important;
}
.page{
  width:min(1260px,calc(100% - 34px))!important;
  padding-top:28px!important;
}
.discover-head{
  position:relative;
  align-items:center!important;
  min-height:190px;
  margin:0 0 22px!important;
  padding:30px 34px;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 30%,rgba(255,255,255,.20),transparent 24%),
    radial-gradient(circle at 15% 120%,rgba(255,255,255,.13),transparent 30%),
    linear-gradient(135deg,#46178f,#673ab7 64%,#7847c2);
  color:#fff;
  box-shadow:0 14px 34px rgba(70,23,143,.20);
}
.discover-head:after{
  content:"?";
  position:absolute;
  left:38px;
  bottom:-52px;
  font-size:14rem;
  line-height:1;
  font-weight:1000;
  color:rgba(255,255,255,.06);
  transform:rotate(-12deg);
  pointer-events:none;
}
.discover-head>div:first-child{position:relative;z-index:1;max-width:670px}
.discover-head .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  border-radius:6px;
  background:rgba(255,255,255,.15);
  color:#fff!important;
  letter-spacing:0!important;
}
.discover-head h1{
  color:#fff!important;
  font-size:clamp(2rem,4.8vw,3.7rem)!important;
  letter-spacing:-.035em;
  margin:8px 0 7px!important;
}
.discover-head p{
  max-width:620px;
  color:rgba(255,255,255,.82)!important;
  font-size:.78rem!important;
  line-height:1.9;
}
.discover-head .head-actions{position:relative;z-index:2}
.discover-head #createBtn{
  min-height:52px;
  padding-inline:22px!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#3d176a!important;
  box-shadow:0 4px 0 rgba(29,13,47,.26)!important;
}
.inline-join{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:18px!important;
  align-items:center!important;
  padding:18px 20px!important;
  margin-bottom:18px!important;
  border:1px solid rgba(70,23,143,.10)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 6px 22px rgba(46,25,64,.07)!important;
}
.join-copy{gap:12px!important}
.join-hash{
  width:46px!important;
  height:46px!important;
  border-radius:7px!important;
  background:#46178f!important;
  color:#fff!important;
  box-shadow:0 3px 0 rgba(44,15,83,.24);
}
.join-copy b{color:#302934!important;font-size:.76rem!important}
.join-copy small{color:#817889!important}
.inline-join .join-controls{width:auto!important}
.inline-join .pin-input{
  width:210px!important;
  min-height:46px;
  border:2px solid #c9c4cd!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#26212a!important;
  font-size:1rem!important;
  box-shadow:none!important;
}
.inline-join #joinBtn{
  min-width:94px;
  min-height:46px;
  border-radius:5px!important;
  background:#333!important;
  color:#fff!important;
  box-shadow:0 3px 0 rgba(0,0,0,.18)!important;
}
.toolbar{
  grid-template-columns:minmax(260px,1fr) auto 160px!important;
  gap:12px!important;
  margin:18px 0 24px!important;
}
.search-wrap .input,.sort-select{
  min-height:46px;
  background:#fff!important;
  color:#2d2731!important;
  border:1px solid rgba(62,38,83,.13)!important;
  border-radius:9px!important;
  box-shadow:0 3px 12px rgba(42,22,58,.04);
}
.search-wrap>span{color:#6f6578!important}
.tabs{
  height:46px;
  padding:4px!important;
  border:0!important;
  border-radius:9px!important;
  background:#e9e3ef!important;
}
.tab{
  min-width:92px;
  border-radius:6px!important;
  color:#675d70!important;
  font-size:.65rem!important;
}
.tab.active{
  background:#46178f!important;
  color:#fff!important;
  box-shadow:0 2px 0 rgba(44,15,83,.16);
}
.section-title{margin-bottom:14px!important}
.section-title h2{color:#2e2932!important;font-size:1.1rem!important}
.section-title p{color:#817889!important}
.section-title .chip{
  background:#ede7f3!important;
  border:0!important;
  color:#55298b!important;
  font-size:.6rem!important;
}
.quiz-grid{gap:16px!important}
.quiz-card{
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(35,18,52,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.quiz-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 10px 26px rgba(35,18,52,.13)!important;
}
.cover{
  background:linear-gradient(135deg,#5c2f9b,#452064)!important;
  border-radius:12px 12px 0 0;
}
.cover .chip{
  border:0!important;
  background:rgba(39,20,54,.80)!important;
  color:#fff!important;
}
.card-body{padding:14px 15px 15px!important}
.card-body h3{color:#29252d!important;font-size:.86rem!important}
.card-body p{color:#7c7482!important}
.card-meta .chip{
  border:0!important;
  background:#f0edf3!important;
  color:#655b6c!important;
}
.owner-row{
  border-top:1px solid #eee9f1!important;
}
.owner-row img{border-radius:50%!important}
.owner-row b{color:#363039!important}
.owner-row small{color:#8d8494!important}
.card-actions{grid-template-columns:1fr auto!important}
.card-actions .btn-primary{
  border-radius:6px!important;
  background:#46178f!important;
  color:#fff!important;
  box-shadow:0 3px 0 rgba(44,15,83,.18)!important;
}
.card-actions .btn-secondary{
  border-radius:6px!important;
  background:#ece7f0!important;
  border:0!important;
  color:#4b4251!important;
}
.card-actions .btn-danger{
  border-radius:6px!important;
  background:#fff0f2!important;
  border:0!important;
  color:#a7283c!important;
}
.empty-state{
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#302934!important;
  box-shadow:0 5px 18px rgba(35,18,52,.07)!important;
}
.empty-state p{color:#817889!important}
.empty-state .btn-primary{
  background:#46178f!important;
  color:#fff!important;
  border-radius:6px!important;
}
.toast{
  background:#2d2631!important;
  color:#fff!important;
  border:0!important;
}
@media(max-width:760px){
  .page{width:min(100% - 16px,1260px)!important;padding-top:14px!important}
  .discover-head{min-height:160px;padding:22px 18px;border-radius:16px}
  .discover-head h1{font-size:clamp(1.8rem,10vw,2.8rem)!important}
  .discover-head p{font-size:.66rem!important}
  .discover-head:after{font-size:10rem}
  .discover-head .head-actions{margin-top:16px}
  .discover-head #createBtn{width:100%}
  .inline-join{grid-template-columns:1fr!important;padding:14px!important}
  .inline-join .join-controls{width:100%!important}
  .inline-join .pin-input{width:100%!important}
  .toolbar{grid-template-columns:1fr!important}
  .tabs{width:100%}
  .tab{flex:1}
  .quiz-grid{grid-template-columns:1fr!important}
}


/* XD_AZHALHA_KAHOOT_DISCOVER_CLASSIC_V2 */
.page .btn,
.site-top .btn,
.toolbar .tab{
  position:relative;
  font-weight:1000!important;
  transition:
    transform .12s cubic-bezier(.2,.8,.2,1),
    box-shadow .12s ease,
    filter .12s ease,
    background .12s ease!important;
}
.page .btn:not(:disabled):hover,
.site-top .btn:not(:disabled):hover,
.toolbar .tab:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.03);
}
.page .btn:not(:disabled):active,
.site-top .btn:not(:disabled):active,
.toolbar .tab:active{
  transform:translateY(2px)!important;
  filter:brightness(.97);
}
.page .btn:focus-visible,
.site-top .btn:focus-visible,
.toolbar .tab:focus-visible,
.search-wrap .input:focus-visible,
.sort-select:focus-visible,
.pin-input:focus-visible{
  outline:3px solid rgba(70,23,143,.18)!important;
  outline-offset:2px!important;
}
.discover-head #createBtn{
  font-size:.78rem!important;
  box-shadow:0 4px 0 rgba(29,13,47,.28),0 9px 18px rgba(38,15,58,.14)!important;
}
.inline-join #joinBtn{
  box-shadow:0 4px 0 rgba(0,0,0,.22),0 8px 16px rgba(26,16,31,.10)!important;
}
.tab.active{
  box-shadow:0 3px 0 rgba(44,15,83,.18)!important;
}
.quiz-card{
  transform-origin:center bottom;
}
.quiz-card:hover{
  transform:translateY(-4px) scale(1.006)!important;
}
.card-actions .btn{
  min-height:38px!important;
}
.card-actions .btn-primary{
  box-shadow:0 3px 0 rgba(44,15,83,.18),0 6px 12px rgba(50,21,76,.08)!important;
}
.card-actions .btn-secondary,
.card-actions .btn-danger{
  box-shadow:0 2px 0 rgba(45,28,57,.10)!important;
}
.quiz-card{
  animation:azKCardIn .32s cubic-bezier(.2,.8,.2,1) both;
}
.quiz-card:nth-child(2){animation-delay:.025s}
.quiz-card:nth-child(3){animation-delay:.05s}
.quiz-card:nth-child(4){animation-delay:.075s}
.quiz-card:nth-child(5){animation-delay:.10s}
.quiz-card:nth-child(6){animation-delay:.125s}
@keyframes azKCardIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:none}
}
.tabs{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.search-wrap .input,
.sort-select,
.inline-join .pin-input{
  transition:border-color .12s ease,box-shadow .12s ease,background .12s ease!important;
}
.search-wrap .input:focus,
.sort-select:focus,
.inline-join .pin-input:focus{
  border-color:rgba(70,23,143,.35)!important;
  box-shadow:0 0 0 4px rgba(70,23,143,.07)!important;
}