.tile{overflow:hidden}.tile img{position:absolute;height:100%;width:177.78%;max-width:none;object-fit:contain;pointer-events:none}.tile.special{overflow:visible}.tile.special img{clip-path:inset(0 22% round 12px)}.tile.special:after{z-index:4}.goal-image{width:48px;height:48px;overflow:hidden;position:relative;border-radius:12px}.goal-image img{position:absolute;height:100%;width:177.78%;max-width:none;left:50%;transform:translateX(-50%)}.portrait{overflow:hidden;transform:none;display:flex;justify-content:center;align-items:center;padding-bottom:30px}.portrait>img{height:calc(100% - 34px);width:auto;max-width:none;position:absolute;top:6px;left:50%;transform:translateX(-50%)}.portrait-caption{z-index:2;bottom:8px}.portrait-caption span{margin:0}.companion-top{transform:none;display:block;margin-bottom:7px}.character-picker{display:flex;align-items:center;gap:8px;font-size:12px;color:#648ba7}.character-picker select{min-width:0;flex:1;padding:7px;border:1px solid white;border-radius:12px;background:#f6fcff;color:#4c7694;font:inherit;font-weight:bold}.change-note{font-size:10px;color:#7898ad;display:block;text-align:center;margin-top:4px}.skill-heading h2{font-size:19px}.skill-panel>p{min-height:36px}#blessing{font-size:12px;color:#b68e38;background:#fff7d8;padding:5px 8px;border-radius:8px;margin-bottom:7px}#direction{margin-top:6px;width:100%}.skill-panel:has(#direction:not([hidden]))>p{display:none}.skill-panel:has(#blessing:not([hidden]))>p{display:none}@media(min-width:1000px){.portrait{height:clamp(105px,calc(100dvh - 570px),230px)}.dialogue{min-height:90px;margin-top:12px}.skill-panel{margin-top:12px}.companion-top{display:block}.skill-button{font-size:14px}.companion{align-self:center}}@media(max-width:620px){.companion-top{grid-column:1/-1}.portrait{padding:0}.portrait>img{height:90px;top:0}.portrait-caption span{font-size:14px}.skill-panel>p{min-height:0}}