.cg-root{--cg-blue:#10243e;--cg-mint:#a5d8d3;color:#203e5c;margin:25px 0;min-width:0;position:relative}.cg-root *{box-sizing:border-box}.cg-root button,.cg-root textarea{font:inherit}.cg-root button{cursor:pointer;touch-action:manipulation}.cg-root button:focus-visible,.cg-root textarea:focus-visible{outline:3px solid #689ca3;outline-offset:3px}.cg-root button:disabled{opacity:.5;cursor:default}.cg-root svg{vertical-align:middle;flex:none}.cg-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#8396ab}.cg-heading h2{font:27px/1.3 Georgia,serif;margin:12px 0}.cg-heading p,.cg-help{font-size:11px;line-height:1.8;color:#8095ab;margin:0 0 17px}.cg-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.cg-card{border:1px solid #d9e4ec;border-radius:9px;background:#fff;padding:23px;min-width:0}.cg-matching{grid-column:1/-1;background:linear-gradient(145deg,#10243e,#1b395a);color:#e4edf5;border-color:#214366}.cg-mechanic{display:flex;align-items:center;gap:9px;font-size:10px;color:#8599af;margin-bottom:18px}.cg-matching .cg-mechanic{color:#afc4d7}.cg-matching .cg-mechanic svg{color:#c6b594}.cg-card h3{font:22px/1.45 Georgia,serif;margin:0 0 12px}.cg-matching .cg-help{color:#a7bdd1}.cg-match-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.cg-targets{display:grid;gap:11px}.cg-target{border:1px solid #ffffff25;border-radius:7px;padding:13px;background:#061a2d30;min-width:0}.cg-left-label{display:flex;align-items:start;gap:10px}.cg-left-label span{font:22px Georgia,serif;color:#b6c6d3;min-width:19px}.cg-left-label h4{font-weight:400;font-size:13px;line-height:1.7;margin:0;color:#dfe9f0;overflow-wrap:anywhere}.cg-place{font-size:9px!important;border:0;border-bottom:1px solid #809aae;background:transparent;color:#9fb9cd;padding:5px 0;margin:4px 0 10px 29px;min-height:30px}.cg-slot{min-height:51px;border:1px dashed #638897;border-radius:6px;display:flex;align-items:center;padding:7px;background:#08273b45}.cg-slot>span{font-size:10px;color:#88a6bd;padding:6px}.cg-answer-bank{min-height:150px;border:1px dashed #ffffff25;border-radius:7px;padding:12px;background:#ffffff04;display:grid;gap:9px;align-content:start}.cg-match-tile{border:1px solid #cadfd7;border-radius:5px;background:linear-gradient(#d5ece5,#b8d7cc);color:#213e55;text-align:left;width:100%;font-size:12px!important;line-height:1.7;min-height:46px;padding:11px 13px;touch-action:none!important;user-select:none;-webkit-user-select:none;cursor:grab!important;overflow-wrap:anywhere;box-shadow:0 3px 0 #00000016}.cg-match-tile.cg-selected{border-color:#e2d0ac;background:#e9deca;box-shadow:0 0 0 2px #dfc99e70}.cg-target.cg-correct{border-color:#9bc9b7}.cg-target.cg-retry{border-color:#ba9f74}.cg-explanation{font-size:10px;color:#b8d1c2;line-height:1.8;margin:11px 0 0}.cg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}.cg-actions button,.cg-save button{border:1px solid #d3e0ea;border-radius:5px;background:#fff;color:#355573;font-size:10px!important;line-height:1.4;min-height:41px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;white-space:normal}.cg-root button.cg-primary{background:var(--cg-blue);border-color:var(--cg-blue);color:#eff5f8}.cg-matching .cg-actions button{border-color:#ffffff2b;background:#ffffff04;color:#d8e6f1}.cg-matching .cg-actions button.cg-primary{background:#c4ded6;border-color:#c4ded6;color:#16334d}.cg-feedback{font-size:11px;line-height:1.8;color:#7591a5;margin:14px 0 0;min-height:20px}.cg-matching .cg-feedback{color:#c5ded2}.cg-sequence-list{display:grid;gap:9px;border:1px dashed #d4e1ea;background:#f5f8fa;border-radius:7px;padding:11px;min-height:155px}.cg-sequence-tile{display:grid;grid-template-columns:24px minmax(0,1fr);gap:11px;align-items:center;background:#fff;border:1px solid #d7e4ed;border-radius:6px;color:#3e5e79;text-align:left;padding:13px 12px;min-height:52px;font-size:12px!important;line-height:1.7;touch-action:none!important;user-select:none;-webkit-user-select:none;cursor:grab!important;min-width:0}.cg-sequence-tile span{font:25px Georgia,serif;color:#a8b8c5}.cg-sequence-tile b{font-weight:400;overflow-wrap:anywhere}.cg-sequence-tile small{grid-column:2;font-size:10px;color:#7b9e8c;line-height:1.8}.cg-sequence-tile.cg-selected{background:#e5f0ea;border-color:#8fb9ab}.cg-sequence-tile.cg-correct{border-color:#a6cbb7;background:#f2f8f4}.cg-flip-card{width:100%;min-height:230px;border:1px solid #d5e2e9;border-radius:9px;background:radial-gradient(ellipse at 0 100%,#e1ece7,transparent 65%),linear-gradient(135deg,#f3f6f7,#edf2f6);padding:26px;color:#1e3c58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.cg-flip-card.cg-flipped{background:radial-gradient(ellipse at 100% 0,#eee3d1,transparent 65%),linear-gradient(#f8f5f0,#eef4ef);border-color:#e0d7c5}.cg-flip-side{font-size:9px;color:#94a8b9;text-transform:uppercase;letter-spacing:1.4px}.cg-flip-label{font:normal 28px/1.4 Georgia,serif;overflow-wrap:anywhere;max-width:100%}.cg-flip-explanation{font-size:11px;color:#88a0b3;line-height:1.9}.cg-flip-count{font-size:9px;color:#95aabd;margin:auto}.cg-reason{display:flex;flex-direction:column;gap:9px;color:#8299ad;font-size:10px;line-height:1.8;margin-top:23px}.cg-reason textarea{width:100%;max-width:100%;padding:12px;border:1px solid #d4e1eb;border-radius:6px;background:#fbfdfe;color:#335571;font-size:12px;line-height:1.8;resize:vertical}.cg-save{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7fafb;border:1px solid #dce7ee;border-radius:8px;padding:20px 23px;margin-top:18px}.cg-summary{font-size:11px;line-height:1.8;color:#607f98;margin:7px 0}.cg-save-state{font-size:9px;line-height:1.8;color:#91a5b8;display:block}.cg-empty,.cg-error{font-size:11px;color:#91a5b8;line-height:1.8;padding:15px}.cg-drop{outline:2px solid #a0ccba;outline-offset:2px;background:#799f9540!important}.cg-ghost{position:fixed;z-index:220;pointer-events:none;transform:translate(-50%,-50%) rotate(-1deg);background:#d5eadd;border:1px solid #8eb2a2;border-radius:6px;max-width:250px;padding:13px 16px;color:#1c3b53;font:12px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 12px 30px #10243e40;overflow-wrap:anywhere}.cg-junior .cg-left-label h4,.cg-junior .cg-match-tile,.cg-junior .cg-sequence-tile{font-size:15px!important}.cg-junior .cg-actions button,.cg-junior .cg-place{min-height:44px;font-size:11px!important}.cg-junior .cg-help{font-size:12px}.cg-junior .cg-match-tile{min-height:52px}
@media(max-width:950px){.cg-grid{grid-template-columns:1fr}.cg-matching{grid-column:auto}}
@media(max-width:600px){.cg-card{padding:18px 15px}.cg-heading h2{font-size:24px}.cg-card h3{font-size:20px}.cg-match-layout{grid-template-columns:1fr;gap:14px}.cg-answer-bank{grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.cg-target{padding:11px}.cg-left-label h4{font-size:12px}.cg-match-tile{font-size:11px!important;padding:11px 10px}.cg-junior .cg-match-tile{font-size:13px!important}.cg-actions button{flex:1;min-width:105px;min-height:44px}.cg-flip-card{min-height:215px;padding:20px}.cg-flip-label{font-size:25px}.cg-save{flex-direction:column;align-items:stretch;padding:18px;gap:14px}.cg-save button{min-height:45px}.cg-sequence-tile{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.cg-root *{transition:none!important}.cg-ghost{transform:translate(-50%,-50%)}}