@charset "UTF-8";.flag-colours{--fc-line:#e2e8f0;--fc-muted:#64748b;--fc-ink:#0f172a;--fc-brand:#4f46e5;--fc-brand-soft:#eef2ff;--fc-soft:#f8fafc;--fc-radius:16px}.flag-colours [hidden]{display:none!important}.flag-colours .fc-hero{position:relative;background:radial-gradient(120% 140% at 0 0,#eef2ff 0,rgba(238,242,255,0) 60%),linear-gradient(180deg,#fbfbff 0,#fff 100%);border:1px solid var(--fc-line);border-radius:var(--fc-radius);padding:2.4rem 2rem 2rem;margin:1.4rem 0 2.2rem;overflow:hidden}.flag-colours .fc-ribbon{position:absolute;top:0;left:0;right:0;height:6px;display:flex}.flag-colours .fc-ribbon span{flex:1}.flag-colours .fc-badge{display:inline-block;background:var(--fc-brand-soft);color:var(--fc-brand);border:1px solid #c7d2fe;border-radius:999px;padding:.3rem .9rem;font-size:.82rem;font-weight:600;margin-bottom:.9rem}.flag-colours .fc-title{font-size:clamp(2rem,5vw,3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 .7rem;color:var(--fc-ink)}.flag-colours .fc-lede{font-size:1.1rem;line-height:1.6;color:#475569;max-width:60ch;margin:0}.flag-colours h2{font-size:clamp(1.35rem,2.6vw,1.7rem);letter-spacing:-.02em;margin:0 0 .6rem;color:var(--fc-ink)}.flag-colours .fc-browse,.flag-colours .fc-dist,.flag-colours .fc-essay,.flag-colours .fc-faq,.flag-colours .fc-group{margin-bottom:2.6rem}.flag-colours .fc-dist{background:#fff;border:1px solid var(--fc-line);border-radius:var(--fc-radius);box-shadow:0 4px 20px rgba(15,23,42,.05);padding:1.7rem 1.8rem 1.9rem}.flag-colours .fc-browse>p,.flag-colours .fc-dist>p{color:var(--fc-muted);max-width:70ch;margin:0 0 1.2rem}.flag-colours .fc-dist-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.flag-colours .fc-dist-list li{display:grid;grid-template-columns:7rem 1fr 3.2rem;align-items:center;gap:.9rem}.flag-colours .fc-dist-name{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;text-transform:capitalize}.flag-colours .fc-dist-bar{background:#f1f5f9;border-radius:999px;height:1.35rem;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.06)}.flag-colours .fc-dist-fill{display:block;height:100%;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.14);transition:width .4s ease}.flag-colours .fc-dist-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--fc-ink);font-size:1rem}.flag-colours .fc-dot{width:1.05rem;height:1.05rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,23,42,.2);display:inline-block;flex:none}.flag-colours .fc-browse>p{margin:0 0 .9rem}.flag-colours .fc-filterbar{position:sticky;top:var(--header-height, 80px);z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--fc-line);border-radius:14px;padding:.85rem 1rem .7rem;margin-bottom:1.4rem;box-shadow:0 6px 20px rgba(15,23,42,.06)}.flag-colours .fc-picker{display:flex;flex-wrap:wrap;gap:.5rem}.flag-colours .fc-sw{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid #cbd5e1;background:#fff;border-radius:999px;padding:.5rem 1.05rem .5rem .6rem;min-height:44px;cursor:pointer;font:inherit;font-size:.95rem;line-height:1.3;text-transform:capitalize;box-shadow:0 1px 2px rgba(15,23,42,.07);transition:border-color .15s,box-shadow .15s,transform .12s,background .15s}.flag-colours .fc-sw:hover{border-color:var(--fc-brand);box-shadow:0 4px 12px rgba(79,70,229,.18);transform:translateY(-1px)}.flag-colours .fc-sw:focus-visible{outline:3px solid rgba(79,70,229,.45);outline-offset:2px}.flag-colours .fc-sw:active{transform:translateY(0)}.flag-colours .fc-sw[aria-pressed=true]{border-color:var(--fc-brand);background:var(--fc-brand-soft);font-weight:600;box-shadow:0 0 0 3px rgba(79,70,229,.16)}.flag-colours .fc-sw-tick{width:1.15rem;height:1.15rem;flex:none;border-radius:6px;border:2px solid #cbd5e1;background:#fff;position:relative;transition:background .15s,border-color .15s}.flag-colours .fc-sw:hover .fc-sw-tick{border-color:var(--fc-brand)}.flag-colours .fc-sw[aria-pressed=true] .fc-sw-tick{background:var(--fc-brand);border-color:var(--fc-brand)}.flag-colours .fc-sw[aria-pressed=true] .fc-sw-tick::after{content:"";position:absolute;left:.28rem;top:.06rem;width:.3rem;height:.6rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.flag-colours .fc-sw-label{white-space:nowrap}.flag-colours .fc-sw-reset .fc-sw-tick{display:none}.flag-colours .fc-sw-reset{padding-left:.95rem;color:var(--fc-muted);font-weight:600}.flag-colours .fc-count{font-size:.95rem;font-weight:600;color:var(--fc-brand);margin:.7rem 0 0}.flag-colours .fc-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1.75rem 1.5rem}.flag-colours .fc-card{border:1px solid var(--fc-line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .16s ease,transform .16s ease,border-color .16s}.flag-colours .fc-card:hover{box-shadow:0 10px 28px rgba(15,23,42,.12);transform:translateY(-3px);border-color:#c7d2fe}.flag-colours .fc-card img{display:block;width:100%;height:6.4rem;object-fit:contain;background:var(--fc-soft);border-bottom:1px solid var(--fc-line);padding:.55rem}.flag-colours .fc-card-name{font-weight:600;font-size:.92rem;line-height:1.3;padding:.6rem .75rem .2rem;color:var(--fc-ink);flex:1}.flag-colours .fc-card-chips{display:flex;height:.4rem;margin-top:.55rem}.flag-colours .fc-chip{flex:1;box-shadow:inset 0 1px 0 rgba(15,23,42,.12)}.flag-colours .fc-empty{padding:2.4rem;text-align:center;color:var(--fc-muted);border:1px dashed var(--fc-line);border-radius:var(--fc-radius);background:var(--fc-soft)}.flag-colours .fc-group>p{color:var(--fc-muted);max-width:70ch;margin:0 0 1.2rem}.flag-colours .fc-sec{border:1px solid var(--fc-line);border-radius:14px;background:#fff;padding:1.15rem 1.3rem 1.2rem;margin-bottom:.85rem;transition:border-color .16s,box-shadow .16s}.flag-colours .fc-sec:hover{border-color:#c7d2fe;box-shadow:0 4px 16px rgba(15,23,42,.05)}.flag-colours .fc-sec-h{display:flex;align-items:center;gap:.65rem;font-size:1.15rem;letter-spacing:-.01em;margin:0 0 .5rem;color:var(--fc-ink)}.flag-colours .fc-sec-n{font-size:.78rem;font-weight:700;color:#fff;background:var(--fc-brand);border-radius:999px;padding:.15rem .6rem;flex:none}.flag-colours .fc-sec-copy{margin:0 0 .7rem;max-width:72ch;color:#334155}.flag-colours .fc-sec-flags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0 0 .85rem}.flag-colours .fc-sec-flags img{display:block;width:3.1rem;height:2.1rem;object-fit:contain;background:var(--fc-soft);border:1px solid var(--fc-line);border-radius:5px;padding:.15rem}.flag-colours .fc-sec-more{margin:0 0 .7rem}.flag-colours .fc-sec-more summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--fc-brand);list-style:none;display:inline-flex;align-items:center;gap:.4rem}.flag-colours .fc-sec-more summary::-webkit-details-marker{display:none}.flag-colours .fc-sec-more summary::before{content:"";width:.4rem;height:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.flag-colours .fc-sec-more summary:hover{text-decoration:underline}.flag-colours .fc-sec-more[open] summary::before{transform:rotate(45deg)}.flag-colours .fc-sec-more .fc-sec-list{margin-top:.5rem}.flag-colours .learn-games-section,.flag-colours .learn-related-section{margin:2.2rem 0 2.6rem}.flag-colours .fc-sec-list{font-size:.88rem;color:var(--fc-muted);line-height:1.65;margin:0 0 .7rem}.flag-colours .fc-sec-only{font-size:.9rem;line-height:1.65;background:var(--fc-brand-soft);border-left:3px solid var(--fc-brand);padding:.75rem .95rem;border-radius:0 10px 10px 0;margin:0 0 .8rem;color:#312e81}.flag-colours .fc-sec-only strong{display:block;margin-bottom:.15rem;color:var(--fc-brand)}.flag-colours .fc-jump{font:inherit;font-size:.88rem;font-weight:600;color:var(--fc-brand);background:#fff;border:1px solid #c7d2fe;border-radius:999px;padding:.35rem .9rem;cursor:pointer;transition:background .15s,transform .1s}.flag-colours .fc-jump:hover{background:var(--fc-brand-soft)}.flag-colours .fc-jump:active{transform:translateY(1px)}.flag-colours .fc-essay{background:var(--fc-soft);border:1px solid var(--fc-line);border-radius:var(--fc-radius);padding:1.8rem}.flag-colours .fc-essay>p,.flag-colours .fc-fam p{max-width:72ch;color:#334155}.flag-colours .fc-fam{margin:1.6rem 0 0;padding-top:1.4rem;border-top:1px solid var(--fc-line)}.flag-colours .fc-fam h3{font-size:1.1rem;letter-spacing:-.01em;margin:0 0 .4rem;color:var(--fc-ink)}.flag-colours .fc-fam p{margin:0 0 .9rem}.flag-colours .fc-fam-flags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1.35rem}.flag-colours .fc-fam-flags li{width:5.8rem;font-size:.78rem;color:var(--fc-muted);text-align:center}.flag-colours .fc-fam-flags img{display:block;width:100%;height:3.8rem;object-fit:contain;background:#fff;border:1px solid var(--fc-line);border-radius:8px;padding:.25rem;margin-bottom:.3rem}.flag-colours .fc-cta{background:linear-gradient(135deg,#4f46e5 0,#6366f1 100%);border-radius:var(--fc-radius);padding:2rem;margin:2.6rem 0;color:#fff;box-shadow:0 10px 30px rgba(79,70,229,.25)}.flag-colours .fc-cta h2{margin-top:0;color:#fff}.flag-colours .fc-cta p{color:rgba(255,255,255,.88);max-width:60ch;margin:0 0 1.1rem}.flag-colours .fc-cta-btn{display:inline-block;background:#fff;color:var(--fc-brand);text-decoration:none;font-weight:700;padding:.7rem 1.4rem;border-radius:999px;margin-right:1rem;transition:transform .12s}.flag-colours .fc-cta-btn:hover{transform:translateY(-1px)}.flag-colours .fc-cta-link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}@media (max-width:767px){.flag-colours .fc-hero{padding:1.9rem 1.2rem 1.5rem}.flag-colours .fc-dist,.flag-colours .fc-essay{padding:1.2rem}.flag-colours .fc-sec{padding:1rem}.flag-colours .fc-filterbar{top:var(--header-height-mobile, 64px);padding:.7rem .75rem .6rem}.flag-colours .fc-dist-list li{grid-template-columns:5.4rem 1fr 2.6rem;gap:.55rem}.flag-colours .fc-grid{grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:1.1rem .9rem}.flag-colours .fc-card img{height:5rem;padding:.4rem}.flag-colours .fc-cta{padding:1.4rem}.flag-colours .fc-cta-btn{display:block;text-align:center;margin:0 0 .8rem}}