@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#343932;font-synthesis:none;--paper:#f7f5ef;--ink:#343932;--muted:#697062;--green:#455e47;--line:#dedfd5;--serif:"Instrument Serif", Georgia, serif;background:#f7f5ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #5e7c62}button:disabled{cursor:default;opacity:.3}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-wrap{max-width:1112px;margin:auto;padding:0 56px}.skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.intro{padding:65px 0;position:relative}.eyebrow{letter-spacing:.15em;color:#687760;font-size:10px;font-weight:600}h1{font-family:var(--serif);letter-spacing:-.03em;margin:25px 0 23px;font-size:clamp(60px,6vw,82px);font-weight:400;line-height:.99}h1 em{color:#68785f;font-weight:400}.collections{padding-bottom:12px}.collection-section{margin-bottom:61px}.section-heading{border-top:1px solid var(--line);align-items:center;gap:20px;padding-top:26px;display:flex}.section-name{align-items:baseline;gap:13px;display:flex}.section-number{color:#969a8f;font-variant-numeric:tabular-nums;font-size:10px}h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:33px;font-weight:400;line-height:1.15}.shelf-quote{text-align:right;max-width:460px;margin:0 0 0 auto}.shelf-quote blockquote{font-family:var(--serif);color:#586650;text-wrap:pretty;margin:0;font-size:22px;font-style:italic;line-height:1.3}.shelf-quote p{margin:0}.shelf-quote figcaption{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.6}.shelf-quote cite{font-style:normal}.shelf-quote a{text-underline-offset:3px;-webkit-text-decoration:underline #cbd1c2;text-decoration:underline #cbd1c2}.shelf-quote a:hover{color:var(--green);text-decoration-color:currentColor}.collection-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.collection-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.status-filters{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.filter-button{color:#7a8173;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;transition:background .16s,color .16s;display:inline-flex}.filter-button span{color:#939b8a;font-size:9px}.filter-button:hover{background:#eeeee5}.filter-button[aria-pressed=true]{color:#3f5a43;background:#e9eddf;border-color:#e0e5d6}.filter-button[aria-pressed=true] span{color:#7b8e6b}.view-switch{gap:3px;padding-left:8px;display:flex}.view-button{color:#8a9084;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;padding:5px;display:grid}.view-button svg{width:15px;height:15px}.view-button[aria-pressed=true]{color:#53634b;background:#e9ecdf}.shelf-scene{margin-top:3px;position:relative}.shelf-scroll{scrollbar-width:thin;scrollbar-color:#d9ddcd transparent;overscroll-behavior-x:contain;scroll-behavior:smooth;overflow:auto hidden}.shelf-objects{justify-content:center;align-items:flex-end;gap:10px;min-width:max-content;height:360px;margin:0;padding:98px 56px 16px;list-style:none;display:flex}.shelf-item{width:94px;height:var(--object-height);perspective:1200px;z-index:1;flex:0 0 94px;position:relative}.shelf-item.is-dock-active,.shelf-item:has(.object-button:focus-visible),.shelf-item.is-selected{z-index:6}.object-button{text-align:left;perspective:1200px;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;transition:opacity .2s;display:block;position:relative}.object-button:focus-visible{outline-offset:7px;border-radius:5px}.object-visual{transform-style:preserve-3d;transform-origin:bottom;transform:translateX(var(--dock-offset,0px)) scale(var(--dock-scale,1));transition:transform .18s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.physical-object{left:calc((100% - var(--object-width)) / 2);width:var(--object-width);height:var(--object-height);transform-style:preserve-3d;transform:rotateY(var(--rest-angle));transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.shelf-item:is(.shelf-item--books,.shelf-item--games).is-dock-active .physical-object{transform:rotateY(-12deg)}}.physical-object>span{backface-visibility:hidden;display:block;position:absolute}.object-front,.object-back{width:var(--object-width);background:var(--object-color);border-radius:1px 3px 3px 1px;height:100%;inset:0}.object-front{transform:translateZ(calc(var(--object-depth) / 2));overflow:hidden;box-shadow:inset 1px 0 1px #fff3,inset -2px 0 2px #0002}.object-front:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0003,#fff1 3%,#0001 6%,#0000 9% 97%,#0002);position:absolute;inset:0}.object-back{transform:rotateY(180deg) translateZ(calc(var(--object-depth) / 2))}.object-spine{left:calc(var(--object-depth) / -2);width:var(--object-depth);background:var(--object-color);height:100%;color:var(--object-ink);border-radius:2px;top:0;overflow:hidden;transform:rotateY(-90deg);box-shadow:inset 2px 0 3px #fff3,inset -3px 0 4px #0003,0 1px 1px #0002}.object-spine:after{content:"";pointer-events:none;opacity:.24;background:repeating-linear-gradient(0deg,#0000 0 2px,#0002 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#fff2 2px 3px);position:absolute;inset:0}.spine-author{font-family:var(--serif);text-align:center;padding:13px 4px 0;font-size:10px;line-height:1.15;display:block}.spine-title{font-family:var(--serif);width:calc(var(--object-height) - 88px);text-align:center;text-wrap:balance;white-space:normal;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:400;line-height:1;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.spine-mark{text-align:center;font-family:var(--serif);font-size:16px;position:absolute;bottom:12px;left:0;right:0}.spine-edging{opacity:.3;border-top:1px solid;border-bottom:1px solid;position:absolute;inset:7px 5px}.object-pages{right:calc(var(--object-depth) / -2 + 2px);width:calc(var(--object-depth) - 4px);background:repeating-linear-gradient(90deg,#e6e1d3 0 1px,#f7f4e9 1px 3px);height:calc(100% - 6px);top:3px;transform:rotateY(90deg)}.object-top,.object-bottom{width:calc(var(--object-width) - 4px);height:calc(var(--object-depth) - 3px);background:repeating-linear-gradient(0deg,#dcd6c8 0 1px,#f2eee2 1px 3px);left:2px}.object-top{top:calc(var(--object-depth) / -2 + 1px);transform:rotateX(90deg)}.object-bottom{bottom:calc(var(--object-depth) / -2 + 1px);transform:rotateX(-90deg)}.object-shadow{filter:blur(6px);height:14px;transform:translateX(var(--dock-offset,0px)) scaleX(var(--dock-scale,1));background:#41392438;border-radius:50%;transition:transform .18s,opacity .2s;position:absolute;bottom:-7px;left:-8px;right:-8px}.current-flag{top:calc(-33px - var(--dock-rise,0px));transform:translateX(calc(-50% + var(--dock-offset,0px)));color:#5e7652;white-space:nowrap;align-items:center;gap:5px;font-size:9px;transition:opacity .2s,top .18s,transform .18s;display:flex;position:absolute;left:50%}.current-flag span{background:#779566;border-radius:50%;width:4px;height:4px}.current-flag:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);background:#67895c;width:9px;height:20px;position:absolute;top:19px;left:calc(50% + 4px)}.object-tooltip{pointer-events:none;top:calc(-57px - var(--dock-rise,0px));color:#4c5c45;opacity:0;text-align:center;background:#fcfbf6;border:1px solid #e4e5da;border-radius:4px;width:max-content;max-width:180px;padding:8px 11px;font-size:10px;transition:opacity .16s,transform .16s,top .18s;position:absolute;left:50%;transform:translate(-50%,6px);box-shadow:0 3px 10px #40361a08}.object-tooltip>span{color:#8b9383;margin-top:3px;font-size:9px;display:block}.shelf-item.is-dock-active .object-tooltip,.object-button:focus-visible .object-tooltip{opacity:1;transform:translate(calc(-50% + var(--dock-offset,0px)), 0)}.shelf-item.is-dock-active .current-flag,.object-button:focus-visible .current-flag,.shelf-item.is-selected .object-button{opacity:0}.shelf-board{z-index:0;background:linear-gradient(#e1d9c7 0 2px,#d3c6ac 2px 3px,#e2d8c2 3px 8px,#c8b898);border-radius:1px;height:11px;margin-top:-11px;position:relative;box-shadow:0 10px 15px -8px #55472e3d,0 24px 35px -20px #55472e1a}.shelf-board:after{content:"";opacity:.35;background:repeating-linear-gradient(0deg,#0000 0 2px,#af9a7320 2px 3px);position:absolute;inset:3px 0 0}.shelf-controls{gap:6px;display:flex}.shelf-controls button{background:0 0;border:1px solid #dfe3d5;border-radius:50%;place-items:center;width:26px;height:26px;padding:5px;display:grid}.shelf-controls button svg{width:13px;height:13px}.shelf-controls button[data-scroll=prev] svg{transform:rotate(180deg)}.cover-art{background:var(--object-color);width:100%;height:100%;color:var(--object-ink);position:relative;overflow:hidden}.cover-design{text-align:center;background:linear-gradient(110deg,#ffffff0a,#0000 45%);flex-direction:column;align-items:center;padding:18px 14px 15px;display:flex;position:absolute;inset:0}.cover-kicker{letter-spacing:.1em;opacity:.8;margin-bottom:12px;font-size:6px;line-height:1.6}.cover-author{font-size:10px;font-family:var(--serif);margin-bottom:10px}.cover-title{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1}.cover-bottom{letter-spacing:.12em;text-transform:uppercase;max-width:100%;margin-top:auto;font-size:6px}.cover-medallion{width:42px;height:42px;font-family:var(--serif);opacity:.7;border:1px solid;border-radius:50%;place-items:center;margin-top:14px;font-size:22px;display:grid}.cover-shape{width:65px;height:65px;box-shadow:inset 0 0 0 5px var(--object-color), inset 0 0 0 6px currentColor;opacity:.55;border:1px solid;border-radius:50%;margin-top:14px}.cover-image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cover-image.is-unavailable{display:none}.spine-image{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.spine-image.is-unavailable{display:none}.shelf-scene--piano .shelf-objects{gap:6px;padding-left:32px;padding-right:32px}.shelf-item--piano{flex-basis:139px;width:139px}.shelf-item--piano .object-front{border:1px solid #8677622a;border-radius:1px;box-shadow:inset 1px 0 3px #5e54342b}.shelf-item--piano .object-spine{box-shadow:inset 2px 0 4px #0002}.shelf-item--piano .spine-author,.shelf-item--piano .spine-title,.shelf-item--piano .spine-mark{display:none}.shelf-item--piano .object-back{box-shadow:2px 2px #d7d0bb}.cover-art--piano .cover-design{border:1px solid #7b705124;padding:18px 12px 14px;inset:7px}.cover-art--piano .cover-kicker{letter-spacing:.23em;margin-bottom:17px;font-size:6px}.cover-art--piano .cover-author{text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px;font-family:DM Sans,sans-serif;font-size:7px}.cover-art--piano .cover-title{font-size:23px}.score-decoration{opacity:.48;flex-shrink:0;width:82px;height:32px;margin:12px 0 10px;position:relative}.score-decoration>div{background:repeating-linear-gradient(0deg,currentColor 0 .6px,#0000 .6px 4px);position:absolute;inset:9px 0 8px}.score-decoration>span{font-family:serif;font-size:37px;position:absolute;top:-5px;left:2px}.score-decoration i{background:currentColor;border-radius:50%;width:5px;height:4px;display:block;position:absolute;top:22px;left:27px;transform:rotate(-25deg)}.score-decoration i:after{content:"";transform-origin:bottom;background:currentColor;width:.7px;height:14px;position:absolute;bottom:0;right:-2px;transform:rotate(25deg)}.score-decoration i:nth-of-type(2){top:18px;left:39px}.score-decoration i:nth-of-type(3){top:14px;left:50px}.score-decoration i:nth-of-type(4){top:20px;left:63px}.score-decoration i:nth-of-type(5){top:17px;left:73px}.shelf-scene--games .shelf-objects{gap:10px}.shelf-item--games{flex-basis:84px;width:84px}.shelf-item--games .object-front,.shelf-item--games .object-back{border-radius:1px}.shelf-item--games .object-front{box-shadow:0 0 0 .5px #141b2440}.shelf-item--games .object-front:after{background:linear-gradient(115deg,#fff1,#0000 35% 80%,#0001);box-shadow:inset 0 0 0 .5px #0003}.shelf-item--games .object-spine{border-radius:1px;box-shadow:inset 1px 0 #fff2,inset -1px 0 #161b244d}.shelf-item--games .object-spine:after{opacity:1;background:linear-gradient(90deg,#0001,#0000 35%,#fff1)}.shelf-item--games .spine-title{white-space:nowrap;width:calc(var(--object-height) - 32px);letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-size:10px;font-weight:550}.shelf-item--games .spine-author,.shelf-item--games .spine-edging{display:none}.shelf-item--games .object-back{background:color-mix(in srgb, var(--object-color) 85%, #141b24)}.shelf-item--games .object-top,.shelf-item--games .object-bottom,.shelf-item--games .object-pages{background:linear-gradient(90deg,#1b2029,#41434a 35%,#252a32)}.shelf-item--games .object-top,.shelf-item--games .object-bottom{width:100%;height:var(--object-depth);left:0}.shelf-item--games .object-top{top:calc(var(--object-depth) / -2)}.shelf-item--games .object-bottom{bottom:calc(var(--object-depth) / -2)}.shelf-item--games .object-pages{right:calc(var(--object-depth) / -2);width:var(--object-depth);height:100%;top:0}.shelf-item--games .object-shadow{filter:blur(5px);background:#292b3033;height:9px;bottom:-5px;left:2px;right:2px}.cover-art--games .cover-design{justify-content:center;gap:16px}.cover-art--games .cover-kicker{top:16px;position:absolute;inset-inline:8px}.cover-art--games .cover-title{font-family:DM Sans,sans-serif;font-size:22px;font-weight:550;line-height:1.1}.cover-art--games .cover-author,.cover-art--games .cover-shape{display:none}.cover-art--games .cover-bottom{position:absolute;bottom:16px}.cover-art--games .cover-image{object-fit:contain}.collection-list{min-height:270px;margin-top:25px}.list-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #e7e7dd;align-items:center;gap:15px;width:100%;padding:15px 8px;display:flex}.list-item:hover{background:#eeeee5}.list-color{background:var(--swatch);border-radius:1px;flex-shrink:0;width:8px;height:34px;box-shadow:inset -2px 0 2px #0002}.list-title{font-family:var(--serif);font-size:21px;line-height:1.2}.list-title>span{color:#868d7d;margin-top:4px;font-family:DM Sans,sans-serif;font-size:10px;display:block}.list-status{color:#939986;white-space:nowrap;margin-left:auto;font-size:10px}.list-status--current{color:#547546}.list-item>svg{color:#8b947e;flex-shrink:0;width:15px;height:15px}.empty-state{text-align:center;font-family:var(--serif);color:#8c967d;padding:70px 10px;font-size:24px}.item-dialog,.item-dialog::backdrop{--dialog-close-duration:.36s}.item-dialog{width:min(790px,100vw - 40px);color:var(--ink);background:0 0;border:0;border-radius:9px;max-height:calc(100dvh - 48px);padding:0;overflow:visible}.item-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f4f2e6bf}.item-dialog.is-closing::backdrop{animation:dialog-backdrop-out var(--dialog-close-duration) ease-in-out both}@keyframes dialog-backdrop-out{to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.dialog-shell{border-radius:inherit;background:#f8f7f0;border:1px solid #e2e2d5;grid-template-columns:44% 56%;min-height:430px;max-height:calc(100dvh - 50px);display:grid;position:relative;overflow:auto;box-shadow:0 30px 100px #282b1833}.dialog-close{color:#77846a;z-index:5;background:#f8f7f0;border:1px solid #d5daca;border-radius:50%;place-items:center;width:32px;height:32px;padding:6px;display:grid;position:absolute;top:15px;right:15px}.dialog-close svg{width:16px;height:16px}.dialog-art{perspective:1200px;background:#eaece2;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:50px 30px 30px;display:flex}.dialog-object{width:182px;height:274px;box-shadow:-2px 3px 0 #d9d6c9, -5px 4px 0 #edebdf, -7px 4px 0 var(--object-color), 12px 21px 25px #353b252a;border-radius:1px 3px 3px 1px;position:relative;transform:rotateY(-12deg)}.dialog-object[data-kind=games]{border-radius:1px;width:184px;height:276px;box-shadow:-1px 0 #53545a,-3px 1px #252a32,10px 17px 23px #353b2526}.dialog-object[data-kind=games]:after{background:linear-gradient(115deg,#fff1,#0000 40%);box-shadow:inset 0 0 0 .5px #0003}.dialog-object:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0002,#fff1 3%,#0000 8%);position:absolute;inset:0}.dialog-object .cover-design{padding:24px 20px}.dialog-object .cover-title{font-size:35px}.dialog-object .cover-author{font-size:13px}.dialog-object .cover-kicker{font-size:8px}.dialog-object .cover-bottom{font-size:7px}.dialog-object .score-decoration{margin-top:27px;transform:scale(1.25)}.dialog-object .cover-art--piano .cover-author{font-size:10px}.dialog-art-label{color:#8b947e;text-align:center;font-size:9px;line-height:1.5}.dialog-copy{flex-direction:column;align-items:flex-start;padding:56px 38px 34px;display:flex}.dialog-category{margin-bottom:17px;font-size:9px}.dialog-status{color:#69805b;background:#e9eddf;border-radius:4px;margin:0 0 15px;padding:5px 8px;font-size:10px}#dialog-title{font-size:37px;line-height:1.05}.dialog-creator{color:#7b8471;margin:16px 0 0;font-size:12px}.dialog-rule{background:#cfd6c4;width:35px;height:1px;margin:24px 0 18px}.dialog-context{font-family:var(--serif);color:#929c82;margin:0 0 20px;font-size:18px;font-style:italic;line-height:1.4}.dialog-notes{color:#707e63;white-space:pre-line;margin:0 0 18px;font-size:13px;line-height:1.7}.dialog-link{color:#526e43;border-bottom:1px solid #cbd6be;align-items:center;gap:8px;margin-bottom:25px;padding-bottom:4px;font-size:11px;display:inline-flex}.dialog-link svg{width:12px;height:12px}.dialog-return{color:#879477;text-align:left;background:0 0;border:0;border-top:1px solid #e1e5d8;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:auto;padding:18px 0 0;font-size:10px;display:flex}.dialog-return svg{width:15px;height:15px;transform:rotate(180deg)}.flying-object{z-index:20;pointer-events:none;transform-origin:50%;border-radius:2px;margin:0;position:fixed;overflow:hidden}.returning-object{z-index:20;pointer-events:none;transform-origin:50%;margin:0;position:fixed}.returning-object .physical-object{transition:none}.section-number,.filter-button,.filter-button span,.filter-button[aria-pressed=true] span,.list-title>span,.list-status,.dialog-creator,.dialog-context,.dialog-art-label,.dialog-return{color:var(--muted)}@media (width>=1080px){.intro h1 br{display:none}.intro h1{margin-top:26px}}@media (width<=1000px){.page-wrap{padding:0 36px}.shelf-objects{justify-content:flex-start}}@media (width<=680px){.page-wrap{padding:0 22px}.intro{padding:45px 0 48px}h1{font-size:clamp(50px,15.5vw,61px)}.section-heading{flex-direction:column;align-items:flex-start;gap:16px;padding-top:22px}.section-name{gap:9px}h2{font-size:31px}.shelf-quote{text-align:left;max-width:100%;margin:0}.shelf-quote blockquote{font-size:21px}.collection-toolbar{align-items:flex-start;gap:5px;margin-top:17px}.status-filters{gap:2px}.filter-button{gap:5px;padding:7px;font-size:10px}.filter-button span{font-size:8px}.view-switch{padding-left:3px}.view-button{width:26px;height:29px}.shelf-scene{margin-left:-22px;margin-right:-22px}.shelf-board{margin-left:10px;margin-right:10px}.shelf-objects{padding-left:48px;padding-right:48px}.shelf-scene--piano .shelf-objects{padding-left:30px;padding-right:30px}.shelf-scene--games .shelf-objects{padding-left:44px;padding-right:44px}.collection-section{margin-bottom:43px}.list-title{font-size:18px}.list-item{gap:10px}.list-status{white-space:normal;text-align:right;max-width:70px;font-size:9px}.item-dialog{width:min(420px,100vw - 28px);max-height:calc(100dvh - 28px)}.dialog-shell{grid-template-columns:1fr;max-height:calc(100dvh - 30px)}.dialog-art{gap:14px;padding:32px 30px 22px}.dialog-object{width:125px;height:185px}.dialog-object[data-kind=games]{width:128px;height:192px}.dialog-object .cover-design{padding:12px 10px}.dialog-object .cover-title{font-size:24px}.dialog-object .cover-author{font-size:9px}.dialog-object .cover-kicker{margin-bottom:12px;font-size:5px}.dialog-object .cover-bottom{font-size:5px}.dialog-object .cover-art--piano .cover-author{font-size:6px}.dialog-object .score-decoration{margin-top:12px;transform:scale(.8)}.dialog-copy{padding:25px 26px 23px}.dialog-category,.dialog-status{margin-bottom:12px}#dialog-title{font-size:33px}.dialog-creator{margin-top:12px}.dialog-rule{margin:18px 0 15px}.dialog-context{margin-bottom:17px;font-size:17px}.dialog-link{margin-bottom:19px}}@media (width<=380px){.filter-button{padding:7px 5px}}@media (pointer:coarse){.filter-button{min-height:38px}.view-button{min-width:32px;min-height:38px}.shelf-controls button{width:36px;height:36px}.dialog-close{width:40px;height:40px}.object-tooltip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
