.erase-old-tree,.erase-old-results{pointer-events:none;z-index:-1}
.erase-old-tree{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221457%22%20height%3D%22883%22%20viewBox%3D%220%200%201457%20883%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%20894%20124%20H%201164%20V%20262%20H%201128%20V%20407%20H%201068%20V%20437%20H%201053%20V%20488%20H%201005%20V%20437%20H%20991%20V%20407%20H%20932%20V%20262%20H%20894%20Z%22%20fill%3D%22white%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%}
.erase-old-results{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221457%22%20height%3D%22883%22%20viewBox%3D%220%200%201457%20883%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%221214%22%20y%3D%22202%22%20width%3D%22174%22%20height%3D%22349%22%20rx%3D%2212%22%20fill%3D%22white%22%20filter%3D%22url(%23soft)%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%}
.course-buoy{z-index:0}
.tree{transform:translateX(7.5%);z-index:1;isolation:isolate}
.tree-art{z-index:-1;clip-path:polygon(61.91% 14.95%,79.34% 14.95%,79.34% 28.77%,76.87% 28.77%,76.87% 45.19%,72.75% 45.19%,72.75% 48.58%,71.72% 48.58%,71.72% 53%,69.53% 53%,69.53% 48.58%,68.56% 48.58%,68.56% 45.19%,64.52% 45.19%,64.52% 28.77%,61.91% 28.77%)}
.tree-brand{top:1.2%;height:7%;padding:2px 0;overflow:hidden}
.tree-brand>div{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:3px}
.tree-brand img{display:block;width:85%;height:94%;max-width:100%;max-height:100%;object-fit:contain;flex:none}
.results{left:1.72%;right:auto;width:17%;height:45.5%}
.results .panel>span{font-size:clamp(12px,1cqw,14px);white-space:nowrap;letter-spacing:0}
.results .panel output{font-size:clamp(24px,2.8cqw,40px)}
@media(max-width:900px){
 .tree-brand{top:0;height:9%;padding:1px 0}
 .tree-brand>div{padding:1px}
 .tree-brand img{width:85%;height:90%}
 .mobile-controls .results{grid-template-columns:1fr;min-height:0}
 .mobile-controls .results .panel{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:stretch;text-align:left;gap:8px 12px;padding:16px;min-height:88px}
 .mobile-controls .results .panel+.panel{border-left:0;border-top:1px solid #52616a}
 .mobile-controls .results .panel>span{font-size:12px;white-space:normal}
 .mobile-controls .results .panel output{font-size:28px;margin:0;grid-column:2;grid-row:1 / 3;text-align:right}
 .mobile-controls .results .panel small{font-size:12px;grid-column:1}
}
