.screen{animation:fadeIn .2s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen-nav{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.topics{margin:.5rem 0;padding:.4rem 1rem}.report{}.flavour{background:0 0;border:.2rem solid var(--color-3);padding:.3rem .8rem;font-size:1.3rem;color:var(--color-1)}.flavour:hover{background:var(--color-4)}.screen-actions{text-align:center}.action-options{display:flex;flex-direction:column;gap:1rem;max-width:70rem;margin:0 auto}input[type=radio],input[type=checkbox]{display:none}.action-option input[type=radio]+label{cursor:pointer;display:flex;align-items:stretch;border:.5rem solid var(--color-4)}.action-radio{width:4rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-4);padding-right:.5rem}.action-radio svg{width:3.5rem;height:3.5rem}.action-option input[type=radio]+label:hover{border-color:var(--color-3)}.action-option input[type=radio]+label:hover>.action-radio{background-color:var(--color-3)}.action-option input[type=radio]:checked+label{border-color:var(--color-2)}.action-option input[type=radio]:checked+label>.action-radio{background-color:var(--color-2)}.action-option input[type=radio]:focus-visible+label{outline:.3rem solid var(--color-2);outline-offset:.2rem}.action-radio .on{display:none}.action-option input:checked+label .action-radio .off{display:none}.action-option input:checked+label .action-radio .on{display:block}.action-option .action-content{flex:1;display:flex;flex-direction:column}.action-option .action-details{flex:1;text-align:left;padding:.25rem 1rem}.action-option .action-title{font-weight:var(--font-bold);font-size:2.2rem;margin:.5rem 0}.action-option .action-words{color:var(--color-4)}.action-option .action-insight{opacity:.8}.action-option .change{padding:.1rem .3rem}.action-option .change.positive{background:rgba(0,180,0,.2);color:#0c0}.action-option .change.negative{background:rgba(180,0,0,.2);color:#c44}.action-option .change.neutral{opacity:.6}.action-option .net-effect{font-weight:var(--font-bold)}.action-option .net-effect.positive{color:#0c0}.action-option .net-effect.negative{color:#c44}.result-stats{text-align:left;margin:1rem 0;padding:1rem;background:var(--color-4)}.result-stats h3{margin-bottom:.5rem}.row{display:flex;gap:.5rem;align-items:center;padding:.25rem 0}.row .label{font-weight:var(--font-bold);min-width:6rem}.row .arrow{opacity:.5}.row .new.positive{color:#0c0}.row .new.negative{color:#c44}.delta{font-size:.85rem}.delta.positive{color:#0c0}.delta.negative{color:#c44}.screen-results{text-align:center}#results-content{max-width:40rem;margin:0 auto}.result-title{font-size:1.6rem;font-weight:var(--font-bold);margin-bottom:1rem}.result-narrative{font-style:italic;padding:1rem;background:var(--color-1);color:var(--color-background);margin-bottom:1rem}.result-effects{text-align:left}.result-effect{padding:.5rem;margin:.25rem 0}.result-effect.chosen{background:var(--color-4)}.result-effect.unchosen{opacity:.6}.result-share{font-family:monospace;font-size:1.2rem;line-height:1.2;margin:1rem 0}.connect-wrapper{aspect-ratio:5/3;max-width:48rem;margin:1rem auto}.connect-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1rem;height:100%}.connect-tile,.connect-complete{display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;user-select:none;font-weight:var(--font-medium);font-size:1.4rem}.connect-tile{background-color:var(--color-4);color:var(--color-1);cursor:pointer;transition:background-color .2s,transform .1s}.connect-tile.animate{animation:tilePopIn .25s ease-out backwards}.connect-tile.animate:nth-child(1){animation-delay:0s}.connect-tile.animate:nth-child(2){animation-delay:.03s}.connect-tile.animate:nth-child(3){animation-delay:.06s}.connect-tile.animate:nth-child(4){animation-delay:.09s}.connect-tile.animate:nth-child(5){animation-delay:.12s}.connect-tile.animate:nth-child(6){animation-delay:.15s}.connect-tile.animate:nth-child(7){animation-delay:.18s}.connect-tile.animate:nth-child(8){animation-delay:.21s}.connect-tile.animate:nth-child(9){animation-delay:.24s}.connect-tile.animate:nth-child(10){animation-delay:.27s}.connect-tile.animate:nth-child(11){animation-delay:.3s}.connect-tile.animate:nth-child(12){animation-delay:.33s}.connect-tile.animate:nth-child(13){animation-delay:.36s}.connect-tile.animate:nth-child(14){animation-delay:.39s}.connect-tile.animate:nth-child(15){animation-delay:.42s}.connect-tile.animate:nth-child(16){animation-delay:.45s}@keyframes tilePopIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.connect-complete{position:relative;grid-column:span 4;background-color:var(--color-2);color:var(--color-background);cursor:pointer}.connect-complete>*{flex:1 1;padding:.5rem}.connect-complete>.break{position:absolute;right:1rem;top:1rem;font-size:6rem;line-height:1rem;color:var(--color-1);opacity:.6;transition:opacity .2s ease}.connect-complete:hover>.break{opacity:1}.connect-complete:focus{outline:none}.connect-complete:focus-visible{outline:.3rem solid var(--color-background);outline-offset:-.3rem;z-index:10}.connect-complete:focus-visible>.break{opacity:1}.connect-complete>.action-label{position:absolute;bottom:.5rem;left:0;right:0;text-align:center;padding:0 1rem;opacity:.8}@media(min-width:50.0em){.connect-tile,.connect-complete{font-size:1.6rem}}.connect-tile:hover{background-color:var(--color-2);transform:scale(1.02);transition:all .2s ease}.connect-tile:focus{outline:none}.connect-tile:focus-visible{outline:.3rem solid var(--color-2);outline-offset:.2rem;z-index:10}.connect-tile.selected{background-color:var(--color-3);color:var(--color-background);transform:scale(.95);transition:all .2s ease}.connect-tile.submitting{animation:moveToGroup .5s ease forwards}@keyframes moveToGroup{0%{transform:scale(.95)}50%{transform:scale(1.1)translateY(-20px);opacity:.8}100%{transform:scale(0)translateY(-40px);opacity:0}}.connect-complete{animation:slideIn .3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.connect-tile.shuffling{animation:shuffle .6s ease-in-out}@keyframes shuffle{0%{transform:scale(1)rotate(0);opacity:1}25%{transform:scale(.8)rotate(5deg);opacity:.7}50%{transform:scale(.6)rotate(-5deg);opacity:.5}75%{transform:scale(.8)rotate(3deg);opacity:.7}100%{transform:scale(1)rotate(0);opacity:1}}.connect-complete.breaking{animation:breakApart .2s ease-out forwards}@keyframes breakApart{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}.connect-tile.breaking-in{animation:breakIn .3s ease-in-out}@keyframes breakIn{0%{transform:scale(1)rotate(0);opacity:1}25%{transform:scale(.7)rotate(3deg);opacity:.6}50%{transform:scale(.5)rotate(-3deg);opacity:.4}75%{transform:scale(.7)rotate(2deg);opacity:.6}100%{transform:scale(1)rotate(0);opacity:1}}.connect-tile.moving{transition:all .3s ease-out}