.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell__skip-link{color:canvastext;background:canvas;border:2px solid;padding:.5rem 1rem;position:absolute;top:-4rem;left:.5rem}.app-shell__skip-link:focus-visible{outline-offset:2px;outline:3px solid;top:.5rem}.app-shell__header,.app-shell__footer{padding:1rem clamp(1rem,4vw,3rem)}.app-shell__header{border-bottom:2px solid}.app-shell__brand{color:inherit;font-size:1.5rem;font-weight:700;text-decoration:none}.app-shell__main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:clamp(1rem,4vw,3rem)}.app-shell__main:focus{outline:none}.app-shell__footer{border-top:2px solid;font-size:.875rem}.picker__grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.picker-tile{background:hsl(var(--hue) 70% 88%);color:#111;width:100%;min-height:9rem;font:inherit;text-align:center;cursor:pointer;border:3px solid canvastext;border-radius:.75rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;padding:.75rem .5rem;font-size:1.125rem;display:flex;position:relative}.picker-tile:focus-visible{outline-offset:3px;outline:4px solid canvastext}.picker-tile[aria-pressed=true]{background:hsl(var(--hue) 85% 78%);font-weight:700;box-shadow:inset 0 0 0 6px canvastext}.picker-tile[aria-disabled=true]:not([aria-pressed=true]){opacity:.78;cursor:not-allowed}.picker-tile__art{width:4rem;height:4rem}.picker-tile__name{line-height:1.2}.picker-tile__era{font-size:.875rem;font-weight:400}.picker-tile__badge{color:canvas;background:canvastext;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.125rem;font-weight:700;display:grid;position:absolute;top:.5rem;right:.5rem}.picker__bar{background:canvas;border-top:2px solid canvastext;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;padding:1rem 0;display:flex;position:sticky;bottom:0}.picker__status{margin:0;font-size:1.125rem}.picker__battle{color:#111;min-width:11rem;min-height:3.5rem;font:inherit;cursor:pointer;background:#ffd23f;border:3px solid canvastext;border-radius:.75rem;padding:.5rem 1.5rem;font-size:1.5rem;font-weight:700}.picker__battle:focus-visible{outline-offset:3px;outline:4px solid canvastext}body{margin:0}*{box-sizing:border-box}