.stage:has(.sort-area){border-color:#f2b53d;background:linear-gradient(180deg,#fffaf0 0,#fff 42%);box-shadow:0 16px 38px #7a4b1424}
.stage:has(.sort-area) .stage-head{margin:-.78rem -.78rem .7rem;padding:.9rem 1rem;border-radius:17px 17px 0 0;background:#175f57;color:#fff;align-items:center}
.stage:has(.sort-area) #levelLabel{display:inline-block;color:#fff4a8;font-size:.86rem;letter-spacing:.05em}
.stage:has(.sort-area) .stage-head h2{color:#fff;text-shadow:0 2px 0 #0b403a}
.stage:has(.sort-area) .stars{background:#ffe078;color:#593900;box-shadow:inset 0 0 0 2px #fff3b7}
.stage:has(.sort-area) #close{background:#fff;color:#174f49}
.stage:has(.sort-area) .instruction{color:#4b3100;background:#fff0b8;border-left-color:#ef9514}
.stage:has(.sort-area) .items{padding:1rem;border:2px solid #f5d16e;border-radius:18px;background:#fff8d9}
.stage:has(.sort-area) .sort-item{background:#fff;border-color:#e99b22;box-shadow:0 5px 0 #dfc06b;color:#172f2b}
.stage:has(.sort-area) .basket{color:#173d35;background:#eef9ed;border-color:#388b64;box-shadow:0 6px 0 #b6d9c4}
.stage:has(.sort-area) .basket:nth-of-type(2){background:#eaf4ff;border-color:#3979ad;box-shadow:0 6px 0 #b8d2e7}
.stage:has(.sort-area) .basket strong{font-size:1.08rem;color:#123f37}
@media(max-width:700px){.stage:has(.sort-area) .stage-head{display:flex;flex-wrap:wrap}.stage:has(.sort-area) .stage-head>div:last-child{width:100%;justify-content:space-between}.stage:has(.sort-area) .sort-area{gap:.75rem}.stage:has(.sort-area) .basket{min-height:105px}}