body{margin:0;background:#1e1e2e;font-family:Segoe UI,sans-serif;color:#fff}.container{max-width:600px;margin:40px auto;padding:24px;background:#2a2a3b;border-radius:14px;box-shadow:0 0 25px #0000004d;text-align:center}h1{margin-bottom:10px;font-size:28px;font-weight:700}button{background:#4f46e5;border:none;color:#fff;padding:12px 20px;font-size:16px;cursor:pointer;border-radius:8px;transition:.3s}button:hover{background:#4338ca}.tip-box{margin-top:18px;padding:12px;background:#3b3b51;border-radius:10px;color:#c3c3ff;font-style:italic}.app-container{text-align:center;padding:20px;font-family:Arial,sans-serif}.phase-title{font-size:28px;margin-bottom:16px}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;max-width:600px;margin:0 auto}.item-card{background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 6px #0003;cursor:grab;font-size:18px;-webkit-user-select:none;user-select:none;transition:.2s}.item-card:active{cursor:grabbing;transform:scale(1.05)}button{padding:10px 16px;background-color:#4a7ccd;color:#fff;border:none;margin-top:16px;border-radius:10px;cursor:pointer;transition:.2s;font-size:16px}button:hover{background-color:#3a6ab8}.tips-box{margin-top:20px;padding:12px;background:#e6f0ff;color:#123968;border-radius:12px;max-width:500px;margin-left:auto;margin-right:auto;box-shadow:0 2px 6px #0002}