:root{--bg1:#20104a;--bg2:#198f08;--card:#ffffff;--ink:#16213e;--accent:#ffcc33;--good:#29c76f;--bad:#ff5c7a}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at top left,#2df1ff55,transparent 35%),linear-gradient(135deg,var(--bg1),var(--bg2));}
.wrap{max-width:980px;margin:0 auto;padding:28px}.card{background:rgba(255,255,255,.94);border-radius:28px;padding:28px;box-shadow:0 20px 50px #0005}.hero{text-align:center;margin-top:36px}.badge{display:inline-block;background:#ffe680;padding:8px 14px;border-radius:999px;font-weight:bold}.lead{font-size:20px;line-height:1.45}.startForm{display:grid;gap:16px;max-width:420px;margin:26px auto;text-align:left}label{font-weight:bold}input,select{width:100%;font-size:18px;padding:13px;border:3px solid #d7e7ef;border-radius:16px;margin-top:6px}button{border:0;border-radius:18px;background:var(--accent);font-size:20px;font-weight:bold;padding:14px 24px;cursor:pointer;box-shadow:0 7px 0 #d89d00}button:active{transform:translateY(4px);box-shadow:0 3px 0 #d89d00}.secondary{background:#e8eef5;box-shadow:0 7px 0 #aab7c4}.link{display:inline-block;margin-top:18px;color:#123a7a;font-weight:bold}.topbar{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;font-size:18px}.boardCard{text-align:center}.hint{font-size:18px}.targetBox{display:inline-block;padding:12px 18px;background:#eaf7ff;border-radius:18px;font-size:22px;font-weight:bold;margin:10px}.board{display:grid;grid-template-columns:repeat(5,72px);gap:10px;justify-content:center;margin:22px auto}.cell{width:72px;height:72px;border-radius:18px;background:#f3f7fb;display:flex;align-items:center;justify-content:center;font-size:34px;border:4px solid #dce7f1;user-select:none}.cell.transmitter{background:#fff3bd;cursor:pointer;border-color:#ffd24d}.cell.start{background:#d9fff0;border-color:#35d486}.cell.goal{background:#e9e4ff}.cell.path{outline:5px solid #49d7ff}.cell.badpath{outline:5px solid var(--bad)}.message{min-height:36px;font-size:22px;font-weight:bold}.ok{color:var(--good)}.bad{color:var(--bad)}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse;margin:18px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid #d9e3ee}th{background:#eef6ff}
@media(max-width:520px){.board{grid-template-columns:repeat(5,56px);gap:7px}.cell{width:56px;height:56px;font-size:28px;border-radius:14px}.wrap{padding:14px}}