:root{--ink:#07171a;--surface:#0b2024;--paper:#f4eedf;--gold:#d5af59;--line:#d5af5955;--muted:#bac3bc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#174047,#07171a 48%);color:var(--paper);font-family:Georgia,"Times New Roman",serif;min-height:100vh}.flags-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,5vw,76px);border-bottom:1px solid var(--line);background:#061416d9}.flags-brand img{display:block;width:142px;max-height:48px;object-fit:contain}.flags-header nav{display:flex;gap:20px;align-items:center;font-family:Arial,sans-serif}.flags-header a{color:var(--paper);text-decoration:none}.flags-header nav a:hover{color:var(--gold)}main{width:min(1280px,92vw);margin:auto}.flags-hero{padding:72px 0 37px;max-width:690px}.eyebrow{margin:0 0 12px;color:var(--gold);letter-spacing:.17em;font:700 11px Arial,sans-serif}.flags-hero h1{font-size:clamp(46px,8vw,88px);line-height:.9;letter-spacing:-.05em;margin:0}.flags-hero p:last-child{color:var(--muted);font:18px/1.75 Arial,sans-serif;max-width:560px}.flags-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:26px;align-items:end;justify-content:space-between;flex-wrap:wrap}.search{display:grid;gap:8px;font:700 12px Arial,sans-serif;color:var(--gold);min-width:min(100%,360px)}.search input{background:#061416;border:1px solid #d5af5988;border-radius:5px;color:var(--paper);padding:13px 14px;font:16px Arial,sans-serif;outline:none}.search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d5af5922}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:transparent;color:var(--muted);border:1px solid #80918b66;border-radius:999px;padding:9px 13px;cursor:pointer;font:13px Arial,sans-serif}.filters button.active,.filters button:hover{border-color:var(--gold);color:#111;background:var(--gold)}.flags-status{margin:26px 0 14px;color:var(--muted);font:14px Arial,sans-serif}.flags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding-bottom:64px}.flag-card{min-height:190px;position:relative;text-align:inherit;padding:16px;border:1px solid #d5af593b;background:linear-gradient(145deg,#102d31,#091d20);color:var(--paper);cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.flag-card:hover,.flag-card:focus-visible{transform:translateY(-4px);border-color:var(--gold);outline:none}.flag-card img{display:block;width:100%;height:92px;object-fit:contain;background:#0002;margin-bottom:15px}.flag-card strong{display:block;font-size:21px}.flag-card small{display:block;margin-top:5px;color:var(--muted);font:12px Arial,sans-serif}.history-mark{position:absolute;top:13px;inset-inline-end:13px;color:var(--gold);font:11px Arial,sans-serif}.flag-dialog{width:min(720px,92vw);max-height:86vh;border:1px solid var(--gold);background:#0b2024;color:var(--paper);padding:0;box-shadow:0 30px 90px #000}.flag-dialog::backdrop{background:#000a}.dialog-close{position:absolute;top:12px;inset-inline-end:14px;z-index:2;border:0;background:transparent;color:var(--paper);font-size:32px;cursor:pointer}.dialog-head{padding:38px 42px 24px;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center}.dialog-head img{width:150px;height:94px;object-fit:contain;background:#0002}.dialog-head h2{margin:0;font-size:33px}.dialog-head p{color:var(--muted);font:14px Arial,sans-serif}.history-empty{padding:34px 42px;color:var(--muted);font:16px/1.7 Arial,sans-serif}.history-list{padding:24px 42px 38px}.history-list h3{color:var(--gold);font-size:16px}.history-entry{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:16px 0;border-top:1px solid #ffffff18}.history-entry time{color:var(--gold);font:700 13px Arial,sans-serif}.history-entry h4{margin:0 0 6px;font-size:20px}.history-entry p{margin:0;color:var(--muted);font:14px/1.55 Arial,sans-serif}.history-entry a{display:inline-block;margin-top:8px;color:var(--gold);font:12px Arial,sans-serif}@media(max-width:620px){.flags-header{padding:12px 18px}.flags-header nav{gap:12px;font-size:13px}.flags-brand img{width:112px}.flags-hero{padding-top:52px}.flags-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flag-card{padding:10px;min-height:156px}.flag-card img{height:65px}.flag-card strong{font-size:16px}.history-entry{grid-template-columns:1fr}.dialog-head{padding:34px 22px 20px}.history-list,.history-empty{padding-inline:22px}}