.home-skin-hero{position:absolute;z-index:1;right:3%;top:2%;bottom:19%;width:46%;pointer-events:none;display:flex;flex-direction:column;align-items:center;min-height:0}
.skin-home-mounted .home-royal-cards{display:none!important}
.home-skin-art{width:100%;flex:1;min-height:0;position:relative}
.home-skin-art canvas,.home-skin-preview-art canvas,.home-skin-static{display:block;width:100%;height:100%;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.cosmetic-skin-entry,.home-skin-dialog button{min-height:44px;padding:8px 14px;border:1px solid #baa77d88;border-radius:8px;background:#122c39;color:#f5e9cc;font:inherit;cursor:pointer;touch-action:manipulation}
.cosmetic-skin-entry:disabled,.home-skin-dialog button:disabled{opacity:.5;cursor:default}
.home-skin-dialog{color:#f2ead9;background:linear-gradient(135deg,#132937,#0a1320);border:1px solid #bda16c;border-radius:18px;padding:0;width:min(1000px,94vw);max-width:94vw;max-height:94dvh;box-shadow:0 24px 90px #0009;overflow:hidden}
.home-skin-dialog::backdrop{background:#030913bc;backdrop-filter:blur(4px)}
.home-skin-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.home-skin-dialog-header,.home-skin-dialog-footer{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#08131ab3}
.home-skin-dialog-header h2{margin:0;flex:1;font-size:20px;letter-spacing:.08em}
.home-skin-dialog-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:min(620px,68dvh);min-height:0}
.home-skin-preview{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:8px 16px 14px;background:radial-gradient(ellipse at 50% 65%,#53757d38,transparent 65%)}
.home-skin-preview-art{min-height:0;min-width:0;position:relative}
.home-skin-preview h3{margin:5px 0 10px;text-align:center;font-size:16px}
.home-skin-expressions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.home-skin-expressions button{font-size:12px;padding:4px 8px;min-height:36px}
.home-skin-choices{overflow:auto;overscroll-behavior:contain;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.home-skin-choice{min-width:0;padding:10px;border:1px solid #abc3cd30;border-radius:12px;background:#152d3b7d}
.home-skin-choice h3{font-size:13px;line-height:1.5;margin:0 0 9px;color:#ead7ad}
.home-skin-choice>div{display:flex;gap:6px}
.home-skin-choice button{flex:1;min-width:0;padding:7px 3px;font-size:12px;white-space:nowrap}
.home-skin-choice button[aria-pressed=true]{background:#795d32;color:#fff3d2;border-color:#f3cf88}
.home-skin-dialog-footer{border-top:1px solid #abc3cd30;flex-wrap:wrap}
.home-skin-dialog-footer p{flex:1 1 280px;line-height:1.5;font-size:12px;margin:0;min-width:0}
.home-skin-dialog .home-skin-apply{background:linear-gradient(#b59054,#806236);color:#fff8e8;font-weight:700}
.skin-inclusion-notice{font-size:12px;line-height:1.5;color:#efcf92}
@media(max-width:900px) and (orientation:landscape){.home-skin-hero{right:4%;top:0;bottom:21%;width:42%}.home-skin-dialog-header,.home-skin-dialog-footer{padding:6px 12px}.home-skin-dialog-body{height:calc(94dvh - 118px);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.home-skin-preview{padding:4px 8px}.home-skin-preview h3{font-size:12px;margin:3px}.home-skin-expressions button{min-height:30px;font-size:10px;padding:3px 6px}.home-skin-choices{padding:8px;gap:6px}.home-skin-choice{padding:7px}.home-skin-dialog-header h2{font-size:16px}.home-skin-dialog-footer p{flex-basis:200px}}
@media(max-width:760px) and (orientation:portrait){body .home-skin-hero{position:relative;grid-row:2;right:auto;top:auto;bottom:auto;width:100%;height:260px;align-self:center;justify-self:center}.home-skin-dialog-body{display:flex;flex-direction:column;height:65dvh;overflow:auto}.home-skin-preview{flex:none;height:280px}.home-skin-choices{overflow:visible;flex:none}.home-skin-dialog-footer{gap:6px;padding:10px}.home-skin-dialog-footer p{flex-basis:100%}.home-skin-dialog-footer button{flex:1;font-size:12px;padding:8px}.home-skin-dialog-header{padding:10px}.home-skin-dialog-header h2{font-size:17px}}
/* Give the landscape picker a definite grid size: an auto-sized native
   dialog can collapse its zero-minimum flex row in mobile WebKit. */
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
  .home-skin-dialog{box-sizing:border-box;height:94dvh}
  .home-skin-dialog-body{height:auto;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.home-skin-dialog,.home-skin-hero{animation:none!important;transition:none!important}}

.home-skin-talk{position:absolute;inset:0 8%;z-index:1;border:0;background:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:24px}
.home-skin-talk:disabled{pointer-events:none;cursor:default}
.home-skin-talk:focus-visible{outline:3px solid #e9cb8b;outline-offset:-5px}
.home-skin-speech{position:absolute;z-index:2;left:5%;bottom:16%;width:min(290px,90%);padding:14px 34px 14px 16px;background:#0a1d2df2;color:#fff2d8;border:1px solid #d5bc83;border-radius:16px;box-shadow:0 8px 28px #0005;pointer-events:auto;font-size:16px;line-height:1.65;text-align:left}
.home-skin-speech[hidden]{display:none}
.home-skin-speech p{margin:0;overflow-wrap:anywhere}
.home-skin-speech button{position:absolute;right:0;top:0;width:36px;height:36px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer;touch-action:manipulation}
@media(max-height:600px) and (orientation:landscape){.home-skin-speech{font-size:12px;line-height:1.5;padding:10px 30px 10px 10px;bottom:20%}}

/* Requested Home composition: foreground character, central play, clear castle. */
@media(min-width:761px),(orientation:landscape){
body .skin-home-mounted .home-skin-hero{left:0;right:auto;top:3%;bottom:0;width:34%;overflow:hidden}
body .skin-home-mounted .home-skin-hero .home-skin-art{position:absolute;left:-50%;top:0;width:200%;height:190%;flex:none}
body .skin-home-mounted .home-title{left:35%;top:4%;width:29%;padding:0}
body .skin-home-mounted .home-title #titleScreenHeading{width:100%;max-width:none}
body .skin-home-mounted .title-menu-actions-v2317{left:35%;top:36%;width:29%;display:grid;grid-template-columns:1fr;gap:12px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317{min-height:82px}
body .skin-home-mounted .home-news{left:35%;top:calc(36% + 192px);width:29%;max-width:none}
body .skin-home-mounted .title-sub-actions-v2317{left:35%;width:62%;max-width:720px;transform:none}

}
/* Keep the Home stack in normal flow on desktop. Width-driven artwork must
   not cross a height-positioned Play button on ultrawide screens. The shared
   center column also keeps the utility bar off the castle on the right. */
@media(min-width:761px) and (min-height:601px){
body .title-menu-panel-v2317.skin-home-mounted{
  display:grid;
  grid-template-columns:minmax(0,1fr) min(29%,560px) minmax(0,1fr);
  grid-template-rows:auto auto auto minmax(16px,1fr) auto;
  column-gap:0;
  row-gap:clamp(8px,1.4dvh,16px);
  box-sizing:border-box;
  padding:clamp(16px,4dvh,48px) 0 clamp(20px,4.5dvh,64px);
}
body .skin-home-mounted :is(.home-title,.title-menu-actions-v2317,.home-news,.title-sub-actions-v2317){
  position:relative;
  inset:auto;
  grid-column:2;
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  align-self:start;
  justify-self:center;
  transform:none;
}
body .skin-home-mounted .home-title{grid-row:1;width:min(100%,44dvh,560px)}
body .skin-home-mounted .title-menu-actions-v2317{grid-row:2}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317{min-height:clamp(62px,9.2dvh,82px)}
body .skin-home-mounted .home-news{grid-row:3}
body .skin-home-mounted .title-sub-actions-v2317{grid-column:1 / -1;grid-row:5;width:min(720px,92%);z-index:3}
}
@media(max-width:1180px) and (max-height:600px) and (orientation:landscape){
body .skin-home-mounted .home-skin-hero{left:0;right:auto;top:0;bottom:0;width:33%}
body .skin-home-mounted .home-skin-hero .home-skin-art{left:-50%;width:200%;height:200%}
body .skin-home-mounted .home-title{left:36%;top:0;width:25%}
body .skin-home-mounted .title-menu-actions-v2317{left:34%;top:36%;width:30%;gap:6px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317{min-height:50px;padding:5px 6px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317 b{font-size:18px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317 small{font-size:9px}
body .skin-home-mounted .home-news{left:34%;top:auto;bottom:23%;width:30%;height:26px;overflow:hidden}
body .skin-home-mounted .title-sub-actions-v2317{left:34%;width:63%;transform:none}
body .skin-home-mounted .title-sub-actions-v2317 button{font-size:12px}

}
@media(max-width:760px) and (orientation:portrait){
body .title-menu-panel-v2317.skin-home-mounted{min-height:740px;height:calc(100dvh - 80px);display:block;overflow:hidden}
body .skin-home-mounted .home-skin-hero{position:absolute;left:0;right:auto;top:230px;bottom:auto;width:42%;height:calc(100% - 230px);align-self:stretch;overflow:hidden}
body .skin-home-mounted .home-skin-hero .home-skin-art{position:absolute;left:calc(50% - 300px);top:0;width:600px;height:900px;flex:none}
body .skin-home-mounted .home-title{position:absolute;left:4%;top:18px;width:92%}
body .title-app>.topbar.shared-header .brand{width:72px;max-width:72px;min-width:72px;flex:0 0 72px}
body .title-app>.topbar.shared-header .brand .tenmei-brand-logo{width:72px;height:32px}
body .title-app{--shared-bar:80px;--shared-header-height:80px}
body .title-app .home-player-identity{max-width:70px;min-width:0}
body .title-app>.topbar.shared-header{height:80px;min-height:80px;display:grid;grid-template-columns:72px minmax(0,1fr) 84px;gap:6px}
body .title-app .home-player-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;min-width:0;width:100%;margin:0;padding:0;container-type:normal}
body .title-app .home-player-identity{grid-column:1;grid-row:1}
body .title-app .home-player-rank{grid-column:1;grid-row:2;min-width:0}
body .title-app .home-player-rank .rank-gem-small{width:20px;height:20px}
body .title-app .home-player-rank .rank-identity{gap:3px}
body .title-app .home-player-rank .rank-identity-copy>strong,body .title-app .home-player-rank .rank-identity-copy>b{font-size:9px;white-space:nowrap}
body .title-app .home-player-rank .rank-identity-copy>small{font-size:8px;line-height:1.1;white-space:normal}
body .title-app .home-player-identity>strong,body .title-app .home-player-identity>small{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body .title-app .home-player-stones{grid-column:2;grid-row:1 / 3;min-width:0}
body .title-app .home-player-stones small{display:none}
body .title-app>.topbar.shared-header>[data-shared-menu]{position:static;width:84px;padding:4px;font-size:12px}
body .skin-home-mounted .title-menu-actions-v2317{position:absolute;left:43%;top:330px;width:53%;display:grid;gap:10px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317{min-height:78px;padding:8px 16px 8px 34px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317 b{font-size:18px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317 small{font-size:9px}
body .skin-home-mounted .title-menu-actions-v2317 .title-entry-v2317>.premium-icon{left:8px;width:18px;height:18px}
body .skin-home-mounted .title-menu-actions-v2317,body .skin-home-mounted .title-sub-actions-v2317,body .skin-home-mounted .home-news{z-index:3}
body .skin-home-mounted .home-skin-speech{top:0;bottom:auto;font-size:12px;line-height:1.5;padding:10px 28px 10px 10px}
body .skin-home-mounted .title-sub-actions-v2317{position:absolute;left:4%;bottom:65px;width:92%;margin:0}
body .skin-home-mounted .home-news{position:absolute;left:43%;bottom:8px;width:53%;height:50px;overflow:hidden;margin:0}


}