@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-latin.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-sans-latin.woff2) format("woff2");unicode-range:U+0000-00ff,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-sans-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}.pf-shell{--pf-paper: #fbf7ee;--pf-paper-strong: #fffdf7;--pf-blue: #e6232f;--pf-blue-dark: #bd1722;--pf-navy: #181820;--pf-ink: #17171f;--pf-muted: #667182;--pf-gold: #e6232f;--pf-gold-soft: #ef9aa0;--pf-border: #d8cebd;min-height:100vh;color:var(--pf-ink);background:var(--pf-paper);font-family:Nunito Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pf-shell *{box-sizing:border-box}.pf-shell button,.pf-shell select{font:inherit}.pf-shell button:focus-visible,.pf-shell select:focus-visible{outline:3px solid rgba(230,35,47,.25);outline-offset:4px}.pf-picker{min-height:760px;padding:40px clamp(22px,3vw,48px) 44px;scroll-margin-top:92px;background-color:var(--pf-paper);background-image:url(/design/picker-paper-field-guide.webp);background-position:center top;background-size:cover}.pf-intro{text-align:center}.pf-title-row{position:relative;width:fit-content;max-width:100%;margin:0 auto;display:flex;align-items:flex-start;justify-content:center}.pf-title-mark{position:absolute;left:-44px;top:-5px;width:31px;height:31px;color:var(--pf-gold);stroke-width:2.8}.pf-intro h1{max-width:980px;margin:0 auto;color:var(--pf-ink);font-family:Archivo Black,Nunito Sans,ui-sans-serif,sans-serif;font-size:clamp(42px,4.2vw,62px);font-weight:400;line-height:1.04;letter-spacing:-.045em}.pf-intro p{max-width:780px;margin:18px auto 0;color:var(--pf-muted);font-size:clamp(16px,1.35vw,20px);font-weight:600;line-height:1.55}.pf-mode{width:min(430px,100%);height:56px;margin:24px auto 0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #8f8b83;border-radius:10px;background:#fffdf7c2;box-shadow:0 5px 18px #2f281c0d}.pf-mode button{border:0;background:transparent;color:var(--pf-ink);font-size:16px;font-weight:900;cursor:pointer;transition:background .16s,color .16s}.pf-mode button+button{border-left:1px solid #8f8b83}.pf-mode button.is-active{color:#fff;background:var(--pf-blue)}.pf-filter{max-width:620px;margin:18px auto 0;padding:14px 16px;display:flex;align-items:end;justify-content:center;gap:12px;border:1px solid var(--pf-border);border-radius:10px;background:#fffdf7e0}.pf-filter label{display:grid;gap:6px;color:var(--pf-muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pf-filter select{min-width:220px;height:42px;padding:0 12px;color:var(--pf-ink);text-transform:capitalize;border:1px solid #aaa294;border-radius:7px;background:#fffdf7}.pf-round{max-width:730px;margin:24px auto 0;text-align:center}.pf-round-top{min-height:30px;display:flex;align-items:center;justify-content:center;gap:18px}.pf-round-top strong{display:inline-flex;align-items:center;gap:14px;color:var(--pf-ink);font-size:19px;font-weight:900}.pf-round-star{width:18px;height:18px;color:var(--pf-gold);fill:color-mix(in srgb,var(--pf-gold) 24%,transparent)}.pf-round-top .pf-text-button{padding:4px}.pf-round p{margin:22px 0 0;color:var(--pf-ink);font-size:18px;font-weight:900}.pf-progress{height:8px;margin-top:14px;overflow:hidden;border-radius:99px;background:#e3ded3}.pf-progress span{display:block;height:100%;border-radius:inherit;background:var(--pf-blue);transition:width .26s ease}.pf-grid{max-width:1390px;margin:22px auto 0;display:grid;grid-template-columns:repeat(8,minmax(108px,1fr));gap:clamp(10px,1.25vw,18px)}.pf-grid.mode-precise{max-width:790px;grid-template-columns:repeat(4,minmax(135px,1fr))}.pf-tile{position:relative;min-width:0;min-height:224px;padding:12px 9px 11px;display:grid;grid-template-rows:1fr auto 17px;align-items:center;overflow:hidden;color:var(--pf-ink);border:1px solid var(--pf-gold-soft);border-radius:5px;background:#fffdf7d4;box-shadow:0 8px 22px #523a140d;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.pf-tile:hover{z-index:1;transform:translateY(-4px);border-color:var(--pf-gold);background:#fffdf7;box-shadow:0 12px 28px #4a34121f}.pf-tile.is-selected{padding:10px 7px 9px;border:3px solid var(--pf-blue);background:#fffdf7;box-shadow:0 0 0 4px #0d4bd71a,0 12px 28px #0d4bd71f}.pf-tile img{display:block;width:100%;min-height:0;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(66,47,25,.08))}.pf-tile>span:last-of-type{display:block;min-height:24px;padding-top:3px;font-size:clamp(12px,1vw,16px);font-weight:900;line-height:1.25;overflow-wrap:anywhere}.pf-tile-mark{width:13px;height:13px;margin:3px auto 0;color:var(--pf-gold);stroke-width:2}.pf-check{position:absolute;z-index:2;top:10px;right:10px;width:28px;height:28px;display:grid;place-items:center;border:1.6px solid #736f67;border-radius:50%;background:#fffdf7}.pf-tile.is-selected .pf-check{color:#fff;border-color:var(--pf-blue);background:var(--pf-blue)}.pf-check svg{width:17px;height:17px;stroke-width:3}.pf-actions{margin:22px auto 0;display:flex;justify-content:center;gap:28px}.pf-button{min-width:220px;min-height:58px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:16px;font-weight:900;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s,box-shadow .16s}.pf-button svg,.pf-text-button svg{width:19px;height:19px}.pf-button.primary{color:#fff;border:1px solid var(--pf-blue);background:var(--pf-blue);box-shadow:0 4px 0 var(--pf-gold)}.pf-button.primary:hover:not(:disabled){transform:translateY(-2px);background:var(--pf-blue-dark);box-shadow:0 6px 0 var(--pf-gold)}.pf-button.secondary{color:var(--pf-ink);border:1px solid #6f6a61;background:#fffdf7d1}.pf-button.secondary:hover:not(:disabled){transform:translateY(-1px);border-color:var(--pf-blue);color:var(--pf-blue);background:#fffdf7}.pf-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.pf-text-button{padding:0;display:inline-flex;align-items:center;gap:7px;color:var(--pf-blue);border:0;background:none;font-size:13px;font-weight:900;cursor:pointer}.pf-loading{height:360px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--pf-muted);font-weight:800}.pf-loading svg{width:22px;animation:pf-spin .9s linear infinite}.pf-complete{max-width:720px;margin:42px auto 140px;padding:26px 0;display:grid;grid-template-columns:1fr auto;align-items:center;border-block:1px solid var(--pf-border)}.pf-complete strong,.pf-complete span{grid-column:1}.pf-complete strong{font-size:22px;font-weight:900}.pf-complete span{margin-top:5px;color:var(--pf-muted)}.pf-complete svg{grid-column:2;grid-row:1/3;color:var(--pf-blue)}.pf-results{min-height:310px;margin-top:0;padding:64px clamp(26px,4vw,64px) 54px;display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);align-items:center;gap:clamp(34px,5vw,78px);color:var(--pf-ink);border-top:1px solid var(--pf-border);background-color:var(--pf-paper);background-image:url(/design/picker-paper-field-guide.webp);background-position:center bottom;background-size:cover}.pf-results-copy h2{margin:0;color:var(--pf-ink);font-family:Archivo Black,Nunito Sans,ui-sans-serif,sans-serif;font-size:clamp(36px,3.4vw,52px);font-weight:400;line-height:1;letter-spacing:-.045em}.pf-results-copy p{margin:15px 0 0;color:var(--pf-muted);font-size:16px;font-weight:600;line-height:1.55}.pf-results-copy .pf-reorder-hint{color:var(--pf-blue);font-size:13px;font-weight:800}.pf-result-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:11px}.pf-results:not(.is-complete) .pf-result-actions{display:none}.pf-result-actions .pf-button{min-width:0;min-height:44px;padding-inline:15px;font-size:13px}.pf-result-actions .pf-button.secondary{color:var(--pf-ink);border-color:#a9a39a;background:#fffdf7eb}.pf-result-actions .pf-text-button{width:100%;margin-top:3px;color:var(--pf-blue)}.pf-poster{min-width:0;padding:26px 24px 18px;color:var(--pf-ink);border:1px solid var(--pf-border);border-radius:16px;background:#fffdf7f0;box-shadow:0 14px 34px #33281814}.pf-poster-title{display:none;margin-bottom:30px;text-align:center;font-family:Archivo Black,Nunito Sans,sans-serif;font-size:clamp(26px,2.8vw,42px);font-weight:400;letter-spacing:.01em}.pf-results.is-complete .pf-poster-title{display:block}.pf-poster ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pf-poster li{position:relative;min-width:0;aspect-ratio:.96;padding:0;border:1px solid #c9c3b8;border-radius:10px;background:#fffdf7;overflow:hidden}.pf-poster li:first-child{border:2px solid var(--pf-blue)}.pf-result-slot{position:relative;width:100%;height:100%;padding:4px;display:grid;grid-template-rows:1fr auto;place-items:center;color:inherit;border:0;background:transparent;font:inherit}button.pf-result-slot{cursor:pointer}.pf-poster.is-editable li{transition:background .16s,outline-color .16s,transform .16s}.pf-poster.is-editable li:hover{transform:translateY(-3px);border-color:var(--pf-blue);background:#fff}.pf-poster li.is-reordering{outline:3px solid var(--pf-blue);outline-offset:3px;background:#fff}.pf-poster li img{width:100%;height:100%;min-height:0;object-fit:contain}.pf-rank{position:absolute;z-index:1;top:7px;left:7px;width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--pf-blue);transform:none;font-size:11px;font-weight:900}.pf-result-name{width:100%;min-height:27px;padding:5px 2px 2px;overflow:hidden;color:var(--pf-ink);font-size:clamp(8px,.8vw,12px);font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pf-poster-brand{margin-top:15px;color:var(--pf-muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-align:center}.pf-empty{width:48%;aspect-ratio:1;border:1px dashed #c9c3b8;border-radius:50%}.pf-explore{padding:25px 20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;color:#6d6a64;border-top:1px solid #ded5c6;background:var(--pf-paper);font-size:13px}.pf-explore strong{color:var(--pf-ink)}.pf-explore a{color:var(--pf-blue);font-weight:800;text-decoration:none}.pf-explore a:hover{text-decoration:underline}.pf-results:not(.is-complete) .pf-poster{filter:saturate(.82)}.pf-legal{margin:0;padding:20px;color:#77736b;border-top:1px solid #ded5c6;background:var(--pf-paper);font-size:11px;text-align:center}@keyframes pf-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.pf-picker{min-height:0}.pf-grid{max-width:790px;grid-template-columns:repeat(4,minmax(130px,1fr))}.pf-results{grid-template-columns:1fr}.pf-results-copy{max-width:620px}}@media(max-width:720px){.pf-picker{padding:36px 18px 26px;background-position:38% top}.pf-intro{text-align:left}.pf-title-row{margin:0;justify-content:flex-start}.pf-title-mark{display:none}.pf-intro h1{max-width:350px;margin:0;font-family:Nunito Sans,ui-sans-serif,sans-serif;font-size:42px;font-weight:900;line-height:1.02;letter-spacing:-.05em}.pf-intro p{max-width:380px;margin-left:0;font-size:16px;line-height:1.5}.pf-mode{height:54px;margin-top:28px}.pf-round{margin-top:28px;text-align:left}.pf-round-top{justify-content:space-between}.pf-round-top strong{gap:8px;font-size:17px}.pf-round-star{width:15px;height:15px}.pf-round p{margin-top:20px;font-size:16px}.pf-filter{align-items:stretch;flex-direction:column}.pf-filter select{width:100%;min-width:0}.pf-grid,.pf-grid.mode-precise{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pf-tile{min-height:205px;padding:8px 7px 9px}.pf-tile.is-selected{padding:6px 5px 7px}.pf-tile>span:last-of-type{font-size:14px}.pf-actions{position:sticky;z-index:10;bottom:0;margin:18px -18px -26px;padding:14px 18px;gap:10px;border-top:1px solid var(--pf-border);background:#fbf7eef5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pf-actions .pf-button{min-width:0;min-height:52px;flex:1;padding-inline:10px;font-size:14px}.pf-results{min-height:0;margin-top:0;padding:42px 18px 36px;gap:40px;background-position:38% bottom;background-size:auto 100%}.pf-results-copy h2{font-family:Nunito Sans,ui-sans-serif,sans-serif;font-size:40px;font-weight:900}.pf-poster{padding:20px 10px 14px}.pf-poster-title{font-family:Nunito Sans,ui-sans-serif,sans-serif;font-size:28px;font-weight:900}.pf-poster ol{grid-template-columns:repeat(5,1fr);gap:6px;row-gap:8px}.pf-rank{top:5px;left:5px;width:20px;height:20px;font-size:9px}.pf-result-name{display:none}.pf-poster li{aspect-ratio:.82}}@media(prefers-reduced-motion:reduce){.pf-shell *,.pf-shell *:before,.pf-shell *:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
