:root{--bg1:#91f7d4;--bg2:#70a7ff;--ink:#19324a;--card:#ffffff;--accent:#ffcf33;--ok:#24b36b;--bad:#ef476f;--blue:#3d7cff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff7ad 0 18%,transparent 19%),linear-gradient(135deg,var(--bg1),var(--bg2));}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(1040px,100%);background:rgba(255,255,255,.94);border-radius:32px;padding:32px;box-shadow:0 24px 60px rgba(20,45,85,.22);border:4px solid rgba(255,255,255,.8)}.hero{text-align:center;max-width:760px}.badge{display:inline-block;background:#fff3c1;border-radius:999px;padding:8px 14px;font-weight:700}h1{font-size:clamp(34px,6vw,64px);margin:16px 0}h2{margin:10px 0}.lead,.hint{font-size:22px;line-height:1.4}.start-form{display:grid;gap:16px;margin:28px auto;max-width:460px;text-align:left}label{font-weight:800}input,select{width:100%;margin-top:8px;padding:16px 18px;border:3px solid #dfe7f0;border-radius:18px;font-size:20px}button,.links a{border:0;border-radius:20px;padding:16px 24px;background:var(--blue);color:#fff;font-weight:900;font-size:20px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 8px 0 rgba(0,0,0,.12)}button:hover,.links a:hover{transform:translateY(-2px)}.links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:20px}.topbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#f3f7ff;border-radius:18px;padding:14px 18px;font-size:19px}.game-card{text-align:center}.road{display:flex;align-items:center;justify-content:center;gap:18px;font-size:48px;margin:18px}.dash{width:120px;border-top:8px dotted #ffb703}.messages{display:grid;grid-template-columns:1fr 1fr;gap:18px}.message-box{border-radius:28px;padding:18px;border:4px dashed #dce8f8;background:#f8fbff}.original-box{background:#ecfff6}.noise-box{background:#fff4f7}.symbols{font-size:60px;letter-spacing:8px;min-height:86px}.phase-info,.result{font-size:26px;font-weight:900;margin:20px auto;padding:18px;border-radius:22px;background:#fff3c1}.result.ok{background:#dff8eb}.result.bad{background:#ffe0e8}.hidden{display:none}.options h2{font-size:30px}.option-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:14px 0}.option-card{font-size:48px;background:white;border:4px solid #e1e8f2;border-radius:24px;padding:15px 20px;cursor:pointer;box-shadow:0 8px 16px rgba(0,0,0,.12);transition:.15s}.option-card:hover{transform:scale(1.08) rotate(-2deg)}.option-card.selected{background:var(--accent);border-color:#f4a300;transform:scale(1.08)}.leaderboard{width:100%;border-collapse:collapse;font-size:20px;overflow:hidden;border-radius:18px}.leaderboard th,.leaderboard td{padding:14px;border-bottom:1px solid #e5edf7;text-align:left}.leaderboard th{background:#eaf2ff}.text-card{max-width:850px;font-size:22px;line-height:1.5}@media(max-width:760px){.messages{grid-template-columns:1fr}.symbols{font-size:48px}.dash{width:50px}.card{padding:20px}.topbar{font-size:16px}.option-card{font-size:40px}}