:root{--frame:#8c8c8c;--pipe:#404040;--vlm-fill:#f2f2ff;--vlm-draw:#00008c;--mut-fill:#f0fff0;--mut-draw:#008c00;--feed:#bf6000;--rate:#008000;--gold:#daa520;--star-off:#c7c7c7;--fg:#1a1a1a;--P:412px;--colgap:calc(var(--P) * .29870);--rowgap:calc(var(--P) * .10390);--rowH2:calc(var(--P) * .90909);--gutter:calc(var(--P) * .13000);--inset:calc(var(--P) * .04582)}@font-face{font-family:"Latin Modern Roman";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/lmroman10-regular.otf") format("opentype"),url("../assets/fonts/lmroman10-regular.otf") format("opentype")}@font-face{font-family:"Latin Modern Roman";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/lmroman10-bold.otf") format("opentype"),url("../assets/fonts/lmroman10-bold.otf") format("opentype")}@font-face{font-family:"Latin Modern Roman";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/lmroman10-italic.otf") format("opentype"),url("../assets/fonts/lmroman10-italic.otf") format("opentype")}:root{--cm:"Latin Modern Roman","CMU Serif","Computer Modern","Times New Roman",Times,serif}*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--fg);font-family:var(--cm)}#app{max-width:1060px;margin:0 auto;padding:2.4em 1.2em 1.4em}.fig{position:relative;display:grid;grid-template-areas:"arch samp" "evo eval";grid-template-columns:var(--P) var(--P);grid-template-rows:var(--P) var(--rowH2);column-gap:var(--colgap);row-gap:var(--rowgap);padding-left:var(--gutter);width:fit-content;margin:0 auto}.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.panel{position:relative;border:1px solid var(--frame);border-radius:5px;background:#fff;padding:var(--inset);display:flex;flex-direction:column;min-width:0;min-height:0}.ptitle{position:absolute;left:4px;top:0;transform:translateY(calc(-100% - var(--P) * .013));line-height:1;background:#fff;padding:0 4px;font-weight:700;font-size:calc(var(--P) * .0365);letter-spacing:.2px;z-index:3}.pbody{flex:1;min-height:0;position:relative;display:flex}.cover{width:100%;height:100%;object-fit:contain}.contain{width:100%;height:100%;object-fit:contain}.framed{border:1px solid var(--frame)}.arch-body{align-items:center;justify-content:center;position:relative}.arch-body .cover{object-fit:contain}.fly-pub{position:absolute;width:0;height:0;opacity:0;border:2px solid var(--feed);border-radius:2px;object-fit:cover;pointer-events:none}.samp-body{align-items:center;justify-content:flex-end}.samp-stack{display:flex;gap:10px;align-items:center;width:100%;height:100%}.row-labels{list-style:none;margin:0;padding:0;flex:none;display:flex;flex-direction:column;justify-content:space-around;text-align:right;font-size:12px;color:#1a1a1a;height:78%;align-self:center}.strip-frames{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:flex-end}.strip-frames img{max-height:78%;width:auto;max-width:80%;background:#fff}.evo-body{flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(var(--P) * .052);padding-top:calc(var(--P) * .105)}.ebox{border-radius:3px;border:1px solid;padding:4px 9px;font-size:13px;text-align:center;background:#fff;white-space:nowrap}.vlmbox{background:var(--vlm-fill);border-color:var(--vlm-draw);color:#14143a}.mutbox{background:var(--mut-fill);border-color:var(--mut-draw);color:#143a14}.gen-wrap{position:relative;width:calc(var(--P) * .584);aspect-ratio:var(--grid-ar,760/460);border:1px solid var(--frame)}.gen-wrap img{width:100%;height:100%}.sel-overlay{position:absolute;inset:0;pointer-events:none}.sel-cell{position:absolute;box-sizing:border-box;border:2.5px solid #e00000;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.6);animation:selpop .2s ease both}@keyframes selpop{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}#pub-clone{position:absolute;display:none;box-sizing:border-box;object-fit:contain;background:#fff;border:3px solid var(--gold);border-radius:2px;z-index:5;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 3px 12px rgba(0,0,0,.2)}#pub-title{position:absolute;left:0;right:0;display:none;text-align:center;font-family:var(--cm);font-style:italic;font-weight:600;color:#222;font-size:calc(var(--P) * .032);opacity:0;z-index:5}#pub-rider{position:absolute;left:0;top:0;display:none;box-sizing:border-box;object-fit:contain;background:#fff;border:2px solid var(--gold);border-radius:2px;z-index:6;box-shadow:0 2px 9px rgba(0,0,0,.28)}#samp-fly{position:absolute;inset:0;pointer-events:none;z-index:5}.samp-fly-cell{position:absolute;left:0;top:0;background-repeat:no-repeat;border:1px solid var(--frame);box-shadow:0 1px 5px rgba(0,0,0,.2)}
#branch-clone{position:absolute;left:0;top:0;display:none;box-sizing:border-box;background-repeat:no-repeat;background-color:#fff;z-index:6;border:3px solid #c01818;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 3px 12px rgba(0,0,0,.22)}#branch-title{position:absolute;left:0;top:0;display:none;text-align:center;font-family:var(--cm);font-style:italic;font-weight:600;color:#222;font-size:calc(var(--P) * .032);opacity:0;z-index:6;transform:translate(-50%,0)}#evo-fly{position:absolute;inset:0;pointer-events:none;z-index:5}.evo-cell{position:absolute;left:0;top:0;box-sizing:border-box;background-repeat:no-repeat;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.22)}.evo-cell.sel{border:2.5px solid #e00000;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 1px 6px rgba(0,0,0,.25)}.eval-body{flex-direction:column;align-items:center;gap:calc(var(--P) * .052);padding-top:2px}.rated{display:grid;grid-template-columns:repeat(3,calc(var(--P) * .188));column-gap:calc(var(--P) * .108);row-gap:calc(var(--P) * .055)}.rated-cell{display:flex;flex-direction:column;align-items:center;text-align:center}.rated-cell img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid var(--frame)}.rt-title{font-family:var(--cm);font-style:italic;font-size:9px;line-height:1.12;color:#222;margin-top:2px;max-height:2.3em;overflow:hidden;text-align:center}.rt-stars{font-size:9px;letter-spacing:-.5px;margin-top:1px}.rt-stars .on{color:var(--gold)}.rt-stars .off{color:var(--star-off)}.panel.active{box-shadow:0 0 18px 1px rgba(191,96,0,.26)}.ebox.hot{box-shadow:0 0 10px 1px rgba(0,0,140,.18)}.mutbox.hot{box-shadow:0 0 10px 1px rgba(0,140,0,.18)}.controls{margin-top:26px;display:flex;align-items:center;gap:12px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif}.controls button{border:1px solid var(--frame);background:#fff;border-radius:4px;padding:3px 10px;cursor:pointer}.controls button:hover{border-color:var(--feed)}.ctl-group{display:flex;align-items:center;gap:5px;font-size:13px;color:#555}.controls select{border:1px solid var(--frame);border-radius:4px;padding:2px 4px}.controls #scrub{flex:1;accent-color:var(--feed)}.progress{font-size:13px;color:#555;white-space:nowrap;min-width:9em;text-align:right}@media(max-width:1080px){:root{--P:calc((100vw - 90px) / 2.43)}}@media(max-width:680px){:root{--P:calc(100vw - 60px)}.fig{grid-template-columns:var(--P);grid-template-rows:none;grid-template-areas:"arch" "samp" "evo" "eval";padding-left:0;row-gap:30px}.arrows{display:none}}