@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#30352c;background:#eeeae2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px}*{box-sizing:border-box}html,body{width:100%;height:100%;min-width:320px;margin:0;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% 45%,#f8f5ee,#eeeae2 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #6c804a;outline-offset:4px}[hidden]{display:none!important}#app{height:100svh;display:flex;flex-direction:column;overflow:hidden;position:relative}header{height:92px;flex:0 0 auto;position:relative;z-index:0;max-width:1360px;width:100%;margin:auto;display:flex;align-items:center;gap:24px;padding:0 64px}.brand{font:italic 700 48px Georgia,serif;text-decoration:none;letter-spacing:-3px}.brand-dot{color:#7c894c}.brand-note{font-size:14px;color:#858779;letter-spacing:.05em;padding-top:10px}.about-button{margin-left:auto;background:transparent;border:1px solid #b7b7a9;border-radius:50%;width:29px;height:29px;font:italic 17px Georgia;color:#727669}main{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;padding-top:14px;overflow:visible;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;letter-spacing:.17em;color:#757c60}.table{position:relative;width:100%;max-width:1150px;margin:14px auto 0;padding:0 24px;min-height:0;display:flex;justify-content:center;perspective:1400px}.deck{position:relative;width:min(520px,calc(100vw - 48px));aspect-ratio:.63;isolation:isolate}.card{--paper: #fffdf6;position:absolute;inset:0;border-radius:23px;background:var(--paper);border:1px solid #fffdf6;box-shadow:0 2px 2px #4d423923,0 7px 10px -6px #4d423942,0 26px 45px -17px #3e382752,inset 0 0 0 1px #ffffffb0;transform:translateY(calc(var(--index) * 8px)) rotate(calc(var(--index) * 3deg)) scale(calc(1 - var(--index) * .017));z-index:calc(4 - var(--index));will-change:transform;touch-action:none;cursor:grab;overflow:hidden;transform-origin:50% 75%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;user-select:none;perspective:1000px;perspective-origin:center center}.card[data-theme=sage]{--accent: #718057;--tint: #edf0dd}.card[data-theme=clay]{--accent: #ab7158;--tint: #f4e6da}.card[data-theme=blue]{--accent: #5e7b8b;--tint: #e6edf0}.card[data-theme=gold]{--accent: #998349;--tint: #f3ecd8}.card[data-theme=plum]{--accent: #897086;--tint: #eee6ed}.card.dragging{z-index:50!important;cursor:grabbing;box-shadow:0 3px 4px #4d423923,0 40px 65px -16px #3e382760}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:center center;transition:transform .62s cubic-bezier(.22,.75,.2,1);will-change:transform}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit;background:var(--paper);box-shadow:inset 0 0 0 1px #ffffffb0,0 0 0 1px #d9d7cc;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{pointer-events:auto}.card-back{transform:rotateY(180deg);pointer-events:none;background:#f7f4eb}.card.is-flipped .card-front{pointer-events:none}.card.is-flipped .card-back{pointer-events:auto}.card-top{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;padding:4% 5% 2.5%}.category{font-size:clamp(10px,1.9vw,12px);color:var(--accent);background:var(--tint);padding:5px 10px;border-radius:5px;letter-spacing:.09em}.serial{font:10px SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#aaa99b}.card-image{position:relative;flex:0 0 33%;height:33%;margin:0 3.5%;background:#e7e6de;border-radius:12px;overflow:hidden}.card-image img{width:100%;height:100%;display:block;object-position:center;pointer-events:none}.image-label{position:absolute;bottom:7px;left:7px;font-size:11px;background:#fffc;padding:4px 7px;border-radius:4px}.image-error{padding:25px;color:#696e5f;font-size:12px}.card-body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;padding:3% 5% 4%}.meta{flex:0 0 auto;font-size:clamp(9px,1.9vw,11px);color:#99998c;margin:0 0 5px;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(17px,4vw,25px);font-weight:600;letter-spacing:.015em;line-height:1.28;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.summary{flex:0 1 auto;font-size:clamp(11px,2.5vw,14px);line-height:1.5;color:#777a6d;margin:6px 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.back-body{min-height:0;flex:1 1 auto;overflow:hidden;padding:0 5%}.detail-body{margin:0 0 5px;color:#656b5d;font-size:clamp(10px,2.25vw,13px);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sources{display:flex;flex-wrap:wrap;gap:4px 12px;border-top:1px solid #e5e6da;padding-top:7px;margin-top:5px}.sources-label{flex-basis:100%;font-size:10px;color:#929586}.sources a{font-size:clamp(10px,2.15vw,12px);text-decoration-color:#c0c4af;text-underline-offset:3px;line-height:1.45}.credit{margin:7px 0 0;color:#96978a;font-size:clamp(9px,1.9vw,11px);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.table-note{position:absolute;top:120px;color:#a1a391;font-family:"Noto Serif SC",Songti SC,serif;font-size:16px;line-height:2;letter-spacing:.12em}.note-left{left:13%;transform:rotate(-8deg)}.note-right{right:12%;transform:rotate(7deg)}.table-note span{display:block;font-family:Georgia;font-size:40px;line-height:1.5;color:#b7baa6}.note-left span{text-align:right;padding-right:10px}.note-right span{padding-left:10px;margin-top:-55px}.flip-control-button{border-color:#c7cbb6;background:linear-gradient(#f8f7ef,#e7e6da);color:#6e795b}.controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:12px auto 0;position:relative;z-index:5;flex:0 0 auto}.round-button{height:43px;width:43px;border-radius:50%;font-size:24px;line-height:1;border:1px solid #d4d3c8;background:linear-gradient(#faf9f3,#e8e6dc);box-shadow:0 2px 2px #b4b1a552,inset 0 1px #fff;transition:transform .15s,box-shadow .15s}.round-button:hover{transform:translateY(-2px)}.round-button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #a4a49455}.next{background:linear-gradient(#e2e7cf,#d3dab8);border-color:#c4ccac;color:#66754e}.notice{font-size:12px;text-align:center;color:#818772;min-height:18px;margin:12px 20px 0}.loading{text-align:center;padding-top:90px;color:#8d927d}.empty{display:flex;align-items:center;text-align:center;flex-direction:column;padding:36px 8px}.empty-stamp{font:90px Georgia;color:#a2ad7b;text-shadow:0 2px 0 #fff,-1px -1px 0 #909b69;margin-bottom:23px}.empty-label{font-size:12px;color:#8a9079;letter-spacing:.13em}.empty h2{font:500 27px "Noto Serif SC",Songti SC,serif;margin:10px 0}.empty>p:not(.empty-label){font-size:14px;color:#979a8a}.lucky{display:flex;gap:16px;align-items:center;justify-content:center;border-radius:16px;border:1px solid #8b995f;min-width:235px;padding:18px 22px;font-size:19px;font-weight:600;letter-spacing:.06em;background:linear-gradient(#dce6b7,#cad99c 40%,#b9ca86);box-shadow:inset 0 2px 1px #f6ffdc,inset 0 -2px 2px #91a566,0 7px #819257,0 9px 1px #596740,0 15px 19px #6c755b40;text-shadow:0 1px 0 #edf4da;color:#43522d;margin:25px 0 17px}.lucky-icon{font-size:25px;font-weight:400}.lucky-arrow{font-weight:400;font-size:23px;margin-left:6px}.empty .empty-fine{font-size:12px!important;line-height:1.7}.text-button{background:none;border:0;font-size:12px;margin-top:12px;color:#888e79}dialog{max-width:480px;width:calc(100% - 36px);max-height:80svh;overflow:auto;padding:35px;border:1px solid #fff;border-radius:24px;background:#faf8ef;box-shadow:0 30px 100px #26281c44;color:#555d48}dialog::backdrop{background:#32372955;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog .eyebrow{justify-content:flex-start}dialog h2{font-family:"Noto Serif SC",serif;font-size:23px}dialog p{font-size:15px;line-height:1.9}dialog a{font-size:14px}.close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:26px}.drop{animation:fall-in .8s cubic-bezier(.22,1.15,.45,1) both;animation-delay:calc((2 - var(--index)) * 90ms)}@keyframes fall-in{0%{opacity:0;transform:translateY(-700px) rotate(-18deg)}65%{opacity:1}to{transform:translateY(calc(var(--index) * 8px)) rotate(calc(var(--index) * 3deg)) scale(calc(1 - var(--index) * .017))}}@media(min-width:1400px){.deck{width:560px}}@media(max-width:800px){header{height:78px;padding:0 28px}.brand{font-size:43px}.brand-note{font-size:12px}.table-note{display:none}main{padding-top:4px}.table{margin-top:10px;padding:0 20px}.controls{margin-top:10px}}@media(max-width:480px){header{height:68px;padding:0 23px;gap:15px}.brand{font-size:39px}.brand-note{font-size:11px;letter-spacing:0;padding-top:7px}.about-button{width:27px;height:27px}main{padding-top:4px}.table{margin-top:8px;padding:0 20px}.deck{width:100%}.card{border-radius:19px}.card-top{padding-top:4%}.card-image{border-radius:10px}.controls{gap:13px;margin-top:8px}.round-button{width:39px;height:39px}.notice{margin-top:7px}}@media(max-height:760px){.deck{width:min(520px,calc(100vw - 48px),calc((100svh - 315px)*.63))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}