.spel{gap:.6rem;display:grid}.spel-yta{border:1.5px solid var(--tusch);background:#dcc7b0;border-radius:1rem;height:min(100svh - 1.5rem,58rem);position:relative;overflow:hidden}.spel-duk{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.spel-duk:focus-visible{outline:none}.spel-yta:has(.spel-duk:focus-visible){outline:2px solid var(--tegel);outline-offset:2px}.spel-start,.spel-slut{background:#f6f3eec7;align-content:center;justify-items:start;gap:.7rem;padding:1.2rem;display:grid;position:absolute;inset:0}.spel-namn{font:400 clamp(3rem, 14vw, 6.5rem)/.9 var(--strong);text-transform:uppercase}.spel-tagline{font:700 1.05rem/1.2 var(--typ);letter-spacing:.06em;margin-top:-.3rem}.kvitto-tagline{font:700 .8rem/1.2 var(--typ);letter-spacing:.05em;margin-bottom:.2rem}.spel-start p,.spel-slut p{max-width:30rem;font-size:1.05rem}.spel-start,.spel-slut{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-auto-rows:max-content;align-content:start;overflow-y:auto}.spel-slut{background:#f6f3ee99}.kvitto-lucka{border-top:5px solid var(--tusch);border-radius:3px;width:min(100%,22rem);padding-inline:.35rem;overflow:hidden}.spel-kvitto{--tand:7px;background:var(--ruta);padding:.9rem .9rem calc(.9rem + var(--tand));font:400 .85rem/1.45 var(--typ);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--tand)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) bottom / calc(2 * var(--tand)) var(--tand) repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--tand)) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) bottom / calc(2 * var(--tand)) var(--tand) repeat-x;gap:.1rem;display:grid}.kvitto-mitt{text-align:center}.kvitto-namn{font:400 1.7rem/1 var(--strong);text-transform:uppercase;margin-bottom:.2rem}.kvitto-linje{border-top:1.5px dashed var(--tusch);margin-block:.4rem}.kvitto-replik{font-weight:700}.kvitto-poang{margin-top:.5rem;font-weight:700}.kvitto-rad{grid-template-columns:3rem minmax(0,1fr) auto;gap:.6rem;display:grid}.kvitto-rad .tid{color:var(--dim)}.kvitto-rad .belopp{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.kvitto-rad .klarna{color:var(--dim)}.kvitto-rad .summa{font-weight:700}.kvitto-rad .minus{color:var(--tegel)}.kvitto-saldo{margin-top:.15rem;font-size:1.25em}@media (width<=480px){.spel-slut{gap:.55rem;padding:.9rem .6rem 1.2rem}.spel-slut .spel-namn{font-size:clamp(2.4rem,13vw,3.4rem)}.kvitto-lucka{width:100%;padding-inline:.2rem}.spel-kvitto{padding-inline:.65rem;font-size:.78rem}.kvitto-namn{font-size:1.45rem}.kvitto-rad{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.4rem}}@media (prefers-reduced-motion:no-preference){.spel-slut.skriver .spel-kvitto{animation:2.4s steps(30,end) both skriv}@keyframes skriv{0%{transform:translateY(-100%)}}}.spel-namnform{gap:.4rem;width:min(100%,22rem);display:grid}.spel-namnform label{font-weight:700}.spel-namnrad{gap:.5rem;display:flex}.spel-namnrad input{min-width:0;font:600 1.05rem/1 var(--sans);border:2px solid var(--tusch);background:var(--ruta);color:var(--tusch);border-radius:.5rem;flex:1;padding:.7rem .8rem}.spel-topplistor{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.6rem;width:min(100%,30rem);display:grid}.spel-topplistor section{background:var(--ruta);border:1.5px solid var(--tusch);border-radius:.5rem;gap:.3rem;padding:.6rem .8rem}.spel-topplistor h3{font:400 1.3rem/1 var(--strong);text-transform:uppercase;margin:0}.spel-lista{font:400 .9rem/1.5 var(--typ);margin:0;padding-left:1.6rem}.spel-lista li.egen{color:var(--tegel);font-weight:700}.spel-veckans{background:var(--ruta);border:1.5px solid var(--tusch);border-radius:.5rem;justify-self:start;padding:.35rem .7rem}.spel-veckans .smatt{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.spel-veckans .spel-lista{font-size:.78rem;line-height:1.4}.spel-knapp{font:700 1.1rem/1 var(--sans);border:2px solid var(--tusch);background:var(--tusch);color:var(--papper);cursor:pointer;border-radius:999px;padding:.8rem 1.4rem}.spel-vy{font:700 .85rem/1 var(--sans);border:1.5px solid var(--tusch);background:var(--ruta);color:var(--tusch);cursor:pointer;border-radius:999px;padding:.5rem .8rem;position:absolute;bottom:.75rem;right:.75rem}