:root{color:#172033;background:#245d8f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.site-shell{display:grid;gap:28px;min-height:100vh;padding:28px 20px}.hero,.pack-section,.site-footer{width:min(100%,960px);margin:0 auto}.hero{padding-top:8px}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#fff8df;font-size:clamp(1.8rem,5vw,3rem);line-height:1}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}.pack-card{display:grid;grid-template-rows:190px 1fr;align-items:stretch;border:3px solid #172033;border-radius:8px;background:#f8f1dc;box-shadow:8px 8px #15324d;overflow:hidden}.pack-preview{display:grid;place-items:center;background:linear-gradient(135deg,#fff3,#fff0),var(--pack-accent, #2b78d0);color:#fff;font-size:4rem;font-weight:900}.pack-preview span{display:grid;width:132px;height:132px;place-items:center;border:4px solid #ffffff;border-radius:8px;background:var(--pack-badge, #e84855);text-shadow:0 3px 0 rgba(0,0,0,.25)}.sticker-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(90%,330px)}.sticker-preview-grid img,.more-stickers{width:100%;min-width:0;aspect-ratio:1;border:2px solid rgba(23,32,51,.22);border-radius:8px;background:#f8f1dce6;object-fit:contain;padding:6px}.more-stickers{display:grid;height:auto;place-items:center;color:#172033;font-size:1.45rem;font-weight:900;text-shadow:none}.pack-content{display:grid;align-content:start;padding:24px}.pack-meta{color:#2b5c9f;font-size:.88rem;font-weight:800;text-transform:uppercase}.pack-content h2{margin-bottom:10px;font-size:1.45rem;line-height:1.15}.pack-meta{margin:0 0 18px}.pack-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.pack-card .pack-actions{justify-content:start}.pack-actions a,.pack-actions button,.disabled-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:2px solid #15324d;border-radius:6px;background:#15324d;color:#fff;font-weight:800;font:inherit;padding:10px 16px;text-decoration:none}.pack-actions a:not(:first-child),.pack-actions button:not(:first-child){background:#fff;color:#172033}.pack-actions button{cursor:pointer}.disabled-link{background:#eadfbe;color:#6c614d;cursor:not-allowed}.pack-actions a:focus-visible{outline:3px solid #2b78d0;outline-offset:3px}.pack-section{padding-top:0}.pack-detail{width:min(100%,960px);margin:0 auto}.back-link{display:inline-flex;margin-bottom:20px;color:#fff8df;font-weight:800;text-decoration-thickness:2px;text-underline-offset:4px}.pack-detail-header{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:24px}.pack-detail-header h1{margin-bottom:8px}.pack-detail-header p{margin-bottom:0;color:#fff8df;font-size:.95rem;font-weight:800;text-transform:uppercase}.pack-detail-header .pack-actions{margin-top:0}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.sticker-grid img,.empty-pack{border:3px solid rgba(23,32,51,.28);border-radius:8px;background:#f8f1dceb}.sticker-grid img{width:100%;aspect-ratio:1;object-fit:contain;padding:10px}.empty-pack{padding:28px}.empty-pack p{margin-bottom:0;color:#3f4d66}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1720338c;padding:20px}.qr-modal{display:grid;justify-items:center;width:min(100%,420px);border-radius:8px;background:#fff;color:#172033;padding:32px 28px 24px;text-align:center}.qr-modal h2{margin-bottom:22px;font-size:1.6rem}.qr-code-box{display:grid;place-items:center;margin-bottom:22px}.qr-modal p{margin-bottom:24px;color:#3f4d66}.qr-modal button{min-height:44px;border:2px solid #15324d;border-radius:6px;background:#15324d;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:10px 22px}.site-footer{border-top:2px solid rgba(255,248,223,.22);padding:24px 0 8px}.site-footer p{max-width:none;margin-bottom:0;color:#fff8dfc7;font-size:.88rem}.site-footer a{color:inherit;font-weight:inherit;text-decoration:none;text-underline-offset:3px}@media(max-width:680px){.site-shell{gap:28px;padding:22px 16px}.hero{padding-top:4px}h1{font-size:clamp(1.9rem,10vw,2.7rem)}.pack-card{grid-template-columns:1fr;grid-template-rows:160px 1fr;box-shadow:5px 5px #15324d}.pack-preview span{width:118px;height:118px;font-size:3.4rem}.sticker-preview-grid{gap:7px;width:min(90%,300px)}.pack-content{padding:22px}.pack-actions a,.pack-actions button,.disabled-link{width:100%}.pack-card .pack-actions a{width:auto}.pack-detail-header{display:grid;align-items:start}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:10px}.sticker-grid img{padding:8px}.site-footer p{font-size:.8rem}}