body[data-playground-game] .playground-home{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-inline-size:104px;min-block-size:52px;flex-shrink:0;padding:7px 12px;
  border:3px solid #fffdf0;border-radius:18px;background:#247d99;color:#fff;
  box-shadow:0 3px 0 #19566e,0 0 0 1px #71b4be;font:500 13px/1.2 Mitr,sans-serif;
  text-decoration:none;white-space:nowrap;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
body[data-playground-game] .playground-home svg{display:block;inline-size:26px;block-size:26px;flex-shrink:0}
body[data-playground-game] .playground-home:hover{background:#1d6f8a}
body[data-playground-game] .playground-home:active{transform:translateY(2px)}
body[data-playground-game] .playground-home:focus-visible{outline:3px solid #173b80;outline-offset:4px}
body[data-playground-game] header{min-block-size:70px;block-size:70px;gap:12px;padding-block:8px}
body[data-playground-game] header>.brand{min-inline-size:0;flex:1}
body[data-playground-game] header .header-actions,
body[data-playground-game] header .top-nav{flex-shrink:0}
body[data-playground-game] .playground-home--dialog{
  display:flex;inline-size:max-content;min-inline-size:124px;margin:15px auto 0;
  padding:8px 15px;background:#dff2e9;color:#255f53;border-color:#fffdf0;
  box-shadow:0 3px 0 #a2cbbb,0 0 0 1px #8bbdae;font-size:12px;
}
body[data-playground-game] .playground-home--dialog:hover{background:#cce9dc}
body[data-playground-game] .playground-home--dialog svg{inline-size:22px;block-size:22px}
@media(max-height:650px) and (min-width:601px){
  body[data-playground-game] header{min-block-size:64px;block-size:64px;padding-block:6px}
}
@media(max-width:600px){
  body[data-playground-game] header{min-block-size:64px;block-size:64px;padding:6px 10px;gap:6px}
  body[data-playground-game] header>.playground-home{
    flex-direction:column;min-inline-size:60px;min-block-size:52px;gap:1px;padding:3px 5px;border-radius:15px;font-size:10px;
  }
  body[data-playground-game] header>.playground-home svg{inline-size:23px;block-size:23px}
  body[data-playground-game] header .brand{gap:6px}
  body[data-playground-game] header .brand h1{font-size:11.5px;line-height:1.35}
  body[data-playground-game] header .brand small,
  body[data-playground-game] header .brand-english{display:none}
  body[data-playground-game] header .brand-mark,
  body[data-playground-game] header .brand-icon{inline-size:30px;min-inline-size:30px;block-size:34px}
  body[data-playground-game] header .brand-mark svg,
  body[data-playground-game] header .brand-icon svg{inline-size:26px;block-size:29px}
  body[data-playground-game] header .header-actions{gap:5px}
  body[data-playground-game] header .top-nav{gap:4px}
}
@media(prefers-reduced-motion:reduce){
  body[data-playground-game] .playground-home{transition:none}
}
@media(forced-colors:active){
  body[data-playground-game] .playground-home{border:3px solid ButtonText;box-shadow:none}
  body[data-playground-game] .playground-home:focus-visible{outline-color:Highlight}
}