body[data-view="placement-test"] .card{max-width:980px;margin-inline:auto}
.placement-intro,.placement-question,.placement-result{padding:clamp(28px,5vw,64px);border:1px solid rgba(224,174,68,.38);border-radius:22px;background:linear-gradient(145deg,rgba(25,42,70,.97),rgba(9,17,31,.98));box-shadow:0 30px 80px #0007;color:#f7eedc}
.placement-intro h1,.placement-result h1{margin:14px 0;font-size:clamp(38px,6vw,70px);line-height:1.06}.placement-intro h1 em,.placement-result h1 em{color:#edbd55;font-style:normal}.placement-intro>p{max-width:720px;color:#bdc8da;font-size:18px;line-height:1.8}
.placement-rules,.placement-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.placement-rules article,.placement-result-grid article{display:grid;gap:8px;padding:20px;border:1px solid #52637d;border-radius:14px;background:#101d31}.placement-rules strong{color:#f1c666;font-size:17px}.placement-rules span,.placement-result-grid small{color:#9eacc1;line-height:1.45}.placement-note{padding:14px 18px;border-left:4px solid #edbd55;background:#0c1728}.placement-start{margin-right:12px}
.placement-question-head{display:flex;justify-content:space-between;align-items:center;color:#a9b7ca}.placement-question-head span{color:#edbd55;font-weight:850}.placement-word{display:grid;place-items:center;width:100%;margin:34px 0 18px;padding:30px;border:0;background:transparent;color:#fff;cursor:pointer}.placement-word strong{font-size:clamp(50px,9vw,88px);line-height:1}.placement-word span{margin-top:15px;color:#95a5bc}.placement-question>p{text-align:center;color:#c5cfdd;font-size:17px}.placement-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.placement-options button{display:flex;align-items:center;gap:16px;min-height:76px;padding:15px 20px;border:1px solid #52637d;border-radius:13px;background:#14243b;color:#f4ead6;text-align:left;font-size:18px;cursor:pointer}.placement-options button:hover{border-color:#e5b84f;background:#1c304d}.placement-options b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2a3d5b;color:#efc66a}.placement-options .unknown{grid-column:1/-1;color:#aeb9c9}.placement-options button.correct{border-color:#54bf88;background:#153d32}.placement-options button.wrong{border-color:#de6666;background:#48242b}.placement-feedback{min-height:32px;margin-top:18px;text-align:center;font-weight:800}.placement-feedback.correct{color:#69d49e}.placement-feedback.wrong{color:#ff8585}
.placement-kicker{margin:20px 0 0;color:#aab7c9;font-size:18px}.placement-result h1{color:#edbd55}.placement-result h1 em{color:#fff}.placement-cefr{color:#b6c1d1}.placement-result-grid article{text-align:center}.placement-result-grid span{color:#9dabc0}.placement-result-grid strong{color:#f4ca70;font-size:32px}.placement-explain{padding:16px;border:1px solid #42536d;border-radius:12px;color:#b7c2d2;line-height:1.7}.placement-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
@media(max-width:760px){.placement-rules,.placement-result-grid{grid-template-columns:1fr}.placement-options{grid-template-columns:1fr}.placement-options .unknown{grid-column:auto}.placement-question-head{align-items:flex-start;gap:10px}.placement-actions{flex-direction:column-reverse}.placement-actions .btn{width:100%}}
.placement-options .unknown{grid-column:auto}