/* Account chrome is confined to the online portal, never the playing board. */
.portal-accountbar{display:flex;align-items:center;gap:24px;flex:1 0 100%;max-width:1040px;width:100%;margin:auto}
.portal-accountbar #header-wallet{flex:1;order:0;width:auto;margin:0;max-width:none}
.header-player{display:flex;align-items:center;gap:14px;min-width:0;color:#f3e4b8;text-decoration:none;border-radius:14px;padding:6px}
.header-player .collection-portrait{flex:none;padding:0;margin:0;min-width:0;min-height:0;overflow:visible}
.header-player .profile-avatar{display:block;width:66px;height:66px;margin:0}
.header-identity{display:grid;gap:5px;min-width:0;max-width:170px}
.header-identity strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-identity small{font-size:12px;color:#d6c391;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-entry-hint{font:11px/1.5 system-ui;color:#abcab9}
.header-player[aria-current=page]{outline:1px solid #dfc273;background:#bcac6517}
.portal-game .portal-nav .portal-nav-art{display:none}
.portal-game #cult-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;max-width:520px}
.portal-game #cult-toolbar button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;padding:5px 12px;border-radius:13px;font-size:14px}
.portal-game #cult-toolbar button .art-icon{width:36px;height:36px;flex:none}
.portal-game #cult-toolbar button span{display:block;font:14px/1.4 system-ui}
.portal-game #cult-toolbar .notification-dot{top:5px;right:7px;min-width:9px;height:9px;padding:0;font-size:0;border:1px solid #f3d8af}
.portal-game #player-welcome{display:none}
.portal-game .portal-top{justify-content:flex-end;font-size:12px;margin:12px 2px;color:#b8caba}
.portal-game #net-notice:empty{display:none}
.portal-important-notice{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#284e41;border:1px solid #d4b96b;color:#f8e5ac;border-radius:12px;cursor:pointer;text-align:left}
.portal-important-notice>span:first-child{font:12px system-ui;border:1px solid #bb9b54;border-radius:4px;padding:3px 6px;white-space:nowrap}
.portal-important-notice strong{flex:1;overflow-wrap:anywhere;font:14px/1.6 system-ui}
.portal-game .portal-nav{scroll-margin-top:100px}
.portal-game [data-view]{min-width:0}
.bag-dialog{width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 36px);box-sizing:border-box;padding:0}
.bag-dialog .cult-head{position:sticky;top:0;z-index:2;background:#153e35;padding:16px 20px}
.bag-dialog .cult-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:23px}
.bag-dialog .cult-head img{width:40px;height:40px;object-fit:contain}
.bag-body{padding:18px 20px 24px}
.bag-lead{margin:0 0 16px;color:#b8d0c2;font-size:14px}
.bag-tabs{display:flex;gap:7px;margin-bottom:18px}
.bag-tabs button{flex:1;padding:10px}
.bag-tabs [aria-pressed=true]{background:linear-gradient(120deg,#f0dfa1,#ac8f4b);color:#193b31}
.bag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bag-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px 12px;border:1px solid #81946b77;background:radial-gradient(ellipse at 50% 25%,#688c5b40,transparent 75%),#0b302b;border-radius:14px;color:#e9e3c4;cursor:pointer;font:14px/1.5 system-ui}
.bag-card:hover{border-color:#e2c678;background-color:#194b3e}
.bag-art{position:relative;display:block;width:76px;height:76px;max-width:100%}
.bag-art img{width:100%;height:100%;object-fit:contain}
.bag-art b{position:absolute;right:-2px;bottom:0;padding:1px 5px;background:#092920e8;border-radius:6px;font:700 12px/1.5 system-ui;color:#f7d78b}
.bag-card strong{font-size:13px;min-height:39px;display:grid;place-items:center;overflow-wrap:anywhere}
.bag-card small{font-size:11px;color:#a4c5b2}
.bag-links{display:flex;gap:10px;margin-top:22px}.bag-links button{flex:1}
.bag-empty{text-align:center;padding:25px 8px;color:#bed0bd}.bag-empty img{width:90px;height:90px;object-fit:contain}
.bag-detail{display:grid;gap:15px;max-width:430px;margin:12px auto;color:#d7e3d0}
.bag-detail>img{width:110px;height:110px;object-fit:contain;margin:auto}
.bag-detail h3{margin:0;text-align:center;font-size:24px;color:#f0d897}
.bag-owned{justify-self:center;background:#66836b30;border-radius:20px;padding:5px 16px;font-size:13px}
.bag-detail p{line-height:1.8;margin:0;font-size:14px}
.bag-detail label,.bag-detail form{display:grid;gap:12px}
.bag-detail input,.bag-detail select{min-width:0;width:100%;box-sizing:border-box;background:#0d302b;color:#f0e8c9;border:1px solid #869f7a;border-radius:10px;padding:13px;font:16px system-ui}
.bag-detail button{min-height:44px}.bag-status{color:#f3d699;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:650px){
 body.portal-game.signed-in{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 body.portal-game.signed-in>header{position:sticky;top:0;z-index:12;padding:calc(9px + env(safe-area-inset-top,0px)) 12px 9px;gap:0;background:#103a33f5;border-bottom:1px solid #bea76766;backdrop-filter:blur(16px);box-shadow:0 5px 20px #051c2233}
 .portal-game.signed-in>header>.brand,.portal-game.signed-in>header>.entry-links{display:none}
 .portal-game:not(.signed-in) .portal-accountbar{display:none}
 .portal-accountbar{display:grid;grid-template-columns:minmax(116px,.9fr) minmax(0,1.4fr);gap:10px;max-width:none;margin:0}
 .header-player{padding:3px 0;gap:9px;min-height:66px}
 .header-player .profile-avatar{width:44px;height:44px}
 .header-player .avatar-badge{width:19px;height:19px}
 .header-identity{gap:3px;max-width:100%}
 .header-identity strong{font-size:14px;line-height:1.5}
 .header-identity small{font-size:10px;line-height:1.5}
 .profile-entry-hint{font-size:9px;white-space:nowrap}
 .portal-accountbar #header-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%}
 .portal-accountbar #header-wallet .header-resource{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:0 5px;padding:5px 6px;border-radius:9px;min-height:39px;text-align:left;border-color:#7a956545}
 .portal-accountbar #header-wallet dt{display:contents}
 .portal-accountbar #header-wallet .art-icon{width:22px;height:25px;grid-column:1;grid-row:1/3}
 .portal-accountbar #header-wallet .resource-label{grid-column:2;grid-row:1;font:9px/1.2 system-ui;color:#b9cdb9}
 .portal-accountbar #header-wallet dd{grid-column:2;grid-row:2;font:700 14px/1.3 system-ui;white-space:nowrap;overflow-wrap:normal}
 .portal-accountbar #header-wallet dd small{font-size:9px}
 .portal-game .portal-layout{padding:12px 12px 20px}
 .portal-game #cult-toolbar{max-width:none;gap:7px}
 .portal-game #cult-toolbar button{height:53px;gap:4px;padding:5px 3px;border-radius:12px;box-shadow:0 3px 7px #051c2233}
 .portal-game #cult-toolbar button .art-icon{width:30px;height:33px}
 .portal-game #cult-toolbar button span{font-size:12px;white-space:nowrap}
 .portal-game #connected>.portal-nav{position:fixed;inset:auto 0 0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px max(8px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:linear-gradient(#19483ff7,#082c28fc);border:0;border-top:1px solid #c8ac69aa;border-radius:18px 18px 0 0;box-shadow:0 -6px 22px #052a2255;z-index:14}
 .portal-game #connected>.portal-nav>a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;min-height:56px;font:12px/1.4 system-ui;border:1px solid transparent;border-radius:12px;color:#bfd1be;background:transparent}
 .portal-game .portal-nav .portal-nav-art{display:block;width:30px;height:30px;object-fit:contain;opacity:.85}
 .portal-game #connected>.portal-nav>a[aria-current=page]{border-color:#e0c177;background:linear-gradient(145deg,#69724b65,#bea05128);box-shadow:inset 0 1px #eedd9c55,0 0 12px #dcc37018;color:#ffe0a0}
 .portal-game .portal-nav [aria-current=page] .portal-nav-art{opacity:1;filter:drop-shadow(0 0 4px #ebd38366)}
 .portal-game .portal-nav [data-page=friends]>.notification-dot{top:4px;right:22%;font-size:9px;min-width:14px;height:14px}
 .portal-game .portal-top{margin:9px 3px 13px}
 .portal-game .lobby-intro{margin:20px 0;gap:8px}.portal-game .lobby-intro h1{font-size:25px}.portal-game .lobby-intro .eyebrow{font-size:11px}.portal-game .lobby-intro p{font-size:13px}
 .portal-game [data-view],.portal-game #match-panel,.portal-game .room-picker>button{scroll-margin-top:115px}
 .portal-game .shop-toolbar{top:calc(var(--portal-header-height,105px) + 6px)}
 .portal-game .shop-shell{scroll-margin-top:calc(var(--portal-header-height,105px) + 12px)}
 .portal-game .cult-toast{bottom:calc(91px + env(safe-area-inset-bottom,0px))}
 .portal-game dialog .cult-toast{bottom:12px}
 .bag-body{padding:14px 14px 22px}.bag-grid{gap:8px}.bag-art{width:67px;height:67px}.bag-card{padding:12px 5px 9px}.bag-card strong{font-size:12px;min-height:36px}
 .bag-dialog .cult-head{padding:13px 14px}.bag-dialog .cult-head h2{font-size:21px}.bag-dialog .cult-head img{width:32px;height:32px}
}
@media(max-width:350px){.portal-accountbar{gap:7px;grid-template-columns:112px minmax(0,1fr)}.header-player{gap:6px}.header-player .profile-avatar{width:36px;height:36px}.portal-accountbar #header-wallet .header-resource{grid-template-columns:18px minmax(0,1fr);gap:0 3px;padding:4px}.portal-accountbar #header-wallet .art-icon{width:18px;height:22px}.portal-accountbar #header-wallet dd{font-size:12px}.portal-game #cult-toolbar button .art-icon{width:25px}.portal-game #cult-toolbar button span{font-size:11px}.portal-game .lobby-intro h1{font-size:22px}}

.header-player{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:7px;max-width:300px}
.header-player>.honor-nameplate{grid-column:1/-1;justify-self:center;width:100%;font-size:11px;padding:3px 7px}
.header-player>.honor-nameplate small{font-size:9px}.header-identity .header-realm{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.5}
@media(max-width:650px){.header-player{column-gap:9px;row-gap:5px}.header-identity .header-realm{font-size:10px}.header-player>.honor-nameplate{font-size:10px;line-height:1.45}.header-player>.honor-nameplate small{display:inline;font-size:9px;margin-left:5px}}
@media(max-width:350px){.header-player{column-gap:6px}.header-player>.honor-nameplate{font-size:9px}.header-identity .header-realm{font-size:9px}}

.header-player>.honor-nameplate.has-art{padding:0;font-size:inherit}.header-player>.honor-nameplate.has-art .honor-caption{font-size:9px;margin:1px 0 0}
@media(max-width:650px){.header-player>.honor-nameplate.has-art .honor-caption{font-size:8px;gap:0 4px}}