.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}