*{box-sizing:border-box;margin:0}:root{--bakgrunn: #f7f5f1;--flate: #ffffff;--tekst: #1d1d1f;--dempet: #86868b;--aksent: #0a7cff;--feil: #d92d20;--radius: 20px}html,body{height:100%}body{background:var(--bakgrunn);color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#rot{height:100%}.portal{min-height:100dvh;display:grid;place-items:center;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.portal-kort{width:100%;max-width:380px;background:var(--flate);border-radius:var(--radius);padding:28px 24px;box-shadow:0 1px 2px #0000000a,0 12px 40px #0000000f;display:flex;flex-direction:column;gap:16px;text-align:center}.portal-kort h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.portal-dempet{color:var(--dempet);font-size:.95rem;line-height:1.45}.portal-felt{display:flex;flex-direction:column;gap:6px;text-align:left}.portal-felt span{font-size:.8rem;font-weight:600;color:var(--dempet);text-transform:uppercase;letter-spacing:.04em}.portal-felt input{font:inherit;font-size:1.05rem;padding:14px 16px;border:1.5px solid rgb(0 0 0 / 10%);border-radius:14px;background:var(--bakgrunn);color:var(--tekst);width:100%}.portal-felt input:focus-visible{outline:none;border-color:var(--aksent);background:var(--flate)}.portal-kodefelt{text-align:center;font-size:1.5rem!important;font-weight:700;letter-spacing:.35em;text-transform:uppercase;font-variant-numeric:tabular-nums}.portal-primaer{font:inherit;font-size:1.05rem;font-weight:600;padding:15px;border:none;border-radius:14px;background:var(--aksent);color:#fff;cursor:pointer;transition:opacity .15s ease}.portal-primaer:disabled{opacity:.55;cursor:default}.portal-sekundaer{font:inherit;font-size:.95rem;font-weight:500;padding:12px;border:none;border-radius:14px;background:transparent;color:var(--dempet);cursor:pointer}.portal-sekundaer:hover{color:var(--tekst)}.portal-feil{color:var(--feil);font-size:.92rem}.portal-navnrad{display:flex;gap:8px;align-items:stretch}.portal-navn{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;padding:12px 16px;border-radius:14px;background:var(--bakgrunn);border:1.5px solid rgb(0 0 0 / 10%);min-height:52px}.portal-terning{font:inherit;font-size:1.5rem;width:52px;border:1.5px solid rgb(0 0 0 / 10%);border-radius:14px;background:var(--flate);cursor:pointer;transition:transform .12s ease;flex:none}.portal-terning:active{transform:rotate(24deg) scale(.92)}.portal-hilsen{font-size:1.15rem;font-weight:600}.portal-kode{font-size:2.2rem;font-weight:800;letter-spacing:.3em;padding:10px 0 2px;font-variant-numeric:tabular-nums}.portal-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--dempet);font-size:.98rem}.portal-prikk{width:8px;height:8px;border-radius:50%;background:#c7c7cc;flex:none}.portal-prikk--pa{background:#30c552}.portal-avstemning{display:flex;flex-direction:column;gap:14px;text-align:left}.portal-sporsmal{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;text-align:center}.portal-altliste{display:flex;flex-direction:column;gap:10px}.portal-alt{display:flex;align-items:center;gap:12px;width:100%;font:inherit;font-size:1.05rem;font-weight:600;text-align:left;padding:14px 16px;border:1.5px solid rgb(0 0 0 / 10%);border-radius:14px;background:var(--flate);color:var(--tekst);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .08s ease}.portal-alt:active:not(:disabled){transform:scale(.985)}.portal-alt:focus-visible{outline:none;border-color:var(--aksent)}.portal-alt--valgt{border-color:var(--aksent);background:#0a7cff14}.portal-alt:disabled{opacity:.6;cursor:default}.portal-alt--valgt:disabled{opacity:.85}.portal-alt-prikk{width:10px;height:10px;border-radius:50%;flex:none}.portal-alt-tekst{flex:1;min-width:0;overflow-wrap:anywhere}.portal-kvittering{text-align:center;min-height:1.3em}.portal-hand{display:flex;flex-direction:column;gap:14px}.portal-handknapp{font:inherit;font-size:1.15rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:28px 16px;border:1.5px solid rgb(0 0 0 / 10%);border-radius:var(--radius);background:var(--flate);color:var(--tekst);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .08s ease}.portal-handknapp:active:not(:disabled){transform:scale(.985)}.portal-handknapp:focus-visible{outline:none;border-color:var(--aksent)}.portal-handknapp:disabled{opacity:.6;cursor:default}.portal-handknapp--oppe{border-color:var(--aksent);background:#0a7cff14}.portal-handikon{font-size:3rem;line-height:1}.portal-handknapp--oppe .portal-handikon{animation:portal-vink 1.6s ease-in-out infinite;transform-origin:70% 90%}@keyframes portal-vink{0%,to{transform:rotate(0)}30%{transform:rotate(14deg)}60%{transform:rotate(-6deg)}}@media(prefers-reduced-motion:reduce){.portal-handknapp--oppe .portal-handikon{animation:none}}