/* Sora Inventory v5.1 – taller, subtly animated sakura and timing panels. */
@media (min-width:901px) and (min-height:680px) {
  html[data-theme] .side .sora-sidebar-art {
    position:relative;
    isolation:isolate;
    flex:1 1 auto;
    min-height:135px;
    background-image:none!important;
    overflow:hidden;
  }
  html[data-theme] .side .sora-sidebar-art::before {
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:min(455px,100%);
    background:url('sora-sakura-v49.svg') no-repeat 95% bottom / auto 100%;
    transform-origin:85% 100%;
    animation:sora-sakura-breeze 11s ease-in-out infinite alternate;
    will-change:transform;
  }
  html[data-theme] .side .sora-sidebar-art::after {
    content:"";
    position:absolute;
    width:5px;height:5px;border-radius:50%;
    right:28%;bottom:55%;background:#eb95bb;
    box-shadow:-55px 50px 0 -1px #e99ac1,40px 110px 0 -1px #d981a9;
    opacity:.55;pointer-events:none;
    animation:sora-sakura-petals 13s ease-in-out infinite;
  }
}
@keyframes sora-sakura-breeze {0%,100%{transform:rotate(-1.3deg) translateX(-2px)}50%{transform:rotate(1.3deg) translateX(1px)}}
@keyframes sora-sakura-petals {0%,100%{transform:translate(0,0);opacity:.5}50%{transform:translate(-8px,24px);opacity:.23}}
@media(prefers-reduced-motion:reduce) {html[data-theme] .side .sora-sidebar-art::before,html[data-theme] .side .sora-sidebar-art::after{animation:none!important;transform:none!important;will-change:auto!important}}
html[data-theme] .sora-timing-panel{margin-top:14px}
html[data-theme] .sora-timing-panel>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:16px;font-weight:750}
html[data-theme] .sora-timing-panel>details>summary::-webkit-details-marker{display:none}
html[data-theme] .sora-timing-panel>details>summary:after{content:"+";font-size:22px;color:var(--sora-brand-accent,#e981ad)}
html[data-theme] .sora-timing-panel>details[open]>summary:after{content:"−"}
html[data-theme] .sora-timing-panel>details>summary small{font-size:12px;font-weight:500;color:var(--muted);margin-left:auto}
html[data-theme] .sora-timing-content{padding-top:17px}
html[data-theme] .sora-timing-help{color:var(--muted);font-size:12px;line-height:1.55;margin:12px 0}
html[data-theme] .sora-timing-subtitle{font-size:15px;color:var(--text);margin:21px 0 6px}
html[data-theme] .sora-timing-table{width:100%;border-collapse:collapse}
html[data-theme] .sora-timing-table th,html[data-theme] .sora-timing-table td{padding:11px 10px;white-space:nowrap;border-bottom:1px solid var(--line);font-size:12px;text-align:left;color:var(--text)}
html[data-theme] .sora-timing-table th{color:var(--muted);font-weight:750}
html[data-theme] .sora-timing-table td small{display:block;color:var(--muted);margin-top:2px}
html[data-theme] .sora-timing-panel .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:700px){html[data-theme] .sora-timing-panel>details>summary{flex-wrap:wrap}html[data-theme] .sora-timing-panel>details>summary small{width:100%;margin-left:0}}
