/* 独立战斗画面。保留 Wiki 和游戏厅的原结构，仅进入战斗时应用。 */
html body .gb-ov.gb-playing{padding:0;background:#050509}
html body .gb-playing .gb-win{width:100%;height:100dvh;max-height:100dvh;border:0;box-shadow:none;display:flex;flex-direction:column;background:#050509}
html body .gb-playing .gb-hd{padding:8px 20px;min-height:48px;border-bottom:1px solid #45405b;flex-wrap:nowrap}
html body .gb-playing .gb-hd b{letter-spacing:.22em;font-size:12px}
html body .gb-playing .gb-body{position:relative;flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto minmax(230px,1fr) auto auto;gap:0 10px;padding:10px 28px 18px;max-width:1400px;width:100%;box-sizing:border-box;align-self:center}
html body .gb-playing .gb-note{grid-column:2;grid-row:1;font-size:11px;letter-spacing:.07em;color:#b7b0c9;margin:0;padding:7px 0;border-bottom:1px solid #292637}
html body .gb-playing .gb-tension{grid-column:1;grid-row:2;align-self:center;display:flex;align-items:center;flex-direction:column;gap:9px;color:#ffaf35;font-family:var(--font-mono)}
.gb-tension b{font-size:25px}.gb-tension small{font-size:11px}.gb-tension span{letter-spacing:.18em;font-size:12px}.gb-tension i{height:170px;width:17px;display:block;position:relative;background:#23212d;border:2px solid #fff;transform:skewY(-12deg)}.gb-tension i:after{content:'';position:absolute;bottom:0;left:0;right:0;height:var(--tp);background:linear-gradient(#ffdc4c,#ff774b)}
html body .gb-playing .gb-stage{grid-column:2;grid-row:2;min-height:260px;position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;background:radial-gradient(ellipse at 70% 55%,#21132f88,transparent 55%),linear-gradient(180deg,#050509 65%,#141020);border-bottom:1px solid #292637;padding:20px 40px 22px;overflow:hidden}
html body .gb-playing .gb-stage:before{content:'';position:absolute;left:0;right:0;bottom:15%;height:1px;background:linear-gradient(90deg,transparent,#78708e,transparent);pointer-events:none}
html body .gb-playing .gb-foe{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:1}
html body .gb-playing .gb-you{grid-column:1;grid-row:1;align-self:center;position:relative;z-index:1}
html body .gb-playing .gb-emo{font-size:66px;min-height:140px;display:flex;align-items:flex-end;justify-content:center;transform-origin:50% 100%;animation:gbBreathe 2.4s ease-in-out infinite}
html body .gb-playing .gb-emo img.gb-img2{width:auto;height:min(27vh,240px);max-width:100%;max-height:240px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 2px #0008)}
html body .gb-playing .gb-you .gb-emo{animation-delay:-1.2s}
html body .gb-playing .gb-hp{width:100%;max-width:280px;height:11px;margin-top:8px;border-width:1px}
html body .gb-playing .gb-hpnum{max-width:300px;line-height:1.7;font-size:11px;overflow-wrap:anywhere}
html body .gb-playing .gb-mpnum{max-width:300px;line-height:1.6;font-size:10px}
html body .gb-playing .gb-dodge:not(:empty){position:absolute;z-index:7;width:min(520px,64%);left:50%;top:50%;transform:translate(-50%,-50%);padding:10px;background:#050509;border:1px solid #85768f;box-shadow:0 8px 60px #000}
html body .gb-playing .gb-stage:has(.gb-dodge canvas) .gb-emo{opacity:.16}
html body .gb-playing .gb-dwrap{width:100%;box-sizing:border-box}
html body .gb-playing .gb-dhint{font-size:11px}
html body .gb-playing .gb-dtips{display:none}
html body .gb-playing .gb-log{grid-column:2;grid-row:3;max-height:112px;min-height:58px;overflow:auto;border:2px solid #fff;border-bottom:0;margin:12px 0 0;padding:12px 16px;background:#050509;scrollbar-width:thin}
html body .gb-playing .gb-log .gb-row{font-size:12px;line-height:1.65}
html body .gb-playing .gb-acts{grid-column:2;grid-row:4;display:flex;flex-wrap:wrap;border:2px solid #fff;padding:12px;gap:8px;background:#050509}
html body .gb-playing .gb-acts .btn{border:2px solid #dc9147;color:#f9b95f;border-radius:0;background:#09090e;min-width:120px;min-height:42px;flex:1 1 22%;font-family:var(--font-mono);font-size:12px;transition:background .1s}
html body .gb-playing .gb-acts .btn:hover:not(:disabled),html body .gb-playing .gb-acts .btn.sel:not(:disabled){color:#fff;background:#492c1d;border-color:#ffcf62}
html body .gb-playing .gb-acts .btn:disabled{opacity:.38}
html body .gb-playing .gb-acts .gb-keyhint{width:100%;font-size:10px;padding-top:4px}
html body .gb-playing .gb-fusion{width:100%;font-size:10px;line-height:1.7;color:#bcabda;border-top:1px solid #393047;padding-top:6px}
html body .gb-playing .gb-ex,html body .gb-playing .gb-burn{grid-column:2;grid-row:1;font-size:11px;justify-self:end;max-width:47%;z-index:2;background:#21192d;align-self:start;opacity:.96}
html body .gb-playing .gb-adds{flex-wrap:wrap;gap:8px}
html body .gb-playing .gb-add{font-size:10px}
@keyframes gbBreathe{50%{transform:translateY(-3px)}}
@media(max-width:700px){
 html body .gb-playing .gb-hd{padding:6px 8px;gap:5px;min-height:44px}
 html body .gb-playing .gb-hd .btn{font-size:11px;padding:5px 7px;min-width:32px}
 html body .gb-playing .gb-body{grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto minmax(210px,1fr) auto auto;padding:5px 8px max(10px,env(safe-area-inset-bottom));gap:0 5px}
 html body .gb-playing .gb-note{font-size:9px}
 html body .gb-playing .gb-stage{padding:12px 5px;gap:10px;min-height:210px}
 html body .gb-playing .gb-emo{min-height:95px}
 html body .gb-playing .gb-emo img.gb-img2{height:120px;max-height:120px}
 html body .gb-playing .gb-hpnum{font-size:9px}
 html body .gb-playing .gb-mpnum{font-size:8px}
 html body .gb-playing .gb-dodge:not(:empty){width:calc(100% - 12px);padding:5px;box-sizing:border-box}
 html body .gb-playing .gb-log{max-height:80px;padding:6px 8px;margin-top:5px;min-height:35px}
 html body .gb-playing .gb-log .gb-row{font-size:10px}
 html body .gb-playing .gb-acts{padding:6px;gap:5px}
 html body .gb-playing .gb-acts .btn{flex:1 1 43%;min-width:0;min-height:38px;font-size:10px;padding:7px 4px;overflow-wrap:anywhere}
 html body .gb-playing .gb-ex,html body .gb-playing .gb-burn{display:none}
 .gb-tension b{font-size:15px}.gb-tension small{font-size:9px}.gb-tension i{height:105px;width:10px}
}
@media(prefers-reduced-motion:reduce){html body .gb-playing .gb-emo{animation:none}}