@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#373a30;font-synthesis:none;--orange:#c65c3b;--muted:#929285;background:#f5f2e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{background:0 0;border:0}a{color:inherit;text-decoration:none}#app{isolation:isolate;background-image:radial-gradient(#71695115 .65px,#0000 .65px);background-size:5px 5px;height:100dvh;min-height:560px;position:relative}header{z-index:5;justify-content:space-between;align-items:center;height:104px;padding:0 4.2vw;display:flex;position:relative}.brand{letter-spacing:-.8px;align-items:center;font-size:20px;font-weight:600;display:flex}.brand-icon{flex:none;width:35px;height:35px;margin-right:11px;display:block}.brand-period{color:var(--orange)}.header-actions{align-items:center;gap:35px;display:flex}.edition{letter-spacing:1.6px;color:#939386;font-size:9px}.shake-control{position:relative}.shuffle{background:#f7f5ee;border:1px solid #d8d8cc;border-radius:24px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;display:flex}.shuffle>span:first-child{font-size:18px;line-height:1}.shake-label-mobile,.motion-tip,.motion-tip[hidden]{display:none}.shuffle:hover{border-color:var(--orange);color:var(--orange)}.search-section{z-index:3;text-align:center;pointer-events:none;width:min(680px,90vw);position:absolute;top:25%;left:50%;transform:translate(-50%)}.search-section>*{pointer-events:auto}.eyebrow{letter-spacing:2.1px;color:#99988a;font-size:9px;font-weight:600}.eyebrow>span{background:var(--orange);border-radius:50%;width:5px;height:5px;margin:0 7px 2px 0;display:inline-block}h1{letter-spacing:-1.8px;margin:19px -35px 15px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.1}h1 em{color:var(--orange);font-weight:400}.intro{color:#98968a;letter-spacing:.1px;margin:0 0 30px;font-size:13px}.input-wrap{background:#fffcf6;border:1px solid #dcd9cc;border-radius:17px;align-items:center;width:min(552px,100%);height:65px;margin:auto;padding:0 21px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #69603b08,0 1px 3px #7663400b}.input-wrap:focus-within{border-color:#c6846b;box-shadow:0 3px 22px #c65c3b0d}.input-wrap svg{stroke:#a09a8b;stroke-width:1.5px;flex:none;width:20px;height:20px}input{color:#49473d;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:18px 14px;font:13px DM Sans,sans-serif}input::placeholder{color:#a29c8f}input::-webkit-search-cancel-button{display:none}kbd{color:#b1ac9e;border:1px solid #e4e0d5;border-radius:5px;padding:3px 7px;font-size:11px}#clear{color:#918777;padding:6px;font-size:23px}.suggestions{color:#a39c8f;justify-content:center;align-items:center;gap:7px;margin:17px 0 0;font-size:10px;display:flex}.suggestions>span{margin-right:4px}.suggestions button{background:#f8f5ed;border:1px solid #e0ddcf;border-radius:20px;padding:6px 11px;transition:all .2s}.suggestions button:hover,.suggestions button.active{color:#995033;background:#efe0d2;border-color:#d8bba5}#search-status{color:#a59d8d;letter-spacing:.2px;min-height:16px;margin:14px 0 0;font-size:10px}#search-status.error{color:#b5563b}#sticker-stage{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sticker{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;cursor:grab;filter:drop-shadow(0 4px 3px #4a331d22);padding:0;transition:filter .2s;position:absolute;top:0;left:0}.sticker img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.sticker:active{cursor:grabbing}.sticker:hover{filter:drop-shadow(0 8px 6px #4a331d35)}.sticker.matched{filter:drop-shadow(0 10px 9px #73513923)}.sticker:focus-visible{outline:2px dashed var(--orange);outline-offset:2px;border-radius:12px}.pile-note{color:#a19a86;z-index:1;font-family:Instrument Serif,Georgia,serif;font-size:21px;font-style:italic;position:absolute;bottom:25%;left:8%;transform:rotate(-9deg)}.pile-note svg{fill:none;stroke:#b4a891;stroke-width:1.3px;width:72px;margin:5px 0 0 34px;display:block}footer{z-index:4;letter-spacing:1.2px;color:#989281;background:#efede3;border-top:1px solid #dedacc;justify-content:space-between;align-items:center;height:49px;padding:0 4.2vw;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.status-dot{vertical-align:1px;background:#8b9970;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.footer-divider{color:#c3bca9;margin:0 9px}footer button{letter-spacing:0;color:#686857;font-size:10px}footer button span{margin-left:7px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}dialog{color:#454337;background:#faf7ef;border:1px solid #ded7c7;border-radius:24px;width:90vw;max-width:780px;padding:35px;box-shadow:0 30px 120px #30231f22}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#3f3c3155}#detail[open]{align-items:center;gap:38px;display:flex}#detail-image{object-fit:contain;filter:drop-shadow(0 6px 5px #5d432a22);width:45%;max-height:420px}.dialog-close{color:#938973;font-size:26px;position:absolute;top:12px;right:16px}.detail-text{flex:1}h2{margin:12px 0;font:400 38px Instrument Serif,Georgia,serif}#detail-description{color:#8d8575;font-size:13px;line-height:1.7}#detail-tags{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}#detail-tags button{background:#eae6da;border-radius:20px;padding:6px 9px;font-size:10px}#download{color:#fff9ec;background:#cb6746;border-radius:9px;padding:12px 16px;font-size:12px;display:inline-block}#download span{margin-left:12px}.collection-header{justify-content:space-between;display:flex}.collection-header .dialog-close{position:static}#collection{max-height:85vh}#collection-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}#collection-grid button{background:#eeeadd;border-radius:14px;padding:12px;font-size:10px}#collection-grid img{object-fit:contain;width:100%;height:130px;margin-bottom:12px;display:block}.input-wrap svg path{transition:opacity .15s}.loading .input-wrap svg{stroke:var(--orange);opacity:.75}.loading .input-wrap svg path{opacity:0}.loading .input-wrap svg circle{stroke-dasharray:28 15;stroke-linecap:round;transform-origin:10.8px 10.8px;animation:1.4s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}@media (height>=950px){.search-section{top:29%}}@media (width<=700px){header{height:78px;padding:0 22px}.brand{font-size:16px}.brand-icon{width:29px;height:29px;margin-right:7px}.edition,.shake-label-desktop{display:none}.shuffle{padding:7px 10px;font-size:11px}.shuffle>span:first-child{font-size:20px}.shake-label-mobile{display:inline}.motion-tip{white-space:nowrap;letter-spacing:.1px;color:#999386;font-size:8px;display:block;position:absolute;top:39px;right:0}.search-section{top:86px}h1{letter-spacing:-1.1px;margin:18px -10px 14px;font-size:43px}.intro{margin-bottom:24px;font-size:11px}.eyebrow{letter-spacing:1.5px;font-size:8px}.input-wrap{height:59px;padding:0 15px}input{font-size:12px}.suggestions{gap:5px;font-size:9px}.suggestions button{padding:6px 9px}.pile-note{display:none}footer{letter-spacing:.7px;padding:0 18px;font-size:7px}.drag-hint{display:none}#mode-label{font-size:7px}#detail[open]{flex-direction:column;gap:8px}#detail-image{width:70%;max-height:260px}.detail-text{text-align:center}#detail-tags{justify-content:center}#collection-grid{grid-template-columns:repeat(3,1fr);gap:8px}#collection-grid img{height:100px}dialog{padding:25px}}@media (height<=660px){.search-section{top:17%}.intro{margin-bottom:14px}h1{margin:12px 0;font-size:42px}.suggestions{margin-top:10px}.pile-note{display:none}}@media (height<=660px) and (width<=700px){.search-section{top:86px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.sticker.pinned,.sticker.pinned:hover{cursor:grab;filter:drop-shadow(0 1px 1px #4a331d18);transition:filter .5s}.sticker.pinned:active{cursor:grabbing}.shuffle.tilt-active{color:#995033;background:#efe0d2;border-color:#c6846b}@media (pointer:coarse) and (width>=701px){.shake-label-desktop{display:none}.shake-label-mobile{display:inline}.motion-tip{white-space:nowrap;color:#999386;font-size:9px;display:block;position:absolute;top:44px;right:0}}
