.pb{--pg:#1F3B2D;--pb:#B8862B;--pl:#E1E6DE;--pm:#5A655E;--pp:#fff;--ps:#F3F5F1;position:relative;font:15px/1.45 Inter,system-ui,sans-serif;color:#15201A;outline:none}
.pb *{box-sizing:border-box}
.pb button{font:inherit;cursor:pointer}
.pb-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.pb-name{flex:1 1 220px;min-width:0;font:800 18px/1.2 var(--font-display,Montserrat,Inter,sans-serif);border:1.5px solid transparent;background:transparent;border-radius:12px;padding:8px 10px;color:var(--pg)}
.pb-name:hover,.pb-name:focus{border-color:var(--pl);background:#fff;outline:none}
.pb-seg{display:inline-flex;gap:3px;background:#E9EDE6;border-radius:12px;padding:3px}
.pb-seg button{border:0;background:none;border-radius:9px;padding:7px 12px;font-weight:700;font-size:13.5px;color:var(--pm);white-space:nowrap}
.pb-seg button.on{background:#fff;color:var(--pg);box-shadow:0 1px 3px rgba(16,30,22,.15)}
.pb-tools{display:flex;flex-wrap:wrap;gap:6px}
.pb-tools>button,.pb-dd>button{border:1.5px solid var(--pl);background:#fff;border-radius:999px;padding:7px 13px;font-weight:700;font-size:13.5px;color:#15201A}
.pb-tools>button:hover,.pb-dd>button:hover{border-color:#B9C2B5}
.pb-tools>button.pri{background:var(--pg);border-color:var(--pg);color:#fff}
.pb-dd{position:relative}
.pb-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--pl);border-radius:14px;box-shadow:0 18px 40px -16px rgba(16,30,22,.35);padding:6px;min-width:250px;max-height:340px;overflow:auto}
.pb-dd.open .pb-menu{display:block}
.pb-menu button{display:block;width:100%;text-align:left;border:0;background:none;border-radius:9px;padding:9px 11px;font-weight:600}
.pb-menu button:hover{background:var(--ps)}
.pb-menu small{display:block;color:var(--pm);font-weight:500;font-size:12px}
.pb-mi{display:flex}.pb-mi button:last-child{width:auto;color:#A1262A}
.pb-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.pb-stage{position:relative;background:#fff;border:1px solid var(--pl);border-radius:20px;padding:10px;box-shadow:0 22px 50px -34px rgba(16,30,22,.35)}
.pb-vt{display:flex;gap:6px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.pb-vt button{border:1.5px solid var(--pl);background:#fff;border-radius:999px;padding:6px 14px;font-weight:700;font-size:13.5px}
.pb-vt button.on{background:var(--pg);border-color:var(--pg);color:#fff}
.pb-vt .pb-sp{flex:1}
.pb-vt .pb-ride{background:#FBF3E2;border-color:#EAD6AA;color:#7A520F}
.pb-canvas{touch-action:none;border-radius:14px;overflow:hidden;background:#DCE5D6;user-select:none;-webkit-user-select:none}
.pb-canvas svg{display:block;width:100%;height:auto}
.pb.drawmode .pb-canvas{cursor:crosshair}
.pb-o{cursor:grab}.pb-o:active{cursor:grabbing}.pb-rot{cursor:alias}
.pb-o:hover>rect:first-child{fill:rgba(31,59,45,.06)}
.pb-3d{position:relative;height:min(62vh,560px);border-radius:14px;overflow:hidden;background:#CFE3EE}
.pb-3d canvas{display:block;width:100%!important;height:100%!important;touch-action:none}
.pb-load{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;color:var(--pm)}
.pb-ears{display:none;position:absolute;left:50%;bottom:0;width:46%;max-width:420px;transform:translateX(-50%);pointer-events:none}
.pb-3d.riding:not(.walking) .pb-ears{display:block}
.pb-ears svg{display:block;width:100%;height:auto}
.pb-hud{position:absolute;left:20px;right:20px;top:58px;display:flex;gap:8px;flex-wrap:wrap;z-index:4;pointer-events:none}
.pb-hud span{background:rgba(255,255,255,.92);border-radius:12px;padding:6px 10px;box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.pb-hud small{display:block;font-size:11px;color:var(--pm);font-weight:700}
.pb-hud b{font-size:16px;color:var(--pg);font-variant-numeric:tabular-nums}
.pb-hud .pb-hx{margin-left:auto;display:flex;gap:4px;align-items:center;pointer-events:auto}
.pb-hud .pb-hx button{border:0;border-radius:8px;padding:6px 9px;font-weight:800;background:#EEF1EC}
.pb-hud .pb-hx button.on{background:var(--pg);color:#fff}
.pb-hud .pb-hx button[data-stop]{background:#A1262A;color:#fff}
.pb-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.pb-stats span{background:var(--ps);border-radius:12px;padding:7px 10px}
.pb-stats small{display:block;font-size:11.5px;color:var(--pm);font-weight:700}
.pb-stats b{font-size:18px;font-weight:900;color:var(--pg);font-variant-numeric:tabular-nums}
.pb-hint{margin:8px 2px 0;color:var(--pm);font-size:13.5px;min-height:1em}
.pb-hint:empty{display:none}
.pb-side{display:flex;flex-direction:column;gap:10px}
.pb-sec{background:#fff;border:1px solid var(--pl);border-radius:16px;padding:12px}
.pb-sec:empty{display:none}
.pb-sec h4{margin:0 0 8px;font:800 14px/1.2 Inter,system-ui,sans-serif;color:var(--pg);display:flex;align-items:center;gap:6px}
.pb-sec h4 svg{width:22px;height:22px}
.pb-pal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pb-pal button{border:1.5px solid var(--pl);background:var(--ps);border-radius:12px;padding:7px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;font-weight:700;color:#24302A;transition:transform .12s,border-color .12s}
.pb-pal button:hover{border-color:var(--pb);transform:translateY(-1px)}
.pb-pal svg{width:30px;height:30px}
.pb-row{display:flex;flex-wrap:wrap;gap:6px}
.pb-b{border:1.5px solid var(--pl);background:#fff;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700}
.pb-b.on{background:var(--pb);border-color:var(--pb);color:#fff}
.pb-b.warn{color:#A1262A;border-color:#F0C9C3}
.pb-rm{width:100%;margin-bottom:8px}.pb-rm button{flex:1}
.pb-mut{color:var(--pm);font-size:13.5px;margin:0}
.pb-lab{font-size:12.5px;font-weight:800;color:var(--pm);margin:10px 0 5px;text-transform:uppercase;letter-spacing:.04em}
.pb-sl{display:block;margin:6px 0}.pb-sl span{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700}.pb-sl input{width:100%;accent-color:var(--pg)}
.pb-cols{display:flex;flex-wrap:wrap;gap:6px}
.pb-cols button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:repeating-linear-gradient(90deg,var(--c) 0 6px,#fff 6px 12px);box-shadow:0 0 0 1.5px var(--pl)}
.pb-cols button.on{box-shadow:0 0 0 2.5px var(--pg)}
.pb-chips{display:flex;flex-wrap:wrap;gap:5px}
.pb-chips button{border:1.5px solid var(--pl);background:#fff;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}
.pb-chips button.on{background:var(--pg);border-color:var(--pg);color:#fff}
.pb-ck{display:flex;gap:7px;align-items:center;font-size:13.5px;font-weight:600;margin-top:6px}
.pb-legs{display:flex;flex-direction:column;gap:5px;max-height:300px;overflow:auto}
.pb-leg{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:7px 10px;border-radius:10px;background:var(--ps);border-left:4px solid #9AA59C}
.pb-leg span{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}
.pb-leg small{grid-column:1/-1;color:var(--pm);font-size:12px}
.pb-leg.good{border-color:#2E7D4F}.pb-leg.warn{border-color:#C26A12;background:#FBF1E4}
.pb-score{margin-left:auto;font-size:12px;background:#E3EFE6;color:var(--pg);border-radius:999px;padding:2px 9px}
.pb-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:4px 0;border-top:1px solid #EEF1EC}
.pb-chk:first-of-type{border-top:0}
.pb-chk i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:12px}
.pb-chk.ok i{background:#DDEBE2;color:#1F6B3F}.pb-chk.no i{background:#F8E2C4;color:#8C5E12}
.pb-chk small{display:block;color:var(--pm);font-size:11.5px}
.pb-stars{font-size:30px;color:#E2B21E;letter-spacing:2px}.pb-stars i{color:#D9DED6;font-style:normal}
.pb-yay{font-weight:800;color:var(--pg);margin:4px 0}
.pb-tip{font-size:13.5px;margin:6px 0 0;color:#5B4A1E;background:#FBF3E2;border-radius:10px;padding:7px 10px}
.pb-toast{position:absolute;left:50%;top:10px;transform:translate(-50%,-10px);background:var(--pg);color:#fff;font-weight:700;padding:9px 16px;border-radius:999px;opacity:0;transition:.25s;z-index:30;pointer-events:none}
.pb-toast.on{opacity:1;transform:translate(-50%,0)}
/* kindermodus: groot en speels */
.pb.kid .pb-pal{grid-template-columns:repeat(4,1fr)}
.pb.kid .pb-pal button{padding:10px 4px;font-size:13px;border-radius:16px;background:#FFF8E8;border-color:#F0DFB5}
.pb.kid .pb-pal svg{width:40px;height:40px}
.pb.kid .pb-stats b{font-size:22px}
.pb.kid [data-a=renum],.pb.kid [data-a=print]{display:none}
@media (max-width:980px){.pb-main{grid-template-columns:1fr}.pb-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}
@media (max-width:620px){.pb-stats{grid-template-columns:repeat(3,1fr)}.pb-stats span:nth-child(n+4){grid-column:span 1}.pb-tools{width:100%}.pb-tools>button,.pb-dd>button{padding:6px 10px;font-size:12.5px}.pb-pal{grid-template-columns:repeat(4,1fr)}.pb-hud{left:8px;right:8px;top:50px}.pb-hud .pb-hx{margin-left:0}.pb-3d{height:56vh}.pb-side{display:flex}}
@media print{.pb-top,.pb-side,.pb-vt{display:none}}
.pb-vt .pb-full{min-width:40px}
.pb.full{position:fixed;inset:0;z-index:2147483000;background:#F2F4EE;overflow:auto;padding:10px}
.pb.full .pb-main{grid-template-columns:minmax(0,1fr) 300px}
.pb.full .pb-stage{min-height:calc(100vh - 80px)}
.pb.full .pb-3d{height:calc(100vh - 200px)}
html.pb-lock,html.pb-lock body{overflow:hidden}
@media (max-width:980px){.pb.full .pb-main{grid-template-columns:1fr}.pb.full .pb-top{display:none}}
.pb.full.rot .pb-canvas{position:relative;overflow:hidden}.pb.full.rot .pb-canvas svg{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none}