body:has(.pintumbler){overscroll-behavior:none;background:#141b19;margin:0;overflow:hidden}.pintumbler{--face:var(--font-pintumbler,"Barlow Condensed", "Arial Narrow", Arial, sans-serif);--cream:#ebe4d3;--cream-soft:#ebe4d3a8;--cream-faint:#ebe4d324;--ink:#ef6a3a;--panel:#0e1312c7;--tension:0;color:var(--cream);font-family:var(--face);-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.35;position:fixed;inset:0}.pintumbler .bench{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.pintumbler button{font:inherit;color:inherit;cursor:pointer}.pintumbler :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pintumbler .plate{pointer-events:none;position:absolute;top:20px;left:28px}.pintumbler .plate>*{pointer-events:auto}.pintumbler .home{color:var(--cream-soft);letter-spacing:.14em;text-transform:uppercase;font-size:13px;text-decoration:none}.pintumbler .home:hover{color:var(--cream)}.pintumbler h1{letter-spacing:.02em;text-transform:uppercase;margin:2px 0 0;font-size:46px;font-weight:700;line-height:1}.pintumbler .dek{color:var(--cream-soft);margin:6px 0 0;font-size:17px}.pintumbler .locks{position:absolute;top:24px;right:24px}.pintumbler .locks ol{gap:8px;margin:0;padding:0;list-style:none;display:flex}.pintumbler .locks button{text-align:left;background:#1e2523db;border:1px solid #ebe4d329;border-radius:4px 14px 14px 4px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px;min-width:104px;padding:7px 12px 7px 26px;transition:background-color .12s,border-color .12s;display:grid;position:relative}.pintumbler .locks button:hover{border-color:#ebe4d35c}.pintumbler .locks .hole{background:#0c100f;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:9px;box-shadow:inset 0 1px 1px #000000b3,0 0 0 1.5px #c9a35ba6}.pintumbler .locks .no{color:var(--cream-soft);letter-spacing:.08em;font-size:12px;font-weight:600}.pintumbler .locks .name{white-space:nowrap;font-size:15px;font-weight:600}.pintumbler .locks .best{color:#9fd0b6;font-variant-numeric:tabular-nums;letter-spacing:.04em;grid-column:2;min-height:1.2em;font-size:12px}.pintumbler .locks .best:empty:before{content:"Unopened";color:#ebe4d35c}.pintumbler .locks [aria-current=true]{border-color:var(--ink);background:#462416eb}.pintumbler .locks [aria-current=true] .hole{box-shadow:inset 0 1px 1px #000000b3, 0 0 0 1.5px var(--ink)}.pintumbler .wrench{justify-items:center;gap:10px;display:grid;position:absolute;top:50%;right:36px;transform:translateY(-46%)}.pintumbler .wrench label{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:600}.pintumbler .slot{justify-items:center;gap:8px;display:grid;position:relative}.pintumbler .mark{color:var(--cream-soft);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.pintumbler .mark.heavy{color:#ef6a3ad9}.pintumbler .wrench input{--fill:calc(var(--tension) * 100%);writing-mode:vertical-lr;appearance:none;cursor:ns-resize;direction:rtl;background:0 0;width:44px;height:min(46vh,380px);margin:0}.pintumbler .wrench input::-webkit-slider-runnable-track{background:linear-gradient(to top, transparent 82%, #ef6a3a59 82%) no-repeat, linear-gradient(to top, #ef6a3ae6 var(--fill), transparent var(--fill)) no-repeat, #070a09;border-radius:6px;width:12px;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #ebe4d324}.pintumbler .wrench input::-moz-range-track{background:linear-gradient(to top, transparent 82%, #ef6a3a59 82%) no-repeat, linear-gradient(to top, #ef6a3ae6 var(--fill), transparent var(--fill)) no-repeat, #070a09;border-radius:6px;width:12px;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #ebe4d324}.pintumbler .wrench input::-webkit-slider-thumb{appearance:none;background:repeating-linear-gradient(90deg,#0000 0 4px,#00000038 4px 5px),linear-gradient(#e4e8eb,#8d949a 55%,#5b6167);border:1px solid #1a1d20;border-radius:3px;width:40px;height:18px;margin-left:-14px;box-shadow:0 2px 6px #0009}.pintumbler .wrench input::-moz-range-thumb{background:repeating-linear-gradient(90deg,#0000 0 4px,#00000038 4px 5px),linear-gradient(#e4e8eb,#8d949a 55%,#5b6167);border:1px solid #1a1d20;border-radius:3px;width:40px;height:18px;box-shadow:0 2px 6px #0009}.pintumbler.heavy .wrench label{color:var(--ink)}.pintumbler .readout{pointer-events:none;max-width:min(560px,52vw);position:absolute;bottom:22px;left:28px}.pintumbler .msg{min-height:2.7em;color:var(--cream);text-wrap:pretty;margin:0 0 8px;font-size:17px}.pintumbler .dials{align-items:baseline;gap:16px;display:flex}.pintumbler .timer{font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1}.pintumbler .count{color:var(--cream-soft);letter-spacing:.06em;text-transform:uppercase;font-size:15px}.pintumbler .tools{gap:6px;display:flex;position:absolute;bottom:24px;right:24px}.pintumbler .tools button,.pintumbler .card button{letter-spacing:.04em;background:#161c1bdb;border:1px solid #ebe4d333;border-radius:3px;padding:7px 14px;font-size:15px;font-weight:500}.pintumbler .tools button:hover,.pintumbler .card button:hover{border-color:#ebe4d373}.pintumbler .tools [aria-pressed=false]{color:var(--cream-soft)}.pintumbler .tools [aria-pressed=true]{border-color:#9fd0b68c}.pintumbler .tools .about{width:36px;padding:7px 0;font-weight:700}.pintumbler .card{border:1px solid #ebe4d32e;border-top:3px solid var(--ink);text-align:center;background:#0e1312f0;border-radius:4px;min-width:280px;padding:22px 28px 24px;animation:.26s ease-out pt-card;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0009}.pintumbler .card[hidden]{display:none}@keyframes pt-card{0%{filter:opacity(0);transform:translate(-50%,-44%)}}.pintumbler .card p{margin:0}.pintumbler .card .kicker{color:var(--ink);letter-spacing:.3em;text-transform:uppercase;font-size:14px;font-weight:700}.pintumbler .card .time{font-variant-numeric:tabular-nums;font-size:64px;font-weight:600;line-height:1.05}.pintumbler .card .best{color:var(--cream-soft)}.pintumbler .card .actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.pintumbler .card .primary{border-color:var(--ink);background:#ef6a3a2e}.pintumbler .notes{max-width:min(560px,100vw - 32px);max-height:min(80vh,720px);color:var(--cream);font-family:var(--face);background:#121816;border:1px solid #ebe4d32e;border-radius:4px;padding:22px 26px 24px;font-size:17px;line-height:1.42;box-shadow:0 24px 80px #000000b3}.pintumbler .notes::backdrop{background:#00000073}.pintumbler .notes h2{letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;font-size:26px;font-weight:700}.pintumbler .notes h3{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;margin:18px 0 6px;font-size:15px;font-weight:700}.pintumbler .notes p{margin:0 0 10px}.pintumbler .notes ul{margin:0;padding-left:18px}.pintumbler .notes li{margin-bottom:4px}.pintumbler .notes .aside{color:var(--cream-soft);margin-top:14px;font-style:italic}.pintumbler .nojs{text-align:center;max-width:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<820px){.pintumbler .plate{top:12px;left:16px;right:16px}.pintumbler h1{font-size:30px}.pintumbler .dek{margin-top:2px;font-size:15px}.pintumbler .locks{scrollbar-width:none;top:92px;left:0;right:0;overflow-x:auto}.pintumbler .locks ol{gap:6px;width:max-content;padding:0 16px}.pintumbler .locks button{grid-template-columns:auto auto;min-width:0;padding:4px 10px 4px 22px}.pintumbler .locks .hole{left:7px}.pintumbler .locks .best{display:none}.pintumbler .readout{max-width:none;bottom:104px;left:16px;right:16px}.pintumbler .msg{min-height:0;font-size:15px}.pintumbler .timer{font-size:26px}.pintumbler .count{font-size:13px}.pintumbler .wrench{grid-template-columns:auto 1fr;place-items:center stretch;inset:auto 16px 58px;transform:none}.pintumbler .slot{display:block}.pintumbler .mark{display:none}.pintumbler .wrench input{writing-mode:horizontal-tb;cursor:ew-resize;direction:ltr;width:100%;height:36px}.pintumbler .wrench input::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent 82%, #ef6a3a59 82%) no-repeat, linear-gradient(to right, #ef6a3ae6 var(--fill), transparent var(--fill)) no-repeat, #070a09;width:auto;height:12px}.pintumbler .wrench input::-moz-range-track{background:linear-gradient(to right, transparent 82%, #ef6a3a59 82%) no-repeat, linear-gradient(to right, #ef6a3ae6 var(--fill), transparent var(--fill)) no-repeat, #070a09;width:auto;height:12px}.pintumbler .wrench input::-webkit-slider-thumb{background:repeating-linear-gradient(#0000 0 4px,#00000038 4px 5px),linear-gradient(90deg,#e4e8eb,#8d949a 55%,#5b6167);width:18px;height:36px;margin-top:-12px;margin-left:0}.pintumbler .wrench input::-moz-range-thumb{background:repeating-linear-gradient(#0000 0 4px,#00000038 4px 5px),linear-gradient(90deg,#e4e8eb,#8d949a 55%,#5b6167);width:18px;height:36px}.pintumbler .tools{justify-content:flex-end;bottom:14px;left:16px;right:16px}.pintumbler .tools button{padding:6px 10px;font-size:14px}.pintumbler .tools .about{width:32px}.pintumbler .card{width:calc(100vw - 48px);min-width:0;padding:18px 16px 20px}.pintumbler .card .time{font-size:52px}}