.recorder-stats{--ledger-stripe:oklch(38.62% .0774 105.54);--ledger-rim:oklch(67.39% .1053 100.51);--ink:oklch(25% .035 60);--ink-lo:oklch(34% .04 60);flex-wrap:wrap;align-items:start;gap:16px;min-width:0;display:flex}.recorder-stats h3,.recorder-stats h4,.recorder-stats p,.recorder-stats dl,.recorder-stats ol{margin:0}.recorder-stats .recorder-hero{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.recorder-stats .recorder-hero strong{font:400 44px/1 var(--font-display);font-variant-numeric:tabular-nums}.recorder-stats .recorder-hero span{font-size:15px}.recorder-stats .recorder-rows>div{justify-content:space-between;align-items:center;gap:12px;min-block-size:32px;display:flex}.recorder-stats .recorder-rows dt{overflow-wrap:anywhere;min-width:0;font-size:14px}.recorder-stats .recorder-rows dd{font-variant-numeric:tabular-nums;margin:0;font-size:16px}.recorder-stats .recorder-played{background-image:linear-gradient(oklch(15% .012 60/.86),oklch(12% .01 60/.93)),url(/ui/ui-achievement-statsbackground.webp);background-position:50%;background-size:auto,cover;border-style:solid;border-width:1px;border-radius:4px;flex:3 26rem;align-content:start;gap:18px;min-width:0;padding-block:10px 20px;display:grid;position:relative}.recorder-played>h3{color:var(--gold-bright);font:400 18px/1.3 var(--font-display);text-shadow:0 1px 2px oklch(0% 0 none);border:10px solid;border-image:url(/ui/ui-achievement-category-bar.webp) 10 fill/10px;margin-inline:10px;padding-block:2px;padding-inline:12px}.recorder-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:start;gap:22px 4px;display:grid}.recorder-columns>div{gap:18px;min-width:0;display:grid}.recorder-played .recorder-hero{padding-inline:22px}.recorder-played .recorder-hero strong{color:var(--gold-bright);text-shadow:0 2px 4px oklch(0% 0 none)}.recorder-played .recorder-hero span{color:var(--text)}.recorder-played .recorder-rows{padding-inline:12px}.recorder-played .recorder-rows>div{border-radius:2px;padding-inline:10px}.recorder-played .recorder-rows>div:nth-child(odd){background:color-mix(in oklch, var(--ledger-stripe) 48%, transparent);box-shadow:inset 0 -1px color-mix(in oklch, var(--ledger-rim) 45%, transparent)}.recorder-played .recorder-rows dt{color:var(--text)}.recorder-played .recorder-rows dd{color:var(--gold-bright)}.recorder-list{gap:8px;min-width:0;padding-inline:22px;display:grid}.recorder-list h4{color:var(--gold);font:400 15px/1.3 var(--font-display)}.recorder-list ol{gap:6px;padding:0;list-style:none;display:grid}.recorder-list li{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.recorder-list .recorder-value{color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:16px}.recorder-stats .recorder-entity{align-items:center;gap:12px;min-width:0;font-size:15px;line-height:1.35;text-decoration:none;display:flex}.recorder-stats .recorder-entity .icon-frame{width:36px;height:36px}.recorder-stats .recorder-entity img{object-fit:cover;width:100%;height:100%;display:block}.recorder-stats .recorder-entity-name{overflow-wrap:anywhere;min-width:0}@media (hover:hover) and (pointer:fine){.recorder-stats a.recorder-entity:hover .recorder-entity-name{text-shadow:var(--link-glow)}.recorder-stats a.recorder-entity:hover .icon-frame{box-shadow:0 0 8px oklch(87.69% .1796 93.13/.45)}}.recorder-stats .recorder-note{color:var(--text-lo);padding-inline-start:48px;font-size:13px}.recorder-shared{min-width:0;color:var(--ink);background:url(/ui/quest-paper.webp) 50%/cover;border:1px solid oklch(35% .04 60);border-radius:4px;flex:2 17rem;align-content:start;gap:14px;padding-block:18px 22px;padding-inline:22px;display:grid;box-shadow:inset 0 0 24px oklch(25% .05 60/.45),0 12px 28px oklch(0% 0 none/.42)}.recorder-shared>h3{color:var(--ink);font:400 20px/1.25 var(--font-display)}.recorder-shared .recorder-since{color:var(--ink-lo);margin-block-start:-10px;font-size:14px}.recorder-shared .recorder-hero strong{font-size:36px}.recorder-shared .recorder-rows>div{border-block-start:1px solid color-mix(in oklch, var(--ink) 24%, transparent)}.recorder-shared .recorder-rows dd{font-weight:700}.recorder-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.recorder-head h2{margin:0}.recorder-computers{gap:4px;display:grid}.recorder-computers h3{color:var(--gold);font:400 17px/1.3 var(--font-display);margin:0}.recorder-public{gap:14px;margin-block:24px;display:grid}.recorder-public>h2{margin:0;font-size:20px}.recorder-timeline{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:20px 24px;padding-inline:22px;display:grid}.recorder-trend{gap:8px;min-width:0;margin:0;display:grid}.recorder-trend figcaption{gap:4px;display:grid}.recorder-trend figcaption span{color:var(--text);font-size:14px}.recorder-trend figcaption strong{color:var(--gold-bright);font:400 22px/1 var(--font-display)}.recorder-plot{border-block:1px solid color-mix(in oklch, var(--line) 70%, transparent);touch-action:pan-y;block-size:88px;margin-block-start:6px;position:relative}.recorder-plot svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.recorder-plot-line{fill:none;stroke:var(--gold-bright);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.recorder-plot-area{fill:color-mix(in oklch, var(--gold) 12%, transparent);stroke:none}.recorder-plot-cross,.recorder-plot-dot,.recorder-plot-tip{inset-inline-start:var(--x)}.recorder-plot-dot{inset-block-start:var(--y)}.recorder-plot-cross{background:color-mix(in oklch, var(--text-lo) 60%, transparent);pointer-events:none;inline-size:1px;position:absolute;inset-block:0}.recorder-plot-dot{background:var(--gold-bright);pointer-events:none;border-radius:50%;block-size:10px;inline-size:10px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px oklch(13% .01 60)}.recorder-plot-tip{z-index:1;color:var(--text-lo);white-space:nowrap;pointer-events:none;border-style:solid;border-width:1px;border-radius:4px;gap:2px;padding-block:6px;padding-inline:10px;font-size:12px;display:grid;position:absolute;inset-block-end:calc(100% + 8px)}.recorder-plot-tip[data-side=start]{translate:-12px}.recorder-plot-tip[data-side=end]{translate:calc(12px - 100%)}.recorder-plot-tip strong{color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:15px}.recorder-plot-axis{white-space:nowrap;color:var(--text-lo);justify-content:space-between;gap:12px;font-size:12px;display:flex}
.this-computer{border-style:solid;border-width:1px;border-radius:4px;gap:16px;padding-block:16px 18px;padding-inline:18px;display:grid;position:relative}.this-computer h3,.this-computer h4,.this-computer dl,.this-computer ol,.this-computer ul,.this-computer p{margin:0}.this-computer>h3{color:var(--gold);font:400 17px/1.3 var(--font-display)}.this-computer h4{color:var(--gold);font:400 15px/1.3 var(--font-display)}.this-computer .ff-actions{margin-block-start:0}.this-computer-facts{gap:4px;display:grid}.this-computer-facts>div{border-block-end:1px solid color-mix(in oklch, var(--line) 60%, transparent);grid-template-columns:minmax(7rem,max-content) minmax(0,1fr) auto;align-items:center;gap:4px 16px;min-block-size:36px;display:grid}.this-computer-facts dt{color:var(--text-lo);font-size:14px}.this-computer-facts dd{min-width:0;color:var(--text-hi);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.this-computer-folder{overflow-wrap:anywhere}.this-computer-saves{gap:6px;padding:0;list-style:none;display:grid}.this-computer-saves li{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:14px;display:flex}.this-computer-saves span{color:var(--text-lo)}.this-computer-saves strong{color:var(--text-hi);font-weight:400}.this-computer-saves [data-state=failed] strong,.this-computer-saves [data-state=refused] strong,.this-computer-saves [data-state=invalid] strong{color:oklch(68% .17 28)}.this-computer-totals{flex-wrap:wrap;gap:8px 32px;display:flex}.this-computer-totals>div{gap:2px;display:grid}.this-computer-totals dt{color:var(--text-lo);font-size:13px}.this-computer-totals dd{color:var(--gold-bright);font:400 24px/1.1 var(--font-display);margin:0}.this-computer-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.this-computer-history{gap:6px;display:grid}.this-computer-history ol{overscroll-behavior:contain;max-block-size:12rem;padding:0;list-style:none;display:grid;overflow-y:auto}.this-computer-history li{border-block-end:1px solid color-mix(in oklch, var(--line) 45%, transparent);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;padding-block:4px;font-size:13px;display:grid}.this-computer-history time,.this-computer-history span{color:var(--text-lo)}.this-computer-history strong{color:var(--text);text-align:end;font-weight:400}.this-computer-history [data-result=failed] strong{color:oklch(68% .17 28)}.contributor-here{color:var(--gold);font:400 12px/1.5 var(--font-ui);vertical-align:middle;border:1px solid oklch(50.4% .0551 89.07);border-radius:3px;margin-inline-start:10px;padding-block:1px;padding-inline:8px}@media (max-width:640px){.this-computer-facts>div{grid-template-columns:minmax(0,1fr) auto}.this-computer-facts dd{grid-area:2/1}.this-computer-facts .wow-button{grid-area:1/2/span 2}}