/* Original BATON console. Steam's interaction principles, BATON's identity. */
.console-shell[hidden],.console-home[hidden],.console-stage[hidden],.console-app[hidden]{display:none!important}
body.console-mode{overflow:hidden}
body.console-mode main{position:relative;max-width:none!important;width:100%!important;height:calc(100dvh - var(--console-top,130px));min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;background:var(--baton-canvas)!important}
body.console-mode main>footer{display:none!important}
body.console-mode .nav-wrap{max-width:none!important;height:64px;min-height:64px;padding:8px 32px!important;gap:16px}
body.console-mode .nav-wrap .brand{margin-right:auto}
body.console-mode .nav-wrap :is(nav[aria-label="Main navigation"],#theme-control,.sound-controls,.report-open){display:none!important}
.console-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:64px minmax(0,1fr) 50px;height:100%;color:var(--baton-text);background:var(--baton-canvas);--console-duration:220ms}
.console-topbar{display:flex;gap:16px;align-items:center;padding:6px clamp(16px,3vw,48px);border-bottom:1px solid var(--baton-border);background:var(--baton-canvas)}
.console-topbar>button{display:flex;align-items:center;gap:8px;flex:none;min-width:44px;min-height:44px;padding:10px 14px;border:0;border-radius:12px;color:var(--baton-muted)}
.console-topbar>button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.console-topbar [data-console-quick]{margin-left:auto;font-size:18px;letter-spacing:3px}
.console-nav{display:flex;align-items:center;gap:6px;min-width:0;overflow:auto;scrollbar-width:none}
.console-nav button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border-radius:12px;font-size:13px;white-space:nowrap}
.console-nav svg{width:18px;height:18px}
html[data-theme] .console-shell :is(.console-nav button,.console-topbar>button){background:transparent!important;border-color:transparent!important;color:var(--baton-muted)!important}
html[data-theme] .console-shell :is(.console-nav button,.console-topbar>button)[aria-current="page"]{background:var(--baton-panel)!important;color:var(--baton-text)!important}
.console-body{position:relative;min-height:0;overflow:hidden}
.console-home{height:100%;overflow:auto;overscroll-behavior:contain;padding:22px clamp(20px,4vw,64px) 24px;scrollbar-width:thin}
.console-home-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}
.console-home-heading p,.console-preview [data-console-preview-kicker]{color:var(--baton-muted);font:10px/1.4 ui-monospace,monospace;letter-spacing:.14em;margin:0}
.console-home-heading button{min-height:44px;padding:10px 16px;border-radius:24px;font-size:12px;border:1px solid var(--baton-border)}
.console-launcher{display:flex;gap:18px;overflow-x:auto;padding:7px 5px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}
html[data-theme] .console-shell .console-tile{display:flex;flex-direction:column;gap:12px;flex:0 0 clamp(136px,13.8vw,196px);scroll-snap-align:start;text-align:left;padding:0;background:transparent!important;border:0!important;border-radius:18px;min-width:0}
.console-tile strong{color:var(--baton-muted)!important;font:500 14px/1.3 var(--body);padding:0 4px}
.console-cover{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:1.24;border:1px solid var(--baton-border);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--baton-panel),color-mix(in srgb,var(--baton-action) 20%,var(--baton-canvas)));color:var(--baton-action);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}
.console-cover>svg{z-index:1;width:46px;height:46px;stroke-width:1.35}
.console-cover-orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--baton-action) 15%,transparent);border-radius:50%;left:30%;top:25%;transform:rotate(-25deg)}
.console-cover-orbit:after{content:'';position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--baton-action) 10%,transparent);border-radius:50%}
.console-cover-index{position:absolute;bottom:13px;left:15px;font:10px ui-monospace,monospace;opacity:.65}
.console-cover-rooms{background:linear-gradient(155deg,var(--baton-panel),color-mix(in srgb,#45c794 22%,var(--baton-canvas)))}
.console-cover-nfts{background:linear-gradient(135deg,color-mix(in srgb,#65b7b2 14%,var(--baton-panel)),var(--baton-canvas))}
.console-cover-launch{background:linear-gradient(145deg,var(--baton-panel),color-mix(in srgb,#b4ca55 23%,var(--baton-canvas)))}
.console-cover-learn{background:linear-gradient(145deg,var(--baton-panel),color-mix(in srgb,#7dcac9 23%,var(--baton-canvas)))}
.console-cover-lore{background:linear-gradient(145deg,var(--baton-panel),color-mix(in srgb,#b1c58a 23%,var(--baton-canvas)))}
.console-tile:is(:hover,[data-selected="true"]) .console-cover{transform:translateY(-3px);border-color:var(--baton-action);box-shadow:0 0 0 2px var(--baton-canvas),0 0 0 4px var(--baton-action)}
.console-tile[data-selected="true"] strong{color:var(--baton-text)!important}
.console-shell button:focus-visible,.console-quick-sheet button:focus-visible{outline:2px solid var(--baton-action)!important;outline-offset:4px}
.console-preview{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:40px;min-height:236px;padding:24px 12px;margin-bottom:16px}
html[data-theme] .console-preview h1{color:var(--baton-text)!important;font:600 clamp(36px,4.4vw,62px)/1.06 var(--display);letter-spacing:-.055em;margin:12px 0 14px}
.console-preview [data-console-preview-description]{font-size:16px;color:var(--baton-muted);margin:0 0 22px;max-width:600px;line-height:1.6}
html[data-theme] .console-shell .console-open{min-height:48px;min-width:166px;display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:var(--baton-action)!important;color:var(--baton-panel)!important;border-radius:28px!important;border:0!important;font-size:14px;font-weight:600}
.console-preview-art{position:relative;display:grid;place-items:center;min-height:210px;user-select:none}
.console-preview-art img{position:relative;width:148px;height:148px;object-fit:contain;transform:rotate(-7deg);z-index:1;filter:drop-shadow(0 14px 16px color-mix(in srgb,var(--baton-action) 12%,transparent))}
.console-preview-art>span{position:absolute;right:0;top:0;opacity:.08;transform:rotate(12deg)}
.console-preview-art>span svg{width:220px;height:220px;stroke-width:.7}
.console-community{margin:0 0 12px}.console-community .community-spotlight{margin:0!important}
.console-legal{display:flex;gap:18px;min-height:44px}.console-legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--baton-muted);font-size:12px}
.console-stage{height:100%;overflow:hidden}
.console-app{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px clamp(20px,3vw,48px) 104px;outline:none}
.console-app>[data-primary-surface]{width:100%;max-width:1600px;margin-left:auto;margin-right:auto}
.console-app :is(.community-hub-head,.nft-market-head,.launch-head,.learn-head,.lore-head){padding-top:4px!important;min-height:0!important;background-image:none!important}
.console-app .intro{margin-top:0!important;padding-top:0!important}
html[data-theme] body.console-mode .console-app :is(h1,h2,h3,h4),html[data-theme] body.console-mode dialog :is(h1,h2,h3,h4){color:var(--baton-text)!important}
.console-app[data-active="true"]{animation:console-app-enter var(--console-duration) cubic-bezier(.2,.7,.2,1) both}
@keyframes console-app-enter{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}
.console-legend{display:flex;justify-content:space-between;align-items:center;padding:3px clamp(20px,3vw,48px);gap:20px;border-top:1px solid var(--baton-border);font:11px ui-monospace,monospace;color:var(--baton-muted)}
.console-legend i{font-style:normal;margin-left:16px}.console-legend button{min-height:44px;min-width:44px;font-size:12px;background:transparent!important;border:0!important;padding:8px 12px}
.console-pet-host{position:absolute;z-index:3;right:22px;bottom:64px}.console-pet-host .pet-dock-avatar{width:68px;height:68px;background:transparent!important;box-shadow:none!important;border:0!important}.console-pet-host .pet-dock-avatar svg{width:78px;height:74px}
.console-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.console-quick-sheet{position:fixed;inset:0 0 0 auto;margin:0;width:min(380px,100vw);height:100dvh;max-height:none;max-width:none;padding:24px;border:0;border-left:1px solid var(--baton-border);border-radius:0;background:var(--baton-panel);color:var(--baton-text);box-shadow:none;overflow:auto}
.console-quick-sheet[open]{display:flex;flex-direction:column;gap:8px;animation:console-sheet-in 220ms cubic-bezier(.2,.7,.2,1)}
.console-quick-sheet::backdrop{background:rgb(6 22 13 / .35)}
.console-quick-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.console-quick-head h2{font-size:22px;color:var(--baton-text)!important;margin:0}
.console-quick-sheet button{display:flex;align-items:center;min-height:48px;min-width:44px;padding:12px 16px;font-size:14px;border-radius:10px;border:1px solid var(--baton-border);color:var(--baton-text);background:var(--baton-canvas)}
.console-quick-head button{display:grid;place-items:center;width:44px;padding:0;border:0;background:transparent!important;font-size:24px}
.console-quick-sheet>p{margin-top:auto;padding-top:32px;font:10px ui-monospace,monospace;letter-spacing:.16em;color:var(--baton-muted)}
@keyframes console-sheet-in{from{transform:translateX(24px);opacity:.7}to{transform:none;opacity:1}}
body.console-mode .workspace-profile-dialog,body.console-mode .wallet-dialog{position:fixed;inset:0 0 0 auto!important;margin:0!important;width:min(440px,100vw)!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0;border:0;border-left:1px solid var(--baton-border);padding:28px;box-shadow:none;animation:console-sheet-in 220ms ease}
body.console-mode dialog:not(.console-quick-sheet):not(.workspace-profile-dialog):not(.wallet-dialog){--console-dialog-gutter:max(24px,calc((100vw - 1100px)/2));position:fixed;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;padding:32px var(--console-dialog-gutter);box-shadow:none!important;background:var(--baton-canvas)!important}
body.console-mode dialog.pet-dialog .pet-dialog-top{margin:-32px calc(-1 * var(--console-dialog-gutter)) 24px;padding:16px var(--console-dialog-gutter);top:-32px;background:var(--baton-panel)}
body.console-mode dialog.pet-dialog .pet-dialog-hero{grid-template-columns:160px minmax(0,1fr);gap:28px;margin:20px 0 28px}
body.console-mode dialog.pet-dialog .pet-portrait{width:160px;height:160px;border-radius:36px}body.console-mode dialog.pet-dialog .pet-portrait svg{width:168px;height:152px}
body.console-mode dialog.pet-dialog .pet-tabs,body.console-mode dialog.pet-dialog .pet-panel{max-width:1100px;margin-left:auto;margin-right:auto}
body.console-mode .nft-dialog-inner{max-width:900px;margin:auto}
@media(min-width:701px) and (max-width:1000px){.console-topbar{gap:8px;padding-left:16px;padding-right:16px}.console-nav button{padding:9px 10px}.console-nav svg{display:none}.console-preview{grid-template-columns:minmax(0,1fr) 160px;gap:24px}.console-preview-art img{width:124px;height:124px}.console-preview-art>span svg{width:160px;height:160px}.console-cover{aspect-ratio:1.15}.console-topbar>button span{font-size:12px}}
@media(max-width:700px){.console-shell{display:none!important}.console-quick-sheet{display:none}}
@media(prefers-reduced-motion:reduce){.console-shell *,.console-quick-sheet,body.console-mode dialog{animation:none!important;transition:none!important;scroll-behavior:auto!important}.console-tile .console-cover{transform:none!important}}

body.console-mode :is(#card-report-dialog canvas,#report-canvas){display:block;width:100%;max-width:min(700px,100%)!important;height:auto!important;margin:16px auto}
body.console-mode #card-report-dialog :is(.card-report-actions,.card-report-actions+p){max-width:700px;margin:16px auto}
body.console-mode dialog :is([aria-label^="Close"],[data-card-close]){min-width:44px!important;min-height:44px!important;width:44px!important;display:inline-grid;place-items:center}
/* Home is a gathering place; the app navigation lives in the top bar. */
.console-home{max-width:1280px;margin-inline:auto;width:100%;box-sizing:border-box}
.home-welcome{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;min-height:230px;padding:14px 10px 28px}
html[data-theme] .home-welcome h1{font:500 clamp(34px,4vw,54px)/1.12 var(--display);letter-spacing:-.045em;margin:0 0 16px;color:var(--baton-text)!important}
.home-welcome p{font-size:15px;line-height:1.7;color:var(--baton-muted);margin:0 0 14px}
html[data-theme] .home-companion-link{min-height:44px;padding:8px 0;background:none!important;border:0!important;color:var(--baton-text)!important;font-size:12px;text-align:left}
.home-mascots{position:relative;height:220px;display:grid;place-items:center;isolation:isolate}.home-mascots>svg{width:185px;height:185px;z-index:2;transform:rotate(-4deg)}.home-mascot-friend{position:absolute;right:0;bottom:18px;z-index:1}.home-mascot-friend svg{width:110px;height:110px}.home-rug{position:absolute;bottom:0;width:255px;height:50px;background:color-mix(in srgb,#b59a68 15%,var(--baton-panel));border:1px solid color-mix(in srgb,#b59a68 22%,transparent);border-radius:50%;transform:rotate(-5deg);z-index:0}
.home-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:4px 0 14px}.home-gallery-heading h2{font:500 16px var(--body);margin:0}.home-gallery-heading>div{display:flex;gap:8px}.home-gallery-heading button{width:44px;height:44px;border-radius:50%;border:1px solid var(--baton-border);background:var(--baton-panel)}
.console-home .home-gallery{border:1px solid var(--baton-border);border-radius:24px;padding:30px;min-height:250px;gap:20px;margin:0;background:radial-gradient(ellipse at 90% 50%,color-mix(in srgb,#90b882 16%,var(--baton-panel)),var(--baton-panel))}
html[data-theme] .home-gallery h2{font:500 clamp(27px,3vw,42px)/1.14 var(--display);letter-spacing:-.045em;margin:12px 0;color:var(--baton-text)!important}.home-gallery [data-console-preview-description]{font-size:14px;max-width:560px}.home-gallery .console-preview-art{min-height:160px}.home-gallery .console-preview-art img{width:130px;height:130px}
.console-home .home-gallery-dots{justify-content:center;gap:6px;padding:12px 0 18px;overflow:visible}.console-home .home-gallery-dots .console-tile{flex:0 0 44px;width:44px;min-height:44px;display:grid;place-items:center}.home-gallery-dots .console-tile span{width:7px;height:7px;border-radius:99px;background:var(--baton-border)}.home-gallery-dots .console-tile[data-selected=true] span{background:var(--baton-action);width:22px}
.home-play{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 24px;border-radius:22px;border:1px solid var(--baton-border);background:color-mix(in srgb,#c3aa78 9%,var(--baton-panel))}.home-play h2{font:500 24px var(--display);margin:8px 0}.home-play p{color:var(--baton-muted);font-size:12px;line-height:1.6;margin:0}.home-play>div>p:first-child{font:9px/1.4 ui-monospace,monospace;letter-spacing:.12em}.home-disclosure{padding:28px 0 12px;border-top:1px solid var(--baton-border);margin-top:28px}.home-disclosure h2{font:500 23px var(--display);margin:0 0 12px}.home-disclosure p{font-size:11px;line-height:1.8;color:var(--baton-muted);max-width:760px}.home-disclosure nav{display:flex;gap:14px;flex-wrap:wrap}.home-disclosure a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.site-disclosure{flex-basis:100%;font-size:10px;line-height:1.7;color:var(--baton-muted);margin:4px 0 0}
@media(max-width:700px){.console-home{height:auto;overflow:visible;padding:12px 0 24px}.console-home-heading{margin-bottom:10px}.console-home-heading p{font-size:9px}.home-welcome{grid-template-columns:minmax(0,1fr) 100px;min-height:180px;padding:10px 0 22px;gap:0}.home-welcome h1{font-size:32px!important}.home-welcome p{font-size:12px}.home-welcome br{display:none}.home-mascots{height:130px;align-self:center}.home-mascots>svg{width:100px;height:110px}.home-mascot-friend{right:-4px;bottom:0}.home-mascot-friend svg{width:60px;height:60px}.home-rug{width:108px;height:26px;bottom:0}.console-home .home-gallery{grid-template-columns:minmax(0,1fr) 78px;padding:20px 16px;min-height:255px;gap:0;border-radius:20px}.home-gallery h2{font-size:27px!important}.home-gallery .console-preview-art{min-height:100px}.home-gallery .console-preview-art img{width:78px;height:78px}.home-gallery .console-preview-art>span{display:none}.home-gallery [data-console-preview-description]{font-size:12px;line-height:1.65}.home-gallery .console-open{min-width:0;font-size:12px!important;padding:10px 16px!important}.home-play{padding:20px 18px;flex-wrap:wrap;gap:14px}.home-play .console-open{width:100%}.home-disclosure{margin-top:20px}.console-legal{display:flex;gap:18px}.console-legal a{min-height:44px;display:inline-flex;align-items:center}}
.home-gallery{position:relative;isolation:isolate;overflow:hidden}.console-home .home-gallery{padding-bottom:190px;min-height:420px}.home-platform{position:absolute;bottom:0;left:0;width:100%;height:145px;cursor:crosshair;touch-action:pan-y}.home-platform canvas{width:100%;height:145px;display:block}.home-platform:focus-visible{outline:2px solid var(--baton-action);outline-offset:-4px;border-radius:12px}.home-platform-toolbar{position:absolute;bottom:148px;left:28px;right:28px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-platform-toolbar>span{font:10px var(--body);margin-right:auto}.home-platform-toolbar label{display:flex;gap:6px;align-items:center;font-size:10px}.home-platform-toolbar button,.home-platform-toolbar select{min-height:44px;border:1px solid var(--baton-border);border-radius:12px;padding:8px 12px;font:11px var(--body)}
.console-home .home-gallery[data-sky=day]{background:#edf3e7;color:#365341}.console-home .home-gallery[data-sky=night]{background:#23343d;color:#e3ece2;border-color:#40545b}.home-gallery[data-sky=night] [data-console-preview-kicker],.home-gallery[data-sky=night] [data-console-preview-description]{color:#afc0bc!important}html[data-theme] .home-gallery[data-sky=night] h2{color:#e3ece2!important}.home-gallery[data-sky=day] [data-console-preview-kicker],.home-gallery[data-sky=day] [data-console-preview-description]{color:#5b7463!important}html[data-theme] .home-gallery[data-sky=day] h2{color:#365341!important}.home-gallery[data-sky=day] .home-platform-toolbar>span{color:#5b7463}.home-gallery[data-sky=night] .home-platform-toolbar>span{color:#afc0bc}.home-gallery .home-platform-toolbar button,.home-gallery .home-platform-toolbar select{background:#ffffff0a!important;color:inherit!important;border-color:#91a89955!important}
@media(max-width:700px){.console-home .home-gallery{padding-bottom:232px;min-height:430px}.home-platform-toolbar{left:16px;right:16px;bottom:146px;gap:6px}.home-platform-toolbar>span{flex-basis:100%;margin:0 0 4px}.home-platform-toolbar button,.home-platform-toolbar select{padding:8px;font-size:10px}.home-platform-toolbar label{margin-right:auto}.home-platform{height:140px}.home-platform canvas{height:140px}.home-platform-toolbar button{min-width:44px}}
html[data-theme] .has-market-rail>.console-home{grid-column:1/-1}html[data-theme] .console-home .home-gallery{padding:30px 30px 200px;min-height:450px;grid-template-columns:minmax(0,1fr) 230px;gap:20px;margin-bottom:0}html[data-theme] .console-home .home-gallery .console-preview-art{height:auto;min-height:160px}
@media(max-width:700px){html[data-theme] .console-home .home-gallery{padding:20px 16px 232px;min-height:450px;grid-template-columns:minmax(0,1fr) 78px;gap:0}html[data-theme] .console-home .home-gallery .console-preview-art{min-height:100px}}
body[data-primary-view=desktop] .console-body>.persistent-market-rail,body[data-primary-view=home] .console-body>.persistent-market-rail{display:none!important}
@media(min-width:701px){.console-home-heading{margin-bottom:0}.home-welcome{min-height:0;padding:12px 10px 18px}.home-welcome h1{font-size:44px!important;margin-bottom:10px!important}.home-welcome p{font-size:13px;line-height:1.5;margin-bottom:6px}.home-mascots{height:165px}.home-mascots>svg{width:145px;height:145px}.home-mascot-friend svg{width:84px;height:84px}.home-rug{width:210px;height:36px}.home-gallery-heading{margin-top:0}.home-gallery h2{font-size:34px!important}html[data-theme] .console-home .home-gallery{padding:24px 28px 190px;min-height:380px}.home-gallery [data-console-preview-description]{font-size:13px}}
html[data-theme] .console-home .console-open{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--baton-action)!important;color:var(--baton-panel)!important;border-radius:28px!important;border:0!important;font-size:13px;font-weight:600}
.home-platform-toolbar button{min-width:44px}
html[data-theme] .console-home .home-gallery .console-open{background:#8cecaa!important;color:#244e38!important}
.site-token-notice{font-size:11px;line-height:1.7;color:var(--baton-muted);padding:10px 14px;border:1px solid var(--baton-border);border-radius:12px;margin:8px 0 4px;background:var(--baton-panel)}.site-token-notice strong{color:var(--baton-text);font-weight:600}.site-token-notice a{display:inline-flex;align-items:center;min-height:44px;margin-left:8px}.console-token-notice{font-size:10px;color:var(--baton-muted);min-height:44px;display:inline-flex;align-items:center}.console-legend .console-token-notice+span{margin-left:auto}
@media(max-width:700px){.site-token-notice{font-size:10px;padding:8px 12px}.site-token-notice a{margin-left:0}.site-token-notice strong{display:block}}