.canario-grid{--cg-ink:#03451e;--cg-paper:#f5f5ef;color:var(--cg-ink);isolation:isolate;background:#fff;border:1px solid #d4ddd4;border-top:4px solid #06652b;border-radius:18px;margin:40px 0 70px;overflow:hidden}.canario-grid [hidden]{display:none!important}.cg-header{background:linear-gradient(115deg,#fff9a1,#f8f8e7);justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;display:flex}.cg-eyebrow{font:600 11px/1.4 var(--font-body);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}.canario-grid .cg-header h2{font:400 clamp(38px,5vw,64px)/1 var(--font-display);color:var(--cg-ink);margin:0 0 12px}.cg-header h2 span{color:#06702b}.cg-header p:last-child{margin:0;font-size:14px}.cg-edition{white-space:nowrap;border:1px solid #c6cca8;border-radius:30px;padding:10px 16px;font-size:12px}.cg-intro{grid-template-columns:180px 1fr;align-items:center;gap:40px;padding:44px 36px;display:grid}.cg-mini-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid;transform:rotate(-5deg)}.cg-mini-grid span{aspect-ratio:1;background:#eff3e9;border:1px solid #dbe3d1;border-radius:8px;place-items:center;font-size:32px;display:grid}.cg-mini-grid span:nth-child(3n+1){background:#fff8a1}.cg-mini-grid span:nth-child(5){color:#fff58a;background:#06652b}.canario-grid h3{font:400 28px/1.2 var(--font-display);color:var(--cg-ink);margin:0 0 18px}.cg-intro p{max-width:650px;font-size:15px;line-height:1.65}.canario-grid .cg-small{color:#506451;font-size:12px;line-height:1.7}.canario-grid button{cursor:pointer}.canario-grid button:disabled{cursor:wait;opacity:.65}.canario-grid .cg-primary,.canario-grid .cg-secondary{font:400 21px/1.2 var(--font-display);color:var(--cg-ink);background:#fff;border:1px solid #cad6cb;border-radius:30px;padding:12px 22px}.canario-grid .cg-primary{color:#fff7a3;background:#06652b;border-color:#06652b}.canario-grid .cg-primary:hover{color:#fffbd5;background:#03451e}.canario-grid .cg-secondary:hover{color:#03451e;background:#eef3e7}.canario-grid :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #a67700}.cg-scoreboard{border-bottom:1px solid #d5ddd3;gap:0;margin:26px 36px;padding-bottom:22px;display:flex}.cg-scoreboard>span{border-right:1px solid #d5ddd3;flex:1;padding:0 22px}.cg-scoreboard>span:first-child{padding-left:0}.cg-scoreboard>span:last-child{border:0}.cg-scoreboard small{margin-bottom:5px;font-size:11px;display:block}.cg-scoreboard strong{font:400 29px/1 var(--font-display);font-variant-numeric:tabular-nums}.cg-board{grid-template-columns:minmax(85px,.7fr) repeat(3,minmax(0,1fr));gap:9px;margin:0 36px;display:grid}.cg-label{min-height:64px;font:400 24px/1.12 var(--font-display);text-align:center;overflow-wrap:anywhere;color:#03451e;justify-content:center;align-items:center;padding:10px;display:flex}.cg-label.column{background:#f1f4e8;border-radius:10px}.cg-label.row{text-align:left;justify-content:flex-start;padding-left:0}.cg-cell{color:#165a2b;overflow-wrap:anywhere;background:#f8f9f3;border:1px solid #cbd8cb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:105px;padding:14px;transition:background .16s,transform .16s;display:flex}.cg-cell.empty{font:300 36px/1 system-ui}.cg-cell.empty:hover{background:#fff9a2;transform:translateY(-2px)}.cg-cell.correct{color:#fff9ba;cursor:default;background:#06652b;border-color:#06652b;font:650 15px/1.35 Roboto,system-ui,sans-serif;opacity:1!important}.cg-cell.correct small{color:#c6e3b5;font-size:17px}.cg-cell.missed{font:400 24px/1 var(--font-display);cursor:default;color:#7a8578;background:#eef0eb;opacity:1!important}.cg-game-actions{justify-content:space-between;align-items:center;gap:12px;margin:18px 36px;display:flex}.cg-link{color:var(--cg-ink);font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}.cg-status{min-height:24px;margin:12px 36px;font-size:14px}.cg-result{background:#fff9b4;border-radius:12px;margin:24px 36px;padding:26px}.cg-result h3{font-size:34px}.cg-result p{font-size:14px;line-height:1.65}.cg-result-actions{flex-wrap:wrap;gap:10px;display:flex}.cg-rules{border-top:1px solid #d5ddd3;margin:24px 36px;padding-top:18px;font-size:13px;line-height:1.7}.cg-rules summary{cursor:pointer;font-weight:650}.cg-rules ul{padding-left:22px}.cg-rules li{margin:8px 0}.cg-footer{background:#f6f7ef;border-top:1px solid #d5ddd3;justify-content:space-between;align-items:center;gap:18px;padding:20px 36px;font-size:12px;display:flex}.cg-footer a{color:#03451e}.cg-picker{color:#03451e;background:#f6f6ef;border:1px solid #d5ddd3;border-radius:18px;width:min(540px,100vw - 32px);max-height:85dvh;padding:28px;box-shadow:0 20px 100px #0a2c2840}.cg-picker::backdrop{backdrop-filter:blur(3px);background:#0b223e80}.cg-picker-head{justify-content:space-between;align-items:center;display:flex}.cg-picker-head button{color:#03451e;background:#fff;border:1px solid #d5ddd3;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1}.cg-picker h3{font:400 30px/1.2 var(--font-display);margin:16px 0}.cg-picker label{margin:18px 0 8px;font-size:13px;display:block}.cg-picker input{width:100%;font:16px/1.4 var(--font-body);color:#03451e;background:#fff;border:1px solid #bdcbbb;border-radius:30px;padding:12px 16px}.cg-picker [role=status]{min-height:20px;font-size:13px;line-height:1.5}.cg-options{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cg-options button{text-align:left;color:#03451e;background:#fff;border:1px solid #d8dfd4;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:12px 16px;font:600 16px/1.4 Roboto,system-ui,sans-serif;display:flex}.cg-options button small{font:400 12px/1.4 var(--font-body);color:#576555;margin-top:3px}.cg-options button:hover{background:#fff9b4}.cg-sources{margin-top:20px}.cg-sources p{border-top:1px solid #d2cf9a;padding-top:12px}.cg-sources a{color:#03451e;margin-right:15px;font-size:12px;display:inline-block}.cg-history{border-top:2px solid #06652b;margin:32px 0;padding-top:24px}.cg-history h2{font:400 32px/1.2 var(--font-display)}.cg-history ul{padding:0;list-style:none}.cg-history li{border-bottom:1px solid #d5ddd3;justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;display:flex}.cg-history a{color:#03451e}@media (width<=640px){.cg-header{padding:24px 18px;display:block}.cg-edition{margin-top:18px;display:inline-block}.cg-intro{grid-template-columns:1fr;gap:22px;padding:28px 18px}.cg-mini-grid{width:100px}.cg-intro h3{font-size:25px}.cg-scoreboard{margin:22px 14px}.cg-scoreboard>span{padding:0 10px}.cg-scoreboard strong{font-size:24px}.cg-board{grid-template-columns:68px repeat(3,minmax(0,1fr));gap:5px;margin:0 12px}.cg-label{min-height:58px;padding:6px;font-size:18px}.cg-cell{border-radius:8px;min-height:94px;padding:6px}.cg-cell.correct{font-size:12px}.cg-game-actions,.cg-status,.cg-rules{margin-left:18px;margin-right:18px}.cg-result{margin:20px 12px;padding:20px 16px}.cg-footer{align-items:flex-start;padding:18px}.cg-picker{padding:22px}.cg-history li{font-size:12px}.cg-result-actions button{font-size:18px}}@media (prefers-reduced-motion:reduce){.cg-cell{transition:none}}#canario-grid,.cg-result{scroll-margin-top:100px}.canario-grid .cg-result{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:26px 40px;padding:30px;display:grid}.cg-result-summary{min-width:0}.cg-result-summary .cg-eyebrow{margin:0 0 16px}.canario-grid .cg-result-summary h3{margin:0 0 20px}.cg-result-summary p:last-child{margin:0;line-height:1.8}.cg-result>.cg-result-actions{border-left:1px solid #03451e24;flex-direction:column;align-content:center;align-items:stretch;gap:12px;padding-left:32px}.cg-result>.cg-sources,.cg-result>.cg-small{grid-column:1/-1}.cg-result>.cg-small{border-top:1px solid #03451e24;margin:0;padding-top:20px}.cg-result>.cg-sources:empty{display:none}@media (width<=700px){.canario-grid .cg-result{grid-template-columns:1fr;gap:24px;padding:24px 20px}.cg-result>.cg-result-actions{border-left:0;padding-left:0}.cg-result-summary p:last-child{line-height:1.7}}.canario-grid .cg-header h2{overflow-wrap:anywhere;font-family:gala-triline,Impact,sans-serif;font-weight:400;line-height:1.15}.cg-intro>div:last-child{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.canario-grid .cg-intro h3,.canario-grid .cg-intro p{margin:0}.canario-grid .cg-intro p{line-height:1.75}.cg-intro .cg-primary{margin-top:4px}