.citation-page{max-width:960px;margin:auto;padding:24px 20px;color:#202029}.citation-page h1{font-size:clamp(1.8rem,4.3vw,2.8rem);line-height:1.12}.citation-page p{line-height:1.7}.citation-game{background:#fffdfa;border:2px solid #6d5a79;border-radius:18px;padding:clamp(18px,4vw,30px);margin:24px 0;box-shadow:5px 5px #e2d4ef}.citation-head{display:flex;justify-content:space-between;gap:12px}.citation-head h2{margin:0;font-size:1.3rem}#citation-progress{font-weight:bold;color:#542276;white-space:nowrap}#citation-lines{background:#f6ecff;border:1px solid #c6add8;border-radius:12px;padding:12px 18px;margin:20px 0}#citation-lines p+p{border-top:1px dashed #c6add8;padding-top:12px}.citation-choices{display:grid;gap:10px}.citation-game button{min-height:48px;padding:12px 16px;font:inherit;font-weight:bold;text-align:left;border:2px solid #6d5a79;background:#fff;color:#202029;border-radius:10px;cursor:pointer}.citation-game button:hover:not(:disabled),.citation-game button:focus-visible{background:#f0e2ff;outline:3px solid #542276;outline-offset:2px}.citation-game button:disabled{opacity:1;cursor:default}.citation-game button[data-state=correct]{background:#dff1d3;border-color:#386439}.citation-game button[data-state=wrong]{background:#ffe4dd;border-color:#943b29}#citation-feedback{background:#f5eff9;padding:16px;color:#32223e;border-radius:10px}#citation-next,#citation-restart{margin-top:16px;background:#ead9ff}.citation-copy{margin-top:40px}.citation-copy h2{margin-top:28px}.citation-copy img{width:100%;height:auto}.citation-copy details{padding:14px 0;border-bottom:1px solid #ddcfe7}.citation-copy summary{cursor:pointer;font-weight:bold}.citation-page [hidden]{display:none!important}.citation-copy a,.citation-page nav a{color:#542276}.citation-steps{padding:16px;background:#f5eff9;border-radius:12px}@media(max-width:480px){.citation-head{display:block}#citation-progress{display:block;margin-top:10px}.citation-page{padding:18px 16px}.citation-game{box-shadow:3px 3px #e2d4ef}}