/* Only the STAGE HUB collection; all other sections retain their existing style. */
#stage .stage-flow-panel{--flow-accent:#b6c48a;--flow-fill:#c8d0a8;--flow-ink:#52613c;position:relative;background:#f0f2e7;border:2px solid #e1e5d3;border-radius:30px;padding:27px 25px 22px;margin-top:36px;isolation:isolate}
#stage .stage-flow-panel .stage-tools{margin:0;padding:0 0 20px;border:0;gap:20px}
#stage .stage-flow-panel .stage-identity strong{color:#556344;font-size:19px;font-weight:500;letter-spacing:1px}
#stage .stage-flow-panel .stage-identity small{color:#8b9b70;font-size:10px;letter-spacing:1px}
#stage .stage-flow-panel .stage-identity p{color:#879475;font-size:11px}
#stage .stage-flow-panel .stage-monogram{border:2px solid #bbc7a1;background:#e5ead8;color:#819365}
#stage .stage-flow-panel .stage-search{border:2px solid #dbe2cb;background:#fafbf5;padding:10px 16px;color:#8c9c72}
#stage .stage-flow-panel .stage-search input{color:#63764c;font-size:12px}
#stage .stage-flow-panel .stage-search input::placeholder{color:#95a184}
#stage .stage-flow-panel .stage-search:focus-within{outline:2px solid #aebf86;outline-offset:3px}
#stage .stage-flow-view{border:1px solid #d5ddc1;background:#e2e8d4;color:#899a6d;border-radius:99px;padding:8px 13px;font-size:9px;letter-spacing:1.5px;white-space:nowrap}
#stage .stage-flow-panel .filter-bar{margin:0;gap:8px}
#stage .stage-flow-panel .filter-bar button{background:#f6f8ee;border:2px solid #dfe5d0;color:#84966a;font-size:11px;padding:7px 16px}
#stage .stage-flow-panel .filter-bar button.active{background:#c8d0a8;border-color:#b6c48a;color:#52623a}
#stage .stage-flow-panel .filter-bar button:hover{background:#e3e9d1;color:#5f7441}
#stage .stage-flow-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 3px 0;color:#91a078}
#stage .stage-flow-intro span{font-size:9px;letter-spacing:2.1px}
#stage .stage-flow-intro p{font-size:10px;margin:0;color:#9ba68c}
#stage .stage-flow-panel #events{display:block;position:relative;height:430px;margin:0 -25px;padding:0;perspective:1150px;overflow:hidden;touch-action:pan-y;outline-offset:-5px;cursor:grab;--flow-step:207px}
#stage .stage-flow-panel #events:active{cursor:grabbing}
#stage .stage-flow-panel .stage-card{position:absolute;top:25px;left:50%;width:330px;height:376px;display:flex;flex-direction:column;margin:0;border:3px solid #bcc99a;border-radius:27px;background:#e0e6d1;overflow:hidden;transform-origin:50% 50%;transform:translateX(calc(-50% + var(--flow-offset)*var(--flow-step) + var(--flow-drag,0px))) translateZ(var(--flow-depth)) rotateY(var(--flow-angle)) scale(var(--flow-scale));filter:brightness(.86) saturate(.82);box-shadow:0 8px 0 #909b7430!important;transition:transform .5s cubic-bezier(.22,.75,.25,1),filter .4s,opacity .3s,border-color .3s;backface-visibility:hidden;user-select:none;-webkit-user-select:none;opacity:1}
#stage .stage-flow-panel .stage-card.flow-current{background:#f8f9f0;border-color:#b6c48a;filter:none;box-shadow:0 9px 0 #a6b58b25!important}
#stage .stage-flow-panel .stage-card.flow-hidden{opacity:0;visibility:hidden;pointer-events:none}
#stage .stage-flow-panel .stage-card:not(.flow-current){cursor:pointer}
#stage .stage-flow-panel .stage-card.flow-current:hover{border-color:#a5b777}
#stage .stage-flow-panel .stage-card-art{margin:8px 8px 0;aspect-ratio:16/9;height:auto;flex:none;border-radius:17px;background:#d8dfc5;overflow:hidden}
#stage .stage-flow-panel .stage-video-art>button{background:#d8dfc5;cursor:inherit}
#stage .stage-flow-panel .stage-card.flow-current .stage-video-art>button{cursor:pointer}
#stage .stage-flow-panel .stage-category,#stage .stage-flow-panel .stage-year{top:10px;border:1px solid #d4ddbf;background:#f8faeee8;color:#718455;font-size:10px;padding:5px 10px;pointer-events:none}
#stage .stage-flow-panel .stage-category{left:10px}
#stage .stage-flow-panel .stage-year{right:10px}
#stage .stage-flow-panel .stage-play-icon{width:49px;height:49px;border:2px solid #e1e8cf;background:#f4f6e9ed;color:#7e925a;font-size:18px;opacity:0;transition:opacity .2s,transform .2s}
#stage .stage-flow-panel .flow-current .stage-play-icon{opacity:1}
#stage .stage-flow-panel .stage-card-body{padding:15px 19px 12px;flex:1;min-height:0}
#stage .stage-flow-panel .stage-card-body h3{font-size:17px!important;line-height:1.55;font-weight:500;color:#55673c!important;letter-spacing:.1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px!important}
#stage .stage-flow-panel .stage-card-body p{font-size:11px;line-height:1.7;color:#8a9774;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#stage .stage-flow-panel .stage-card-footer{padding:11px 19px;min-height:44px;border-top:1px solid #dfe6cf;gap:12px}
#stage .stage-flow-panel .stage-card-footer button{font-size:11px;color:#70864d;background:#dce5c8;border:1px solid #cbd6b3;border-radius:99px;padding:5px 13px;cursor:pointer}
#stage .stage-flow-panel .stage-card-footer button:hover{background:#c8d0a8}
#stage .stage-flow-panel .stage-card-footer>span{font-size:7px;letter-spacing:1.3px;color:#9fab88}
#stage .stage-flow-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:-7px;position:relative;z-index:12}
#stage .stage-flow-controls>button{width:43px;height:43px;display:grid;place-items:center;padding:0;border-radius:50%;border:2px solid #b6c48a;background:#c8d0a8;color:#66794b;font-size:22px;cursor:pointer;box-shadow:0 3px 0 #9eae7c33!important;transition:transform .15s,background .2s}
#stage .stage-flow-controls>button:hover{background:#bfcba0;transform:translateY(-2px)}
#stage .stage-flow-controls>button:disabled{opacity:.4;cursor:default;transform:none}
#stage .stage-flow-controls>div{min-width:210px;text-align:center}
#stage #stage-flow-position{display:block;color:#7b8e5b;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:3px}
#stage #stage-flow-caption{display:block;max-width:340px;color:#93a17d;font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#stage .stage-flow-panel .stage-empty{padding:100px 30px;text-align:center;color:#8d9f70}
#stage .stage-flow-panel #events.flow-empty{height:220px}
#stage .stage-flow-panel #events.flow-dragging .stage-card{transition:none}
@media(max-width:1100px){#stage .stage-flow-panel #events{--flow-step:175px}#stage .stage-flow-panel .stage-card{width:305px}#stage .stage-flow-panel .stage-identity{width:auto;justify-content:flex-start}#stage .stage-flow-panel .stage-tools{gap:15px}#stage .stage-flow-panel .stage-search{max-width:none;flex-basis:50%}#stage .stage-flow-panel .stage-flow-view{margin-left:auto}}
@media(max-width:700px){#stage .stage-flow-panel{padding:23px 15px 21px;margin-top:25px;border-radius:27px}#stage .stage-flow-panel .stage-tools{gap:13px;padding-bottom:17px}#stage .stage-flow-panel .stage-identity{width:100%;justify-content:center}#stage .stage-flow-panel .stage-identity strong{font-size:19px}#stage .stage-flow-panel .stage-identity p{display:block;font-size:10px;text-align:center}#stage .stage-flow-panel .stage-search{flex-basis:100%;order:2;padding:8px 13px}#stage .stage-flow-panel .stage-flow-view{display:none}#stage .stage-flow-panel .filter-bar{gap:6px}#stage .stage-flow-panel .filter-bar button{font-size:10px;padding:6px 11px;border-width:1.5px}#stage .stage-flow-intro{margin-top:20px;justify-content:center}#stage .stage-flow-intro span{display:none}#stage .stage-flow-intro p{font-size:9px}#stage .stage-flow-panel #events{margin:0 -15px;height:395px;--flow-step:147px;perspective:950px}#stage .stage-flow-panel .stage-card{top:31px;width:252px;height:326px;border-radius:25px}#stage .stage-flow-panel .stage-card-art{height:auto;border-radius:16px;margin:7px 7px 0}#stage .stage-flow-panel .stage-card-body{padding:14px 15px 10px}#stage .stage-flow-panel .stage-card-body h3{font-size:15px!important;line-height:1.6}#stage .stage-flow-panel .stage-card-body p{font-size:10px}#stage .stage-flow-panel .stage-card-footer{padding:10px 15px}#stage .stage-flow-panel .stage-card-footer button{font-size:10px;padding:4px 11px}#stage .stage-flow-panel .stage-category,#stage .stage-flow-panel .stage-year{font-size:8px;padding:4px 8px}#stage .stage-flow-controls{gap:17px}#stage .stage-flow-controls>button{width:38px;height:38px;font-size:20px}#stage .stage-flow-controls>div{min-width:145px;max-width:calc(100% - 110px)}#stage #stage-flow-caption{font-size:9px}#stage #stage-flow-position{font-size:11px}}
@media(prefers-reduced-motion:reduce){#stage .stage-flow-panel .stage-card,#stage .stage-flow-controls>button{transition:none}}

/* Preserve the selected Hainan performance frame in the restored cards. */
#stage .stage-flow-panel .stage-card-art img.hainan-selected-frame{position:absolute;width:178.675%;height:auto;max-width:none;left:-12.795%;top:-71.89%;right:auto;bottom:auto;object-fit:initial}
