@font-face{font-family:Valley Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/valley-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Valley Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/valley-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f2eb;--card:#fff;--ink:#171614;--sec:#6a665e;--line:#e6e1d6;--line2:#d9d3c6;--accent:#2d3436;--red:#b8321a;--green:#37b24d;--lime:#82c91e;--score-red:#f03e3e;--fill:#7676801f;--male:#74b9ff;--female:#fd79a8}@property --same{syntax:"<number>";inherits:true;initial-value:0}@property --earned{syntax:"<number>";inherits:true;initial-value:0}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font:17px/1.3 Valley Sans,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif}body{min-height:100dvh;margin:0}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #2d343666}.page{flex-direction:column;gap:16px;width:100%;max-width:600px;min-height:100dvh;margin:0 auto;padding:0 16px 40px;display:flex}.nav{min-height:56px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.nav a{align-items:center;display:inline-flex}.nav img{width:72px;height:36px;display:block}.nav small{color:var(--sec);font-size:15px}.title{letter-spacing:.37px;text-wrap:balance;margin:4px 0 0;font-size:34px;font-weight:700;line-height:1.12}.note{color:var(--sec);margin:0;font-size:15px;line-height:1.35}.note.center{text-align:center}.hdr{text-transform:uppercase;letter-spacing:.02em;color:var(--sec);margin:8px 0 -6px;padding:0 16px;font-size:13px}.field{background:var(--card);appearance:none;border:0;border-radius:18px;outline:none;width:100%;min-width:0;padding:16px;font-size:20px;font-weight:600}.field::placeholder{color:#1716144d;font-weight:600}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:17px;font-weight:600;line-height:1.2;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.7}.btn:disabled{opacity:.35;cursor:default}.btn.secondary{color:var(--accent);background:#2d343624}.btn.small{border-radius:10px;min-height:28px;padding:0 10px;font-size:13px}.btn.wide{width:100%}.btn.plain{color:var(--accent);background:0 0}.ico{width:1.1em;height:1.1em;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none}.ico.xmark{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 9.88 20.13 1.75l2.12 2.12L14.12 12l8.13 8.13-2.12 2.12L12 14.12l-8.13 8.13-2.12-2.12L9.88 12 1.75 3.87l2.12-2.12Z'/%3E%3C/svg%3E")}.ico.chevron{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.83 12l6.58 6.59L16 20l-8-8 8-8 1.41 1.41L10.83 12Z'/%3E%3C/svg%3E")}.ico.share{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 14H11C7.54202 14 4.53953 15.9502 3.03239 18.8107C3.01093 18.5433 3 18.2729 3 18C3 12.4772 7.47715 8 13 8V2.5L23.5 11L13 19.5V14ZM11 12H15V15.3078L20.3214 11L15 6.69224V10H13C10.5795 10 8.41011 11.0749 6.94312 12.7735C8.20873 12.2714 9.58041 12 11 12Z'/%3E%3C/svg%3E")}.avatar{width:var(--size,44px);height:var(--size,44px);background:var(--tone,var(--ink));color:#fff;font-size:calc(var(--size,44px) * .42);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.male{--tone:var(--male)}.female{--tone:var(--female)}.stmt{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 4px 116px;display:flex}.stmt .step{color:var(--sec);margin:0 0 12px;font-size:15px;font-weight:600}.stmt .stext{font-size:26px;line-height:1.25}.stmt .question{color:var(--sec);margin:14px 0 0;font-size:15px}.answer{position:relative}.answer .turn{position:absolute;bottom:calc(100% + 22px);left:8px}.answer .turn.female{left:auto;right:8px}.turn{--bubble:var(--card);background:var(--bubble);min-width:0;max-width:48%;min-height:68px;color:var(--ink);opacity:.55;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 28px 10px 10px;font-size:18px;font-weight:600;transition:opacity .15s,background .15s,color .15s;display:flex}.turn.female{flex-direction:row-reverse;padding:10px 10px 10px 28px}.turn.on{--bubble:var(--tone);color:#fff;opacity:1}.turn .avatar{--size:48px;box-shadow:0 0 0 2px #fff}.turn span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.turn:after{content:"";border-top:22px solid var(--bubble);border-left:9px solid #0000;border-right:9px solid #0000;position:absolute;top:calc(100% - 2px);left:40px}.turn.female:after{left:auto;right:40px}.scard{background:var(--card);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.stext{overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:600;line-height:1.3}.stext .sec{color:var(--sec);font-weight:400}.options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opt{border:1.5px solid var(--border);background:var(--card);min-height:56px;color:var(--ink);text-align:center;overflow-wrap:break-word;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:6px 10px;font-size:16px;line-height:1.25;transition:background .15s,border-color .15s;display:flex;position:relative}.opt:active{background:var(--soft)}.opt .label{white-space:pre-line}.opt.picked{background:var(--soft);border-color:var(--accentTone);font-weight:600}.marks{display:contents}.marks .avatar{--size:30px;margin-top:-15px;font-size:13px;position:absolute;top:50%}.marks .male{left:8px}.marks .female{right:8px}.card-enter{animation:.2s ease-out enter}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}.finalBar{gap:10px;display:flex}.finalBar .btn:first-child{flex:none}.finalBar .btn:last-child{flex:1}.deal{flex-direction:column;gap:12px;margin-top:auto;display:flex}.dealActions{z-index:1;padding:4px 0 calc(8px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:4px;display:flex;position:sticky;bottom:0}.page:has(>.deal){padding-bottom:0}.page:has(>.stage){padding-bottom:calc(16px + env(safe-area-inset-bottom))}.error{color:var(--red);text-align:center;margin:0;font-size:15px}.modal{background:var(--card);width:calc(100% - 32px);max-width:440px;height:min(520px,100dvh - 64px);color:var(--ink);border:0;border-radius:20px;margin:auto;padding:0;animation:.2s ease-out modal-in;box-shadow:0 20px 60px #1716142e}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}@media (hover:none) and (pointer:coarse){.modal{border-radius:20px 20px 0 0;width:100%;max-width:none;height:85dvh;margin:auto auto 0;animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up}.modalFoot{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@keyframes sheet-up{0%{transform:translateY(100%)}}.modal::backdrop{background:#17161459}.modalBody{flex-direction:column;height:100%;display:flex}.modalMain{flex-direction:column;flex:1;gap:14px;min-height:0;padding:4px 24px 24px;display:flex;overflow:auto}.modalFoot{padding:12px 24px 24px}.modalHead{grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:8px 18px;display:grid}.modalHead h2{text-align:center;grid-column:2;margin:0;font-size:17px;font-weight:600}.modalHead .prev{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;grid-column:1;justify-self:start;place-items:center;padding:0;display:grid}.modalHead .prev .ico{width:22px;height:22px}.modalHead .close{width:40px;height:40px;color:var(--sec);cursor:pointer;background:0 0;border:0;border-radius:50%;grid-column:3;justify-self:end;place-items:center;padding:0;display:grid}.modalHead .close .ico{width:17px;height:17px}.modal .searchInput,.modal .field{border:1px solid var(--line2);text-align:left;background:0 0;border-radius:12px;min-height:46px;padding:0 14px;font-size:17px;font-weight:400;box-shadow:0 1px 2px #1716140d}.modal .searchInput:focus,.modal .field:focus{border-color:var(--sec)}.modal .field::placeholder{font-weight:400}.modal .list .avatar{--size:48px}.modal .list{background:0 0;border-radius:0}.modal .list button{border-radius:12px;padding:8px}.modal .list li+li button{border-top:0}.modal .list button:active{background:var(--fill)}.list{background:var(--card);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.list button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 16px;font-size:17px;display:flex}.list li+li button{border-top:1px solid var(--line)}.list button:active{background:var(--line)}.list .avatar{--size:36px}.searchInput{background:var(--card);appearance:none;border:0;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 14px;font-size:17px}.searchInput::placeholder{color:#1716144d}.addForm{flex-direction:column;gap:14px;display:flex}.photoBox{border:1.5px dashed var(--line2);width:100%;min-height:168px;color:var(--sec);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;display:flex}.photoBox:active{background:var(--fill)}.photoBox img{object-fit:cover;border-radius:50%;width:104px;height:104px;display:block}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:16px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);margin:0}.scoreRow.result{margin-top:100px}.scoreRow.result .group .avatar{--size:112px}.scoreRow.result .group .avatar+.avatar{margin-left:-28px}.names{text-align:center;margin:4px 0 0;font-size:22px;font-weight:700}.by{color:var(--sec);text-align:center;margin:-8px 0 0;font-size:15px}.tabs{flex-direction:column;gap:20px;margin-top:16px;display:flex}.tabbar{top:calc(12px + env(safe-area-inset-top));z-index:3;background:var(--card);border-radius:14px;gap:4px;padding:4px;display:flex;position:sticky;box-shadow:0 1px 3px #17161414}.tabbar label{min-height:40px;color:var(--ink);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:600;transition:background .15s,color .15s;display:flex}.tabbar label b{color:var(--sec);font-size:13px;font-weight:600}:is(.tabs:has(#t-sim:checked) label[for=t-sim],.tabs:has(#t-dif:checked) label[for=t-dif]){background:var(--accent);color:#fff}:is(.tabs:has(#t-sim:checked) label[for=t-sim] b,.tabs:has(#t-dif:checked) label[for=t-dif] b){color:#ffffffb3}:is(.tabs:has(#t-sim:checked) .dif,.tabs:has(#t-dif:checked) .sim){display:none}.items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.btn.again{bottom:calc(16px + env(safe-area-inset-bottom));z-index:2;width:min(100% - 32px,568px);position:fixed;left:50%;transform:translate(-50%)}.page:has(>.again){padding-bottom:calc(98px + env(safe-area-inset-bottom))}.scard.item{padding:36px}.itemBody{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.itemBody .stext{font-size:20px;line-height:1.3}.scale{flex-direction:column;gap:8px;width:100%;display:flex}.scale .row{justify-content:space-between;display:flex;position:relative}.scale.two .row{justify-content:space-around}.scale .slot{justify-content:center;align-items:flex-end;width:36px;min-height:12px;display:flex}.scale .labels .slot{text-align:center;white-space:pre-line;color:var(--sec);font-size:11px;font-weight:600;line-height:1.2}.scale.two .labels .slot{font-size:12px}.scale .labels .slot i{width:max-content;max-width:72px;font-style:normal;display:block}.scale.two .labels .slot i{max-width:128px}.scale .line{background:var(--line2);height:2px;margin-top:-1px;position:absolute;top:50%;left:18px;right:18px}.scale.two .line{left:25%;right:25%}.scale .dot{border:2px solid var(--line2);background:var(--card);border-radius:4px;width:12px;height:12px;position:relative}.scale .dot.on{border-color:var(--accentTone);background:var(--accentTone)}.scale .people .slot{align-items:flex-start}.scale .people .avatar{--size:30px;border:2px solid var(--card);box-sizing:content-box;font-size:12px}.scale .people .avatar+.avatar{margin-left:-10px}.empty{color:var(--sec);text-align:center;margin:0;padding:24px;font-size:15px}.page.float .nav{position:absolute;top:0;left:16px;right:16px}.page:has(>.hero) .nav{position:absolute;top:0;left:16px;right:16px}@media (min-width:768px){.page.float .nav{top:20px;left:40px;right:40px}.page:has(>.hero) .nav{top:20px;left:40px;right:40px}}.pickGrid{grid-template-columns:repeat(2,132px);justify-content:center;gap:20px;width:100%;margin-top:36px;display:grid}.pickPerson{min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;padding:0;transition:opacity .15s;display:flex}.pickPerson:active{opacity:.7}.pickPerson .avatar{--size:112px}.pickPerson b{overflow-wrap:anywhere;max-width:100%;font-size:17px;font-weight:600;line-height:1.2}.pickPerson b.none{color:var(--sec);font-weight:500}.hero form{width:100%;margin-top:8px}.hero .field{text-align:center}.nav .btn{border-radius:12px;min-height:42px;padding:0 20px;font-size:16px}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;margin:auto 0;padding:56px 0 12px;display:flex}.hero h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:42px;font-weight:800;line-height:1.05}.hero p{max-width:30ch;color:var(--sec);text-wrap:balance;margin:0;font-size:17px;line-height:1.4}.stage{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;display:flex;position:relative}.scoreRow{flex-direction:column;align-items:center;gap:18px;margin-top:14px;transition:--same .6s ease-out,--earned .6s ease-out;display:flex}.scoreRow.blank{--score-red:var(--line2)}.scoreRow .group{display:flex;position:relative}.scoreRow .group .avatar{--size:88px;border:3px solid var(--bg);box-sizing:content-box}.scoreRow .group .avatar+.avatar{margin-left:-26px}.scoreRow .pill{border:2px solid var(--bg);color:#fff;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:11px;font-weight:700;animation:.35s cubic-bezier(.3,1.6,.5,1) pill-pop;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@keyframes pill-pop{0%{transform:translate(-50%,50%)scale(.5)}}.scoreRow .meter{background:linear-gradient(to right, var(--green) 0 calc(var(--same,0) * 1%), var(--lime) 0 calc(var(--earned,0) * 1%), var(--score-red) 0);width:107.5px;height:8px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5.5px);mask:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5.5px)}.deck{isolation:isolate;position:relative}.deck:before,.deck:after{content:"";z-index:-1;background:var(--card);border-radius:18px;position:absolute;inset:0;transform:translateY(6px)rotate(-1.5deg);box-shadow:0 1px 3px #17161414}.deck:after{transform:translateY(11px)rotate(1.8deg)}.introCard{gap:16px;padding:24px 20px 32px;transition:transform .38s ease-in,opacity .38s ease-in;animation:.3s ease-out deal;box-shadow:0 1px 3px #17161414}.introCard .stext{text-align:center;justify-content:center;align-items:center;min-height:2.6em;font-size:20px;display:flex}.introCard .opt{min-height:52px;font-size:14px}.introCard .marks .avatar{--size:26px;margin-top:-13px}.introCard .opt.picked{animation:.3s ease-out hit}.introCard .marks .avatar{animation:.3s cubic-bezier(.3,1.6,.5,1) mark-land}.introCard.out{opacity:0;transform:translate(-115%)rotate(-12deg)}@keyframes deal{0%{transform:translateY(8px)scale(.97)}}@keyframes hit{40%{transform:scale(1.03)}}@keyframes mark-land{0%{transform:scale(0)}}.shooters{z-index:1;justify-content:space-between;margin:-30px -6px 0;display:flex;position:relative}.shooters .avatar{--size:52px;border:3px solid var(--bg);box-sizing:content-box}.shooters .firing{animation:.3s ease-out recoil}@keyframes recoil{30%{transform:scale(.88)}}.shot{z-index:2;opacity:0;position:absolute;top:0;left:0}.shot i{background:var(--tone);width:14px;height:14px;box-shadow:0 0 0 5px color-mix(in srgb, var(--tone) 30%, transparent);border-radius:50%;margin:-7px;display:block}@media (max-height:740px){.hero h1{font-size:34px}.hero{gap:10px}.hero p{max-width:none;font-size:16px}.scoreRow{gap:14px;margin-top:6px}.scoreRow .group .avatar{--size:68px}}