.trial-intro{border-color:#bca366}.trial-intro p,.trial-route p{line-height:1.65}.trial-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.trial-roster>div{display:flex;flex-direction:column;gap:6px;text-align:center;background:#102332;border-radius:9px;padding:7px 3px}.trial-roster img{width:100%;aspect-ratio:1;object-fit:contain}.trial-roster b{font-size:11px}.trial-roster small{color:#e7ca85;font-size:10px}.trial-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#203349;border:1px solid #bca366;border-radius:9px;padding:10px;margin:5px 0}.trial-progress span{flex:1}.trial-boss{min-width:220px;max-width:430px;width:100%;margin:auto;display:flex;flex-direction:column;gap:8px;align-items:center}.trial-boss .trial-art{width:180px;height:180px;object-fit:contain}.trial-boss .meter{width:90%}.trial-cast,.control-alert{color:#ffb5b5;font-weight:700}.control-alert{background:#4a2132;padding:6px;border-radius:6px}.rank-scale{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.rank-scale span,.rank-badge{border:1px solid #a18a54;border-radius:5px;padding:4px 6px;font-size:11px;color:#f4d895}.rank-badge{display:inline-block;margin-bottom:5px}.rank-SS{border-color:#bf9cff;color:#d8bcff}.rank-SSS{border-color:#ff7da0;color:#ffb6d2}.outfit-card{display:flex;flex-direction:column;gap:9px;align-items:center}.outfit-card img{width:200px;height:220px;object-fit:contain}.rank-outfit,.trial-art{object-fit:contain}.area.dawnrift,.area.dawncity{background:linear-gradient(120deg,#3b3659,#28566a,#a67f4e)}.art-monster.trial-art{object-fit:contain}@media(max-width:700px){.trial-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.trial-roster img{max-height:100px}.trial-boss .trial-art{height:150px;width:150px}}
.trial-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:7px 9px}.trial-progress b{grid-column:1/-1;font-size:12px}.trial-progress span{min-width:0;font-size:11px}.trial-progress button{grid-column:2;grid-row:2;font-size:11px;padding:4px 7px}.trial-progress [data-trial-stop-after]{grid-column:1;grid-row:3;justify-self:start;border-color:#d5af65;color:#ffe9b2}.trial-progress [data-trial-exit]{grid-column:2;grid-row:3}.dawn-ready{font-size:11px;color:#f2d397;margin-top:7px;position:relative;z-index:1}
#encounter:has(.trial-boss) .enemy-lineup{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:hidden!important}#encounter:has(.trial-boss) .encounter-heading{display:none!important}#encounter .enemy-target.trial-boss{max-width:none!important;display:grid!important;grid-template-columns:130px minmax(0,1fr);grid-auto-rows:min-content;align-content:center;align-items:center!important;text-align:left!important;column-gap:14px!important;padding:5px 12px!important}#encounter .trial-boss .art-monster{width:130px!important;height:130px!important;max-width:100%;grid-column:1;grid-row:1/6}#encounter .trial-boss>b,#encounter .trial-boss>span,#encounter .trial-boss>.bar,#encounter .trial-boss>small{grid-column:2;min-width:0;white-space:normal;overflow-wrap:anywhere}#encounter .trial-boss>.bar{width:100%;margin:5px 0}#encounter .trial-boss>span{font-size:11px}#encounter .trial-boss>small{font-size:10px!important}#encounter:has(.trial-boss)>.tiny{display:none!important}@media(max-width:700px){#encounter .enemy-target.trial-boss{grid-template-columns:100px minmax(0,1fr)}#encounter .trial-boss .art-monster{width:100px!important;height:110px!important}}@media(min-width:1001px)and(max-height:850px){#encounter .trial-boss .art-monster{height:100px!important}#encounter .enemy-target.trial-boss{grid-template-columns:100px minmax(0,1fr)}}
#encounter .enemy-target.trial-boss{align-content:start!important;justify-content:stretch!important;overflow:hidden!important;padding-top:12px!important;min-height:150px!important}
#encounter .enemy-target.trial-boss>b{display:block!important;grid-column:2!important;grid-row:1!important;align-self:start!important;min-height:23px!important;line-height:1.5!important;font-size:15px!important;white-space:normal!important;overflow:visible!important;color:#fce4ae!important;position:relative;z-index:2}
#encounter .trial-boss .art-monster{align-self:center!important}
/* The trial portrait must not inherit the grid-row span: content rows can
   otherwise push the portrait below the clipped compact encounter card. */
#encounter .enemy-target.trial-boss{position:relative!important;min-height:154px!important;box-sizing:border-box!important;align-content:start!important;padding-bottom:12px!important}
#encounter .enemy-target.trial-boss>.art-monster{position:absolute!important;left:12px!important;top:10px!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important;width:130px!important;height:130px!important;max-height:calc(100% - 20px)!important;min-height:0!important;object-fit:contain!important;object-position:center center!important}
@media(max-width:700px){#encounter .enemy-target.trial-boss>.art-monster{width:100px!important;height:116px!important}}
@media(min-width:1001px)and(max-height:850px){#encounter .enemy-target.trial-boss>.art-monster{width:100px!important;height:110px!important}}
/* The compact battle viewport can crop the card itself at short screen heights.
   Keep the entire 1:1 boss art inside its reliably visible upper 104px. */
#encounter .enemy-target.trial-boss>.art-monster{top:5px!important;left:16px!important;width:104px!important;height:96px!important;max-height:96px!important;object-fit:contain!important}
.rank-resistance{display:block;color:#a4d7cd;font-size:10px;margin:3px 0}
@media(min-width:1001px){.battle:has(.area.dawncity) .encounter{height:64px!important;min-height:64px!important}.battle:has(.area.dawncity) .enemy-lineup{display:none!important}}
.area:is(.town,.skycity,.dawncity)>.town-evolution{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin-right:5px;position:relative;z-index:1;padding:5px 8px;font-size:11px}.area:is(.skycity,.dawncity) .town-evolution{white-space:normal}
.allocation-row{grid-template-columns:minmax(0,1fr) 82px 50px 44px;min-height:76px}.allocation-row .full-attribute-value{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.allocation-row input{width:50px}.overflow-details{border:1px solid #3f655d;border-radius:7px;padding:7px;margin:9px 0}.overflow-details summary{cursor:pointer;color:#a4e3d1;font-weight:700}.overflow-details p{font-variant-numeric:tabular-nums;line-height:1.6}@media(min-width:1001px)and(max-width:1190px){.allocation-row{grid-template-columns:minmax(0,1fr) 76px 43px 40px}.allocation-row input{width:43px}}
.allocation-row [data-allocation-limit]{min-height:32px}.full-attribute-value .attribute-bonus{margin-left:0}