/* KRIKUMI winter palette: pale ice, ink blue and a quiet copper sunrise. */
:root{
  color-scheme:light;
  --bg:#edf3f5;--surface:#fbfcfc;--surface2:#f1f5f6;--surface3:#e4eef1;
  --text:#20384b;--muted:#536a78;--muted2:#6d818c;
  --accent:#a85d40;--accent2:#315f76;--line:rgba(33,65,81,.14);
  --success:#377961;--gold:#a96b48;
  --shadow:0 16px 44px rgba(34,67,82,.08);
}
html{background:var(--bg);color:var(--text)}
body{
  color:var(--text);
  background:linear-gradient(180deg,#f8faf9 0,#edf3f5 390px,#eaf1f3 100%);
}
.top{height:82px;border-color:rgba(33,65,81,.11);background:rgba(250,252,251,.9);box-shadow:0 8px 28px rgba(36,66,77,.05)}
.topInner{gap:0}
.brand{gap:11px;padding:0;color:var(--text);letter-spacing:.17em}
.brand img{width:46px;height:46px;object-fit:contain;flex:0 0 46px}
.brand b{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:600;letter-spacing:.12em}
.top nav{margin-left:clamp(28px,4vw,68px);gap:4px}
.top nav button{color:#526a77;font-size:14px;font-weight:650;border-radius:8px}
.top nav button:hover,.top nav button.active{color:#243f50;background:rgba(74,112,128,.09)}
.tools button{color:#456171}
.tools button:hover{background:rgba(43,86,104,.08);color:#20384b}
.avatar{background:#dce9ed!important;color:#284b5e!important;box-shadow:inset 0 0 0 1px var(--line)}
main{padding-top:26px}
.eyebrow,.panel small,.tourCard small{color:#875942;font-size:12px;letter-spacing:.1em}
.dot{background:#398468;box-shadow:none}
.winterWelcome{
  position:relative;isolation:isolate;display:flex;align-items:center;
  min-height:330px;margin:0 0 20px;padding:36px clamp(28px,4vw,58px);
  overflow:hidden;border:1px solid rgba(53,85,99,.13);border-radius:24px;
  background:#dce8ec url('/brand/winter-lake.png') center 55%/cover no-repeat;
  box-shadow:0 18px 45px rgba(39,73,89,.10)
}
.winterWelcome:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(246,250,249,.93) 0%,rgba(246,250,249,.76) 31%,rgba(246,250,249,.12) 66%,transparent 100%)
}
.winterWelcome>div:first-child{position:relative;z-index:1;max-width:610px}
.winterWelcome .eyebrow{color:#82533e;font-size:12px;font-weight:750}
.winterWelcome h1{
  max-width:540px;margin:14px 0 14px;color:#20394b;
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,72px);
  font-weight:500;letter-spacing:-.045em;line-height:1.02
}
.winterWelcome p{max-width:420px;color:#3d5968;font-size:17px;line-height:1.5}
.winterWelcome .welcomeStatus{
  position:relative;z-index:1;align-self:flex-end;margin-left:auto;padding:9px 12px;border:1px solid rgba(39,80,94,.16);
  border-radius:999px;background:rgba(250,252,251,.8);backdrop-filter:blur(12px);
  color:#345163;font-size:13px;white-space:normal
}
.homeLead{grid-template-columns:minmax(0,1.3fr) minmax(315px,.78fr);gap:18px}
.feature,.panel,.event,.pageHero,.profileHero{
  border:1px solid var(--line);background:#fbfcfc;color:var(--text);
  box-shadow:var(--shadow)
}
.feature{min-height:370px;padding:30px 34px;background:linear-gradient(145deg,#fffaf4,#fafcfb 60%,#eef5f6)}
.feature:before,.featureGlow{display:none}
.featureTop p{color:var(--muted);font-size:14px}
.featureDate{color:#526b79}
.featureBody h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.8vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1.08}
.featureLake{color:#3d5b6a!important}
.featureText{color:var(--muted);font-size:15px}
.badge{font-size:11px;letter-spacing:.05em}
.badge.accent{background:#f5e6d8;border-color:#ead3c0;color:#8c4c34}
.badge.online{background:#e4f1e9;border-color:#c7e1d1;color:#2c7158}
.primary{border-color:#995338;background:#a85d40;color:#fff;box-shadow:0 8px 18px rgba(159,85,57,.16)}
.primary:hover{background:#914d35;filter:none}
.secondary{border-color:rgba(39,78,94,.2);background:#f5f8f8;color:#284657}
.secondary:hover,.ghost:hover{background:#e8f0f2}
.ghost,.textButton{color:#385d70}
.livePanel{min-height:370px;padding:28px}
.livePanel h2,.progressCard h2,.achievementCard h2{color:#243e50;font-family:Georgia,"Times New Roman",serif;font-weight:500}
.sub{color:var(--muted)}
.liveLeaders>div{background:#f1f6f7}
.liveLeaders b{color:#718693}.liveLeaders strong{color:#254557}
.demoNote{color:#5c7380!important;font-size:12px!important}
.homePersonal{gap:18px;margin-top:18px}
.homePersonal>.panel{min-height:270px}
.levelOrb{background:#e5eff2;border-color:#ccdfe5;color:#315e72}
.levelLine,.progressMeta,.achievementCard p{color:var(--muted)}
.levelLine strong{color:#284657}
.progress{background:#dce9ed}.progress i{background:linear-gradient(90deg,#46819a,#b9805e)}
.medal{color:#a66c49;background:#f8eee3;border-color:#ead7c4;box-shadow:none}
.quickCard button{background:#f2f6f7;color:var(--text)}
.quickCard button:hover{background:#e7f0f2;border-color:var(--line)}
.quickCard button span{color:var(--muted)}.quickCard button em{color:#8c674f}
.sectionHead h2,.title h1{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.event{background:#fbfcfc}
.event>span{background:#e8f0f2;color:#355e70}.event small{color:#986248}.event>b{color:#9e745a}
.event[role="button"]:hover,.gameEvent:hover,[data-player]:hover{background:#f3f8f8;border-color:#bad3da}
.simpleStats{border-color:var(--line)}
.stat{background:#f5f8f8}.stat span{color:#5b7280}
.pageHero,.profileHero{background:linear-gradient(115deg,#f8fbfb,#e6f1f3)}
.pageHero p,.title p,.profileHero p,.info p{color:var(--muted)}
.profileLevel small{color:#8e5c43}
.switch{background:#e7eff1}.switch button.active{background:#fff}
.trow{border-color:rgba(33,65,81,.1)}.trow.me{background:#edf5f5}
.thead{color:#657c89}.player i{background:#dfecef;color:#355b6d}
.player em{color:#607783}
.info>div span{color:var(--muted)}
.tourCard.featured{background:#fff7ef}
.tableEmpty{border-color:#c6d9de;color:var(--muted)}
.archiveSearch input{background:#fff;color:var(--text)}
.archiveSearch input::placeholder{color:#728895}
.archiveSearch span{color:#8d593e}
.loadNotice{border-color:#c7dce1;background:#f9fbfa;color:#405e6d}
.loadNoticeError{border-color:#ddbda9;background:#fff9f3}
.mobile{background:rgba(250,252,251,.97);border-color:var(--line);box-shadow:0 -8px 24px rgba(41,76,91,.07)}
.mobile button{color:#617987}.mobile button.active{color:#9b573e}
/* Readable light surfaces for frequently used overlays and public sections. */
.tournamentHubCard,.tournamentDetailHero,.communitySummaryStats span,.communityRanking button,.communityGames button{
  border-color:var(--line);background:#fbfcfc;color:var(--text)
}
.tournamentHubCard:hover,.tournamentHubCard:focus-visible,.communityRanking button:hover,.communityGames button:hover{background:#f1f7f7;border-color:#abcbd4}
.tournamentHubCardTop,.tournamentHubCardStats,.tournamentHubCard p{color:var(--muted)}
.tournamentHubCardStats b,.tournamentHubEmpty h2{color:var(--text)}
.tournamentHubEmpty{border-color:#c5d9de;color:var(--muted)}
.tournamentStatus{background:#e7eff1;color:#456171}
.tournamentStatus.done,.tournamentStatus.planned{background:#e3eff2;color:#315f74}
.tournamentStatus.live{background:#e4f1e9;color:#2c7158}
.tournamentStatus.review{background:#f7eadd;color:#8d5d35}
.kr-search{background:rgba(30,56,69,.35)}
.kr-search__dialog,.accountDialog,.reportDialog{
  border:1px solid #cbdde1;background:#fbfcfc;color:var(--text);
  box-shadow:0 30px 85px rgba(29,58,71,.22)
}
.kr-search__input,.accountForm input,.reportCreate input,.reportCreate select,.reportCreate textarea,.reportItem textarea,.reportActions select{
  border:1px solid #c4d8de;background:#fff;color:var(--text)
}
.kr-search__close,.accountClose,.reportTop>button{background:#e9f1f3;color:#315468}
.kr-search__item:hover,.kr-search__item:focus-visible{background:#edf5f6}
.kr-search__icon{background:#e5eff2;color:#315e72}
.kr-search__group>small{color:#8d5b42}
.accountTabs{background:#edf3f4}.accountTabs button{color:#536b79}.accountTabs button.active{background:#fff;color:#294759}
.accountForm label,.accountEmail,.reportCreate label,.reportItem label{color:#405c6b}
.accountForm small,.accountHint,.reportTop p,.reportList>p,.reportItem>small,.reportHistory p{color:#5d7380}
.reportCreate,.reportItem{border-color:#d2e1e4;background:#f5f9f9}
.reportItem>p{color:#304d5d}.reportItem .reportReference{color:#5c7480}
.reportHistory{background:#e9f1f2}
.reportQueueFilters button{border-color:#c6d9de;background:#f0f5f5;color:#35576a}
.reportQueueFilters button[aria-pressed="true"]{border-color:#a96748;background:#f7e8dc;color:#78432e}
.reportNotice{background:#e8f2f3;color:#315b6e}
.connectionStatus{border-color:#bfd4da;background:rgba(250,252,251,.96);color:#294759;box-shadow:0 18px 50px rgba(37,69,84,.18)}
.connectionStatus button,.connectionStatus a{background:#e8f0f2}
@media(max-width:1100px){
  .homeLead{grid-template-columns:1fr}
  .winterWelcome{min-height:300px}
  .winterWelcome .welcomeStatus{max-width:260px}
}
@media(max-width:760px){
  .top{height:66px}.brand img{width:38px;height:38px;flex-basis:38px}
  .brand b{font-size:16px}
  main{padding-top:16px}
  .winterWelcome{min-height:310px;padding:25px 23px;align-items:flex-start;flex-direction:column;gap:16px;border-radius:20px;background-position:50% center}
  .winterWelcome:before{background:linear-gradient(180deg,rgba(248,251,250,.95),rgba(248,251,250,.68) 53%,rgba(248,251,250,.12) 100%)}
  .winterWelcome h1{margin:10px 0;font-size:clamp(40px,10vw,54px)}
  .winterWelcome p{font-size:15px}
  .winterWelcome .welcomeStatus{margin:0;align-self:flex-start;font-size:12px}
  .feature{min-height:320px;padding:25px 22px}
  .featureBody h1{font-size:40px}
  .livePanel{min-height:auto}
  .mobile{background:rgba(250,252,251,.97)}
}
@media(max-width:420px){
  .brand b{display:block;font-size:14px}
  .winterWelcome{min-height:300px}
  .winterWelcome h1{font-size:41px}
}
@media(prefers-reduced-motion:reduce){
  .event,.gameEvent,.top nav button,.primary,.secondary{transition:none}
}

/* The account panel stays on the same pale winter surface as the public home. */
.homePersonal>.forYouCard{
  border-color:var(--line);
  background:linear-gradient(130deg,#fffaf4,#fbfcfc 58%,#eef5f6);
  color:var(--text);
  box-shadow:var(--shadow)
}
.forYouCard h2,.forYouNext strong{color:#243e50}
.forYouCard h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.forYouCard p,.forYouHint span{color:#536a78}
.forYouGuestPoints span,.forYouMetrics>div{
  border:1px solid #d5e3e6;background:#f2f7f7;color:#405d6b
}
.forYouHint i{background:#e4eff2;color:#315f76}
.forYouVerified{border-color:#c7e1d1;background:#e4f1e9;color:#2c7158}
.forYouTop>strong{color:#284657}
.forYouTop>strong small,.forYouMetrics span{color:#607783}
.forYouXp>div:first-child,.forYouGoal>b{color:#536a78}
.forYouXp>div:first-child b{color:#284657}
.forYouTrack,.forYouMiniTrack{background:#dce9ed}
.forYouTrack i,.forYouMiniTrack i{background:linear-gradient(90deg,#46819a,#b9805e)}
.forYouNext{border-color:#d5e3e6}
.forYouNext>div:first-child>span{color:#8d5b41}
.forYouWaiting{border-color:#cddfe3}

.profilePersonal{margin-top:18px}
.profilePersonal>.forYouCard{
  min-height:260px;padding:26px;display:flex;flex-direction:column;
  justify-content:space-between;gap:20px;border-color:var(--line);
  background:linear-gradient(130deg,#fffaf4,#fbfcfc 58%,#eef5f6);
  color:var(--text);box-shadow:var(--shadow)
}
.profilePersonal .forYouCard button[data-page="profile"]{display:none}
.personalProfileHero{min-height:180px}
@media(max-width:650px){
  .profilePersonal>.forYouCard{min-height:0;padding:20px}
}
