body{-moz-osx-font-smoothing:grayscale;padding:0}:root{--primary-colour-charcoal:#22323d;--primary-colour-accent:#0fb9a9;--primary-colour-off-white:#e6ebed;--primary-colour-white:#fff;--ink:#14212a;--ink-soft:#4a5c68;--ink-faint:#8095a2;--accent-bright:#40e0d0;--accent-deep:#0a8e82;--accent-wash:#e6f8f6;--canvas:#f2f6f7;--surface:#fff;--surface-sunk:#f7fafb;--line:#dfe7ea;--line-strong:#c6d3d9;--band-good:#16a34a;--band-ok:#d4a017;--band-off:#e2683c;--band-shame:#d13b3b;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--shadow-sm:0 1px 2px #14212a0f,0 1px 3px #14212a14;--shadow-md:0 2px 4px #14212a0d,0 6px 16px #14212a17;--shadow-lg:0 4px 8px #14212a0d,0 16px 40px #14212a24;--shadow-accent:0 6px 18px #0fb9a959;--ease:cubic-bezier(.2,.8,.3,1);--t-fast:120ms var(--ease);--t:180ms var(--ease);--font-display:"Outfit","Comfortaa",system-ui,sans-serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{-ms-overflow-style:none;-webkit-font-smoothing:antialiased;background-color:#f2f6f7;background-color:var(--canvas);color:#14212a;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-ui);margin:0;scrollbar-width:none;text-rendering:optimizeLegibility}body::-webkit-scrollbar{display:none}.logo,.logo-landing,h1,h2,h3{font-family:Outfit,Comfortaa,system-ui,sans-serif;font-family:var(--font-display);letter-spacing:-.02em}.ag-number,.bg-number,.bs-number,.cs-number,.gp-number,.item-count,.item-count-accent,.num-pad-button,.percentile-results,.sub-total,.table-row-breakdown,.timer-to-midnight,.value-input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.center-wrapper{margin:0 auto}.app{background-color:#f2f6f7;background-color:var(--canvas);display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;width:100vw}.cursor,button{cursor:pointer}button{font-family:inherit}:focus-visible{border-radius:8px;border-radius:var(--r-sm);outline:3px solid #40e0d0;outline:3px solid var(--accent-bright);outline-offset:2px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer--layout{grid-gap:20px;align-items:center;background-color:#22323d;background-color:var(--primary-colour-charcoal);color:#fff;color:var(--primary-colour-white);display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;height:70px;padding:0 16px}.left-icons{display:flex;gap:10px;justify-content:flex-start}.middle-content{align-items:center;display:flex;gap:10px;justify-content:center}.icon-mail img{margin-top:4px;width:20px}.contact{color:#fff;color:var(--primary-colour-white);font-size:15px;opacity:.85;text-decoration:none;transition:opacity .18s cubic-bezier(.2,.8,.3,1);transition:opacity var(--t)}.contact:hover{opacity:1}.right-content{display:flex;flex-direction:row;gap:10px;justify-content:flex-end}.footer-row{color:#fff;cursor:pointer;font-size:14px;opacity:.8;padding:5px 0;transition:opacity .18s cubic-bezier(.2,.8,.3,1),color .18s cubic-bezier(.2,.8,.3,1);transition:opacity var(--t),color var(--t)}.footer-row:hover{color:#40e0d0;color:var(--accent-bright);opacity:1}.coming-soon-text,.timer-to-midnight{color:#0a8e82;color:var(--accent-deep);font-weight:700;margin-top:8px}.timer-to-midnight:before{color:#8095a2;color:var(--ink-faint);content:"Next basket in";display:block;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase}.timer-to-midnight{font-feature-settings:"tnum";display:block;font-family:Outfit,Comfortaa,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(2.2rem,9vw,3.4rem);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-bottom:18px;margin-top:18px;min-width:8ch;text-align:center}.coming-soon-text{font-size:clamp(1.2rem,5vw,1.8rem);letter-spacing:.12em;margin-bottom:10px;margin-top:24px!important;text-transform:uppercase}.breakdown-button-styling,.feedback-button-styling,.login-button-styling,.play-button-styling,.return-button-styling,.signin-button-styling,.statistics-button-styling{align-items:center;border:none;border-radius:999px;border-radius:var(--r-pill);display:flex;font-family:Outfit,Comfortaa,system-ui,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:600;height:56px;justify-content:center;letter-spacing:.01em;margin-top:12px;text-align:center;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s cubic-bezier(.2,.8,.3,1),background-color .18s cubic-bezier(.2,.8,.3,1),color .18s cubic-bezier(.2,.8,.3,1);transition:transform var(--t),box-shadow var(--t),background-color var(--t),color var(--t);width:min(330px,82vw)}.breakdown-button-styling,.login-button-styling,.play-button-styling,.statistics-button-styling{background:linear-gradient(180deg,#0fb9a9,#0a8e82);background:linear-gradient(180deg,var(--primary-colour-accent),var(--accent-deep));box-shadow:0 6px 18px #0fb9a959;box-shadow:var(--shadow-accent);color:#fff!important}.breakdown-button-styling:hover,.login-button-styling:hover,.play-button-styling:hover,.statistics-button-styling:hover{background:linear-gradient(180deg,#13ccba,#0fb9a9)!important;background:linear-gradient(180deg,#13ccba,var(--primary-colour-accent))!important;box-shadow:0 10px 26px #0fb9a973;color:#fff!important;transform:translateY(-2px)}.feedback-button-styling,.return-button-styling,.signin-button-styling{background-color:#fff!important;background-color:var(--surface)!important;border:2px solid #c6d3d9;border:2px solid var(--line-strong);box-shadow:0 1px 2px #14212a0f,0 1px 3px #14212a14;box-shadow:var(--shadow-sm);color:#22323d!important;color:var(--primary-colour-charcoal)!important}.feedback-button-styling:hover,.return-button-styling:hover,.signin-button-styling:hover{background-color:#22323d!important;background-color:var(--primary-colour-charcoal)!important;border-color:#22323d;border-color:var(--primary-colour-charcoal);box-shadow:0 2px 4px #14212a0d,0 6px 16px #14212a17;box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.breakdown-button-styling:active,.feedback-button-styling:active,.login-button-styling:active,.play-button-styling:active,.return-button-styling:active,.signin-button-styling:active,.statistics-button-styling:active{transform:translateY(0)}.play-button-styling:disabled,.play-button-styling[disabled]{background:#dfe7ea!important;background:var(--line)!important;box-shadow:none;color:#8095a2!important;color:var(--ink-faint)!important;cursor:not-allowed;transform:none}.lds-roller{display:inline-block;height:80px;margin:auto;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:#0fb9a9;background:var(--primary-colour-accent);border-radius:50%;content:" ";display:block;height:7px;position:absolute;width:7px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.two-columns-expand-one{display:grid;grid-template-columns:1fr auto}.two-columns-expand-two{display:grid;grid-template-columns:auto 1fr}.auto-columns{display:flex;flex-wrap:wrap;gap:10px}.two-rows{display:grid;grid-template-rows:auto auto}.four-columns-expand-one{display:grid;grid-template-columns:1fr auto auto auto}.three-columns-expand-one-three{display:grid;grid-template-columns:1fr auto 1fr}.vertical-align{vertical-align:middle}.ten-columns{display:grid;grid-template-columns:repeat(10,auto)}.three-columns-auto{display:grid;grid-template-columns:repeat(3,auto)}.three-columns-fr{display:grid;grid-template-columns:repeat(3,1fr)}.three-rows-expand-two{display:grid;grid-template-rows:auto 1fr auto}.five-columns-expand-two-four{display:grid;grid-template-columns:auto 1fr auto 1fr auto}.five-columns-expand-one-five{display:grid;grid-template-columns:1fr auto auto auto 1fr}.three-rows-expand-one-three{display:grid;grid-template-rows:1fr auto 1fr}.five-rows-expand-three{display:grid;grid-template-rows:auto auto 1fr auto auto}.eight-rows-expand-six{display:grid;grid-template-rows:auto auto auto auto auto 1fr auto auto}.pl-none{padding-left:0}.pt-xs{padding-top:2px}.pl-m{padding-left:16px}.pl-l{padding-left:24px}.pr-l{padding-right:24px}.pd-m{padding:16px}.pt-s{padding-top:8px}.mt-m{margin-top:16px}.mb-m{margin-bottom:16px}.ml-xs{margin-left:4px}.mb-xxl{margin-bottom:46px}.mr-s{margin-right:8px}.ml-s{margin-left:8px}.mt-s{margin-top:8px}.mt-xl{margin-top:40px}.mg-m{margin:16px}.ReactModal__Overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#0e181f8c!important;z-index:50}.modal,.modal-stats{-ms-overflow-style:none;background:linear-gradient(160deg,#263845,var(--primary-colour-charcoal));border:1px solid #40e0d047;border-radius:var(--r-xl);box-shadow:0 24px 70px #0a121880;left:50%;max-height:90vh;overflow-y:auto;padding:clamp(18px,4vw,30px);position:fixed;scrollbar-width:none;top:50%;transform:translate(-50%,-50%)}.modal{color:#fff;max-width:min(760px,90vw);min-width:min(520px,88vw)}.modal-stats{color:var(--accent-bright);max-width:min(640px,92vw);min-width:min(480px,88vw)}.modal-stats::-webkit-scrollbar,.modal::-webkit-scrollbar{display:none}.modal h1,.modal h2{color:var(--accent-bright)}.modal h1{letter-spacing:-.02em;margin-top:4px}.instructions-h1,.modal h1{font-size:clamp(1.4rem,5vw,2rem)}.modal h2{font-size:1.1rem;letter-spacing:.01em;padding-bottom:4px}.modal ul{list-style-type:disc}.modal p{color:#ffffffe0;line-height:1.6}.modal h1,.modal h2,.modal p{text-align:center}.link-email,.modal a{color:var(--accent-bright);margin-left:4px}.list-reset{list-style:none;padding-left:0;padding-right:0;width:100%}.close-btn{align-items:center;background-color:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;color:var(--accent-bright);display:flex;font-size:.85rem;font-weight:700;height:34px;justify-content:center;margin-right:14px;margin-top:14px;position:absolute;right:0;top:0;transition:background-color var(--t),transform var(--t);width:34px}.close-btn:hover{background-color:#ffffff2e;transform:rotate(90deg)}.badge-container{align-items:center;flex:1 1;text-align:center}.badge{display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));height:72px;object-fit:contain;transition:transform var(--t);width:72px}.badge:hover{transform:translateY(-2px) scale(1.04)}.badge-locked{filter:grayscale(1) brightness(.55);opacity:.45}.badge-new{animation:badge-pop .42s var(--ease);height:96px;width:96px}@keyframes badge-pop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}70%{opacity:1;transform:scale(1.08) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.badge-count{color:var(--accent-bright)!important;margin-top:0}.badge-best,.badge-count{font-size:12px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.badge-best{color:#fff9!important;margin-top:16px}.badge-progress{color:#ffffff80;font-size:11px;margin:2px 0 0;text-align:center}.badge-container{align-items:start;gap:14px 10px;justify-content:center}.badge-container .two-rows{align-items:center;display:flex;flex-direction:column;width:104px}.badge-container .badge-description{align-items:flex-start;display:flex;justify-content:center;min-height:32px;text-align:center}.badge-description{color:#ffffffbf;font-size:12px;margin-top:6px}.table-row-breakdown{border-bottom:1px solid #40e0d040;font-size:14px;padding:10px 4px}thead .table-row-breakdown{border-bottom:2px solid #40e0d073;color:var(--accent-bright);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.dotted-border{border-bottom:1px solid #40e0d040}.chartContainer{height:100%;position:relative;width:100%}.myChart{height:100%;width:100%}.chartContainer,.myChart{border-radius:var(--r-lg)}.chartContainer{background-color:#ffffff0d;padding:10px 6px}.modal-display{color:var(--accent-bright)}.grid-container{grid-template-columns:1fr 1fr 1fr;height:75px;margin-bottom:30px;text-align:center}.h1-statistics{color:var(--accent-bright);font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.6rem);font-weight:700;letter-spacing:-.02em;margin-bottom:10px;margin-top:10px}.grid-item,.grid-item2,.grid-item3{font-weight:700;padding:10px}.grid-item2{padding:15px}.ag-number,.bg-number,.bs-number,.cs-number,.gp-number{color:#fff;font-family:var(--font-display);font-size:clamp(1.4rem,5vw,1.9rem);font-weight:700}.ag-number,.bg-number{margin-top:5px}.average-guess,.best-guess,.best-streak,.current-streak,.games-played{color:#ffffffa6;font-size:11px;font-weight:600;letter-spacing:.06em;margin-top:8px;text-transform:uppercase}.grid-container2{display:grid;grid-template-columns:1fr 1fr 1fr;height:120px;text-align:center}.grid-container3{display:grid;grid-template-columns:1fr 1fr;text-align:center}.pl-l{align-items:center;flex-direction:column;justify-content:center}.players,.ranking{color:#ffffffa6;font-size:12px;margin-bottom:10px;margin-top:10px}.players{margin-bottom:20px}.players-number,.rank-number{color:var(--accent-bright);font-family:var(--font-display);font-size:1.8rem;font-weight:700}.share-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:6px}.copy-share-btn{background:#40e0d01a;border:1px solid #40e0d073;border-radius:var(--r-pill);color:var(--accent-bright);cursor:pointer;font-family:var(--font-display);font-size:1rem;font-weight:600;height:56px;padding:0 22px;transition:background-color var(--t),transform var(--t)}.copy-share-btn:hover{background:#40e0d033;transform:translateY(-2px)}.copy-share-btn:active{transform:translateY(0)}.twitter-share-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;transition:background-color var(--t),transform var(--t);width:56px}.twitter-share-btn:hover{background:#ffffff2e;transform:translateY(-2px)}.twitter-share-btn img{height:26px;width:26px}@media (max-width:785px){.ag-number,.bg-number{margin-top:5px!important}.ag-number,.bg-number,.bs-number,.cs-number,.gp-number{font-size:18px!important}}@media (max-width:600px){.modal,.modal-stats{min-width:min(320px,92vw)}}@media (max-height:730px){.ag-number,.bg-number{margin-top:5px!important}.ag-number,.bg-number,.bs-number,.cs-number,.gp-number{font-size:18px!important}.h1-statistics{font-size:26px!important;margin-bottom:5px!important;margin-top:5px!important}.myChart{height:320px!important;width:100%!important}}.landing-page{margin:auto;padding:clamp(16px,5vw,32px);place-items:center;width:min(420px,92vw)}.form{grid-gap:2px;background-color:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:grid;gap:2px;justify-items:center;padding:clamp(16px,5vw,28px);width:100%}.landing-page h1{color:var(--ink);font-size:clamp(2rem,8vw,3rem);font-weight:700;height:auto;margin-top:8px}.form label{color:var(--ink-soft);font-size:13px;font-weight:600;margin-bottom:16px;text-align:left;width:100%}.form input[type=email],.form input[type=password],.form input[type=text],.form select{background:var(--surface-sunk);border:2px solid var(--line);border-radius:var(--r-md);box-sizing:border-box;color:var(--ink);font-family:var(--font-ui);font-size:15px;height:48px;margin-top:6px;padding:12px 14px;transition:border-color var(--t),box-shadow var(--t),background-color var(--t);width:100%}.form input[type=email]:focus,.form input[type=password]:focus,.form input[type=text]:focus,.form select:focus{background:var(--surface);border-color:var(--primary-colour-accent);box-shadow:0 0 0 4px var(--accent-wash);outline:none}.form input::placeholder{color:var(--ink-faint)}.form button[type=submit]:hover{background-color:var(--accent-deep)}.switch-container{align-items:center;color:var(--ink-soft);display:flex;font-size:14px;justify-content:center;margin-top:14px}.switch-text{color:var(--accent-deep);cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color var(--t)}.logo-landing,.switch-text:hover{color:var(--ink)}.logo-landing{font-size:clamp(2rem,9vw,3.2rem)!important;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.trolley-icon{align-items:center;background:linear-gradient(145deg,var(--primary-colour-charcoal),#2e4350);border:3px solid var(--surface);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;height:104px;justify-content:center;margin:auto;width:104px}.error{background:#fdeded;border:1px solid #f6c9c9;border-radius:var(--r-md);color:var(--band-shame);font-size:14px;font-weight:500;margin:10px auto;max-width:330px;padding:10px 12px;text-align:center}@media screen and (max-width:800px){.landing-page{padding:12px}}@media screen and (max-width:530px){#landing-page-menu button,.form button{margin-top:0!important}}#header{align-items:center;background-color:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 3px #14212a0d;display:grid;grid-template-areas:"header-left header-middle header-right";grid-template-columns:auto 1fr auto;justify-content:center;margin-bottom:8px;padding:.75rem 1.25rem;position:sticky;top:0;z-index:20}.header-left{grid-area:header-left;grid-column-end:2;grid-column-start:1;width:250px}.header-left,.user-initials{align-items:center;display:flex}.user-initials{background:linear-gradient(145deg,var(--primary-colour-accent),var(--accent-deep));border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:700;height:44px;justify-content:center;letter-spacing:.02em;margin:auto!important;transition:transform var(--t),box-shadow var(--t);width:44px}.user-initials:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.hide-text{visibility:hidden}.icon-header:has(.hide-text){pointer-events:none;visibility:hidden}.signin,.signup{cursor:pointer}.logo{color:var(--ink);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:auto;text-shadow:none;white-space:nowrap}.logo:after{background:var(--primary-colour-accent);border-radius:50%;content:"";display:inline-block;height:.32em;margin-left:.18em;vertical-align:initial;width:.32em}.header-right-narrow-screen{display:none}.header-right-wide-screen{align-items:center;display:flex;gap:8px;grid-area:header-right;grid-column-end:4;grid-column-start:3;justify-content:flex-end;margin-right:5px;width:250px}.icon{background-color:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);box-sizing:initial;height:56px;margin-right:10px;padding:2px;width:56px}.icon:hover{background-color:var(--accent-wash)}.icon-footer,.icon-header{align-items:center;background-color:var(--surface-sunk);border:1px solid var(--line);border-radius:50%;display:flex;height:44px;justify-content:center;padding:0;transition:background-color var(--t),transform var(--t),border-color var(--t);width:44px}.icon-footer img,.icon-header img{height:22px;opacity:.85}.icon-footer{background-color:#ffffff1a;border-color:#ffffff38}.icon-footer img{filter:brightness(0) invert(1);opacity:.9}.footer-narrow-screen{display:none}.icon-header:hover{background-color:var(--accent-wash);border-color:var(--primary-colour-accent);transform:translateY(-1px)}.signin,.signup{border:2px solid var(--line-strong);border-radius:var(--r-pill);padding:10px 16px;transition:background-color var(--t),color var(--t)}.signin:hover,.signup:hover{background-color:var(--primary-colour-charcoal);border-color:var(--primary-colour-charcoal);color:#fff}.header-middle{font-size:clamp(1.4rem,4vw,2.4rem);grid-area:header-middle;grid-column-end:3;grid-column-start:2;height:auto;justify-self:center;padding:5px}.header-right{align-items:center;flex-grow:1;grid-area:header-right;grid-column-end:4;grid-column-start:3;justify-content:flex-end;width:250px}#main{align-items:center;background-color:var(--canvas);display:flex;justify-content:center;padding:8px 0 20px}.main--layout{align-items:center;display:grid;grid-template-columns:auto 1fr auto;place-content:center;justify-content:center;max-width:100vw}.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);flex-direction:column;grid-column:2;margin-bottom:16px;margin-top:16px;overflow:hidden;width:min(1100px,94vw)}.box,.shop--css{align-items:center;display:flex;justify-content:center}.shop--css{background:linear-gradient(135deg,var(--primary-colour-charcoal),#2e4350);border-radius:0;color:var(--primary-colour-white);font-size:clamp(.9rem,2.4vw,1.15rem);letter-spacing:.16em;min-height:64px;padding:14px 12px;text-transform:uppercase;width:100%}.description--css,.shop--css{font-family:var(--font-display);font-weight:600;height:auto;text-align:center}.description--css{color:var(--ink);font-size:clamp(1.05rem,3.2vw,1.9rem);line-height:1.25;margin:18px 0 0;max-width:42ch;min-height:44px;overflow:auto;padding:8px 16px}.input-container{display:grid;grid-template-columns:1fr 14fr 1fr;width:100%}.input-container-accent{color:var(--ink-faint);font-size:12px;font-weight:600;letter-spacing:.1em;line-height:16px;margin:0 auto 10px;text-transform:uppercase;width:120px}.input-container .five-columns-expand-two-four>.three-rows-expand-one-three{padding-top:26px}.three-columns-fr .three-rows-expand-one-three{height:48px!important}.input-container{margin-bottom:18px}.input-container-narrow-screen{display:none}#back-item-button,#submit-final-item-button,#submit-item-button{border:none;border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.5rem);font-weight:600;height:48px;transition:transform var(--t),box-shadow var(--t),background-color var(--t);width:min(240px,34vw)}#back-item-button,#submit-item-button{background-color:var(--primary-colour-charcoal);box-shadow:var(--shadow-sm);color:var(--primary-colour-white)}#back-item-button{background-color:var(--surface);border:2px solid var(--line-strong);color:var(--ink-soft)}#submit-final-item-button{background:linear-gradient(180deg,var(--primary-colour-accent),var(--accent-deep));box-shadow:var(--shadow-accent);color:#fff}#back-item-button:hover,#submit-final-item-button:hover,#submit-item-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#back-item-button:active,#submit-final-item-button:active,#submit-item-button:active{transform:translateY(0)}.item-count,.item-count-accent,.sub-total{font-size:15px;font-weight:600!important;margin:8px 0}.item-count,.sub-total{color:var(--ink-soft)}.item-count-accent{color:var(--accent-deep);font-weight:700!important}.value-input{background:var(--surface-sunk);border:2px solid var(--line-strong);border-radius:var(--r-lg);color:var(--ink);font-family:var(--font-display);font-size:clamp(1.2rem,3.2vw,1.75rem);font-weight:700;height:48px;text-align:center;transition:border-color var(--t),box-shadow var(--t),background-color var(--t);width:min(200px,46vw)}.value-input:focus{background:var(--surface);border-color:var(--primary-colour-accent);box-shadow:0 0 0 4px var(--accent-wash);outline:none}.clear-button{background-color:inherit;border:none}.product-image{display:block;height:400px;margin:0 auto}.box h2{font-size:clamp(1.1rem,3vw,1.75rem);margin:0;padding:8px 0}.info-container p{color:var(--ink-soft);font-size:15px;margin:4px 20px}.accent{color:var(--accent-deep)}.box img{max-height:340px;object-fit:contain}.product-image{mix-blend-mode:multiply}.info-container{align-items:center;background:var(--surface-sunk);border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:8px 20px;width:min(1100px,94vw)}.info-cell-left{text-align:left}.info-cell-right{text-align:right}.info-container .info-cell p{margin:0}.info-container .info-value{color:var(--ink-soft);font-size:15px;margin-top:2px}.num-pad{grid-gap:2px;display:grid;gap:2px;grid-template-areas:"7 8 9 enter" "4 5 6 enter" "1 2 3 enter" ". 0 ⌫ back";grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,44px)}.num-pad-button{background-color:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 1px 0 var(--line-strong);color:var(--ink);font-family:var(--font-display);font-size:17px;font-weight:600;height:40px;margin:2px;transition:background-color var(--t-fast),transform var(--t-fast),border-color var(--t-fast);width:70px}.num-pad-button:hover{background-color:var(--accent-wash);border-color:var(--primary-colour-accent)}.num-pad-button:active{box-shadow:none;transform:translateY(1px)}#enter{background:var(--accent-wash);border:2px solid var(--primary-colour-accent);color:var(--accent-deep);grid-column:4;grid-row:1/span 3;height:128px;margin-top:2px;width:80px}#enter:hover{background:#d3f3f0;border-color:var(--accent-deep)}#back{font-size:15px;grid-column:4;grid-row:4;height:40px;margin-top:2px;text-align:center;vertical-align:middle}.decimal-button,.delete-button{background-color:var(--surface-sunk)!important;color:var(--ink-soft)!important;width:60px}.narrow-screen-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-rows:3fr 1fr}.narrow-back-item-button,.narrow-submit-final-item-button,.narrow-submit-item-button{background-color:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--primary-colour-charcoal);font-family:var(--font-display);font-size:15px;font-weight:600;transition:background-color var(--t),transform var(--t);width:100%}.narrow-submit-final-item-button,.narrow-submit-item-button{display:grid;grid-template-columns:auto 1fr auto}.narrow-submit-item-button{background-color:var(--primary-colour-charcoal);border-color:var(--primary-colour-charcoal);color:#fff}.narrow-submit-final-item-button{background:linear-gradient(180deg,var(--primary-colour-accent),var(--accent-deep))!important;border:none!important;box-shadow:var(--shadow-accent);color:#fff!important}.narrow-back-item-button:active,.narrow-submit-final-item-button:active,.narrow-submit-item-button:active{transform:translateY(1px)}.info-column.store{align-items:center;display:flex;justify-content:center;padding-left:calc(50% - 55px)}.info-column{margin:10px;width:50%}.date{text-align:left}.store{text-align:center}.game{text-align:right}.enter-icon{height:42px;margin:auto;mix-blend-mode:multiply;width:auto}.timer{background-color:var(--band-off);border-radius:50%;color:#fff;font-size:2rem;height:3rem;margin:0 auto;padding:.5rem;text-align:center;width:3rem}.grid-container{grid-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.box-results{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:grid;justify-content:center;margin:10px;padding:clamp(14px,3vw,26px);text-align:center;width:min(560px,94vw)}.percentile-results,.share-results,.statistics-results{padding:3px}.h1-results,.percentile-results,.statistics-results{margin:0 auto;max-width:440px}.main--layout--results{margin:auto}.h1-results,.main--layout--results{align-items:center;display:flex;justify-content:center}.h1-results{color:var(--ink-soft);font-size:1rem}.h1-results h1,.result-buttons{margin:8px 0}.box-results .trolley-icon{height:68px;margin-bottom:4px;width:68px}.box-results .trolley-icon img{max-height:36px}.h1-results h1{color:var(--ink);font-size:clamp(1rem,3vw,1.35rem)}.result-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);justify-content:center;width:100%}.result-buttons .breakdown-button-styling,.result-buttons .feedback-button-styling,.result-buttons .share-button-styling,.result-buttons .statistics-button-styling{font-size:1rem;height:48px;margin-top:0;min-width:0;width:100%}.result-buttons .share-results,.result-buttons .statistics-results{width:100%}.percentile-results p{align-items:center!important;display:flex!important;justify-content:center!important}.percentile-results{align-items:center;display:flex;gap:8px;justify-content:center}.percentile-results>p{background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font-size:clamp(1.1rem,3.4vw,1.5rem);font-weight:700;margin:0;width:150px}.percentile-results>.percentile-box,.percentile-results>p{font-family:var(--font-display);height:58px;justify-content:center;text-align:center}.percentile-results>.percentile-box{align-items:center;background:var(--primary-colour-charcoal);border:none;border-radius:var(--r-md);color:#fff;display:flex;font-size:.8rem;font-weight:600;letter-spacing:.09em;padding:0 10px;width:190px}.box-results>.percentile-results:nth-child(6)>p{background:var(--accent-wash);border-color:var(--primary-colour-accent);color:var(--accent-deep);font-size:clamp(1.2rem,4vw,1.7rem)}.statistics-results{align-items:center;display:flex;justify-content:center}.bold{font-weight:700}.normal-font{font-weight:400}.main--layout h1{font-size:clamp(1.8rem,6vw,3.2rem);height:auto;margin:0}.feedback-button-share,.share-button-styling{align-items:center;border:none;border-radius:var(--r-pill);color:#fff;display:flex;font-family:var(--font-display);font-size:1.1rem;font-weight:600;height:54px;justify-content:center;margin:0 auto 6px;text-align:center;text-decoration:none;transition:transform var(--t),background-color var(--t),box-shadow var(--t);width:min(200px,60vw)}.share-button-styling{background-color:var(--primary-colour-charcoal);box-shadow:var(--shadow-sm)}.share-button-styling:hover{background-color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-results{align-items:center;display:flex;justify-content:center}.dropdown-menu{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;padding:4px;position:absolute;right:8px;top:64px;z-index:30}.dropdown-menu .dropdown-item{border-bottom:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);cursor:pointer;display:block;font-size:14px;padding:12px 14px;text-decoration:none;transition:background-color var(--t-fast),color var(--t-fast);width:100%}.dropdown-menu .dropdown-item:last-child{border-bottom:none;color:var(--ink-faint);cursor:default;font-size:12px}.dropdown-menu .dropdown-item:hover{background-color:var(--accent-wash);color:var(--accent-deep)}@media screen and (max-width:1100px){.coming-soon-text{margin-top:16px!important}.box img{max-height:260px}.result-buttons{grid-template-columns:auto}.breakdown-button-styling,.feedback-button-styling,.login-button-styling,.play-button-styling,.return-button-styling,.signin-button-styling,.statistics-button-styling{margin-top:0}}@media screen and (max-width:850px){.footer-wide-screen,.header-right-wide-screen{display:none}.icon-footer img,.icon-header img{height:20px}.footer-narrow-screen{display:grid}.header-right-narrow-screen{display:grid;flex-grow:1;grid-area:header-right;grid-column-end:4;grid-column-start:3;grid-template-columns:auto auto;justify-content:flex-end;width:120px}.header-left-wide-screen{width:120px}.icon{height:48px!important;width:48px}.box img{max-height:220px}#header,.footer--layout{height:60px}.footer--layout{padding:0 10px}}@media screen and (max-width:650px){.shop--css{min-height:52px;padding:10px}.description--css{margin-bottom:4px;margin-top:6px;min-height:48px}#header{padding:.5rem 1rem}.info-column{margin:4px}.input-container-wide-screen{display:none}.input-container-narrow-screen{display:grid;font-size:14px;width:100%}.info-container p{font-size:13px}.num-pad-container{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:8px}.input-container-narrow-screen-accent{color:var(--ink-faint);font-size:11px;font-weight:600;letter-spacing:.08em;margin:8px 0 4px;text-transform:uppercase}.icon{height:40px!important;width:40px}.box{border-radius:var(--r-lg)}}@media screen and (max-width:530px){.header-left,.header-right,.header-right-narrow-screen{width:100px!important}#login-header{max-width:280px!important}#login-header h2{font-size:20px!important}.percentile-results{flex-wrap:wrap;gap:8px}.percentile-results>.percentile-box{font-size:1.1rem;height:72px;order:-1;width:100%}.percentile-results>p{font-size:1.1rem;height:64px;width:calc(50% - 4px)}.breakdown-button-styling,.feedback-button-styling,.share-button-styling,.statistics-button-styling{font-size:1.05rem;height:50px;width:min(220px,70vw)}.box img{max-height:170px}.footer--layout{padding:0 8px}.icon-footer,.icon-header{height:38px;width:38px}.num-pad{grid-template-columns:repeat(4,68px)}.num-pad-button{width:60px}#enter{width:68px}}@media screen and (max-width:400px){.icon{height:32px!important;width:32px}.num-pad{grid-template-columns:repeat(4,60px)}.num-pad-button{height:38px;width:54px}#enter{width:60px}}.main--layout--share{align-items:center;display:flex;justify-content:center;min-height:83vh}.box-share{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);height:auto;padding:clamp(16px,4vw,28px);text-align:center;width:min(550px,94vw)}.h1-share{color:var(--ink);font-size:clamp(1.8rem,7vw,3rem);font-weight:700;margin-bottom:10px;margin-left:20px;text-align:left!important}.share-image{display:block;margin:0 auto;max-width:100%}.buttons-share-container{grid-gap:6px;display:grid;gap:6px;grid-template-rows:repeat(7,1fr)}.email-button,.instabutton{height:80px;width:min(300px,80vw)}.facebook-button,.reddit-button,.twitter-button,.whatsapp-button{height:56px;margin-bottom:8px;margin-top:8px;width:min(195px,60vw)}.feedback-button-share{background-color:var(--primary-colour-charcoal)}.feedback-button-share:hover{background-color:var(--accent-deep)}
/*# sourceMappingURL=main.6115cecd.css.map*/