/* Player center single-screen shell. The document never scrolls; feature windows own their overflow. */
:root{--player-top:76px;--player-nav:62px;--player-gap:7px}
html,body{height:100%;height:100dvh;overflow:hidden}
body{min-height:0}
.shell{width:min(560px,100%);height:100vh;height:100dvh;min-height:0;padding:max(7px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:hidden}
.shell:has(#app:not(.hidden)){display:block}
.shell:has(#app:not(.hidden))>.brand{display:none}
.shell:has(#auth:not(.hidden)){display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.shell:has(#auth:not(.hidden))>.brand{flex:0 0 auto}
#auth:not(.hidden){max-height:calc(100dvh - 112px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
#app:not(.hidden),#player-content:not(.hidden){height:100%;min-height:0}
#player-content:not(.hidden){display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--player-gap)}
.hero{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(92px,112px) 42px;align-items:center;gap:8px;min-height:68px;margin:0;padding:8px 9px;border-color:#74552a;background:linear-gradient(100deg,rgba(34,28,17,.98),rgba(8,12,9,.98))}
.avatar{width:50px;height:50px}.hero-main h2{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-main p{font-size:10px}.bar{margin-top:6px}
.idle-claim{width:auto;max-width:none;justify-items:stretch}.idle-claim button{width:100%;min-height:36px;padding:0 7px;font-size:11px}.idle-claim small{display:block;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.player-account-toggle{display:grid;place-items:center;align-content:center;gap:1px;width:42px;height:46px;padding:0;border:1px solid #82602d;border-radius:5px;background:#15140e;color:#e6c573;font-size:8px}.player-account-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;overflow:visible;padding:0}
.resource{min-height:39px;padding:3px 4px;border-radius:4px}.resource>img{width:24px;height:24px}.resource b{font-size:11px}.resource span{font-size:8px;margin-top:1px}
.player-workspace{position:relative;min-height:0;overflow:hidden;border-radius:7px;background:linear-gradient(155deg,rgba(18,20,16,.98),rgba(6,9,7,.99))}
.workspace-head{display:none;height:42px;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #5b4422;background:#15140e}.workspace-head h2{margin:0;color:#efcc77;font:700 16px/1.2 "Microsoft YaHei","PingFang SC",sans-serif}.workspace-close{display:flex;align-items:center;gap:2px;min-height:32px;padding:0 8px;border:1px solid #735326;border-radius:4px;background:#21170c;color:#dbbd77;font-size:11px}.workspace-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body:not([data-player-page="overview"]) .workspace-head{display:flex}
.content{height:100%;min-height:0;padding:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body:not([data-player-page="overview"]) .content{height:calc(100% - 42px);padding-bottom:14px}
body[data-player-page="overview"] .content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 46px;gap:6px;overflow:hidden}
body[data-player-page="overview"] .content>.panel{min-height:0;margin:0;padding:0}
body[data-player-page="overview"] .content>.panel:first-child{grid-column:1/-1;overflow:hidden}
body[data-player-page="overview"] .content>.panel:first-child>h3{display:none}
body[data-player-page="overview"] .overview-stage{height:100%;min-height:0;border:0;border-radius:5px}
body[data-player-page="overview"] .overview-stage>.role-portrait{left:-3%;width:55%;height:96%}
body[data-player-page="overview"] .overview-stats{width:57%;height:100%;align-content:center;grid-template-columns:1fr 1fr;gap:5px;padding:8px}
body[data-player-page="overview"] .overview-stats>span{padding:6px;font-size:8px}
body[data-player-page="overview"] .overview-stats b{font-size:11px}
body[data-player-page="overview"] .overview-buff{grid-column:1/-1}
body[data-player-page="overview"] .overview-buff span,body[data-player-page="overview"] .overview-buff small{font-size:8px;line-height:1.35}
body[data-player-page="overview"] .content>.panel.quick-panel{display:flex;align-items:center;justify-content:space-between;padding:0 9px;cursor:pointer;border-color:#654b25;background:linear-gradient(120deg,#24180c,#0d100d)}
body[data-player-page="overview"] .quick-panel>h3{margin:0;font-size:12px}
body[data-player-page="overview"] .quick-panel>.quick-summary{color:#9d927b;font-size:9px;text-align:right}
body[data-player-page="overview"] .quick-panel>:not(h3):not(.quick-summary):not(.quick-open){display:none}
body[data-player-page="overview"] .quick-open{display:grid;place-items:center;width:27px;height:27px;margin-left:5px;border:1px solid #715126;background:#15140e;color:#e5c576;border-radius:50%;font-size:15px}
body[data-player-page="overview"] .quick-panel.is-open{position:absolute;z-index:20;inset:6px;display:block;padding:48px 10px 12px;overflow:auto;cursor:default;background:linear-gradient(150deg,#24170a,#080b08 42%);box-shadow:0 18px 50px #000}
body[data-player-page="overview"] .quick-panel.is-open>h3{position:absolute;top:0;left:0;right:0;height:42px;padding:12px 52px 0 12px;border-bottom:1px solid #654a24;font-size:15px}
body[data-player-page="overview"] .quick-panel.is-open>:not(h3):not(.quick-summary):not(.quick-open){display:flex}
body[data-player-page="overview"] .quick-panel.is-open>.quest-grid{display:grid}
body[data-player-page="overview"] .quick-panel.is-open>.notice{display:block}
body[data-player-page="overview"] .quick-panel.is-open>.team-visual{display:flex}
body[data-player-page="overview"] .quick-panel.is-open>.team-bond{display:block}
body[data-player-page="overview"] .quick-panel.is-open>.quick-summary{display:none}
body[data-player-page="overview"] .quick-panel.is-open>.quick-open{position:absolute;z-index:2;right:10px;top:7px;width:30px;height:30px}
.nav{position:static;z-index:30;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr;grid-auto-flow:column;width:100%;height:var(--player-nav);margin:0;overflow:visible;border-color:#75572c;border-radius:7px;background:linear-gradient(#17150e,#080a08)}
.nav button{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;min-height:58px;padding:4px 1px;border-bottom:0!important;border-right:1px solid rgba(126,91,40,.25);font-size:10px}
.nav button:last-child{border-right:0}.nav button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.nav button.active{color:#ffe19a;background:radial-gradient(circle at 50% 40%,#6c431d99,#15120b 68%);box-shadow:inset 0 2px #d9a84e}
.player-account-overlay{position:fixed;z-index:160;inset:0;display:grid;place-items:end center;padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#000c;backdrop-filter:blur(4px)}
.player-account-sheet{width:min(544px,100%);max-height:min(78dvh,620px);overflow:auto;padding:0;background:linear-gradient(155deg,#25170a,#080b08 55%);border-color:#ae7935;box-shadow:0 -12px 60px #000}
.player-account-sheet>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #694c24;background:#17140d}.player-account-sheet>header b,.player-account-sheet>header small{display:block}.player-account-sheet>header b{color:#f1cc75}.player-account-sheet>header small{margin-top:3px;color:#9d927b;font-size:10px}.player-account-sheet>header button{width:34px;height:34px;border:1px solid #92652b;border-radius:50%;background:#301c0b;color:#f3d17c;font-size:20px}
.player-account-sheet .account,.player-account-sheet .identity-switcher{margin:0;padding:12px;border:0;border-bottom:1px solid #46351d;border-radius:0;background:transparent;box-shadow:none}.player-account-sheet .identity-controls{margin-top:8px}
.binding-panel{position:fixed!important;z-index:180;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:min(544px,calc(100% - 16px));max-height:calc(100dvh - 20px);transform:translateX(-50%);overflow:auto;padding:14px;background:linear-gradient(155deg,#28180a,#080b08 55%);border-color:#b17a34;box-shadow:0 0 0 100vmax #000c,0 20px 60px #000}
@media(max-width:390px){
  :root{--player-gap:5px;--player-nav:58px}
  .shell{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}
  .hero{grid-template-columns:46px minmax(0,1fr) 96px 38px;gap:5px;min-height:62px;padding:6px}.avatar{width:44px;height:44px}.hero-main h2{font-size:13px}.hero-main p{font-size:9px}.idle-claim button{min-height:34px;font-size:10px}.idle-claim small{font-size:8px}.player-account-toggle{width:38px;height:42px}
  .resource{min-height:35px}.resource>img{width:21px;height:21px}.resource b{font-size:10px}
  body[data-player-page="overview"] .overview-stage>.role-portrait{left:-8%;width:62%}
  body[data-player-page="overview"] .overview-stats{width:61%;padding:5px}.nav button{min-height:54px;font-size:9px}.nav button svg{width:21px;height:21px}
}
@media(max-width:340px){
  .hero{grid-template-columns:42px minmax(0,1fr) 84px 34px}.avatar{width:40px;height:40px}.idle-claim small{display:none}.player-account-toggle{width:34px}
  .resource{padding:2px}.resource>img{width:18px;height:18px}.resource b{font-size:9px}.resource span{font-size:7px}
  body[data-player-page="overview"] .overview-stats{width:64%}
}
@media(max-height:700px){
  .hero{min-height:56px;padding-top:4px;padding-bottom:4px}.avatar{width:42px;height:42px}.idle-claim small{display:none}
  .resource{min-height:31px}.resource>img{width:19px;height:19px}.nav{height:52px}.nav button{min-height:48px}.nav button svg{width:19px;height:19px}
}
@media(orientation:landscape) and (max-height:560px){
  .shell{width:min(900px,100%)}#player-content:not(.hidden){grid-template-columns:250px minmax(0,1fr) 58px;grid-template-rows:auto minmax(0,1fr);gap:5px}.hero{grid-column:1;grid-row:1}.resources{grid-column:1;grid-row:2;align-content:start;grid-template-columns:repeat(2,1fr)}.player-workspace{grid-column:2;grid-row:1/3}.nav{grid-column:3;grid-row:1/3;height:auto;grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr))}.nav button{min-height:0;border-right:0;border-bottom:1px solid rgba(126,91,40,.25)!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}