@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#3c3027;background:#ede5d7;font-synthesis:none}*{box-sizing:border-box}html{width:100%}body{margin:0;min-width:0;background:radial-gradient(circle at 10% 10%,#f8f2e8,transparent 35%),#e9dfce}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,.btn{border:1px solid #a48b6d;background:#614a38;color:#fff8ed;padding:10px 15px;border-radius:8px}button:hover{filter:brightness(1.07)}button.ghost{background:#f8f1e6;color:#5b4837}button.danger{background:#9d4c40;border-color:#9d4c40}.shell{max-width:1260px;margin:auto;padding:24px;min-width:0}.mast{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:2px solid #a28b6f;padding:12px 0 24px}.logo{font:700 36px Playfair Display,serif;letter-spacing:1px}.sub{font-size:12px;letter-spacing:3px;color:#8b735b;text-transform:uppercase}.small{font-size:12px;color:#827363}.muted{color:#8b7969}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.nav{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.nav button{background:transparent;color:#594637}.nav button.active{background:#614a38;color:#fff}.paper{background:#faf5e9;border:1px solid #d2c2a8;border-radius:12px;box-shadow:0 5px 20px #6c4d2d12;padding:20px;min-width:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 22px}.stat{min-width:0;background:#f9f1e4;border:1px solid #d4c1a5;padding:18px;border-radius:10px}.stat b{font:700 30px Playfair Display,serif;display:block;margin-top:8px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.toolbar input{flex:2;min-width:160px}.toolbar select{flex:1;min-width:120px}input,select,textarea{background:#fffcf6;color:#3e3128;border:1px solid #cdbb9f;border-radius:7px;padding:10px;width:100%;min-width:0}textarea{min-height:75px;resize:vertical}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field{margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;align-items:start;min-width:0}.cards>.card{display:block;width:100%;min-width:0;max-width:100%;grid-column:auto;margin:0}.card{background:#f8f0e1;border:1px solid #cdbb9f;border-radius:8px;overflow:hidden;box-shadow:3px 4px #d6c7b2;position:relative;min-width:0}.art,.cards>.card>.art{width:100%;aspect-ratio:3 / 4;height:auto;background:linear-gradient(145deg,#dfcfb8,#bba58a);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#816f59}.art img,.cards>.card>.art img{display:block;width:100%;height:100%;object-fit:contain;min-width:0}.cardbody{padding:12px;min-width:0;overflow-wrap:anywhere}.cardbody h3{font-size:15px;margin:4px 0;overflow-wrap:anywhere}.pill{display:inline-block;background:#e8dac4;border-radius:99px;padding:3px 8px;font-size:11px}.qty{display:flex;gap:6px;align-items:center;justify-content:space-between;margin-top:10px}.qty button{padding:3px 10px}.sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.set{cursor:pointer}.set:hover{border-color:#9e7452}.setpreview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:100px;margin:12px 0}.setpreview img{width:100%;height:100px;object-fit:cover;border-radius:4px}.slot{background:#e6d9c6;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#aa9377}.progress{height:8px;border-radius:9px;background:#e1d3bd;overflow:hidden}.progress span{height:100%;display:block;background:#8d7654}.empty{text-align:center;padding:55px 20px;color:#8b7969}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#241b16a8;display:flex;align-items:center;justify-content:center;z-index:10;padding:14px}.modal{background:#faf5e9;border:4px double #a38a68;border-radius:12px;padding:22px;width:min(560px,100%);max-height:90vh;overflow:auto}.modal h2{font:700 25px Playfair Display,serif;margin:0 0 18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checklist{max-height:260px;overflow:auto;border:1px solid #d9c9b0;padding:8px;border-radius:8px}.checkrow{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #e8decd}.checkrow input{width:auto}.checkrow img{width:36px;height:45px;object-fit:cover}.notice{background:#f4e6d0;border:1px solid #d4b88b;border-radius:8px;padding:12px;margin:12px 0}.auth{max-width:430px;margin:65px auto}.auth h1{font:700 40px Playfair Display,serif;margin:0}.preview{max-width:110px;max-height:140px;object-fit:contain;margin:8px 0}.toast{position:fixed;bottom:18px;right:18px;background:#46372c;color:#fff;padding:12px 18px;border-radius:8px;z-index:30;max-width:90vw}.setdetails{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.mini{border:1px solid #d7c7b0;border-radius:8px;overflow:hidden;background:#fff9ee}.mini img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.mini div{padding:8px}.missing{opacity:.55}.footer{padding:24px;text-align:center;color:#8c7862;font-size:12px}@media(max-width:900px){.shell{padding:12px}.mast{align-items:flex-start;flex-wrap:wrap}.logo{font-size:29px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:12px}.stat b{font-size:24px}.paper{padding:10px}.toolbar{flex-direction:column}.toolbar input,.toolbar select{width:100%}.formgrid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cards>.card{width:100%;min-width:0;max-width:100%}.cards>.card>.art{aspect-ratio:3 / 4}.cards>.card>.art img{width:100%;height:100%;object-fit:contain}.cards .cardbody{padding:5px 3px}.cards .cardbody h3{font-size:10px;line-height:1.3;margin:3px 0}.cards .pill{font-size:9px;padding:2px 4px}.cards .small{font-size:9px;line-height:1.35}.cards .qty{gap:2px;margin-top:5px;flex-wrap:wrap;justify-content:center}.cards .qty button{padding:3px 5px;font-size:10px;min-width:0}.cards .qty b{font-size:10px}.cards .cardbody .row{gap:3px}.cards .cardbody .row button{padding:3px 5px;font-size:10px;min-width:0}}
