/* Home modes use the original illustrated icons directly, without gates; labels and controls use gold/blue panels. */
.on-hub-home main{min-height:calc(100dvh - 70px);justify-content:center;padding-top:32px;padding-bottom:32px}
.on-hub-home .hub-home{margin:auto}
.on-hub-home .hub-home>h1.hub-home-title{position:absolute}
.on-hub-home .hub-modes{gap:28px;align-items:start}
.on-hub-home .hub-mode.icon-mode{--home-icon-size:clamp(180px,30vh,250px);--home-caption-size:84px;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:0;min-height:0;height:auto;margin:0;padding:4px 8px 0;text-align:center;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible}
.on-hub-home .icon-mode:before,.on-hub-home .icon-mode:after{content:none}
.on-hub-home .icon-mode .hub-mode-art{position:relative;display:block;flex:0 0 var(--home-icon-size);width:100%;height:var(--home-icon-size);min-height:0;margin:0;padding:0;overflow:hidden;transition:transform .2s ease,filter .2s ease}
.on-hub-home .icon-mode .hub-mode-art .menu-icon{position:absolute;inset:8px 12px 20px;display:block;width:calc(100% - 24px);max-width:290px;height:calc(100% - 28px);max-height:calc(100% - 28px);min-height:0;margin:auto;object-fit:contain;filter:drop-shadow(0 4px 6px #03091c99)}
.on-hub-home .icon-mode h2.mode-caption{flex:0 0 var(--home-caption-size);display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;max-width:none;min-height:var(--home-caption-size);margin:0;padding:10px 14px;border:1px solid #c59b58;border-radius:9px;background:linear-gradient(145deg,#253b60f5,#101d36fa);box-shadow:inset 0 1px #fff4cf33,0 4px 12px #03091c55;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:29px;font-weight:800;font-style:italic;letter-spacing:.35px;line-height:1.08;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;color:#ffe4a7;text-shadow:0 2px 0 #0b1b37,0 0 7px #03091c;-webkit-text-stroke:.35px #243650}
.on-hub-home .icon-mode .mode-actions{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;min-width:0}
.on-hub-home .icon-mode button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:none;min-height:46px;padding:10px 12px;margin:0;background:linear-gradient(145deg,#2b436c,#15243f);border:1px solid #d5ae68;border-radius:9px;box-shadow:inset 0 1px #fff4cf33,0 4px 12px #03091c55;color:#ffe2a5;font-size:19px;font-weight:800;line-height:1.3;text-shadow:0 2px 6px #03091c}
.on-hub-home .icon-mode .hub-play:after{content:none}
.on-hub-home .icon-mode .hub-continue{color:#fff4d7;border-color:#b49460;background:linear-gradient(145deg,#213650,#112038)}
.on-hub-home .icon-mode button:hover:enabled{background:linear-gradient(145deg,#365584,#203556);border-color:#ffe2a5;color:#fff9e9}
.on-hub-home .icon-mode button:disabled{background:linear-gradient(145deg,#223550,#142137);border-color:#a68a5b;box-shadow:inset 0 1px #fff4cf20;opacity:1;color:#e1d9c9;cursor:default;font-weight:600;font-size:17px}
@media(hover:hover) and (pointer:fine){html:not([data-reduce-motion=true]) .on-hub-home .icon-mode:hover .hub-mode-art{transform:translateY(-4px);filter:brightness(1.06)}}
@media(min-width:761px) and (max-height:740px){.on-hub-home .hub-mode.icon-mode{--home-icon-size:200px;--home-caption-size:80px;gap:16px}.on-hub-home .icon-mode h2.mode-caption{font-size:27px}}
@media(min-width:761px) and (max-height:620px){.on-hub-home .hub-mode.icon-mode{--home-icon-size:145px;--home-caption-size:76px;gap:14px}.on-hub-home .icon-mode h2.mode-caption{font-size:25px}}
@media(max-width:760px){.on-hub-home main{min-height:calc(100dvh - 60px);padding-top:24px;padding-bottom:24px}.on-hub-home .hub-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.on-hub-home .hub-mode.icon-mode{--home-icon-size:clamp(110px,25vw,180px);--home-caption-size:124px;gap:14px;padding:0 2px}.on-hub-home .icon-mode .hub-mode-art .menu-icon{max-width:100%}.on-hub-home .icon-mode h2.mode-caption{font-size:clamp(20px,3.5vw,26px);padding:9px 5px}.on-hub-home .icon-mode button,.on-hub-home .icon-mode button:disabled{font-size:16px;line-height:1.35;min-height:50px;padding:8px 6px}.on-hub-home .icon-mode .hub-play{flex-wrap:wrap;gap:3px}}
@media(max-width:380px){.on-hub-home .hub-modes{gap:6px}.on-hub-home .icon-mode h2.mode-caption{font-size:20px}.on-hub-home .icon-mode button,.on-hub-home .icon-mode button:disabled{font-size:15px}}

/* Visible return controls on all inner hub pages. */
.anime-theme.in-hub .hub-page .hub-back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:120px;min-height:48px;margin:0 0 22px;padding:11px 20px;border:1px solid #d5ae68;border-radius:10px;background:linear-gradient(145deg,#2b436c,#15243f);box-shadow:inset 0 1px #fff4cf33,0 4px 12px #03091c55;color:#ffe2a5;font-size:20px;font-weight:800;line-height:1.3;text-shadow:0 1px 3px #03091c}
.anime-theme.in-hub .hub-page .hub-back:hover{background:linear-gradient(145deg,#365584,#203556);border-color:#ffe2a5;color:#fff9e9}
.on-hub-home .icon-mode button:focus-visible,.anime-theme.in-hub .hub-page .hub-back:focus-visible{outline:3px solid #fff0b9;outline-offset:4px}
body[data-theme=light].anime-theme.in-hub .hub-page .hub-back{color:#ffe2a5!important}
body[data-theme=light].anime-theme.on-hub-home .icon-mode button{background:linear-gradient(145deg,#2b436c,#15243f);border-color:#d5ae68;color:#ffe2a5!important}
body[data-theme=light].anime-theme.on-hub-home .icon-mode button:disabled{background:linear-gradient(145deg,#223550,#142137);border-color:#a68a5b;color:#e1d9c9!important}
body[data-theme=light].anime-theme.on-hub-home .icon-mode button:hover:enabled{background:linear-gradient(145deg,#365584,#203556);border-color:#ffe2a5}