:root{--color-background:#2e1510;--color-surface:#2e1510;--color-surface-container:#452018;--color-surface-container-high:#5a2a1e;--color-surface-container-highest:#6e3628;--color-surface-variant:#6e3628;--color-on-background:#fff;--color-on-surface:#fff;--color-on-surface-variant:#ffd694;--color-primary-fixed:#ffd694;--color-primary-fixed-dim:#ff9c5e;--color-on-primary-fixed:#2e1510;--color-tertiary:#fff;--color-secondary:#ff9c5e;--color-secondary-container:#b35430;--color-on-secondary-container:#ffd694;--color-error:#ffb4ab;--color-on-error:#690005;--color-card-gradient-from:#ff9c5e;--color-card-gradient-to:#ff745c;--font-headline:"Epilogue", sans-serif;--font-body:"Archivo Narrow", sans-serif;--radius-sm:.25rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--container-margin:20px;--page-padding-top:40px;--page-padding-top-wrong:60px;--content-max-width:600px;--shadow-sticker:4px 4px 0 0 #00000080;--shadow-sticker-lg:6px 6px 0 0 #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--color-on-background);background-color:var(--color-background);background-image:radial-gradient(circle, var(--color-surface-container-highest) 1px, transparent 1px);background-size:20px 20px;min-height:100vh;font-size:16px;font-weight:500;line-height:22px;overflow-x:hidden}body::selection{background:var(--color-primary-fixed);color:var(--color-on-primary-fixed)}#root{max-width:100%;min-height:100vh;overflow-x:clip}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none}.sticker-border,.sticker-card{box-shadow:var(--shadow-sticker);border:3px solid #fff}.gloss-effect{position:relative;overflow:hidden}.gloss-effect:after{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#fff0 100%);position:absolute;inset:0}.glossy-finish{position:relative;overflow:hidden}.glossy-finish:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#ffffff1a 50%,#0000 55%);width:200%;height:200%;animation:8s linear infinite gloss-shimmer;position:absolute;top:-50%;left:-50%}@keyframes gloss-shimmer{0%{transform:translate(-30%)translateY(-30%)}to{transform:translate(30%)translateY(30%)}}.page{min-height:100vh;padding-bottom:var(--spacing-xl)}.welcome-page,.instructions-page,.my-item-page,.scan-page,.victory-screen{padding-top:var(--page-padding-top)}.page-content{max-width:var(--content-max-width);padding:0 var(--container-margin);margin:0 auto}.page-loader{min-height:100vh;padding:var(--container-margin);justify-content:center;align-items:center;display:flex}.page-loader__text{font-family:var(--font-headline);text-transform:uppercase;color:var(--color-primary-fixed);text-align:center;font-size:20px;font-weight:800}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-primary-fixed);color:var(--color-on-primary-fixed);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-xl);box-shadow:var(--shadow-sticker);cursor:pointer;border:3px solid #fff;font-size:14px;font-weight:700;line-height:16px;transition:opacity .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.input-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-field__label{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary-fixed);padding-left:4px;font-size:14px;font-weight:700;line-height:16px}.input-field:focus-within .input-field__label{color:var(--color-tertiary)}.input-field__input{width:100%;height:70px;padding:0 var(--spacing-sm);background:var(--color-surface-container);border:4px solid var(--color-surface-variant);border-radius:var(--radius-xl);color:var(--color-tertiary);font-family:var(--font-body);outline:none;font-size:18px;font-weight:600;line-height:24px;transition:border-color .15s}.input-field__input::placeholder{color:#fff6}.input-field__input:focus{border-color:var(--color-primary-fixed)}.welcome-page{min-height:100vh}.welcome-page__main{max-width:var(--content-max-width);padding:0 var(--container-margin) var(--spacing-xl);margin:0 auto;position:relative}.welcome-page__hero{margin-bottom:var(--spacing-md);border-radius:var(--radius-2xl);background:var(--color-surface-container-high);box-shadow:none;border:none;overflow:hidden}.welcome-page__hero-img{border:none;width:100%;height:auto;display:block}.welcome-page__content{text-align:center;gap:var(--spacing-md);z-index:30;flex-direction:column;display:flex;position:relative}.welcome-page__heading{gap:var(--spacing-xs);flex-direction:column;display:flex}.welcome-page__title{font-family:var(--font-headline);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-primary-fixed);font-size:36px;font-weight:800;line-height:40px}.welcome-page__subtitle{color:var(--color-on-surface-variant);font-size:18px;font-weight:600;line-height:24px}.welcome-page__form{gap:var(--spacing-sm);text-align:left;flex-direction:column;display:flex}.welcome-page__error{color:var(--color-error);font-size:14px;font-weight:600}.welcome-page__actions{gap:var(--spacing-md);padding-top:var(--spacing-sm);flex-direction:column;display:flex}.welcome-page__hint{justify-content:center;align-items:center;gap:var(--spacing-xs);color:#ffd694cc;letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700;display:flex}.welcome-page__hint .material-symbols-outlined{font-size:16px}.welcome-page__stats{margin-top:var(--spacing-xl);gap:var(--spacing-sm);opacity:.5;grid-template-columns:1fr 1fr;display:grid}.welcome-page__stat{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface-container-high);border:2px solid var(--color-surface-variant);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.welcome-page__stat .material-symbols-outlined{color:var(--color-primary-fixed)}.welcome-page__stat p{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700}.rule-card-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.rule-card{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-container-highest);border-radius:var(--radius-xl);align-items:center;display:flex}.rule-card__number{background:var(--color-primary-fixed);width:40px;height:40px;font-family:var(--font-headline);color:var(--color-on-primary-fixed);border:2px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;line-height:1;display:grid;box-shadow:2px 2px #0000004d}.rule-card__number span{text-align:center;line-height:1;display:block;transform:translateY(1px)}.rule-card__body{flex-direction:column;flex:1;justify-content:center;display:flex}.rule-card__text{color:var(--color-tertiary);font-size:18px;font-weight:600;line-height:24px}.rule-card__highlight{color:var(--color-primary-fixed)}.instructions-page{flex-direction:column;min-height:100vh;display:flex}.instructions-page__main{max-width:var(--content-max-width);width:100%;padding:0 var(--container-margin) var(--spacing-xl);flex-direction:column;flex:1;margin:0 auto;display:flex}.instructions-page__heading{margin-bottom:var(--spacing-md)}.instructions-page__title{font-family:var(--font-headline);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-primary-fixed);margin-bottom:var(--spacing-xs);font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.1}.instructions-page__subtitle{color:var(--color-on-surface-variant);font-size:18px;font-weight:600;line-height:24px}.instructions-page__greeting{color:var(--color-on-surface-variant);margin-bottom:var(--spacing-md);font-size:18px;font-weight:600}.instructions-page__greeting strong{color:var(--color-primary-fixed)}.instructions-page__actions{padding-top:var(--spacing-md);margin-top:auto}.instructions-page__main .rule-card-list{margin-bottom:0}.item-card{align-items:center;gap:var(--spacing-xl);flex-direction:column;width:100%;min-width:0;max-width:min(340px,100%);margin-inline:auto;display:flex;position:relative}.item-card__inner{aspect-ratio:1;background:linear-gradient(135deg, var(--color-card-gradient-from) 0%, var(--color-card-gradient-to) 100%);filter:drop-shadow(0 0 8px #ffd69499);border:5px solid #fff;border-radius:40px;width:100%;position:relative;overflow:hidden;box-shadow:8px 8px #00000080}.item-card__gloss{opacity:.5;pointer-events:none;z-index:1;background:linear-gradient(135deg,#fff6 0%,#fff0 50%);position:absolute;inset:0}.item-card__media{z-index:0;width:100%;height:100%;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:relative}.item-card__image{object-fit:contain;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 5px #fff);width:100%;height:100%}.item-card__star{z-index:3;background:var(--color-primary-fixed);width:48px;height:48px;color:var(--color-on-primary-fixed);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;line-height:1;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 4px #0000004d}.item-card__badge{padding:6px var(--spacing-md);background:var(--color-surface-container-highest);border:2px solid var(--color-primary-fixed);font-family:var(--font-headline);letter-spacing:.02em;text-transform:uppercase;color:var(--color-primary-fixed);white-space:nowrap;box-sizing:border-box;border-radius:9999px;justify-content:center;align-items:center;gap:10px;max-width:100%;font-size:clamp(18px,5vw,24px);font-weight:800;line-height:1;display:flex}.item-card__badge-dot{background:var(--color-primary-fixed);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite item-card-pulse}@keyframes item-card-pulse{0%,to{opacity:1}50%{opacity:.4}}.item-card--medium{gap:var(--spacing-lg);max-width:280px}.item-card--medium .item-card__inner{border-radius:24px;box-shadow:6px 6px #00000080}.item-card--medium .item-card__media{padding:var(--spacing-sm)}.item-card--medium .item-card__badge{padding:4px var(--spacing-sm);gap:8px;font-size:20px}.item-card--medium .item-card__badge-dot{width:8px;height:8px}@media (width<=399px){.item-card--large{gap:var(--spacing-md);max-width:min(280px,100%)}.item-card--medium{max-width:min(236px,100%)}.item-card--large .item-card__inner{border-width:4px;border-radius:28px;box-shadow:5px 5px #00000080}.item-card--medium .item-card__inner{border-width:3px;border-radius:22px;box-shadow:4px 4px #00000080}.item-card--large .item-card__media,.item-card--medium .item-card__media{padding:var(--spacing-sm)}.item-card--large .item-card__star{width:40px;height:40px;font-size:20px;top:12px;right:12px}.item-card__badge{gap:8px;padding:4px 14px;font-size:17px}.item-card__badge-dot{width:8px;height:8px}}.my-item-page{flex-direction:column;max-width:100%;min-height:100vh;display:flex;overflow-x:clip}.my-item-page__main{width:100%;max-width:min(var(--content-max-width), 100%);padding:0 var(--container-margin) 120px;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:0;margin:0 auto;display:flex;position:relative;overflow-x:clip}.my-item-page__header{text-align:center;margin-bottom:var(--spacing-md);width:100%;max-width:100%}.my-item-page__title{font-family:var(--font-headline);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-primary-fixed);margin-bottom:var(--spacing-xs);overflow-wrap:anywhere;font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.1}.my-item-page__chip{padding:4px var(--spacing-sm);background:var(--color-primary-fixed);color:var(--color-on-primary-fixed);letter-spacing:.05em;border-radius:var(--radius-lg);font-size:14px;font-weight:700;display:inline-block;box-shadow:3px 3px #0000004d}.my-item-page__card-wrap{width:100%;max-width:100%;margin-bottom:var(--spacing-lg);box-sizing:border-box;justify-content:center;padding:24px 12px 20px;display:flex;position:relative;overflow:clip visible}.my-item-page__glow{filter:blur(48px);z-index:-1;pointer-events:none;background:#ffd6941a;border-radius:50%;position:absolute;inset:10%}.my-item-page__hint{text-align:center;width:100%;max-width:min(280px,100%);padding-inline:var(--spacing-xs);box-sizing:border-box}.my-item-page__hint p{color:var(--color-on-surface);margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600;line-height:24px}.my-item-page__highlight{color:var(--color-primary-fixed);font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.my-item-page__info{justify-content:center;align-items:center;gap:var(--spacing-xs);letter-spacing:.05em;color:var(--color-on-surface-variant);opacity:.7;font-size:14px;font-weight:700;display:flex}.my-item-page__info .material-symbols-outlined{font-size:18px}.my-item-page__scan{width:100%;max-width:320px;margin-top:var(--spacing-sm);justify-content:center;align-items:center;gap:var(--spacing-xs);text-decoration:none;display:inline-flex}.my-item-page__scan .material-symbols-outlined{font-size:22px}.my-item-page__footer{padding:var(--container-margin);background:var(--color-background);z-index:50;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.my-item-page__footer .btn{max-width:var(--content-max-width);box-shadow:6px 6px #000}.my-item-page__footer .btn:active:not(:disabled){box-shadow:2px 2px #000}@media (width<=399px){.my-item-page{padding-top:52px}.my-item-page__card-wrap{padding-top:32px}}.wrong-comparison{min-height:100vh;padding-top:var(--page-padding-top-wrong);max-width:100%}.wrong-comparison__main{max-width:min(var(--content-max-width), 100%);min-height:calc(100vh - var(--page-padding-top-wrong));padding:0 var(--container-margin) var(--spacing-xl);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-width:0;margin:0 auto;display:flex}.wrong-comparison__wrap{width:100%;max-width:min(360px,100%);margin-inline:auto;margin-bottom:var(--spacing-lg);box-sizing:border-box;flex-direction:column;align-items:center;padding:32px 12px 20px;display:flex;position:relative;overflow:visible}.wrong-comparison__miss-label{z-index:20;background:var(--color-error);color:var(--color-on-error);font-family:var(--font-headline);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);border:4px solid #fff;justify-content:center;align-items:center;padding:10px 22px;font-size:32px;font-weight:800;line-height:38px;display:inline-flex;position:absolute;top:0;right:4px;transform:rotate(12deg)}.wrong-comparison__card{width:100%;overflow:visible}.wrong-comparison__card.shake{animation:.5s ease-in-out infinite alternate wrong-comparison-shake}.wrong-comparison__card .item-card__inner{filter:none;box-shadow:10px 10px #00000080,0 0 28px 6px #ffd69466}@keyframes wrong-comparison-shake{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.wrong-comparison__message{text-align:center;width:100%;max-width:22rem;margin-bottom:var(--spacing-lg)}.wrong-comparison__message p{padding:var(--spacing-md);background:var(--color-surface-container-high);border-bottom:4px solid var(--color-surface-variant);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sticker);font-size:18px;font-weight:700;line-height:24px}.wrong-comparison__actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.wrong-comparison__actions .btn{text-decoration:none}.wrong-comparison__secondary{background:var(--color-surface-container-high);color:var(--color-on-surface);box-shadow:var(--shadow-sticker)}@media (width<=399px){.wrong-comparison{padding-top:72px}.wrong-comparison__wrap{padding:36px 16px 12px}.wrong-comparison__miss-label{padding:8px 18px;font-size:26px;line-height:32px;top:4px;right:0}.wrong-comparison__card .item-card__inner{box-shadow:6px 6px #00000080,0 0 22px 4px #ffd69466}}.victory-screen{max-width:100%;min-height:100vh;position:relative;overflow-x:clip}.victory-screen__main{max-width:min(var(--content-max-width), 100%);padding:var(--page-padding-top) var(--container-margin) var(--spacing-xl);z-index:20;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-width:0;margin:0 auto;display:flex;position:relative;overflow:clip visible}.victory-screen__confetti{pointer-events:none;z-index:10;position:fixed;inset:0}.victory-screen__heading{text-align:center;margin-bottom:var(--spacing-md)}.victory-screen__badge{padding:4px var(--spacing-sm);background:var(--color-primary-fixed);color:var(--color-on-primary-fixed);letter-spacing:.05em;margin-bottom:var(--spacing-sm);border:2px solid #fff;font-size:14px;font-weight:700;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #000}.victory-screen__title{font-family:var(--font-headline);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-primary-fixed);font-size:36px;font-weight:800;line-height:40px}.victory-screen__card{width:100%;max-width:min(340px,100%);margin-inline:auto;margin-bottom:var(--spacing-md);box-sizing:border-box;flex-direction:column;align-items:center;padding:28px 12px 22px;display:flex;overflow:visible}.victory-screen__card-float{width:100%;max-width:min(340px,100%);animation:4s ease-in-out infinite victory-screen-float;position:relative;overflow:visible}.victory-screen__card .item-card__inner{filter:none;box-shadow:10px 10px #00000080,0 0 28px 6px #ffd6948c}@keyframes victory-screen-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}.victory-screen__subtitle{width:100%;max-width:22rem;margin:0 auto var(--spacing-lg);text-align:center;font-family:var(--font-headline);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-primary-fixed);font-size:clamp(22px,5.5vw,28px);font-weight:800;line-height:1.15}.victory-screen__coupon{width:100%;max-width:24rem;padding:var(--spacing-sm);background:var(--color-surface-variant);border-bottom:8px solid var(--color-surface-container-highest);border-radius:var(--radius-xl);text-align:center;margin-bottom:var(--spacing-lg);position:relative}.victory-screen__coupon .material-symbols-outlined{color:var(--color-primary-fixed);margin-bottom:var(--spacing-sm);font-size:48px}.victory-screen__coupon h3{font-family:var(--font-headline);text-transform:uppercase;color:var(--color-primary-fixed);margin-bottom:var(--spacing-xs);font-size:24px;font-weight:700}.victory-screen__coupon p{color:var(--color-on-surface-variant);opacity:.8;font-size:16px}@media (width<=399px){.victory-screen__main{padding-top:52px}.victory-screen__card{padding:36px 12px 20px}.victory-screen__card .item-card__inner{box-shadow:5px 5px #00000080,0 0 22px 4px #ffd6948c}}.scan-page{min-height:100vh;padding-top:var(--page-padding-top);overflow-x:clip}.scan-page__main{max-width:min(var(--content-max-width), 100%);padding:0 var(--container-margin) var(--spacing-xl);align-items:center;gap:var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.scan-page__header{text-align:center;width:100%}.scan-page__title{font-family:var(--font-headline);text-transform:uppercase;color:var(--color-primary-fixed);margin-bottom:var(--spacing-xs);font-size:clamp(28px,8vw,36px);font-weight:800}.scan-page__subtitle{color:var(--color-on-surface-variant);max-width:360px;margin:0 auto;font-size:16px;line-height:1.4}.scan-page__viewport{border-radius:var(--radius-2xl);width:min(92vw,420px);max-width:100%;height:min(68vh,520px);box-shadow:var(--shadow-sticker-lg);background:#000;border:4px solid #fff;position:relative;overflow:hidden}.scan-page__viewport--overlay{justify-content:center;align-items:center;display:flex}.scan-page__reader{width:100%;height:100%}.scan-page__reader>div{width:100%!important;height:100%!important}.scan-page__reader video{object-fit:cover;width:100%!important;height:100%!important}.scan-page__loading{z-index:2;padding:var(--spacing-md);text-align:center;color:var(--color-on-surface);background:#0000008c;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.scan-page__error{color:var(--color-error);text-align:center;max-width:360px;font-weight:700}.scan-page__back{width:100%;max-width:420px;text-decoration:none}@media (width<=399px){.scan-page{padding-top:52px}.scan-page__viewport{width:100%;height:min(62vh,460px)}}