/* Structure only. Control skins and states belong to controls.css. */
.game-shell{position:absolute;inset:0;pointer-events:none}
.game-shell:is([data-variant=management],[data-variant=public]){display:flex;flex-direction:column;overflow:auto;scroll-padding-block:calc(var(--game-header-height,0px) + var(--ui-space-4)) calc(var(--game-footer-height,0px) + var(--ui-space-4));pointer-events:auto;background:linear-gradient(90deg,#060b13f0,#060b13c0),var(--ui-menu-backdrop) center top/cover fixed;scrollbar-width:thin;scrollbar-color:var(--ui-border) var(--ui-panel)}
.game-shell .game-header{position:sticky;top:0;z-index:5;background:#08121ff5;border-bottom:1px solid var(--ui-border);pointer-events:auto;flex:none}
.game-shell .header-inner{max-width:1440px;min-height:96px;margin:0 auto;padding:4px 36px;display:flex;align-items:center;gap:32px}
.game-shell .game-brand{display:flex;align-items:center;flex:none;width:174px;min-height:65px;color:var(--ui-gold);font:var(--weight-heading) 21px var(--font-display);text-decoration:none}
.game-shell .game-brand img{width:100%;height:auto;display:block}.game-shell .game-brand img[hidden]{display:none}
.game-shell .game-brand:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.game-shell .primary-nav{display:flex;align-items:center;gap:16px;margin:auto}
.game-shell .identity-nav{display:flex;align-items:center;min-width:0;max-width:250px}
.game-shell .identity-nav .action{min-width:0;max-width:100%}.game-shell .identity-nav .action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-shell .game-queue-slot{max-width:1368px;margin:0 auto;padding:0 36px;display:flex;justify-content:flex-end}
.game-shell .game-queue-slot:has(>.ranked-indicator:not([hidden])){padding-bottom:12px}
.game-shell .game-local-note{max-width:1368px;margin:0 auto;padding:0 36px 12px;font-size:14px;color:var(--ui-muted)}
.game-shell .game-footer{position:sticky;bottom:0;z-index:5;background:#08121fe8;border-top:1px solid var(--ui-divider);margin-top:auto;pointer-events:auto;flex:none}
.game-shell .footer-inner{max-width:1368px;padding:19px 36px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.game-shell .footer-brand{color:var(--ui-gold);font-size:12px;letter-spacing:.08em;margin:0}.game-shell .footer-brand span{display:block;color:var(--ui-muted);letter-spacing:0;font-size:13px;margin-top:5px}
.game-shell .footer-inner nav{display:flex;gap:16px;flex-wrap:wrap}.game-shell .footer-edition{font-size:13px;color:var(--ui-muted)}
.game-shell .game-skip{position:fixed;top:6px;left:10px;z-index:8;transform:translateY(-180%);background:var(--ui-panel)}.game-shell .game-skip:focus{transform:none}
.game-shell [hidden]{display:none}
.game-shell:is([data-variant=management],[data-variant=public]) #screen{position:static;inset:auto;width:min(1368px,100%);min-height:0;flex:1 0 auto;display:block;align-items:normal;justify-content:normal;padding:36px;margin:0 auto;overflow:visible;container-type:inline-size;background:none}
.game-shell:is([data-variant=management],[data-variant=public]) #screen>.card{width:100%;max-height:none;overflow:visible;margin:0 auto}
.game-shell:is([data-variant=management],[data-variant=public]) #screen :is(.page-header,.forgeTitle) .kicker{display:none}
.game-shell:is([data-variant=management],[data-variant=public]) #screen .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-shell:is([data-variant=management],[data-variant=public]) #screen :is(.private-layout,.br-layout,.dr-stage){max-width:100%;margin:0 auto}
.game-shell:is([data-variant=management],[data-variant=public]) #screen :is(.private-frame,.br-panel,.dr-result){max-height:none}
.game-shell:is([data-variant=management],[data-variant=public]) #screen :is(.private-afterword,.br-afterword){margin-bottom:0}
.game-shell[data-variant=access] .game-header{position:relative;border:0;background:none}.game-shell[data-variant=access] .header-inner{justify-content:center;min-height:80px;padding:0}.game-shell[data-variant=access] .game-brand{pointer-events:auto;width:150px;min-height:70px}
.game-shell[data-variant=access] #screen{padding-top:90px}
.game-shell[data-variant=immersive] .game-header,.game-shell[data-variant=immersive] .game-footer{display:none}
@media(min-width:1700px){.game-shell:is([data-variant=management],[data-variant=public]) #screen{padding-block:44px}}
@media(max-width:1000px){.game-shell .header-inner{gap:16px;padding-inline:24px}.game-shell .game-brand{width:138px}.game-shell .primary-nav{gap:4px}.game-shell .identity-nav{max-width:200px}.game-shell:is([data-variant=management],[data-variant=public]) #screen{padding:28px 24px}.game-shell :is(.footer-inner,.game-local-note,.game-queue-slot){padding-inline:24px}}
@media(max-width:740px){.game-shell .header-inner{flex-wrap:wrap;justify-content:space-between;gap:0;padding:4px 16px 12px;min-height:0}.game-shell .game-brand{width:125px;min-height:68px}.game-shell .identity-nav{margin-left:auto;order:1;max-width:calc(100% - 137px)}.game-shell .primary-nav{order:2;width:100%;justify-content:space-between;gap:0;margin-top:0}.game-shell :is(.game-queue-slot,.game-local-note){padding-inline:16px}.game-shell:is([data-variant=management],[data-variant=public]) #screen{padding:24px 16px}.game-shell .footer-inner{padding:20px 16px;gap:15px}.game-shell .footer-inner nav{gap:8px}.game-shell .footer-brand{width:100%}.game-shell .footer-edition{margin-left:auto}.game-shell:is([data-variant=management],[data-variant=public]) #screen .mode-grid{grid-template-columns:1fr}.game-shell:is([data-variant=management],[data-variant=public]) #screen>.card{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.game-shell{scroll-behavior:auto}}

.game-shell:is([data-variant=management],[data-variant=public]) .private-page-top{flex-wrap:wrap}