*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:inherit}header,footer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem max(1.5rem,5vw)}header{border-bottom:1px solid var(--nilsn-line)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;text-decoration:none}.brand img{border-radius:30%}.brand-note{font-weight:400;color:var(--nilsn-muted);font-size:.875rem}main{flex:1;width:100%;max-width:76rem;padding:3rem 1.5rem;margin:0 auto}h1{font-size:clamp(2.5rem,6vw,4.75rem);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:1.25rem 0}h2{font-size:1.5rem;font-weight:550;line-height:1.3}h3{font-weight:550}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;color:var(--nilsn-primary)}p{color:var(--nilsn-muted);max-width:65ch}.lead{font-size:1.25rem;line-height:1.6}#welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,27rem);gap:3rem;align-items:start}.welcome-copy{padding:2rem 0}.entry-card,.panel{min-width:0;padding:2rem;border:1px solid var(--nilsn-line);border-radius:1.5rem;background:var(--nilsn-surface)}.entry-card h2{margin-top:0}form{display:grid;gap:.75rem}form label{font-size:.9375rem;font-weight:550}input{width:100%;min-width:0;min-height:2.75rem;border:1px solid var(--nilsn-border);border-radius:.875rem;padding:.75rem;color:var(--nilsn-text);background:var(--nilsn-bg);font:inherit;margin-bottom:.5rem}input::placeholder{color:var(--nilsn-muted)}#join-code{letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}form button{margin:.25rem 0 1.5rem}#host-entry{margin-top:1rem}.editor-help{grid-column:1/-1;max-width:46rem}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.game-heading h1{font-size:clamp(2rem,4vw,3rem)}#clock{text-align:center;min-width:7rem}#time-left{display:block;font-size:3rem;line-height:1.2;color:var(--nilsn-primary);font-variant-numeric:tabular-nums}progress{width:100%;max-width:10rem;height:.625rem;accent-color:var(--nilsn-primary)}#session-code{display:block;letter-spacing:.15em;font-size:clamp(1.5rem,5vw,3rem);color:var(--nilsn-primary);font-variant-numeric:tabular-nums;margin:1.5rem 0;overflow-wrap:anywhere}#session-qr{display:block;max-width:100%;height:auto;border-radius:.75rem}#player-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;list-style:none}#player-list li{border:1px solid var(--nilsn-line);border-radius:2rem;padding:.5rem 1rem}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.answer{border:1px solid var(--nilsn-border);border-radius:1.25rem;padding:1.25rem;min-width:0;min-height:5.5rem;background:var(--nilsn-bg);color:var(--nilsn-text);font:inherit;text-align:left}@media(hover:hover)and (pointer:fine){button.answer:not(:disabled):hover{border-color:var(--nilsn-primary)}}button.answer{cursor:pointer}.answer.selected{outline:3px solid var(--nilsn-primary);outline-offset:2px}.answer.correct{border-color:var(--nilsn-success)}.answer-badge{display:block;color:var(--nilsn-primary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.answer p{color:inherit;white-space:pre-wrap;margin:.25rem 0}.answer-label{display:block;color:var(--nilsn-muted);font-size:.875rem;margin-top:.75rem}.question-image{display:block;max-width:100%;max-height:24rem;width:auto;height:auto;object-fit:contain;margin:.75rem 0;border-radius:.5rem}#question-prompt p{white-space:pre-wrap;font-size:1.25rem;color:var(--nilsn-text)}#feedback{min-height:1.5rem;margin-bottom:0}#host-actions{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}#host-actions button{font-size:1rem}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;font-size:1.25rem;padding:1rem 0}th,td{padding:.875rem .5rem;border-bottom:1px solid var(--nilsn-line);overflow-wrap:anywhere}th{font-weight:550;color:var(--nilsn-muted)}td:last-child{font-variant-numeric:tabular-nums}#error{color:var(--nilsn-error);border-left:3px solid currentColor;padding:.75rem 1rem}#notice:empty{display:none}footer{justify-content:space-between;border-top:1px solid var(--nilsn-line);font-size:.875rem;color:var(--nilsn-muted)}[hidden]{display:none!important}@media(max-width:800px){#welcome{grid-template-columns:1fr;gap:1.5rem}.welcome-copy{padding:0}.entry-card,.panel{padding:1.5rem}.editor-help{grid-column:auto}.game-heading{align-items:start;flex-wrap:wrap}#clock{width:100%;text-align:left;min-width:0}#time-left{font-size:2rem}.options{grid-template-columns:1fr}main{padding-top:2rem}.brand-note{display:none}}main{overflow-wrap:anywhere}button.answer:disabled{opacity:1;cursor:default;-webkit-text-fill-color:currentColor}.answer{transition:border-color .15s ease}.answer.selected{background:color-mix(in srgb,var(--nilsn-primary) 12%,var(--nilsn-bg))}.answer.correct{border:2px solid var(--nilsn-success);background:color-mix(in srgb,var(--nilsn-success) 12%,var(--nilsn-bg))}.answer.correct .answer-label{color:var(--nilsn-success);font-weight:600}.answer.incorrect{outline-color:var(--nilsn-error)}.answer.incorrect .answer-label{color:var(--nilsn-error)}.answer-badge{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--nilsn-line);border-radius:.625rem}.next-step{display:flex;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;flex-wrap:wrap;margin-top:1rem;padding:1rem 1.25rem;border-radius:1rem;border:1px solid var(--nilsn-line);background:var(--nilsn-surface)}.next-step span{color:var(--nilsn-muted);font-variant-numeric:tabular-nums}#round-progress{display:block;width:100%;max-width:none;height:.3rem;margin:0 0 1.5rem}#game[data-role=host] #lobby-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem}#game[data-role=host] #question-prompt p{font-size:clamp(1.5rem,3.2vw,2.75rem);line-height:1.3;margin-top:.5rem}#game[data-role=host] .answer p{font-size:clamp(1.125rem,2vw,1.5rem)}#game[data-role=player] .game-heading h1{font-size:clamp(1.5rem,3vw,2.25rem)}#game[data-role=player] .game-heading{margin-bottom:1rem}#question-title{color:var(--nilsn-muted);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;margin-top:0}#feedback{padding-top:1rem}#results .is-you{background:color-mix(in srgb,var(--nilsn-primary) 10%,var(--nilsn-surface));font-weight:600}@media(max-width:800px){#game[data-role=host] #lobby-panel{grid-template-columns:1fr;gap:1.25rem}#game[data-role=player] .game-heading{position:relative;padding-right:5rem}#game[data-role=player] #clock{position:absolute;right:0;top:0;width:4rem;text-align:right}#game[data-role=player] #time-left{font-size:1.75rem}#game[data-role=player] .answer{min-height:4.5rem;padding:1rem}#game[data-role=player] .answer-badge{float:left;margin:0 .875rem 0 0}#game[data-role=player] .answer p{margin-left:2.875rem}#game[data-role=player] .answer-label{clear:both}}@media(prefers-reduced-motion:reduce){.answer{transition:none}}#question-title:focus{outline:none}.answer.selected.correct{outline:none}#game[data-role=player] .game-heading h1{margin:.5rem 0}#game[data-role=player] .game-heading p{margin:.375rem 0}@media(max-width:800px){main:has(#game[data-role=player]:not([hidden])){padding-top:1.25rem}#game[data-role=player] #question-panel{padding:1.25rem}#game[data-role=player] .options{gap:.625rem;margin-top:1rem}#game[data-role=player] .answer{min-height:3.5rem;padding:.875rem}#game[data-role=player] .answer-badge{width:1.75rem;height:1.75rem;margin-right:.75rem}#game[data-role=player] .answer p{margin-left:2.5rem}#game[data-role=player] #feedback{padding-top:.75rem;font-size:.875rem}}body:has(#game:not([hidden])) header,body:has(#game:not([hidden])) footer{padding-block:.5rem}main:has(#game:not([hidden])){padding-block:clamp(.75rem,2svh,1.5rem)}#game .game-heading{margin-bottom:.75rem;gap:.75rem}#game .game-heading h1{margin:.25rem 0;font-size:clamp(1.4rem,3vw,2rem)}#game .game-heading p{margin:.25rem 0}#game .panel{padding:clamp(1rem,2.5svh,1.75rem)}#game #round-progress{margin-bottom:.75rem}#game #question-prompt p{margin-block:.5rem}#game .options{gap:.75rem;margin-top:.75rem}#game .answer{padding:.875rem 1rem;min-height:4rem}#game .answer-badge{float:left;margin:0 .75rem .25rem 0}#game .answer-label{margin-top:.5rem}#game #feedback{padding-top:.5rem;margin-top:.5rem;font-size:.875rem}#game #host-actions{margin:.75rem 0 0}#game #host-actions:empty{display:none}#game .next-step{margin-top:.75rem;padding:.75rem 1rem}#game #session-code{margin:.75rem 0}#game #session-qr{width:min(280px,30svh)}#game .question-image{max-height:22svh}#game .answer .question-image{max-height:15svh}#game[data-role=host] #question-prompt p{font-size:clamp(1.35rem,3vw,2.4rem)}#game .table-scroll{max-height:43svh;overflow:auto}#game th{position:sticky;top:0;background:var(--nilsn-surface)}#game[data-phase=reveal] .answer.correct{animation:answer-bloom .45s ease-out}#game[data-phase=reveal] .answer.incorrect{animation:answer-settle .35s ease-out}.medal-row{animation:medal-arrive .65s ease-out both}.medal-row:nth-child(2){animation-delay:.12s}.medal-row:nth-child(3){animation-delay:.24s}.medal-row td:first-child{font-weight:600;white-space:nowrap}@keyframes answer-bloom{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes answer-settle{0%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes medal-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){#game .game-heading{position:relative;padding-right:4.5rem}#game #clock{position:absolute;right:0;top:0;width:4rem;text-align:right}#game #time-left{font-size:1.75rem}#game[data-role=player] .answer{padding:.75rem;min-height:3rem}#game[data-role=player] .options{gap:.5rem}#game .brand-note{display:none}}@media(max-height:750px)and (min-width:801px){#game .game-heading h1{font-size:1.5rem}#game .panel{padding:1rem 1.25rem}#game[data-role=host] #question-prompt p{font-size:1.6rem}#game .answer{padding:.6rem .875rem;min-height:3.5rem}#game .answer p{font-size:1.125rem}#game #session-qr{width:25svh}}@media(prefers-reduced-motion:reduce){#game .answer,.medal-row{animation:none!important;transition:none}}#mina-quiz{margin-top:2rem}#quiz-library-list{list-style:none;margin:1rem 0 0;padding:0}#quiz-library-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--nilsn-line)}#quiz-library-list h3,#quiz-library-list p{margin:.25rem 0}.library-actions{display:flex;flex-wrap:wrap;gap:.5rem}.library-delete{color:var(--nilsn-error)}dialog{width:min(32rem,calc(100% - 2rem));border:1px solid var(--nilsn-border);border-radius:1.5rem;padding:1.75rem;color:var(--nilsn-text);background:var(--nilsn-surface)}dialog::backdrop{background:#0000008c}dialog form{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}dialog form button{margin:0}@media(max-width:800px){body:has(#game:not([hidden])) main{padding:.75rem}body:has(#game:not([hidden])) footer{padding:.375rem .75rem;justify-content:flex-end}body:has(#game:not([hidden])) footer>span{display:none}#game p{line-height:1.4}#game[data-role=player] .panel{padding:.875rem}#game[data-role=player] .game-heading h1{margin:.25rem 0;font-size:1.25rem}#game[data-role=player] .game-heading{margin-bottom:.5rem}#game[data-role=player] #question-title{margin-bottom:.375rem}#game[data-role=player] #question-prompt p{font-size:1.0625rem}#game[data-role=player] .answer{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:0 .625rem;align-items:center;padding:.625rem;min-height:2.875rem}#game[data-role=player] .answer-badge{float:none;grid-row:1 / span 2;margin:0}#game[data-role=player] .answer p{margin:0}#game[data-role=player] .answer-label{grid-column:2;margin-top:.125rem;font-size:.75rem}#game[data-role=player] .answer .question-image{grid-column:2}#game[data-role=player] #feedback{font-size:.8125rem}#game .next-step{padding:.5rem .75rem;font-size:.875rem;gap:.125rem .75rem}}@media(max-width:800px){body:has(#game:not([hidden])) footer{display:none}}.option-card{display:grid;grid-template-rows:1fr auto;min-width:0;gap:.25rem}#game .answer{display:grid;grid-template-columns:2rem minmax(0,1fr);align-content:start;align-items:center;gap:.25rem .75rem;width:100%}#game .answer-badge{float:none;grid-row:1 / span 3;align-self:start;margin:0}#game .answer p,#game .answer-label,#game .answer .question-image{grid-column:2;margin:0}#game .answer-label{font-size:.8125rem}#game .image-options{grid-template-columns:repeat(2,minmax(0,1fr))}#game .image-options .answer{display:flex;flex-direction:column;align-items:stretch;gap:.375rem}#game .image-options .answer-badge{align-self:start}#game .image-options .question-image{align-self:center;max-height:12svh;margin:0}.image-zoom.nilsn-button{justify-self:start;min-height:2.75rem;padding:.375rem .75rem;font-size:.8125rem}#question-prompt>.image-zoom{margin-bottom:.25rem}#clock.untimed #time-left{font-size:1rem;white-space:nowrap}#clock.urgent #time-left{color:var(--nilsn-error)}#game .answer:focus-visible,.image-zoom:focus-visible{outline:3px solid var(--nilsn-primary);outline-offset:3px}#game #host-actions{position:sticky;bottom:0;z-index:3;padding-block:.5rem;background:var(--nilsn-bg)}.image-dialog{width:min(68rem,calc(100% - 1.5rem));max-height:calc(100svh - 1.5rem);padding:1rem}.image-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.image-dialog-heading h2{margin:0;font-size:1.125rem}.image-dialog-heading form{margin:0}.image-dialog>p{font-size:.875rem}.image-detail{overflow:auto;max-height:72svh}#zoom-image{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:.5rem}@media(min-width:801px){#game[data-density=medium] #question-prompt p{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.35}#game[data-density=dense] #question-prompt p{font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.35}#game[data-density=dense] .answer p{font-size:1rem;line-height:1.45}#game[data-density=dense] .answer{padding:.625rem .75rem}#game[data-density=dense] .options{gap:.5rem}#game[data-density=dense] .panel{padding:1rem 1.25rem}}@media(max-width:800px){#game[data-role=player] .game-heading{position:sticky;top:0;z-index:4;background:var(--nilsn-bg);padding-block:.5rem;border-bottom:1px solid var(--nilsn-line)}#game[data-role=player] .game-heading h1{font-size:1rem;line-height:1.25}#game #clock{top:.5rem}#game[data-role=player] .answer{grid-template-columns:1.75rem minmax(0,1fr)}#game[data-role=player] .answer p{margin:0}#game[data-role=player] .image-options .answer p{font-size:.9375rem}#game[data-role=player] .image-options .question-image{max-height:11svh}#game .image-options .image-zoom{width:100%}#game .question-image{margin-block:.5rem}}#game[data-role=host] #question-prompt p{max-width:none}.image-dialog-heading{flex-wrap:wrap}.image-detail.original-size #zoom-image{max-width:none}@media(min-width:801px){#game[data-role=host][data-density=dense] #question-prompt p{font-size:clamp(1.1rem,1.55vw,1.25rem)}#game[data-role=host] #question-prompt:has(img):has(p){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.25rem 1rem;align-items:center}#game[data-role=host] #question-prompt:has(img):has(p)>p,#game[data-role=host] #question-prompt:has(img):has(p)>.image-zoom{grid-column:1}#game[data-role=host] #question-prompt:has(img):has(p)>img{grid-column:2;grid-row:1 / span 2;max-height:27svh;margin:0 auto}}body:has(#game:not([hidden])) footer{display:none}#game[data-role=host] .answer p{font-size:clamp(1rem,1.5vw,1.25rem)}@media(max-width:800px){body:has(#game:not([hidden])) header{padding-block:.25rem}main:has(#game[data-role=player]:not([hidden])){padding:.5rem .75rem}#game[data-role=player] .game-heading{padding-block:.375rem}#game[data-role=player] .game-heading h1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:.125rem}#game[data-role=player] .game-heading p{margin-block:.125rem}#game[data-role=player] #game-info{font-size:.8125rem}#game[data-role=player] #question-panel{padding:.875rem}#game[data-role=player] .short-options{grid-template-columns:repeat(2,minmax(0,1fr))}#game[data-role=player] #question-prompt>.question-image{max-height:16svh;margin-inline:auto}}.image-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:min(56rem,calc(100svh - 1.5rem));overflow:hidden}.image-dialog .image-detail{min-height:0;max-height:none}@media(max-width:800px){#game[data-role=player] #question-prompt:has(.portrait-image){display:grid;grid-template-columns:minmax(0,1fr) 4.5rem;gap:.375rem .5rem;align-items:start}#game[data-role=player] #question-prompt:has(.portrait-image)>p{grid-column:1}#game[data-role=player] #question-prompt:has(.portrait-image)>img{grid-column:2;grid-row:1;margin:.5rem auto}#game[data-role=player] #question-prompt:has(.portrait-image)>.image-zoom{grid-column:1 / -1}}@media(min-width:801px){#game[data-role=host] .image-options .answer{display:grid;grid-template-columns:minmax(0,1fr) 6rem;align-content:center}#game[data-role=host] .image-options .answer-badge{grid-column:1;grid-row:1}#game[data-role=host] .image-options .answer p{grid-column:1;font-size:1rem;line-height:1.4}#game[data-role=host] .image-options .answer-label{grid-column:1}#game[data-role=host] .image-options .question-image{grid-column:2;grid-row:1 / span 3;justify-self:center}}@media(max-width:800px){#game[data-role=player][data-density=medium] #question-prompt p,#game[data-role=player][data-density=dense] #question-prompt p{font-size:1rem}}@media(min-width:801px){#game[data-role=host] #question-prompt:has(img)>p{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.4}}@media(max-width:800px){#game[data-role=player] .image-only .answer{position:relative;display:grid;grid-template-columns:1fr;place-items:center;padding:.375rem}#game[data-role=player] .image-only .answer-badge{position:absolute;top:.375rem;left:.375rem;background:var(--nilsn-surface)}#game[data-role=player] .image-only .question-image{grid-column:1}}@media(min-width:801px){.image-zoom.nilsn-button{min-height:2rem;padding:.25rem .625rem}main:has(#game[data-role=host]:not([hidden])){padding-bottom:.5rem}#game[data-role=host] .image-options{gap:.5rem}}@media(max-width:800px){#game[data-role=player] .mixed-images{grid-template-columns:1fr}#game[data-role=player] .mixed-images .option-card{grid-template-columns:minmax(0,1fr) 2.75rem;grid-template-rows:auto}#game[data-role=player] .mixed-images .answer{display:grid;grid-template-columns:1.75rem minmax(0,1fr) 3.5rem;align-items:center;gap:.25rem .5rem}#game[data-role=player] .mixed-images .answer-badge{grid-column:1;grid-row:1 / span 2}#game[data-role=player] .mixed-images .answer p{grid-column:2;font-size:1rem}#game[data-role=player] .mixed-images .question-image{grid-column:3;grid-row:1 / span 2;max-width:100%;max-height:4rem}#game[data-role=player] .mixed-images .image-zoom{min-width:2.75rem;min-height:2.75rem;padding:.25rem;font-size:0;display:flex;flex-direction:column;justify-content:center}#game[data-role=player] .mixed-images .image-zoom:before{content:"⤢";font-size:1.5rem;line-height:1}#game[data-role=player] .mixed-images .image-zoom:after{content:"Bild";font-size:.75rem}}#game[data-role=host][data-density=dense] .answer p{font-size:1rem;line-height:1.4}@media(min-width:801px){#game[data-role=host][data-density=dense] #question-prompt:has(img)>p{font-size:1.125rem}#game[data-role=host][data-density=dense] #question-prompt:has(img)>img{max-height:23svh}}@media(min-width:801px){main:has(#game[data-role=host]:not([hidden])){padding-top:.5rem}#game[data-role=host] .game-heading{margin-bottom:.5rem}}