/* TASK-005. Only the visible Home receives this shell; login and the other views retain their styles. */
html.gg5-home-active {scroll-behavior:auto;color-scheme:light}
html.gg5-home-active body {box-sizing:border-box;min-height:0;margin:0;padding:0 0 var(--gg5-nav-height,69px);background:#0b2528;color:#fff6d9}
html.gg5-home-active .shell {width:100%;max-width:480px;margin:0 auto;padding:0;min-height:0}
html.gg5-home-active .shell>.header,
html.gg5-home-active .staging-banner,
html.gg5-home-active .shell>footer,
html.gg5-home-active #playerArea>.topline {display:none!important}
html.gg5-home-active main,
html.gg5-home-active #playerArea,
html.gg5-home-active #playerArea .gg-internal-views {padding:0;margin:0;min-height:0;width:100%;gap:0}
html.gg5-home-active #gg-view-home:not([hidden]) {
 display:block!important;position:relative!important;left:auto!important;transform:none!important;
 width:100%!important;max-width:none!important;padding:0!important;margin:0!important;gap:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html.gg5-arena-enabled #gg5-legacy-home[hidden] {display:none!important}
.gg5-shell {
 --gg5-ink:#102e29;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;
 height:calc(100vh - var(--gg5-nav-height,69px));height:calc(100dvh - var(--gg5-nav-height,69px));
 min-height:30rem;padding:max(4px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 8px max(8px,env(safe-area-inset-left,0px));
}
.gg5-header {display:flex;align-items:center;gap:8px;min-height:44px;flex:none;color:#fff6d9}
.gg5-brand {display:flex;gap:9px;align-items:center;flex:1;min-width:0}
.gg5-brand-symbol {display:grid;place-items:center;width:30px;height:32px;border:1px solid #c6aa6e;border-radius:10px;background:#233e3b;color:#ffde97;font-size:23px}
.gg5-brand>div {min-width:0;overflow-wrap:anywhere}
.gg5-brand strong,.gg5-brand small {display:block}
.gg5-brand strong {font-size:.82rem;letter-spacing:.08em;line-height:1.25;color:#fff6d9}
.gg5-brand small {font-size:.58rem;letter-spacing:.1em;line-height:1.6;color:#e1cfaa}
.gg5-demo {font-size:.58rem;letter-spacing:.09em;color:#e1cfaa;font-weight:800}
.gg5-exit,.gg5-step {
 box-sizing:border-box;display:grid;place-items:center;min-width:44px;min-height:44px;
 border:1px solid #e8c78799;border-radius:14px;background:#102b32ed;color:#fff2c9;cursor:pointer;padding:0;
 font:700 32px/1 system-ui;box-shadow:0 2px 8px #0003;
 -webkit-tap-highlight-color:transparent;
}
.gg5-exit {font-size:24px;background:#16363b;border-color:#52706b}
.gg5-arena {position:relative;isolation:isolate;flex:1;min-height:15rem;margin:0;overflow:hidden;
 border:1px solid #baa373;border-radius:21px;background:var(--gg5-ink);box-shadow:0 0 0 3px #e8c7870b,0 8px 22px #0003}
.gg5-art {display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;animation:gg5-arrive .2s ease-out}
.gg5-art[hidden],.gg5-message[hidden] {display:none!important}
.gg5-caption {position:absolute;z-index:2;top:0;left:0;right:0;box-sizing:border-box;padding:13px 53px 29px;
 text-align:center;color:#fff8e5;background:linear-gradient(180deg,#071c2af2,#071c2ac9 65%,#071c2a00);pointer-events:none;text-shadow:0 1px 3px #000}
.gg5-counter {display:block;font-size:.62rem;letter-spacing:.12em;line-height:1.6;font-weight:850;color:#ffe0a2}
#gg5-home .gg5-title {font-size:1.14rem;line-height:1.12;margin:3px 0 5px;font-weight:900;letter-spacing:-.01em;color:#fff8e5}
.gg5-guardian {display:block;font-size:.68rem;line-height:1.3;color:#fff0ce;font-weight:650}
.gg5-step {position:absolute;z-index:3;top:28px}
.gg5-previous {left:6px}.gg5-next {right:6px}
.gg5-message {position:absolute;z-index:4;top:40%;left:12px;right:12px;margin:0;border-radius:12px;padding:14px;background:#102b32ed;color:#fff6d9;text-align:center;font-size:1rem}
#gg5-home #gg-v31-mini {flex:none;box-sizing:border-box;min-height:60px;width:100%;padding:7px 11px;gap:9px;border-width:1px;border-radius:15px;box-shadow:none;transform:none;filter:none}
#gg5-home #gg-v31-mini:before {display:none}
#gg5-home .gg-v31-mini-avatar {box-sizing:border-box;width:40px;height:40px;font-size:25px;border-width:1px;border-radius:11px;box-shadow:none}
#gg5-home .gg-v31-mini-words>small {display:none}
#gg5-home .gg-v31-mini-words strong {font-size:1rem;line-height:1.2;color:#fff6d9}
#gg5-home .gg-v31-mini-words>span {font-size:.66rem;line-height:1.3}
#gg5-home .gg-v31-mini-score {padding:3px 9px;gap:1px}
#gg5-home .gg-v31-mini-score small {font-size:.56rem;line-height:1.3}
#gg5-home .gg-v31-mini-score strong {font-size:1.25rem;line-height:1.1}
#gg5-home .gg-v31-mini-arrow {display:block;font-size:22px}
html.gg5-home-active #playerArea .gg-balanced-nav {
 box-sizing:border-box;position:fixed!important;bottom:0;left:50%;right:auto;transform:translateX(-50%);
 width:100%;max-width:480px;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;
 border:0;border-top:1px solid #82988b70;border-radius:16px 16px 0 0;
 padding:6px 3px calc(6px + env(safe-area-inset-bottom,0px));background:#0d292e;box-shadow:0 -5px 16px #0002;
}
html.gg5-home-active #playerArea .gg-balanced-nav-link {box-sizing:border-box;min-width:44px;min-height:55px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 0;border-radius:10px;color:#d0ddd4;background:transparent;font-size:.58rem;line-height:1.3;overflow-wrap:anywhere}
html.gg5-home-active #playerArea .gg-balanced-nav-icon {font-size:19px}
html.gg5-home-active #playerArea .gg-balanced-nav-link[aria-current=page] {background:#31534d;color:#ffe0a2;box-shadow:inset 0 0 0 1px #c4ad7866}
html.gg5-home-active #playerArea .gg-balanced-nav-link:not([aria-current=page]) {background:transparent;color:#d0ddd4;box-shadow:none}
.gg5-step:active,.gg5-exit:active {background:#31534d;transform:translateY(1px)}
html.gg5-home-active #gg5-home button:focus-visible,
html.gg5-home-active #playerArea .gg-balanced-nav-link:focus-visible {outline:3px solid #ffdf8c;outline-offset:-4px}
@keyframes gg5-arrive {from{opacity:.4}to{opacity:1}}
@media(max-width:350px){html.gg5-home-active #playerArea .gg-balanced-nav-link{font-size:.53rem;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.gg5-art{animation:none}#gg5-home *,html.gg5-home-active .gg-balanced-nav-link{animation:none!important;transition:none!important;scroll-behavior:auto!important}}