:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#f8f5e9;background:#151a43;--yellow:#ffd84b;--pink:#ff6f91;--cyan:#68dbe0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 10%,#30367b 0,transparent 30%),#151a43}button{font:inherit}main{max-width:1220px;margin:auto;padding:26px 28px 70px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #656a96;padding-bottom:18px}.logo{display:grid;transform:rotate(-3deg)}.logo span{font-size:11px;letter-spacing:.25em;color:var(--cyan)}.logo b{font-size:28px;color:var(--yellow)}.steps{display:flex;gap:28px;color:#858ab2;font-size:13px}.steps .on{color:#fff}.streak{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center}.streak span{font-size:11px}.streak b{font-size:34px;color:var(--yellow);grid-row:1/3;grid-column:2}.streak i{font-size:9px;color:#858ab2}.intro{display:grid;grid-template-columns:1fr 420px;align-items:end;padding:60px 0 38px}.intro>div>span{font-size:11px;color:var(--cyan);letter-spacing:.18em}.intro h1{font-size:clamp(49px,7vw,88px);line-height:.91;letter-spacing:-.065em;margin:15px 0 0}.intro h1 em{font-style:normal;color:var(--pink)}.intro p{line-height:1.65;color:#b9bcda;margin:0}.intro p b{color:#fff}.pool{background:#282e65;border-radius:28px;padding:22px;box-shadow:0 10px #0d1030}.zone-title{display:flex;justify-content:space-between;margin-bottom:14px}.zone-title b{color:var(--yellow)}.zone-title span{font-size:11px;color:#9ca0ca}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;min-height:120px}.card-grid article,.seat-list article{background:#f8f5e9;color:#171a37;border-radius:14px;padding:12px;min-width:0;position:relative;cursor:grab;border:3px solid transparent;box-shadow:0 4px #0e1239}.card-grid article.selected,.seat-list article.selected{border-color:var(--yellow);transform:translateY(-4px)}article .kind{font-size:8px;letter-spacing:.11em;color:#77788b}article>strong{font-size:24px;display:block;margin:8px 0}article code{font:10px Courier New;word-break:break-all;color:#55566d}.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.group{border:1px solid #656a96;border-radius:24px;padding:14px;min-height:330px}.group-head{width:100%;border:0;border-radius:15px;background:var(--yellow);color:#171a37;padding:13px;display:grid;grid-template-columns:1fr auto;cursor:pointer;text-align:left}.group:nth-child(2) .group-head{background:var(--pink)}.group:nth-child(3) .group-head{background:var(--cyan)}.group-head span{font-size:9px}.group-head b{font-size:42px;grid-row:1/3;grid-column:2}.group-head i{font-size:11px;font-style:normal}.seat-list{display:grid;gap:8px;margin-top:12px}.seat-list article{padding-right:48px}.drop{border:1px dashed #656a96;border-radius:14px;padding:48px 10px;text-align:center;color:#777ca8;font-size:12px}.order{position:absolute;right:8px;top:8px;display:grid;gap:3px}.order button{border:0;background:#ddd9ce;width:28px;height:25px;border-radius:7px;cursor:pointer}.why{border-top:1px solid #ccc9be;margin-top:9px;padding-top:8px;display:grid;gap:4px}.why b{font-size:10px;color:#1a7651}.why span{font-size:10px;line-height:1.35}.wrong-group,.wrong-order{background:#ffe0e6!important;border-color:#e64f70!important}.wrong-group .why b,.wrong-order .why b{color:#c12d4e}.noise{background:#fff0bd!important;border-color:#d89700!important}.correct{background:#dcf8e9!important;border-color:#32a36c!important}.submit{display:flex;justify-content:flex-end;align-items:center;gap:22px;border-top:1px solid #656a96;margin-top:30px;padding-top:24px}.submit p{color:#8e93bd;font-size:12px}.submit>button{border:0;background:var(--pink);color:#171a37;border-radius:14px;padding:17px 22px;min-width:230px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 5px #7c2849}.passed,.failed{display:grid;border-left:5px solid #38ce86;padding-left:14px}.failed{border-color:var(--pink)}.passed b,.failed b{font-size:20px}.passed span,.failed span{font-size:12px;color:#9ca0ca}@media(max-width:900px){.card-grid{grid-template-columns:repeat(4,1fr)}.intro{grid-template-columns:1fr;gap:25px}.groups{grid-template-columns:1fr}.group{min-height:0}.seat-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:18px 14px}.steps{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.seat-list{grid-template-columns:1fr}.zone-title span{max-width:180px;text-align:right}.submit{align-items:stretch;flex-direction:column}.submit>button{width:100%}}.pool-return{border:0;background:transparent;padding:0;cursor:pointer}