.reference-stage{aspect-ratio:16/10!important}.reference-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:14px 0}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.dpad button,.reference-controls>button{min-height:42px;border:1px solid #ffffff35;background:#243c3a;color:#e5f4df;border-radius:8px;font-weight:800;touch-action:none;user-select:none;cursor:pointer}.dpad [data-key=ArrowUp]{grid-column:2}.dpad [data-key=ArrowLeft]{grid-column:1}.reference-controls #action{min-width:120px;background:#cef59a;color:#203b33;padding:12px}.reference-controls #pause{padding:12px}.cover.play-cover{background:#21473f;aspect-ratio:16/10}.play-cover img{width:100%;height:100%;object-fit:cover}.play-cover .label{background:#142b30db;border-radius:5px;padding:6px 9px;letter-spacing:1px!important}.new-intro{margin:30px 0}.new-intro h2{font-size:36px;margin:10px 0}.sample-note{font-size:13px;color:var(--muted)}.credits-modal{background:#192e32;color:#e0eee2;border:1px solid #82ae9b;border-radius:16px;max-width:600px;padding:26px}.credits-modal::backdrop{background:#06141dcc}.credits-modal a{color:#cfff9f}.credits-modal button{float:right}.credits-modal p{font-size:14px}.preview-strip{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.preview-strip img{width:85px;height:85px;object-fit:contain;image-rendering:pixelated}.ref-links{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0;color:var(--lime)}@media(max-width:540px){.reference-controls{gap:8px}.dpad{grid-template-columns:repeat(3,39px)}.reference-controls #action{min-width:90px;font-size:12px}.new-intro h2{font-size:28px}.reference-controls>button{font-size:12px;padding:8px!important}}

.new-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:850px){.new-reference-grid{grid-template-columns:1fr}}