:root{--duk: #0e3320;--duk-mörk: #092416;--duk-ljus: #17452c;--duk-kant: #1e5637;--kort: #fdfaf3;--kort-dämpad: #f3eede;--kort-kant: #e5ddc8;--bläck: #23201a;--bläck-svag: #78715f;--text-på-duk: #e9e4d4;--text-på-duk-svag: #a8b8a4;--rött: #c22e2e;--rött-mörk: #9c1f1f;--guld: #d9a441;--guld-ljus: #eec272;--grönt-ok: #2e7d4f;--radie: 16px;--radie-liten: 10px;--skugga-kort: 0 2px 8px rgba(0, 0, 0, .28), 0 8px 24px rgba(0, 0, 0, .18);--skugga-chip: 0 1px 3px rgba(0, 0, 0, .3);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--siffra-vikt: 800;--touch: 48px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text-på-duk);background:radial-gradient(ellipse at 50% -20%,var(--duk-ljus),var(--duk) 55%,var(--duk-mörk));background-attachment:fixed;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{max-width:640px;margin:0 auto;padding:max(env(safe-area-inset-top),12px) 16px calc(env(safe-area-inset-bottom) + 16px);min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.app-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:24px;margin-top:12px;color:var(--text-på-duk-svag);font-size:13px}.papai-logo{height:20px;width:auto;display:block}h1,h2,h3{margin:0}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kort{background:var(--kort);color:var(--bläck);border-radius:var(--radie);box-shadow:var(--skugga-kort);padding:16px}.knapp{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--touch);padding:12px 20px;border:none;border-radius:var(--radie-liten);font-size:17px;font-weight:700;transition:transform .06s ease,filter .15s ease}.knapp:active{transform:scale(.97)}.knapp:disabled{opacity:.45;cursor:default}.knapp-primär{background:linear-gradient(180deg,var(--guld-ljus),var(--guld));color:var(--bläck);box-shadow:0 2px 6px #00000059}.knapp-sekundär{background:var(--duk-ljus);color:var(--text-på-duk);border:1px solid var(--duk-kant)}.knapp-diskret{background:transparent;color:var(--text-på-duk-svag);border:none;min-height:40px;font-size:15px;font-weight:600}.knapp-fara{background:transparent;color:#e08a8a;border:1px solid rgba(224,138,138,.4)}.chiprad{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}.chiprad::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;width:var(--touch);height:var(--touch);border-radius:50%;border:2px solid var(--kort-kant);background:var(--kort);color:var(--bläck);font-size:19px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;box-shadow:var(--skugga-chip);transition:transform .08s ease,background .12s ease,border-color .12s ease}.chip:active{transform:scale(.88)}.chip-vald{background:var(--bläck);color:var(--guld-ljus);border-color:var(--bläck);transform:scale(1.06)}.chip-förbjuden{background:repeating-linear-gradient(45deg,#f6dede,#f6dede 4px,#eecaca 4px,#eecaca 8px);border-color:var(--rött);color:var(--rött-mörk);text-decoration:line-through;cursor:not-allowed}.chip-förslag{border-color:var(--guld);box-shadow:0 0 0 4px #d9a44147}.plump{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:radial-gradient(circle at 35% 30%,#d84848,var(--rött) 60%,var(--rött-mörk));border-radius:46% 54% 52% 48%/55% 46% 54% 45%;color:#fff;font-size:12px;font-weight:800}.plump-ny{animation:plumpa .5s cubic-bezier(.2,1.6,.4,1)}@keyframes plumpa{0%{transform:scale(0)}60%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1)}}.konfetti{position:fixed;top:-12px;width:10px;height:16px;border-radius:2px;animation:falla linear forwards;pointer-events:none;z-index:10}@keyframes falla{to{transform:translateY(105vh) rotate(720deg);opacity:.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vy-topp{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:40px}.vy-topp h2{font-size:20px}.hjälptext{color:var(--bläck-svag);font-size:14px;margin:4px 0 12px}.feltext{color:var(--rött);font-size:14px;font-weight:600;margin:8px 0 0}section.kort{margin-bottom:14px}.laddar{min-height:40vh}.hem{display:flex;flex-direction:column;justify-content:center;flex:1;gap:36px}.hem-titel{text-align:center}.hem-titel h1{font-size:56px;letter-spacing:2px;color:var(--kort);text-shadow:0 3px 12px rgba(0,0,0,.4)}.hem-titel p{color:var(--text-på-duk-svag);margin:6px 0 0}.hem-symboler{font-size:26px;letter-spacing:14px;color:var(--text-på-duk);margin-bottom:4px}.hem-symboler .röd{color:#e06060}.hem-knappar{display:flex;flex-direction:column;gap:12px}.hem-fortsätt{flex-direction:column;gap:2px;padding:14px 20px}.hem-fortsätt-namn{font-size:13px;font-weight:600;opacity:.75}.installera{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 12px;margin-top:20px;padding:14px 16px;border-radius:var(--radie-liten);background:var(--duk-ljus);border:1px solid var(--duk-kant)}.installera-ikon{font-size:22px}.installera-text{margin:0;font-size:13px;line-height:1.4;color:var(--text-på-duk)}.installera-knapp{grid-column:2;width:auto;justify-self:start;min-height:40px;padding:8px 18px;font-size:15px}.installera-stäng{grid-row:1;grid-column:3;align-self:start;width:32px;height:32px;border:none;background:transparent;color:var(--text-på-duk-svag);font-size:22px;line-height:1}.spelarlista{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.spelarrad{display:flex;align-items:center;gap:10px;min-height:var(--touch);padding:6px 10px;border-radius:var(--radie-liten);border:2px solid var(--kort-kant);background:var(--kort-dämpad);cursor:pointer}.spelarrad-giv{border-color:var(--guld);background:#fbf3df}.spelarrad-kortlek{font-size:22px;opacity:.35}.spelarrad-giv .spelarrad-kortlek{opacity:1}.spelarrad-namn{font-weight:700;flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.spelarrad-namn .giv-märke{margin-left:0}.spelarrad-namntext{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.giv-märke{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--bläck);background:var(--guld-ljus);border-radius:999px;padding:3px 8px;margin-left:8px;white-space:nowrap}.spelarrad-knappar{display:flex;gap:4px}.pil{width:36px;height:36px;border-radius:var(--radie-liten);border:1px solid var(--kort-kant);background:var(--kort);font-size:16px;font-weight:700;color:var(--bläck)}.pil:disabled{opacity:.3}.pil-bort{color:var(--rött)}.gäst-form{display:flex;gap:8px}.gäst-form input{flex:1;min-width:0;min-height:var(--touch);padding:8px 14px;font-size:16px;font-family:inherit;border:2px solid var(--kort-kant);border-radius:var(--radie-liten);background:var(--kort);color:var(--bläck)}.gäst-form input:focus{outline:none;border-color:var(--guld)}.gäst-lägg-till{width:auto;background:var(--kort-dämpad);color:var(--bläck);border:1px solid var(--kort-kant)}.preset-rad{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.preset-rad::-webkit-scrollbar{display:none}.preset-kort{flex:0 0 auto;width:200px;text-align:left;padding:12px;border-radius:var(--radie-liten);border:2px solid var(--kort-kant);background:var(--kort-dämpad);display:flex;flex-direction:column;gap:6px}.preset-vald{border-color:var(--guld);background:#fbf3df;box-shadow:0 0 0 3px #d9a44140}.preset-namn{font-weight:800;color:var(--bläck)}.preset-beskrivning{font-size:12px;color:var(--bläck-svag);line-height:1.4}.toggle-rad{display:flex;align-items:center;gap:10px;min-height:var(--touch);font-size:15px;color:var(--bläck);cursor:pointer}.toggle-rad input{width:22px;height:22px;accent-color:var(--guld)}.plan-info{font-size:13px;color:var(--bläck-svag);margin:4px 0 0}.rond-header{margin-bottom:12px;color:var(--text-på-duk)}.rond-header-topp{display:flex;align-items:baseline;gap:12px}.rond-nr{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-på-duk-svag)}.rond-kortantal{font-size:26px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums;color:var(--guld-ljus)}.rond-giv{font-size:14px;margin-top:2px;color:var(--text-på-duk-svag)}.rond-giv strong{color:var(--text-på-duk)}.budremsa{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.budremsa::-webkit-scrollbar{display:none}.budpelare{flex:1 0 auto;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:var(--radie-liten);border:2px solid var(--duk-kant);background:var(--duk-ljus);color:var(--text-på-duk-svag)}.budpelare-klar{border-color:var(--duk-kant);background:var(--duk-ljus);color:var(--text-på-duk)}.budpelare-aktiv{border-color:var(--guld);background:#1c4c31;box-shadow:0 0 0 3px #d9a44138}.budpelare-namn{font-size:12px;font-weight:700;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:3px}.budpelare-giv{color:var(--guld);font-size:10px}.budpelare-värde{font-size:26px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums;line-height:1;color:inherit}.budpelare-klar .budpelare-värde,.budpelare-aktiv .budpelare-värde{color:var(--guld-ljus)}.fokuskort{padding-bottom:12px}.fokus-huvud{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.fokus-etikett{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--bläck-svag)}.fokus-namn{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;color:var(--bläck)}.fokus-bud{font-size:13px;font-weight:700;color:var(--bläck-svag);background:var(--kort-dämpad);border-radius:999px;padding:2px 10px}.fokus-varning{margin:10px 0 0;font-size:14px;font-weight:700;color:var(--rött)}.fokus-varning-mjuk{color:var(--guld)}.summa-rad{margin-top:12px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--bläck)}.summa-oense{color:var(--grönt-ok)}.förbjuden-text{color:var(--rött);font-weight:600;font-size:13px}.bud-referens{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.bud-referens-ruta{background:var(--kort-dämpad);border:1px solid var(--kort-kant);border-radius:var(--radie-liten);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.bud-referens-namn{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.bud-referens-siffra{font-size:44px;line-height:1.1;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums}.rondflöde .knapp-primär{margin-top:4px}.protokoll-rubrik{display:flex;align-items:baseline;justify-content:space-between;color:var(--text-på-duk);margin:4px 0 10px}.protokoll-rubrik h3{font-size:20px}.protokoll-progress{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-på-duk-svag)}.scorecard{padding:0;overflow:hidden}.sc-kropp{max-height:60vh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.sc-rad{display:grid;align-items:stretch}.sc-huvud{position:sticky;top:0;z-index:2;background:var(--kort);border-bottom:2px solid var(--bläck)}.sc-hörn{position:sticky;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--kort);color:var(--kort-kant);font-size:18px}.sc-spelarhuvud{padding:10px 6px 8px;text-align:center;border-left:1px solid var(--kort-kant);min-width:0}.sc-namn{font-size:13px;font-weight:800;color:var(--bläck);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-total{font-size:24px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums;line-height:1.1}.sc-plac{font-size:11px;font-weight:700;color:var(--bläck-svag)}.sc-ledare .sc-total,.sc-ledare .sc-plac{color:var(--guld)}.sc-rond{border-top:1px solid var(--kort-kant)}.sc-rond:nth-child(2n){background:#00000005}.sc-ny{background:#fbf3df}.sc-kort{position:sticky;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:8px 0;background:var(--kort);border-right:1px solid var(--kort-kant)}.sc-ny .sc-kort{background:#fbf3df}.sc-kort span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;border-radius:999px;background:var(--duk);color:var(--kort);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.sc-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-left:1px solid var(--kort-kant)}.sc-giv:after{content:"";position:absolute;top:4px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--guld)}.sc-bud{font-size:12px;font-weight:700;color:var(--bläck-svag);font-variant-numeric:tabular-nums}.sc-cell .plump{width:22px;height:22px;font-size:11px}.sc-kum{font-size:18px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums;line-height:1}.protokoll-knappar{display:flex;flex-direction:column;gap:10px;margin-top:14px}.avbruten-info{color:var(--text-på-duk-svag);font-weight:700}.slut-rubrik{color:var(--kort);font-size:30px;text-align:center;margin:8px 0 16px;text-shadow:0 2px 10px rgba(0,0,0,.4)}.podium{list-style:none;margin:0 0 14px;padding:8px 16px}.podium-rad{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--kort-kant)}.podium-rad:last-child{border-bottom:none}.podium-vinnare{font-size:1.1em}.podium-plac{font-size:24px;min-width:34px;text-align:center;font-weight:800}.podium-namn{font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-plumpar{font-size:12px;color:var(--bläck-svag);white-space:nowrap}.podium-poäng{font-size:26px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums}.fakta{margin-bottom:14px}.fakta-rad{color:var(--text-på-duk);font-size:15px;font-weight:600;margin:6px 0}.slut-knappar{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.regelvarianter .knapp-primär{margin-bottom:18px}.variant-sektion{margin-bottom:20px}.variant-rubrik{color:var(--text-på-duk);font-size:15px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.variantlista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.variantrad{display:flex;align-items:center;gap:12px}.variantrad-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.variant-namn{font-weight:800;color:var(--bläck)}.variant-beskrivning{font-size:12px;color:var(--bläck-svag);line-height:1.4}.variantrad-knappar{display:flex;flex-direction:column;gap:6px}.variant-knapp{width:auto;min-height:38px;padding:6px 14px;font-size:14px}.variant-länk{margin-top:10px}.preset-egen{color:var(--guld)}.editor-namn{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.editor-namn input{min-height:var(--touch);padding:8px 14px;font-size:16px;font-family:inherit;border:2px solid var(--duk-kant);border-radius:var(--radie-liten);background:var(--kort);color:var(--bläck)}.editor-namn input:focus{outline:none;border-color:var(--guld)}.editor-namn .fält-etikett{color:var(--text-på-duk)}.editor-sektion{margin-bottom:14px}.editor-sektion h4{margin:0 0 10px;font-size:16px;color:var(--bläck)}.fält-rad{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--touch);padding:4px 0}.fält-etikett{font-size:14px;font-weight:600;color:var(--bläck)}.fält-kontroll{flex:0 0 auto}.toggle-rad-kompakt{min-height:40px;font-size:14px;color:var(--bläck);align-items:flex-start}.toggle-rad-kompakt input{flex:0 0 auto;margin-top:1px}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper-knapp{width:40px;height:40px;border-radius:var(--radie-liten);border:1px solid var(--kort-kant);background:var(--kort-dämpad);color:var(--bläck);font-size:22px;font-weight:700;line-height:1}.stepper-knapp:disabled{opacity:.35}.stepper-värde{min-width:40px;text-align:center;font-size:19px;font-weight:var(--siffra-vikt);font-variant-numeric:tabular-nums}.segmenterad{display:inline-flex;border-radius:var(--radie-liten);overflow:hidden;border:1px solid var(--kort-kant)}.segment{min-height:40px;padding:6px 12px;border:none;background:var(--kort-dämpad);color:var(--bläck-svag);font-size:14px;font-weight:700}.segment+.segment{border-left:1px solid var(--kort-kant)}.segment-vald{background:var(--bläck);color:var(--guld-ljus)}.editor-förhandsvisning{background:var(--duk-ljus);color:var(--text-på-duk);border:1px solid var(--duk-kant)}.förhands-etikett{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-på-duk-svag)}.förhands-poäng{font-weight:700;margin:6px 0 2px}.förhands-giv{font-size:13px;color:var(--text-på-duk-svag);margin:0}.editor-knappar{display:flex;flex-direction:column;gap:10px;margin-top:14px}.modal-bakgrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#092416b8;display:flex;align-items:flex-end;justify-content:center;z-index:20;padding:12px;overscroll-behavior:contain}.modal{width:100%;max-width:560px;max-height:88dvh;display:flex;flex-direction:column;padding:16px}.modal-topp{display:flex;align-items:center;justify-content:space-between}.modal-topp h3{font-size:20px}.modal-stäng{width:40px;height:40px;border:none;background:transparent;font-size:28px;line-height:1;color:var(--bläck-svag)}.modal-innehåll{overflow-y:auto;flex:1;margin:6px -4px;padding:0 4px}.redigera-spelare{padding:10px 0;border-bottom:1px dashed var(--kort-kant)}.redigera-spelare:last-child{border-bottom:none}.redigera-namn{font-weight:800;margin-bottom:6px}.redigera-fält{display:flex;align-items:center;gap:10px;margin-bottom:4px}.redigera-etikett{flex:0 0 44px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--bläck-svag)}.modal-knappar{display:flex;flex-direction:column;gap:8px;margin-top:10px}.modal .summa-rad{margin-top:8px}.p-redigerbar{cursor:pointer}.p-redigerbar:active{background:#f6efdb}.rätta-hint{text-align:center;font-size:12px;color:var(--text-på-duk-svag);margin:8px 0 0}.avbruten-huvud{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.historik-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.historik-rad{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;border:none}.historik-datum{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--bläck-svag)}.historik-namn{font-weight:700}.historik-status{font-size:13px;color:var(--bläck-svag)}
