.playground header{position:relative;display:flex;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);text-align:center}p{margin:0;padding:0}.error{color:#b32525;margin:.5em 0}.pip-container{flex-direction:column;justify-content:space-between;gap:12px;color:var(--pip-text-primary);font-family:system-ui,-apple-system,sans-serif;height:100%;background:var(--pip-surface)}.pip-container,.pip-timer{display:flex;align-items:center}.pip-timer{font-size:48px;font-weight:700;font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;justify-content:center;gap:8px;line-height:1;flex:1}.pip-timer-default{color:var(--pip-text-primary)}.pip-timer-plus2{color:#eab308}.pip-timer-dnf{color:#ef4444}.pip-penalty{background:#eab308;color:#000}.pip-penalty,.pip-penalty-dnf{font-size:14px;padding:2px 8px;border-radius:4px;font-weight:600}.pip-penalty-dnf{background:#ef4444;color:#fff}.pip-status{font-size:14px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.pip-status>p{color:var(--pip-text-secondary)}.pip-scramble{font-size:15px;font-weight:500;word-wrap:break-word;line-height:1.5;max-width:100%;text-align:center;font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;color:var(--pip-text-primary)}.pip-scramble-parts{display:inline}.pip-scramble-parts span{font-weight:500}.pip-idle-content{display:flex;flex-direction:column;align-items:center;gap:8px}.pip-last-time{font-size:48px;font-weight:700;font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;color:var(--pip-text-primary);line-height:1}.pip-splitbar-container{width:100%}.pip-split-bar{display:flex;align-items:flex-start;width:100%;gap:0}.pip-split-step{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.pip-split-step-time{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:9px;color:var(--pip-text-secondary);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.pip-split-step-name{font-size:8px;color:var(--pip-text-tertiary);line-height:1;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase}.pip-split-bar-segment{height:6px;width:100%;box-shadow:0 2px 3px rgba(0,0,0,.12)}.pip-split-bar-segment.firstSegment{background-color:var(--split-color-1);border-radius:999px 0 0 999px}.pip-split-bar-segment.secondSegment{background-color:var(--split-color-2)}.pip-split-bar-segment.thirdSegment{background-color:var(--split-color-3)}.pip-split-bar-segment.fourthSegment{background-color:var(--split-color-4);border-radius:0 999px 999px 0}.pip-split-step:last-child .pip-split-bar-segment{border-radius:0 999px 999px 0}.pip-auto-ready-bar{width:100%;height:4px;background:rgba(100,116,139,.3);border-radius:2px;overflow:hidden}.pip-auto-ready-fill{height:100%;background:rgba(34,197,94,.5);transition:none}