.cw-play-header{margin:0 auto;padding:18px 18px 0;background:transparent;border:0;position:relative;z-index:40;font-family:Georgia,"Times New Roman",Times,serif;box-sizing:border-box;color:#1a120b}
.cw-play-header*,.cw-play-header*::before,.cw-play-header*::after{box-sizing:border-box}
.cw-play-header__card{width:100%;max-width:980px;margin:0 auto 20px;padding:18px 18px 16px;border:1px solid rgba(216,199,180,.85);border-radius:23px;background:linear-gradient(180deg,#fffbf5 0%,#f6eee3 100%);box-shadow:0 18px 38px rgba(73,45,22,.11);text-align:center;overflow:visible;position:relative;z-index:41}
.cw-play-header__nav-shell{position:relative;z-index:70;width:100%;margin:0 0 14px}
.cw-play-header__nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:center;width:100%}
.cw-play-header__nav-btn,.cw-play-header__tool-button,.cw-play-header__lang-btn{color:#332012;text-decoration:none!important;border:1px solid rgba(131,82,38,.25);background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.58) 0,rgba(255,255,255,0) 36%),linear-gradient(180deg,#fff2dc 0%,#e4c393 52%,#cda66c 100%);box-shadow:0 4px 10px rgba(117,73,33,.18),inset 0 1px 0 rgba(255,255,255,.72);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease;appearance:none;-webkit-appearance:none;cursor:pointer;font-family:Georgia,"Times New Roman",Times,serif}
.cw-play-header__nav-btn{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;padding:6px 8px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap}
.cw-play-header__nav-btn:hover,.cw-play-header__tool-button:hover,.cw-play-header__lang-btn:hover,.cw-play-header__nav-btn.is-current{transform:translateY(-1px);filter:saturate(1.03);box-shadow:0 7px 14px rgba(117,73,33,.22),inset 0 1px 0 rgba(255,255,255,.76)}
.cw-play-header__nav-share{padding:0}
.cw-play-share-icon-svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.cw-play-header__nav-mobile-wrap{display:none;position:relative}
.cw-play-header__nav-more{gap:6px}
.cw-play-header__nav-more-icon{font-size:12px;line-height:1;transform:translateY(-.5px)}
.cw-play-header__title{width:min(780px,calc(100% - 160px));min-height:120px;margin:0 auto 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 22px 20px;border-radius:19px;border:1px solid rgba(80,45,21,.42);background:radial-gradient(circle at 34% 10%,rgba(255,235,199,.42) 0,rgba(255,235,199,0) 42%),linear-gradient(180deg,#d6ac7a 0%,#a56a3a 49%,#744522 100%);box-shadow:0 12px 25px rgba(64,38,20,.30),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(48,25,11,.24);text-align:center;color:#130b06;text-shadow:0 1px 0 rgba(255,255,255,.18);font:800 clamp(34px,5.1vw,54px)/1 Georgia,"Times New Roman",Times,serif;letter-spacing:.2px}
.cw-play-header__title-brand{display:block;line-height:1;text-decoration:none;color:inherit}
.cw-play-header__title-sep{display:none}
.cw-play-header__title-sub{display:block;margin-top:8px;font-size:clamp(24px,3.1vw,36px);font-weight:800;line-height:1.05;color:#150b05;text-transform:none}
.cw-play-header__bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 34px 0 76px;min-height:42px;width:100%}
.cw-play-header__lead{margin:0;max-width:660px;color:#1b0f07;font:500 15px/1.45 Georgia,"Times New Roman",Times,serif;text-align:left}
.cw-play-header__utility{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.cw-play-header__tool-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.cw-play-header__tool-button{width:40px;min-width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:linear-gradient(180deg,#fffdf8 0%,#fbf1e2 100%);box-shadow:0 4px 10px rgba(117,73,33,.13),inset 0 1px 0 rgba(255,255,255,.72);line-height:1}
.cw-play-header__tool-button.is-open{border-color:rgba(126,87,49,.34);box-shadow:0 7px 16px rgba(103,77,48,.18),inset 0 1px 0 rgba(255,255,255,.75)}
.cw-play-header__menu-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.cw-play-header__lang-switcher{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(216,199,180,.9);box-shadow:0 4px 10px rgba(88,54,27,.08)}
.cw-play-header__lang-btn{min-height:22px;min-width:56px;padding:4px 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:8px;font-weight:800;line-height:1;background:transparent;box-shadow:none;text-shadow:none;color:#332012!important}
.cw-play-header__lang-btn.is-active{border-color:#c29b75;background:linear-gradient(180deg,#f5e5cf 0%,#e6c9a5 100%);color:#6a3819!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.cw-play-header__flag{display:inline-block;flex:0 0 auto;width:16px;height:11px;border-radius:2px;border:1px solid rgba(92,56,28,.24);box-shadow:0 1px 2px rgba(74,43,19,.12);overflow:hidden}
.cw-play-header__flag--pl{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%)}
.cw-play-header__flag--en{position:relative;background:#012169}
.cw-play-header__flag--en::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0 38%,#fff 38% 45%,#c8102e 45% 55%,#fff 55% 62%,transparent 62% 100%),linear-gradient(to right,transparent 0 38%,#fff 38% 45%,#c8102e 45% 55%,#fff 55% 62%,transparent 62% 100%)}
.cw-play-header__lang-code{display:inline-flex;align-items:center;line-height:1}
.cw-play-header__popover{position:absolute;top:calc(100% + 10px);z-index:120;padding:10px;border:1px solid rgba(216,199,180,.9);border-radius:18px;background:linear-gradient(180deg,#fffaf4 0%,#f4ede4 100%);box-shadow:0 18px 36px rgba(73,45,22,.18),0 3px 10px rgba(73,45,22,.08);display:grid;gap:8px;text-align:left;color:#4b2b16}
.cw-play-header__popover[hidden]{display:none!important}
.cw-play-header__portal-panel{right:0;width:min(318px,calc(100vw - 36px));max-height:min(68vh,560px);overflow:auto;align-content:start}
.cw-play-header__nav-drawer{right:0;width:min(250px,calc(100vw - 24px))}
.cw-play-header__nav-drawer-links{display:grid;gap:8px}
.cw-play-header__nav-drawer-link,.cw-play-header__menu-link,.cw-play-header__menu-summary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:9px 12px;border-radius:13px;border:1px solid rgba(113,67,31,.16);background:rgba(255,255,255,.72);color:#5f351c!important;font-size:13px;font-weight:700;text-decoration:none!important;text-align:center;appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer;font-family:Georgia,"Times New Roman",Times,serif;line-height:1.18}
.cw-play-header__menu-link,.cw-play-header__menu-summary{justify-content:space-between;min-height:44px;padding:10px 14px;border-radius:14px;text-align:left;font-size:14px}
.cw-play-header__nav-drawer-link:hover,.cw-play-header__menu-link:hover,.cw-play-header__menu-summary:hover,.cw-play-header__menu-subitem:hover{background:linear-gradient(180deg,#fffdf8 0%,#f6efe5 100%);box-shadow:0 6px 14px rgba(103,77,48,.08)}
.cw-play-header__menu-link.is-current{border-color:#c9ab8c;background:#ead8c4;color:#6b4529!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 8px 16px rgba(103,77,48,.10)}
.cw-play-header__menu-status{font-size:12px;font-weight:700;color:#6f5b4c;flex:0 0 auto}
.cw-play-header__menu-link.is-current .cw-play-header__menu-status{color:inherit}
.cw-play-header__menu-group{display:grid;gap:7px;margin:0}
.cw-play-header__menu-summary{position:relative;padding-right:38px;list-style:none;user-select:none}
.cw-play-header__menu-summary::-webkit-details-marker{display:none}
.cw-play-header__menu-summary::after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;line-height:1;color:#7a5639;transition:transform .16s ease}
.cw-play-header__menu-group[open] .cw-play-header__menu-summary::after{transform:translateY(-50%) rotate(180deg)}
.cw-play-header__menu-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 2px 2px 10px}
.cw-play-header__menu-subitem{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 9px;border-radius:12px;border:1px solid rgba(113,67,31,.12);background:rgba(255,255,255,.54);color:#5f351c!important;font-size:12px;font-weight:700;line-height:1.1;text-align:center;text-decoration:none!important;overflow-wrap:anywhere}
.cw-play-header__menu-subitem--overview{grid-column:1/-1;min-height:36px;font-weight:800}
.cw-play-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:980px){.cw-play-header__nav{gap:7px}.cw-play-header__nav-btn{font-size:12px}.cw-play-header__bottom{padding:0 18px}.cw-play-header__lead{max-width:none}}
@media (max-width:760px){.cw-play-header{padding:12px 12px 0}.cw-play-header__card{padding:12px;border-radius:21px}.cw-play-header__nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cw-play-header__nav-mobile-wrap{display:block}.cw-play-header__nav-mobile-hidden{display:none}.cw-play-header__nav-btn{min-height:34px;padding:6px 8px;font-size:12px}.cw-play-header__title{width:100%;min-height:88px;margin-bottom:12px;padding:12px 12px 14px;border-radius:17px}.cw-play-header__title-brand{font-size:clamp(22px,8.6vw,30px);line-height:1.02}.cw-play-header__title-sub{margin-top:5px;font-size:clamp(16px,5.8vw,22px);line-height:1.04}.cw-play-header__bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px;padding:0;min-height:0}.cw-play-header__lead{display:none}.cw-play-header__utility{justify-content:center;gap:6px}.cw-play-header__tool-button{width:36px;min-width:36px;height:36px;font-size:12px}.cw-play-header__menu-icon{width:16px;height:16px}.cw-play-header__lang-switcher{padding:2px;gap:2px}.cw-play-header__flag{width:14px;height:10px}.cw-play-header__lang-btn{min-width:52px;min-height:20px;padding:3px 5px;font-size:8px}.cw-play-header__portal-panel{right:0;width:min(300px,calc(100vw - 28px))}.cw-play-header__menu-subgrid{grid-template-columns:1fr;padding-left:8px}}
@media (max-width:430px){.cw-play-header{padding:10px 8px 0}.cw-play-header__card{padding:10px;border-radius:18px}.cw-play-header__nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cw-play-header__nav-btn{min-height:32px;padding:5px 6px;font-size:11px}.cw-play-header__nav-drawer{right:0;width:min(220px,calc(100vw - 20px));transform:none}.cw-play-header__title{min-height:84px}.cw-play-header__title-brand{font-size:26px}.cw-play-header__title-sub{font-size:18px}.cw-play-header__portal-panel{right:50%;transform:translateX(50%);width:min(300px,calc(100vw - 24px))}.cw-play-header__lang-btn{min-width:48px}}

/* Hamburger icon correction: larger, clearer strokes without changing the round button size. */
.cw-play-header__tool-button .cw-play-header__menu-icon{
  width:22px !important;
  height:22px !important;
  display:block !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.85 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  flex:0 0 auto !important;
}

.cw-play-header__tool-button .cw-play-header__menu-icon path,
.cw-play-header__tool-button .cw-play-header__menu-icon line,
.cw-play-header__tool-button .cw-play-header__menu-icon polyline{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.85 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

@media (max-width:760px){
  .cw-play-header__tool-button .cw-play-header__menu-icon{
    width:21px !important;
    height:21px !important;
    stroke-width:3 !important;
  }

  .cw-play-header__tool-button .cw-play-header__menu-icon path,
  .cw-play-header__tool-button .cw-play-header__menu-icon line,
  .cw-play-header__tool-button .cw-play-header__menu-icon polyline{
    stroke-width:3 !important;
  }
}

@media (max-width:430px){
  .cw-play-header__tool-button .cw-play-header__menu-icon{
    width:21px !important;
    height:21px !important;
    stroke-width:3.05 !important;
  }

  .cw-play-header__tool-button .cw-play-header__menu-icon path,
  .cw-play-header__tool-button .cw-play-header__menu-icon line,
  .cw-play-header__tool-button .cw-play-header__menu-icon polyline{
    stroke-width:3.05 !important;
  }
}


/* Day/night theme toggle replacing the inactive A button. */
.cw-play-header__theme-button{
  position:relative;
  overflow:hidden;
  font-size:17px;
  letter-spacing:0;
}
.cw-play-header__theme-icon{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  transition:opacity .16s ease, transform .16s ease;
}
.cw-play-header__theme-icon--sun{opacity:1;transform:scale(1)}
.cw-play-header__theme-icon--moon{opacity:0;transform:scale(.82) rotate(-12deg)}
.cw-play-header__theme-button[data-cw-play-theme-state="night"] .cw-play-header__theme-icon--sun{opacity:0;transform:scale(.82) rotate(12deg)}
.cw-play-header__theme-button[data-cw-play-theme-state="night"] .cw-play-header__theme-icon--moon{opacity:1;transform:scale(1)}

/* Night mode is intentionally scoped and reversible. It does not change URLs, game logic, shop, profile data or saved games. */
html.cw-play-theme-night,
body.cw-play-theme-night{color-scheme:dark}
body.cw-play-theme-night{background:#14100d;color:#f4eadf}
body.cw-play-theme-night .cw-play-header__card{border-color:rgba(175,130,83,.36);background:linear-gradient(180deg,#231a14 0%,#17110d 100%);box-shadow:0 18px 38px rgba(0,0,0,.36);color:#f4eadf}
body.cw-play-theme-night .cw-play-header__title{border-color:rgba(238,192,135,.35);background:radial-gradient(circle at 34% 10%,rgba(255,214,153,.24) 0,rgba(255,214,153,0) 42%),linear-gradient(180deg,#9b673c 0%,#65391f 52%,#321a10 100%);box-shadow:0 14px 28px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.28);color:#fff3df;text-shadow:0 2px 2px rgba(0,0,0,.42)}
body.cw-play-theme-night .cw-play-header__title-sub{color:#fff3df}
body.cw-play-theme-night .cw-play-header__lead{color:#f3e3d0}
body.cw-play-theme-night .cw-play-header__nav-btn,
body.cw-play-theme-night .cw-play-header__tool-button,
body.cw-play-theme-night .cw-play-header__lang-btn{color:#f7ead7!important;border-color:rgba(226,181,124,.34);background:radial-gradient(circle at 30% 18%,rgba(255,235,202,.22) 0,rgba(255,235,202,0) 36%),linear-gradient(180deg,#6c4628 0%,#4b2a18 55%,#26140c 100%);box-shadow:0 5px 12px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.14)}
body.cw-play-theme-night .cw-play-header__nav-btn:hover,
body.cw-play-theme-night .cw-play-header__tool-button:hover,
body.cw-play-theme-night .cw-play-header__lang-btn:hover,
body.cw-play-theme-night .cw-play-header__nav-btn.is-current{box-shadow:0 8px 18px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.18);filter:saturate(1.08)}
body.cw-play-theme-night .cw-play-header__lang-switcher{background:rgba(24,18,14,.78);border-color:rgba(226,181,124,.28);box-shadow:0 5px 13px rgba(0,0,0,.28)}
body.cw-play-theme-night .cw-play-header__lang-btn.is-active{border-color:rgba(235,194,140,.62);background:linear-gradient(180deg,#825736 0%,#5a321e 100%);color:#fff3df!important}
body.cw-play-theme-night .cw-play-header__popover{border-color:rgba(226,181,124,.30);background:linear-gradient(180deg,#241b15 0%,#18120e 100%);box-shadow:0 18px 36px rgba(0,0,0,.42),0 3px 10px rgba(0,0,0,.24);color:#f4eadf}
body.cw-play-theme-night .cw-play-header__nav-drawer-link,
body.cw-play-theme-night .cw-play-header__menu-link,
body.cw-play-theme-night .cw-play-header__menu-summary,
body.cw-play-theme-night .cw-play-header__menu-subitem{border-color:rgba(226,181,124,.20);background:rgba(255,242,220,.08);color:#f6e2ca!important}
body.cw-play-theme-night .cw-play-header__nav-drawer-link:hover,
body.cw-play-theme-night .cw-play-header__menu-link:hover,
body.cw-play-theme-night .cw-play-header__menu-summary:hover,
body.cw-play-theme-night .cw-play-header__menu-subitem:hover{background:rgba(255,242,220,.13);box-shadow:0 6px 14px rgba(0,0,0,.22)}
body.cw-play-theme-night .cw-play-header__menu-link.is-current{border-color:rgba(238,192,135,.45);background:rgba(171,116,67,.38);color:#fff3df!important}
body.cw-play-theme-night .cw-play-header__menu-status{color:#dcc3a7}
body.cw-play-theme-night .cw-play-header__menu-summary::after{color:#e8c7a1}
body.cw-play-theme-night .cw-profile-root,
body.cw-play-theme-night .cw-pvp-root,
body.cw-play-theme-night .cw-training-root{color:#f4eadf}
/* Night mode profile text polish: profile panels stay light, so body-level night text must not make form labels unreadable. */
body.cw-play-theme-night .cw-profile-root{color:#1a120b}
body.cw-play-theme-night .cw-profile-root .cw-profile-form,
body.cw-play-theme-night .cw-profile-root .cw-panel-body,
body.cw-play-theme-night .cw-profile-root .cw-col,
body.cw-play-theme-night .cw-profile-root .cw-col label,
body.cw-play-theme-night .cw-profile-root .cw-toggle,
body.cw-play-theme-night .cw-profile-root .cw-privacy-item,
body.cw-play-theme-night .cw-profile-root .cw-mode-list,
body.cw-play-theme-night .cw-profile-root .cw-game-modes-label{color:#1a120b}
body.cw-play-theme-night .cw-profile-root small.cw-hint,
body.cw-play-theme-night .cw-profile-root .cw-player-overall__sub,
body.cw-play-theme-night .cw-profile-root .cw-overall-tile__label,
body.cw-play-theme-night .cw-profile-root .cw-opponent-sub{color:#6f5644;opacity:1}
body.cw-play-theme-night .cw-profile-root .cw-col input[type="text"],
body.cw-play-theme-night .cw-profile-root .cw-col select{background:#fdf7ee;color:#1a120b;border-color:rgba(104,69,41,.18)}
body.cw-play-theme-night .cw-profile-root .cw-col input[type="text"]::placeholder{color:rgba(26,18,11,.52)}


@media (max-width:760px){
  .cw-play-header__theme-button{font-size:16px}
}
