/* Default presentation only. A fork can replace this stylesheet and renderer. */
dialog.gyro-position-card { width: min(1040px, calc(100vw - 32px)); }
.gyro-position-card .card-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.gyro-position-card .card-toolbar h2 { margin: 0; }
.gyro-position-card .card-toolbar button { margin: 0; }
.gyro-position-card .position-art { margin: 18px 0; overflow: hidden; border: 1px solid var(--border-light); border-radius: 16px; background: radial-gradient(ellipse at top left, #00d9c016, transparent 60%), #0d1b2a; }
.position-art .art-header { padding: 22px 28px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid #ffffff14; font: 500 12px 'JetBrains Mono', monospace; letter-spacing: .08em; }
.position-art .art-brand { color: var(--accent, #00d9c0); text-transform: uppercase; }
.position-art .art-market { color: #9faec0; text-align: right; }
.position-art .art-content { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
.position-art .art-main { padding: 30px 28px 38px; }
.position-art .art-asset { color: #a9b8cb; font-size: 18px; }
.position-art .art-strike { margin-top: 12px; font: 600 clamp(32px, 5vw, 64px) 'Space Grotesk', sans-serif; line-height: 1.1; color: var(--accent, #00d9c0); overflow-wrap: anywhere; }
.position-art .art-label { display: block; margin-top: 8px; color: #9faec0; font-size: 12px; }
.position-art .art-rail { position: relative; height: 3px; margin: 65px 24px 34px; background: #ffffff28; }
.position-art .art-gap { position: absolute; height: 3px; background: var(--accent, #00d9c0); }
.position-art .art-marker { position: absolute; top: -5px; width: 13px; height: 13px; margin-left: -6px; border: 2px solid #9faec0; border-radius: 50%; background: #0d1b2a; }
.position-art .art-marker.strike { background: var(--accent, #00d9c0); border-color: var(--accent, #00d9c0); }
.position-art .art-marker span { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; font: 11px 'JetBrains Mono', monospace; color: #c8d3df; }
.position-art .art-marker.market span { bottom: 20px; }
.position-art .art-marker.strike span { top: 24px; color: var(--accent, #00d9c0); }
.position-art .art-numbers { padding: 30px 28px; border-left: 1px dashed #ffffff28; background: #ffffff03; display: flex; flex-direction: column; justify-content: center; gap: 28px; }
.position-art .art-value { display: block; margin-top: 8px; font: 600 clamp(19px, 2.5vw, 30px) 'JetBrains Mono', monospace; line-height: 1.3; overflow-wrap: anywhere; }
.position-art .art-percent { display: block; margin-top: 7px; font: 500 16px 'JetBrains Mono', monospace; }
.position-art .is-gain, .gyro-earnings .is-gain { color: #5fd6a4; }
.position-art .is-loss, .gyro-earnings .is-loss { color: #ff8b7d; }
.position-art .art-footer { padding: 16px 28px; border-top: 1px solid #ffffff14; font: 11px 'JetBrains Mono', monospace; color: #9faec0; overflow-wrap: anywhere; }
.gyro-earnings .returns-value { display: block; margin: 12px 0 3px; font: 600 26px 'Space Grotesk', sans-serif; }
.gyro-earnings .returns-percent { font: 14px 'JetBrains Mono', monospace; }
@media (max-width: 600px) {
    dialog.gyro-position-card { padding: 16px; }
    .position-art .art-header, .position-art .art-main, .position-art .art-numbers, .position-art .art-footer { padding: 20px; }
    .position-art .art-content { grid-template-columns: 1fr; }
    .position-art .art-numbers { border-left: none; border-top: 1px dashed #ffffff28; gap: 20px; }
    .position-art .art-strike { font-size: 44px; }
    .position-art .art-header { flex-wrap: wrap; }
}