.tiers{--nope:#d98a7f}.tiers .tier-bar{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem;display:flex}.tiers .seg{border:1px solid var(--night-3);border-radius:999px;display:inline-flex;overflow:hidden}.tiers .seg button{font:inherit;font-size:var(--step-small);color:var(--parchment);cursor:pointer;background:0 0;border:0;padding:.45rem .95rem}.tiers .seg button[aria-selected=true],.tiers .seg button[aria-pressed=true]{background:var(--gold);color:var(--night);font-weight:700}.tiers .actions{gap:.5rem;margin-left:auto;display:inline-flex}.tiers .actions button,.tiers .shared-note button,.tiers .more{font:inherit;font-size:var(--step-small);border:1px solid var(--night-3);color:var(--parchment);cursor:pointer;background:0 0;padding:.4rem .9rem}.tiers .actions button:hover:not(:disabled),.tiers .shared-note button:hover,.tiers .more:hover{border-color:var(--gold)}.tiers .actions button:disabled{opacity:.4;cursor:default}.tiers .status{min-height:1.2em;font-size:var(--step-small);color:var(--gold);flex-basis:100%;margin:0}.tiers .shared-note{color:var(--faded);margin:0 0 1rem}.tiers .shared-note[hidden],.tiers .pool[hidden],.tiers .place-bar[hidden],.tiers .more[hidden]{display:none}.tiers .hint{color:var(--faded);font-size:var(--step-small)}.tiers .tier-rows{gap:.35rem;margin-bottom:1.5rem;display:grid}.tiers .tier{background:var(--night-2);grid-template-columns:2.6rem minmax(0,1fr);min-height:3.6rem;display:grid}.tiers .tier-label{color:var(--night);background:var(--gold);place-items:start center;margin:0;padding-top:.9rem;font-size:1.4rem;display:grid}.tiers .tier[data-tier=A] .tier-label{background:#c9c36a}.tiers .tier[data-tier=B] .tier-label{background:#86bd8a}.tiers .tier[data-tier=C] .tier-label{background:#6fb0c0}.tiers .tier[data-tier=D] .tier-label{background:#9a9ad0}.tiers .tier[data-tier=F] .tier-label{background:var(--nope)}.tiers .tier-items{flex-wrap:wrap;align-content:flex-start;gap:.3rem;margin:0;padding:.3rem;list-style:none;display:flex}.tiers .tier-items.community{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.4rem .6rem;display:grid}.tiers .card{grid-template-columns:2.75rem 1fr;align-items:center;gap:.5rem;font-size:.8rem;line-height:1.3;display:grid}.tiers .card b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.tiers .card span{color:var(--faded)}.tiers .card img,.tiers .card .no-cover{object-fit:cover;background:var(--night-3);width:2.75rem;height:2.75rem;display:block}.tiers .gl-help{font:inherit;border:1px solid var(--faded);width:1.1rem;height:1.1rem;color:var(--faded);cursor:help;background:0 0;border-radius:50%;padding:0;font-size:.7rem;line-height:1}.tiers .c{all:unset;box-sizing:border-box;cursor:pointer;display:block;position:relative}.tiers .c img,.tiers .c .no-cover{aspect-ratio:1;object-fit:cover;background:var(--night-3);outline-offset:1px;outline:3px solid #0000;width:100%;display:block}.tiers .c .no-cover{text-align:center;color:var(--faded);place-items:center;padding:.15rem;font-size:.55rem;line-height:1.1;display:grid;overflow:hidden}.tiers .grid .c .no-cover{padding:.3rem;font-size:.78rem}.tiers .c:focus-visible img,.tiers .c:focus-visible .no-cover{outline-color:var(--parchment)}.tiers .c.sel img,.tiers .c.sel .no-cover{outline-color:var(--gold)}.tiers .pool-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.6rem;display:flex}.tiers .pool-head h2{margin:0;font-size:1.1rem}.tiers .pool-head input{font:inherit;background:var(--night-2);border:1px solid var(--night-3);color:var(--parchment);flex:10rem;min-width:0;max-width:18rem;padding:.4rem .7rem;font-size:.9rem}.tiers .grid{grid-template-columns:repeat(auto-fill, minmax(var(--pool), 1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.tiers .grid li{min-width:0}.tiers .grid .c{width:100%}.tiers .more{margin-top:1rem}.tiers .place-bar{z-index:8;background:var(--night-2);border-top:1px solid var(--night-3);padding:.6rem 1rem calc(.7rem + env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0006}.tiers .place-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.tiers .place-close{font:inherit;font-size:var(--step-small);color:var(--faded);cursor:pointer;background:0 0;border:0;text-decoration:underline}.tiers .place-buttons{grid-column:1/-1;grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.tiers .place-buttons button{font:inherit;cursor:pointer;background:var(--gold);min-height:2.75rem;color:var(--night);border:0;font-size:1.05rem;font-weight:700}.tiers .place-buttons button[data-letter=A]{background:#c9c36a}.tiers .place-buttons button[data-letter=B]{background:#86bd8a}.tiers .place-buttons button[data-letter=C]{background:#6fb0c0}.tiers .place-buttons button[data-letter=D]{background:#9a9ad0}.tiers .place-buttons button[data-letter=F]{background:var(--nope)}.tiers .place-buttons .clear-letter{background:var(--night-3);color:var(--parchment)}.tiers .place-buttons button:focus-visible{outline:3px solid var(--parchment);outline-offset:1px}.tiers{padding-bottom:7rem}@media (width>=60rem){.tiers .place-bar{border:1px solid var(--night-3);border-bottom:0;width:min(34rem,100%);left:50%;right:auto;transform:translate(-50%)}}.tiers .seg{border-radius:1.2rem;flex-wrap:wrap}.tiers .tier-bar>input{font:inherit;background:var(--night-2);border:1px solid var(--night-3);color:var(--parchment);flex:9rem;min-width:0;max-width:16rem;padding:.4rem .7rem;font-size:.9rem}.tiers .actions[hidden]{display:none}.tiers .actions{margin-left:0}.tiers .place-name{grid-column:1}.tiers .place-name b{font-weight:700}.tiers .place-name span{color:var(--faded);margin-left:.4rem;font-size:.82rem}.tiers .place-label{letter-spacing:.06em;text-transform:uppercase;color:var(--faded);grid-column:1/-1;margin:0;font-size:.72rem}.tiers .place-buttons button[aria-pressed=true]{outline:3px solid var(--parchment);outline-offset:1px}.tiers .tier-items .c{width:var(--cover);height:var(--cover)}.tiers .how-counted{margin-top:2.5rem}.tiers .how-counted h2{font-size:1.2rem}.tiers .how-counted p+p{margin-top:.75rem}.tiers{--cover:72px;--pool:120px}.tiers .tier-label{grid-row:1/span 2}.tiers .tier-items.clip{max-height:calc(var(--cover) * 2 + .3rem + .6rem);overflow:hidden}.tiers .tier-toggle{font:inherit;font-size:var(--step-small);color:var(--gold);cursor:pointer;background:0 0;border:0;grid-column:2;justify-self:start;padding:.3rem .5rem .4rem;text-decoration:underline}.tiers .search-box{flex:12rem;max-width:20rem;display:flex;position:relative}.tiers .search-box input{font:inherit;background:var(--night-2);border:1px solid var(--night-3);color:var(--parchment);flex:1;min-width:0;padding:.4rem 2rem .4rem .7rem;font-size:.9rem}.tiers .search-box input::-webkit-search-cancel-button{display:none}.tiers .search-box button{font:inherit;color:var(--faded);cursor:pointer;background:0 0;border:0;padding:.3rem .5rem;position:absolute;top:50%;right:.15rem;transform:translateY(-50%)}.tiers .search-box button[hidden]{display:none}.tiers .matches{background:var(--night-2);margin:0 0 1rem;padding:.6rem}.tiers .matches[hidden]{display:none}.tiers .matches h2{letter-spacing:.06em;text-transform:uppercase;color:var(--faded);margin:0 0 .5rem;font-size:.8rem}.tiers .match-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tiers .match-list .c{width:4.5rem;height:4.5rem}.tiers .match-list .none{color:var(--faded);font-size:var(--step-small)}.tiers .c.hit img{outline-color:var(--gold);outline-width:3px;box-shadow:0 0 0 5px #d4a73a59}.tiers .place-buttons{grid-template-columns:repeat(6,1fr) auto}.tiers .place-buttons .clear-letter{padding:0 1rem;font-size:.9rem;font-weight:600}.tiers .place-buttons button:disabled{opacity:.4;cursor:default}.tiers .tier-items li{position:relative}.tiers .rm{display:none}@media (hover:hover) and (pointer:fine){.tiers .rm{border:1px solid var(--faded);background:var(--night);width:1.15rem;height:1.15rem;color:var(--parchment);cursor:pointer;opacity:0;z-index:2;border-radius:50%;place-items:center;padding:0;font-size:.85rem;line-height:1;transition:opacity .12s;display:grid;position:absolute;top:-4px;right:-4px}.tiers .tier-items li:hover .rm,.tiers .rm:focus-visible{opacity:1}}.tiers .place-sample{white-space:nowrap;margin-left:.5rem;font-size:.78rem}.tiers .trial-note{font-size:var(--step-small);color:var(--faded);flex-basis:100%;margin:0}.tiers .trial-note[hidden]{display:none}.tiers .trial-note button{font:inherit;color:var(--faded);cursor:pointer;background:0 0;border:0;padding:0 .3rem}.tiers .disclose{margin-top:1.5rem}.tiers .place-msg{color:var(--nope);grid-column:1/-1;margin:0;font-size:.82rem}.tiers .place-msg[hidden],.tiers .belongs[hidden]{display:none}.tiers .belongs{color:var(--faded);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.4rem;margin:0;font-size:.82rem;display:flex}.tiers .belongs button{font:inherit;border:1px solid var(--night-3);color:var(--parchment);cursor:pointer;background:0 0;padding:.2rem .7rem;font-size:.8rem}.tiers .belongs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.tiers .ts-box{z-index:9;position:fixed;bottom:12rem;left:50%;transform:translate(-50%)}.tiers .belongs button:disabled{opacity:.4;cursor:default}.tiers .tier-text{max-width:62ch;margin-top:2rem}.tiers .tier-text[hidden]{display:none}.tiers .tier-names{columns:2 16rem;font-size:var(--step-small);column-gap:2rem;margin:0 0 1rem;padding-left:1.2rem}.tiers .how-counted h3{margin:1.25rem 0 .25rem;font-size:1rem}.tiers .how-counted p+h3{margin-top:1.25rem}