.teisen-status{margin:10px 0;padding:12px 14px;border:1px solid #b76d5266;border-radius:12px;background:linear-gradient(135deg,#241818,#131c23);color:#e9ded0;font-size:12px}.teisen-status>div{display:flex;justify-content:space-between;gap:10px}.teisen-status ol{list-style:none;padding:0;margin:9px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.teisen-status li{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border:1px solid #7d5353;border-radius:6px}.teisen-status li.is-defeated{border-color:#80b4a2;background:#345f482c;color:#9ad0b4}.teisen-status small{font-size:10px;opacity:.8}.teisen-status p{margin:6px 0}.teisen-power{color:#ff9e83}.teisen-status button{font-size:12px;min-height:36px;padding:6px 12px}
dialog.teisen-cinematic{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#05080d;overflow:hidden;color:#fff}
dialog.teisen-cinematic[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
.teisen-event-picture{display:block;min-height:0;min-width:0;width:100%;height:100%}
.teisen-event-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;animation:teisen-arrive 450ms ease-out both}
.teisen-cinematic-caption{display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px max(20px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-bottom));background:#05080d;text-align:center}
.teisen-cinematic-caption p{font-size:clamp(14px,2vw,18px);line-height:1.7;max-width:720px;margin:7px auto 12px}.teisen-cinematic-caption small{color:#efc89a}.teisen-cinematic-caption button{min-width:140px}
.teisen-talk{display:grid;grid-template-columns:minmax(140px,35%) 1fr;gap:24px;width:min(780px,94vw);max-height:94dvh;padding:22px;background:#13171e center/cover;color:#eee1d4;overflow:auto}
.teisen-talk-art{align-self:center}.teisen-talk-art img{display:block;width:100%;max-height:370px;aspect-ratio:2/3;object-fit:cover;border:1px solid #a5865966}.teisen-talk-art:empty{display:none}.teisen-talk:not(:has(.teisen-talk-art img)){grid-template-columns:1fr}
.teisen-talk-copy p{line-height:1.9}.teisen-talk-copy small{display:block;color:#c7b184;line-height:1.7;margin:14px 0}.teisen-talk-copy small:empty{display:none}.teisen-talk-copy button{width:100%}
.teisen-exchange{width:min(760px,96vw)}.teisen-exchange-tiles{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;margin:20px 0}.teisen-exchange-tiles button{padding:3px;border:2px solid transparent;border-radius:7px;background:transparent}.teisen-exchange-tiles button.selected{border-color:#eec685;background:#c7974f45;transform:translateY(-5px)}.teisen-exchange-tiles .tile{pointer-events:none}
.story-campaign-teisen .story-asset img{object-fit:contain}.story-teisen-enemy .story-asset>.portrait>img{object-fit:cover;object-position:center 18%}.story-campaign-teisen .story-scene-tag{background:#382c25dd}
@media(max-width:600px){.teisen-talk{gap:15px;padding:16px;grid-template-columns:minmax(115px,38%) 1fr}.teisen-talk-art img{max-height:285px}.teisen-talk-copy h2{font-size:18px}.teisen-talk-copy p{font-size:15px;line-height:1.8}.teisen-talk-copy small{font-size:12px}.teisen-cinematic-caption p{font-size:14px}.teisen-status{font-size:11px;padding:9px}.teisen-status>div{flex-wrap:wrap}}
@media(min-width:601px) and (max-height:600px){dialog.teisen-cinematic[open]{grid-template-columns:64% 36%;grid-template-rows:minmax(0,1fr)}.teisen-cinematic-caption{align-self:center;padding:18px}.teisen-cinematic-caption p{font-size:14px}.teisen-talk-art img{max-height:250px}.teisen-talk-copy p{font-size:14px;line-height:1.65}.teisen-talk-copy small{margin:9px 0}}
@keyframes teisen-arrive{0%{opacity:.3;transform:scale(.97) translateX(-3px)}30%{opacity:1;transform:scale(.99) translateX(2px)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.teisen-event-art{animation:none!important}}