:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#193b32;background:#f5f2e8;font-synthesis:none;line-height:1.5;font-weight:450}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:48px;border:1px solid #a8b8a9;border-radius:14px;background:transparent;color:inherit;padding:12px 18px;font-weight:650;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#e1e7d9}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a94a26;outline-offset:3px}button.primary{background:#204d3b;color:#fff;border-color:#204d3b;width:100%;margin:16px 0 10px}button.primary:hover:not(:disabled){background:#153b2c}input,select{width:100%;min-height:48px;border:1px solid #a8b8a9;border-radius:12px;padding:10px;background:#fffdf7;color:inherit}label{display:block;font-size:.88rem;font-weight:650;margin-bottom:7px}h1{font-family:Georgia,serif;font-size:clamp(2.1rem,8vw,2.9rem);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:16px 0 20px;overflow-wrap:anywhere}h2{font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}p{overflow-wrap:anywhere}.app{max-width:520px;min-height:100svh;margin:auto;padding:24px 24px 12px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:30px}.brand{margin:0;font-weight:800;letter-spacing:-.06em;font-size:1.35rem}.brand span{color:#bc562f;margin-left:5px}main{padding:12px 0 20px}main section{animation:arrive .2s ease-out}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:750;text-transform:uppercase;color:#657462;margin:8px 0}.muted{color:#5e7063;font-size:.96rem}.fine{font-size:.78rem;color:#68766a}.tag{font-size:.7rem;display:inline-block;padding:6px 10px;border:1px solid #b8c4af;border-radius:30px;background:#e9eddf;font-weight:650}.add-row{display:flex;gap:8px}.add-row input{min-width:0}.add-row button{white-space:nowrap;background:#dee7d3}.section-label{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.section-label h2{font-size:1rem}.section-label span{font-size:.8rem;color:#68766a}.player-list{list-style:none;padding:0;margin:0 0 22px;counter-reset:players}.player-list>li{counter-increment:players;border-bottom:1px solid #d5ddcd;display:flex;gap:12px;align-items:center;min-height:62px}.player-list>li:before{content:counter(players,decimal-leading-zero);color:#82927d;font-size:.75rem}.player-list>li>span{flex:1;min-width:0;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center}.row-actions button{min-width:44px}.quiet{border:0;font-size:.76rem;padding:8px;color:#596d5b}.rename-row{display:flex;flex-wrap:wrap;gap:6px;flex:1}.rename-row input{flex-basis:100%}.rename-row button{padding:6px 10px}.category-card,.question-card{border:1px solid #cad4bf;background:#e9eddf;border-radius:24px;padding:26px 22px;margin:28px 0}.category-icon{font-size:3rem;color:#a94a26}.category-card h2{font-family:Georgia,serif;font-size:1.6rem;font-weight:500}.symbol{width:86px;height:86px;display:grid;place-items:center;border:1px solid #bbc9b2;border-radius:50%;font-size:3rem;color:#a94a26;margin:28px 0 36px}.handoff h1{font-size:2.8rem}.person{font-size:1.4rem}.secret-slot{min-height:230px;display:grid;align-items:center;padding:22px;background:#e8eddf;border-radius:24px;text-align:center;border:1px dashed #acbda3}.secret h2{font-family:Georgia,serif;font-size:2.2rem;font-weight:500}.hidden-symbol{font-size:4rem;color:#8b9b80}.hold{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.review{border-top:1px solid #cad4bf;padding-top:22px;margin-top:24px}.review button{width:100%;margin-top:10px}.suggestions{display:grid;gap:10px}.suggestions button{text-align:left;background:#e9eddf}.question-card h2{font-size:2rem;margin:8px 0}.choice{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #cad4bf;border-radius:14px;min-height:58px;margin:10px 0;background:#fffdf7}.choice:has(input:checked){background:#dfe9d3;border-color:#204d3b}.choice input{width:22px;height:22px;min-height:0;accent-color:#204d3b;flex-shrink:0}.choice span{overflow-wrap:anywhere}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:.8rem;color:#68766a}.suspects{list-style:none;padding:0}.suspects li{padding:16px 0;border-bottom:1px solid #cad4bf;font-size:1.6rem;font-family:Georgia,serif}.tie{background:#eee1ca;padding:16px;border-radius:14px}.actions{display:flex;gap:10px;align-items:center}.actions button.primary{margin:0;width:auto}dialog{max-width:min(420px,calc(100% - 32px));border:1px solid #a8b8a9;border-radius:22px;padding:24px;color:#193b32;background:#f5f2e8}dialog::backdrop{background:#112b22aa}footer{padding-top:20px;border-top:1px solid #d5ddcd;text-align:center}footer:empty{border:0}@keyframes arrive{0%{transform:translateY(4px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){main section{animation:none}}@media(max-width:360px){.app{padding:18px}.row-actions .quiet{padding:6px;font-size:.7rem}}.guess-result{border:1px solid #cad4bf;background:#e9eddf;border-radius:18px;padding:18px;margin:12px 0}.guess-result h2{margin:0}.guess-result p{margin-bottom:0}.score-list,.history-list{list-style:none;padding:0}.score-list li,.history-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #cad4bf}.score-list li>span:first-child{flex:1;min-width:0}.history-list li strong{flex:1}.history-list li small{flex-basis:100%;color:#5e7063}.session-tools{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.session-tools button{width:auto}.session-list{list-style:none;padding:0}.session-list li{border-top:1px solid currentColor;padding-block:1rem}input[type=file]{max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-button{display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;border:1px solid #a8b8a9;border-radius:14px;cursor:pointer}.file-button:focus-within{outline:3px solid #a94a26;outline-offset:3px}textarea{font:inherit;display:block;width:100%;min-height:110px;padding:12px;background:#fffdf7;color:#193b32;border:1px solid #a8b8a9;border-radius:12px}textarea:focus-visible,.file-button:focus-within{outline:3px solid #993a19;outline-offset:3px}.phase-help{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:12px}.phase-help button{min-width:48px;min-height:48px;border-radius:50%}.phase-help p{background:#e9eddf;border-radius:12px;padding:12px;width:100%}.tutorial-step{border-radius:20px;padding:24px;background:#e9eddf;min-height:150px;font-size:1.1rem}.custom-list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 0}.custom-list-item button{width:auto}.update-notice{border:2px solid #204d3b;border-radius:12px;padding:12px;margin:12px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.update-notice button{width:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.fine,.eyebrow,.section-label span,.player-list>li:before,legend,.hidden-symbol{color:#4c6254}.brand span{color:#a94a26}.muted,.quiet,.history-list li small{color:#344f3f}.app{position:relative;isolation:isolate;overflow:hidden;--theme-hue: 48;--theme-saturation: 14%;--card-sat-light: 8.4%;--card-sat-dark: 4.9%;--light-0: 97%;--light-1: 94%;--light-2: 91%;--light-3: 94.5%;--dark-0: 13%;--dark-1: 16%;--dark-2: 19%;--dark-3: 15%;--current-lightness: var(--light-0);--card-saturation: var(--card-sat-light);--card-offset: 2.5%;--theme-ink: #193b32;--accent: hsl(var(--theme-hue) var(--theme-saturation) 30%);--button-ink: #fff;--pattern-opacity: .32;--pattern-accent: var(--accent);--card-surface: hsl( var(--theme-hue) var(--card-saturation) calc(var(--current-lightness) + var(--card-offset)) );color:var(--theme-ink);background-color:hsl(var(--theme-hue) var(--theme-saturation) var(--current-lightness))}.app.theme-svenska-upplevelser{--theme-hue: 212;--pattern-accent: #d9a516;--theme-saturation: 58%;--card-sat-light: 34.8%;--card-sat-dark: 20.299999999999997%;--light-0: 96%;--light-1: 93.5%;--light-2: 91%;--light-3: 94.5%;--dark-0: 13%;--dark-1: 16%;--dark-2: 19%;--dark-3: 15%}.app.theme-tech-cybersecurity{--theme-hue: 255;--theme-saturation: 45%;--card-sat-light: 27%;--card-sat-dark: 15.749999999999998%;--light-0: 96.5%;--light-1: 94%;--light-2: 91.5%;--light-3: 95%;--dark-0: 13%;--dark-1: 16%;--dark-2: 19%;--dark-3: 15%}.app.theme-sotsaker{--theme-hue: 335;--theme-saturation: 55%;--card-sat-light: 33%;--card-sat-dark: 19.25%;--light-0: 96.5%;--light-1: 94%;--light-2: 91.5%;--light-3: 95%;--dark-0: 13%;--dark-1: 16%;--dark-2: 19%;--dark-3: 15%}.app.theme-klader{--theme-hue: 42;--theme-saturation: 60%;--card-sat-light: 36%;--card-sat-dark: 21%;--light-0: 95.5%;--light-1: 92.5%;--light-2: 89.5%;--light-3: 94%;--dark-0: 12%;--dark-1: 15%;--dark-2: 18%;--dark-3: 14%}.app.theme-sport{--theme-hue: 145;--theme-saturation: 38%;--card-sat-light: 22.8%;--card-sat-dark: 13.299999999999999%;--light-0: 95.5%;--light-1: 93%;--light-2: 90.5%;--light-3: 94%;--dark-0: 12%;--dark-1: 15%;--dark-2: 18%;--dark-3: 14%}.app[data-question-step="0"]{--current-lightness: var(--light-0)}.app[data-question-step="1"]{--current-lightness: var(--light-1)}.app[data-question-step="2"]{--current-lightness: var(--light-2)}.app[data-question-step="3"]{--current-lightness: var(--light-3)}.app>header,.app>nav,.app>main,.app>footer,.app>aside{position:relative;z-index:1}.figurer{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:var(--pattern-opacity);pointer-events:none}.app[data-private=true]{--theme-hue: 48;--theme-saturation: 14%;--card-saturation: 8.4%;background:#f5f2e8}.app[data-private=true] .figurer{display:none}.app[data-private=true] main section{animation:none}.app .question-card,.app .category-card,.app .review,.app .secret-slot,.app .choice,.app .guess-result{background-color:var(--card-surface);color:var(--theme-ink)}.app .review{padding:18px;border-radius:15px}.app button.primary,.app button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--button-ink)}.app .session-tools button,.app .question-card button{color:var(--theme-ink)}.app .progress-dot.is-current{background:var(--accent);border-color:var(--accent)}@media(prefers-color-scheme:dark){.app{--current-lightness: var(--dark-0);--card-saturation: var(--card-sat-dark);--card-offset: 5%;--theme-ink: #f4f7f3;--button-ink: #10201a;--accent: hsl(var(--theme-hue) var(--theme-saturation) 72%);--pattern-opacity: .22;--pattern-accent: var(--accent)}.app[data-question-step="0"]{--current-lightness: var(--dark-0)}.app[data-question-step="1"]{--current-lightness: var(--dark-1)}.app[data-question-step="2"]{--current-lightness: var(--dark-2)}.app[data-question-step="3"]{--current-lightness: var(--dark-3)}.app[data-private=true]{--current-lightness: 13%;--card-saturation: 4.9%;background:#20332b}.app input,.app select,.app textarea,.app .choice{background:var(--card-surface);color:var(--theme-ink)}.app .muted,.app .fine,.app .quiet,.app .eyebrow,.app .history-list li small{color:#e2eadd}.app button:not(.primary){color:var(--theme-ink)}.app .tag,.app .phase-help p,.app .suggestions button,.app .add-row button,.app .tie,.app .choice:has(input:checked),.app button:not(.primary):hover:not(:disabled){background-color:var(--card-surface);color:var(--theme-ink)}.app .progress-dot{background:#f4f7f3;border-color:#f4f7f3}}@media(prefers-reduced-motion:no-preference){.app:not([data-private=true]){transition:background-color .36s cubic-bezier(.22,1,.36,1)}.app:not([data-private=true]) .figurer{animation:figurer-drift .6s cubic-bezier(.22,1,.36,1)}}@keyframes figurer-drift{0%{transform:translate(18px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.app,.app .figurer{transition:none!important;animation:none!important}}.question-transition{position:relative}.question-transition .question-card{min-height:170px}.question-entering{animation:question-arrive .36s cubic-bezier(.22,1,.36,1)}.question-leaving{position:absolute;left:0;right:0;top:30px;pointer-events:none;animation:question-depart .18s cubic-bezier(.55,0,1,.45) both}.question-number{display:inline-block;font-size:1.05rem;font-weight:750;animation:question-number-rise .32s cubic-bezier(.22,1,.36,1) both}.question-progress{display:flex;gap:10px;align-items:center;min-height:30px}.progress-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#5c7265;border:1px solid currentColor}.progress-dot.is-current{transform:scale(1.45);border-width:2px}@keyframes question-arrive{0%{opacity:0;transform:translate(34px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes question-depart{0%{opacity:1;transform:translate(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate(-28px) scale(.98);filter:blur(2px)}}@keyframes question-number-rise{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.question-entering,.question-leaving,.question-number{animation:none!important;filter:none!important}.question-leaving{display:none}}@media(prefers-color-scheme:dark){.app .tag,.app .phase-help p,.app .suggestions button,.app .add-row button,.app .tie,.app .choice:has(input:checked),.app button:hover:not(:disabled){background-color:var(--card-surface);color:var(--theme-ink)}.app .progress-dot{background-color:#f4f7f3}.app .progress-dot.is-current{background-color:#f3b1c6;border-color:#f4f7f3}}