.pr{--tile:92px;gap:1rem;padding-bottom:14rem;display:grid}.pr-top{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.pr .back{color:var(--muted);font-size:var(--fs-sm);text-decoration:none}.pr-title{min-width:0;font:inherit;font-size:var(--fs-lg);color:var(--text);border:0;border-bottom:1px dashed var(--border);background:0 0;flex:14rem;padding:.2rem 0;font-weight:800}.fmt{display:flex}.pr .fmt button{border-radius:0}.pr .fmt button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.pr .fmt button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0}.pr .fmt button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.pr-actions{gap:.5rem;display:flex}.pr button,.selbar button,dialog button{font:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.45rem .8rem;font-weight:600}.pr button:hover:not(.tile),.selbar button:hover{border-color:var(--accent)}.pr button.quiet,.selbar button.quiet,dialog button.quiet{color:var(--muted);background:0 0}.pr-note{min-height:1.2em;color:var(--muted);font-size:var(--fs-sm);margin:0}.tiers{border-radius:var(--radius);gap:4px;display:grid;overflow:hidden}.tier-row{background:var(--panel);min-height:calc(var(--tile) + 8px);grid-template-columns:5.2rem 1fr;display:grid}.tier-label{text-align:center;color:#111;background:var(--tc);word-break:break-word;cursor:pointer;border:0;border-radius:0;place-items:center;padding:.4rem;font-size:1.3rem;font-weight:900;line-height:1.1;display:grid}.pr .tier-label{color:#111;background:var(--tc);border:0;border-radius:0;padding:.4rem;font-size:1.3rem;font-weight:900}.tier-body,.pool{flex-wrap:wrap;align-content:flex-start;gap:4px;padding:4px;display:flex}.tier-body:empty:before{content:""}.selecting .tier-body,.selecting .pool{cursor:copy}.selecting .tier-body{outline:1px dashed color-mix(in srgb, var(--tc) 60%, transparent);outline-offset:-3px}.numbered .tier-row{grid-template-columns:1fr}.numbered .tier-label{display:none}.pr .tile{width:var(--tile);height:var(--tile);background:linear-gradient(150deg, var(--c1), var(--c2));cursor:pointer;border:2px solid #0000;border-radius:10px;flex:none;padding:0;position:relative;overflow:hidden}.pr .tile[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent);z-index:1;border-color:#fff}.tile img{object-fit:cover;object-position:center 8%;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.tile.team img{object-fit:contain;padding:12% 12% 30%}.tile .mono{color:#ffffffe6;text-shadow:0 1px 6px #00000080;place-items:center;font-size:1.5rem;font-weight:900;display:grid;position:absolute;inset:0 0 28%}.tile .nm{color:#fff;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#08080ac7;padding:.2rem .2rem .25rem;font-size:.6rem;font-weight:800;line-height:1.1;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tile .rk{color:#fff;text-align:center;background:#08080ad1;border-radius:999px;min-width:1.3rem;padding:0 .3rem;font-size:.68rem;font-weight:800;position:absolute;top:3px;left:3px}.tile.dragging{opacity:.4}.poolbox{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.pool-head{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem .8rem .2rem;display:flex}.pool-head h2{flex:auto;margin:0}.pool-head input,dialog input{font:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .6rem}.adder{position:relative}.adder ul{z-index:20;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:max(100%,16rem);margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 18px 30px -18px #000}.adder li button{text-align:left;background:0 0;border:0;width:100%}.pool:empty:after{content:"Everything is ranked.";color:var(--muted);font-size:var(--fs-sm);padding:.6rem}.selbar{z-index:50;padding:.7rem max(1rem, env(safe-area-inset-left)) calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel) 94%, transparent);backdrop-filter:blur(10px);border-top:1px solid var(--hairline);gap:.55rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 30px -20px #000}.selbar[hidden]{display:none}.sel-main{align-items:center;gap:.8rem;display:flex}.sel-info{flex:1;min-width:0;display:grid}.sel-info strong{font-size:var(--fs-md)}.sel-info span{color:var(--muted);font-size:var(--fs-sm)}.sel-stat{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sel-main a{font-size:var(--fs-sm);white-space:nowrap}.sel-tiers,.sel-tools{flex-wrap:wrap;gap:.4rem;display:flex}.selbar .sel-tiers button{color:#111;background:var(--tc);border-color:#0000;min-width:2.6rem;font-weight:900}.selbar .sel-tiers button.here{outline:2px solid #fff}dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:calc(100% - 2rem);max-width:22rem;padding:1.1rem}dialog::backdrop{background:#0009}dialog label{font-size:var(--fs-sm);color:var(--muted);gap:.3rem;display:grid}.swatches{flex-wrap:wrap;gap:.4rem;margin:.9rem 0;display:flex}.swatches button{background:var(--tc);border-radius:50%;width:2rem;height:2rem;padding:0}.swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #fff}.dlg-actions{justify-content:flex-end;gap:.5rem;display:flex}.selbar button.primary{background:var(--accent);border-color:var(--accent);color:#fff}dialog.quick-dialog{width:min(46rem,100% - 2rem);max-width:none;height:min(88vh,54rem);padding:0;overflow:hidden}.quick-dialog[open]{display:block}.quick-dialog iframe{background:var(--bg);border:0;width:100%;height:100%;display:block}dialog .quick-close{z-index:2;border-radius:50%;width:2.2rem;height:2.2rem;padding:0;position:absolute;top:.5rem;right:.5rem}@media (width<=560px){dialog.quick-dialog{border-radius:var(--radius) var(--radius) 0 0;width:100%;height:90vh;margin:auto 0 0}.pr{--tile:72px}.tier-row{grid-template-columns:3.4rem 1fr}.pr .tier-label{font-size:1.05rem}.tile .nm{font-size:.52rem}}