.gj-book,.gj-stage,.gj-voices{max-width:900px;margin:auto;color:#e2e5f4;line-height:1.8}
.gj-chapters{display:flex;gap:7px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.gj-chapters button,.gj-diff button{min-height:44px;flex:none;border:1px solid #727a9e66;border-radius:12px;padding:8px 14px;background:#111932;color:#ced7ed;font:inherit}
.gj-chapters button[aria-pressed=true],.gj-diff button[aria-pressed=true]{border-color:#e3d7ab;background:linear-gradient(140deg,#45365f,#234c54);color:#fff0ce}
.gj-guardian,.gj-voices header{display:flex;align-items:center;gap:22px;background:radial-gradient(ellipse at 20% 50%,#8097b933,transparent 66%);padding:22px;border:1px solid #bdcbe533;border-radius:22px;margin:16px 0}
.gj-guardian img,.gj-voices header img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 10px 22px #92bcdb44)}
.gj-guardian small,.gj-stage>small,.gj-voices header small{color:#c9c0df;font-size:12px;letter-spacing:.08em}
.gj-guardian h2,.gj-stage h2,.gj-voices h2{font-family:var(--mincho);font-size:26px;color:#faedcf;margin:4px 0}
.gj-stages{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gj-stages button{display:flex;text-align:left;align-items:center;gap:12px;padding:18px;border-radius:18px;border:1px solid #a6bdd34d;background:linear-gradient(130deg,#263049bb,#151a33);color:#dee8f6;min-height:140px}
.gj-stages button:disabled{opacity:.45}.gj-stages i{font-style:normal;font-family:var(--mincho);font-size:28px;color:#e5cc92}
.gj-stages span{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.gj-stages small,.gj-stages em{font-size:11px;color:#b4c6df;font-style:normal}.gj-stages b{font-family:var(--mincho);font-size:16px}.gj-stages strong{color:#e5cc92}
.gj-recall,.gj-stage>button{min-height:44px;margin-top:18px;border:1px solid #b6c9e84d;padding:10px 18px;border-radius:12px;background:#202a46;color:#e5ecff}
.gj-stage>img{width:128px;height:128px;object-fit:contain;float:right;margin:0 0 12px 16px}.gj-stage p{font-size:13px;clear:both}.gj-diff{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.gj-diff button{display:flex;flex-direction:column;min-width:0;padding:10px 7px}.gj-diff small{font-size:11px}
.gj-loot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #adbed733;background:#0f172c88;border-radius:14px;padding:14px;font-size:12px}.gj-loot>small{flex-basis:100%}.gj-loot>.ia-icon{width:38px;height:38px}
.gj-missions{font-size:12px;padding:12px 16px;margin:12px 0;border-left:2px solid #d5c096;background:#2e30452b}.gj-missions ul{margin:6px 0;padding-left:20px}
.gj-voices section{border-top:1px solid #c5d1e52b;padding:18px 0}.gj-voices h3{font:16px var(--mincho);color:#e4d3a9}.gj-voices section p{display:flex;gap:14px;padding:10px 14px;background:#1e294333;border-radius:11px;font-size:13px}.gj-voices section b{flex:none;min-width:66px;color:#a7d7e4}.gj-voices>p{font-size:13px}
#guardianHud{position:absolute;top:88px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 500px));z-index:7;display:flex;align-items:center;gap:9px;padding:6px 10px;background:linear-gradient(100deg,#262239ef,#111e31eb);border:1px solid #cab7dc70;border-radius:13px;box-shadow:0 9px 28px #09091355;cursor:pointer}
#guardianHud.hidden{display:none}#guardianHud img{width:40px;height:40px;object-fit:contain}.gh-copy{min-width:0;flex:1}.gh-copy>b{display:flex;justify-content:space-between;gap:6px;align-items:center;font:13px var(--mincho);color:#f4e7d5}.gh-copy>b small{font:10px var(--gothic);color:#c7d3e7}.gh-hp{height:15px;position:relative;background:#080e24;border-radius:6px;overflow:hidden;margin:4px 0}.gh-hp>i{display:block;height:100%;background:linear-gradient(90deg,#678899,#c5a5c6);transition:width .4s}.gh-hp>em{position:absolute;left:33.33%;top:0;bottom:0;width:1px;background:#f4e9cf}.gh-hp>em+em{left:66.66%}.gh-hp>span{position:absolute;inset:0;display:grid;place-items:center;font:9px var(--gothic);text-shadow:0 1px 3px #000}.gh-intent{display:block;font:10px var(--gothic);color:#dfcfb6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#guardianHud button{width:44px;min-height:44px;border:1px solid #adc9e14d;border-radius:10px;background:#35415d;color:#dcedf9;font-size:12px;flex:none}
#boardScreen.guardian-battle.compact #guardianHud{top:116px;left:8px;right:8px;width:auto;transform:none;gap:6px;padding:4px 7px}#boardScreen.guardian-battle.compact #guardianHud img{width:30px;height:30px}#boardScreen.guardian-battle.compact .gh-copy>b{font-size:11px}#boardScreen.guardian-battle.compact .gh-copy>b small{font-size:9px}#boardScreen.guardian-battle.compact .gh-intent{font-size:9px}#boardScreen.guardian-battle.compact #boardSide{top:184px}
#boardScreen.guardian-battle.compact.short #guardianHud{top:74px;right:auto;width:170px;flex-wrap:wrap}#boardScreen.guardian-battle.compact.short #guardianHud img{display:none}#boardScreen.guardian-battle.compact.short .gh-copy>b{display:block}#boardScreen.guardian-battle.compact.short .gh-copy>b small{display:block;margin-top:3px}#boardScreen.guardian-battle.compact.short #boardSide{top:74px}#boardScreen.guardian-battle.compact.short #hint{left:184px;width:calc(100% - 356px);top:74px;font-size:10px}
@media(max-width:600px){.gj-guardian,.gj-voices header{gap:12px;padding:12px}.gj-guardian img,.gj-voices header img{width:90px;height:110px}.gj-guardian h2,.gj-stage h2,.gj-voices h2{font-size:20px}.gj-guardian p{font-size:12px}.gj-stages{grid-template-columns:1fr}.gj-stages button{min-height:108px;padding:13px}.gj-stage>img{width:88px;height:100px}.gj-voices section p{display:block}.gj-voices section b{display:block;margin-bottom:4px}.gj-chapters button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gh-hp>i{transition:none}}
@media(max-width:600px) and (max-height:600px){#boardScreen.guardian-battle.compact #unitInfo,#boardScreen.guardian-battle.compact #skills{max-height:68px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#boardScreen.guardian-battle.compact #skills .skill{flex-shrink:0}}
html[data-motion=reduced] .gh-hp>i{transition:none}
#guardianHud[data-phase="1"] img{filter:brightness(.65) saturate(.18)}#guardianHud[data-phase="2"] img{filter:brightness(.82) saturate(.59)}#guardianHud[data-phase="3"] img{filter:brightness(.99) saturate(1)}