@font-face{font-family:Krub;src:url(/fonts/Krub-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Rachana;src:url(/fonts/Rachana.ttf) format("truetype");font-display:swap}[data-font=krub]{font-family:Krub,sans-serif}[data-font=alexandria]{font-family:Alexandria,sans-serif}[data-font=rachana]{font-family:Rachana,serif}#app{display:flex;align-items:center;justify-content:center}.stage{flex:0 0 auto}.page{width:100%;height:100%;background:#fff}.toolbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#14161cb8;backdrop-filter:blur(8px);box-shadow:0 4px 18px #00000059;transition:opacity .35s ease,transform .35s ease;z-index:20}.toolbar.hidden{opacity:0;transform:translate(-50%,12px);pointer-events:none}.tb-btn{border:0;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.tb-btn:hover{background:#ffffff1f}.tb-count{color:#cfd2d8;font-size:12px;min-width:54px;text-align:center}.tb-sep{width:1px;height:20px;background:#ffffff2e;margin:0 4px}.a4{position:relative;width:100%;height:100%;background:#fff;color:#111;overflow:hidden;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;container-type:size}.heading{color:#fff;font-weight:800;font-size:15px;padding:6px 10px;margin-bottom:6px;border-radius:3px;text-align:center}.a4-content{display:flex;flex-direction:column}.band{display:flex;flex-direction:column;flex:1}.artwork{flex:1;margin:3px;border-radius:4px}.row{display:flex;flex:1}.cell{position:relative;margin:3px;display:flex}.cell:empty{visibility:hidden}.tagband{display:flex;flex-direction:row}.tagband .tagslot{flex:1;margin:0 1.5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tagband .tagslot img{max-width:100%;max-height:100%;object-fit:contain}.tagband .pill-outer{width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center}.tagband .pill-inner{background:#fff;border-radius:999px;padding:3px 16px;font-weight:700;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92%}.card{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;container-type:size}.card>.photo,.card>.logo{position:absolute;object-fit:contain}.card>.pct,.card>.pieces{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;line-height:1;text-align:center}.card>.tag{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:700;padding:0 3px;border-radius:2px;gap:4px}.card>.old{display:flex;align-items:center;justify-content:center;font-weight:700;color:#111;text-decoration:line-through;text-decoration-color:#e11;text-decoration-thickness:2px;border-radius:2px 999px 2px 2px}.card>.price{display:flex;align-items:center;justify-content:center;gap:1px;color:#fff;font-weight:900;border-radius:3px 999px 999px 3px;line-height:1}.card>.price .price-whole{font-weight:900}.card>.price .price-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;font-weight:800}.card>.name{font-weight:700;color:#111;overflow:hidden;line-height:1.15;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}.card>.name.name-en{justify-content:flex-start}@media (max-width: 600px){.stage{padding:12px}.a4{width:min(96vw,calc((100vh - 60px) * (210 / 297)))}}