:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #94a3b8;--primary: #6366f1;--primary-600: #5458ee;--primary-soft: rgba(99, 102, 241, .22)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1000px 600px at 10% -10%,#1f2937,transparent 60%),radial-gradient(800px 500px at 100% 0%,#111827,transparent 60%),var(--bg);color:var(--text);position:relative}body:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:min(980px,96vw);aspect-ratio:751 / 567;pointer-events:none;z-index:0;opacity:.42;background:linear-gradient(90deg,var(--bg) 0%,rgba(15,23,42,.05) 18%,rgba(15,23,42,.05) 82%,var(--bg) 100%),linear-gradient(180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,0) 82%,rgba(15,23,42,.12) 92%,var(--bg) 100%),url(/berch.png) center top / 100% 100% no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1000px 600px at 10% -10%,#1f2937,transparent 60%),radial-gradient(800px 500px at 100% 0%,#111827,transparent 60%)}#root{position:relative;z-index:1}.container{width:100%;max-width:1600px;padding:2rem clamp(1rem,4vw,3rem);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.top-bar-actions{display:flex;gap:.75rem;flex-wrap:wrap}.lang-switcher{display:flex;align-items:center;gap:.5rem}.lang-switcher-options{display:flex;gap:0;border:1px solid #374151;border-radius:.45rem;overflow:hidden;background:#0b1220}.lang-btn{background:transparent;color:var(--text);border:0;padding:.35rem .55rem;cursor:pointer;font-size:1.05rem;line-height:1;min-width:2rem;display:inline-flex;align-items:center;justify-content:center}.lang-btn+.lang-btn{border-left:1px solid #374151}.lang-btn.active{background:var(--primary-soft);color:#fff}.hero{text-align:center;padding:4rem 1rem 2rem}.hero h1{font-size:3rem;margin:0 0 .5rem;color:#f5fffa;text-shadow:-1px -1px 0 rgba(15,23,42,.75),1px -1px 0 var(--primary-soft),-1px 1px 0 var(--primary-soft),1px 1px 0 var(--primary-soft),0 2px 4px var(--primary-soft)}.hero-brand-btn{border:0;background:transparent;color:inherit;font:inherit;text-shadow:inherit;cursor:pointer;padding:0}.hero-brand-btn:hover{text-decoration:underline}.tagline{color:var(--muted);margin:0 auto 1.25rem;max-width:46ch}.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cta-column{display:flex;flex-direction:column;align-items:center;gap:.75rem}.cta-column-logged-in{gap:.85rem}.browse-mode-panel{background:linear-gradient(180deg,#0b1220eb,#0b1220cc);border:1px solid #263042;border-radius:.5rem;padding:.45rem .7rem .6rem;width:min(560px,90vw);text-align:center}.browse-mode-description{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.cta-row-logged-in-actions{align-items:center}.cta-column-logged-in .search-field{width:min(560px,90vw)}.cta-row-logged-out{align-items:center}.cta-row-logged-out .search-field{width:min(560px,90vw)}.search-field{display:flex;flex-direction:column;gap:.25rem;min-width:220px}.search-input-row{display:flex;align-items:center;position:relative}.search-input{flex:1;padding:.6rem 2.3rem .6rem .75rem;border-radius:.5rem;border:1px solid #374151;background:#0b1220;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.search-submit-btn{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);border-radius:.35rem;padding:.15rem;line-height:1;font-size:1rem;cursor:pointer}.search-submit-btn:hover{color:var(--text)}.search-submit-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}@media (min-width: 900px){.cta-row-logged-in-actions{flex-wrap:nowrap}}@media (min-width: 700px){.cta-row-logged-out{flex-wrap:nowrap}}input::placeholder,textarea::placeholder{font-style:italic}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.search-help{color:var(--muted)}.btn{display:inline-block;padding:.6rem 1rem;border-radius:.5rem;border:1px solid #374151;color:var(--text);text-decoration:none;background:#0b1220;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.btn:hover{border-color:#4b5563;box-shadow:0 0 12px #6366f140;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--primary);border-color:var(--primary-600);box-shadow:0 0 16px #6366f159}.btn.primary:hover{box-shadow:0 0 24px #6366f18c}.card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #263042;border-radius:.75rem;padding:1.25rem 1.5rem;margin-top:2rem;box-shadow:0 10px 30px #00000040}.card h2{margin-top:0}.card code{background:#0b1220;padding:.15rem .35rem;border-radius:.35rem}.browse-medals{width:680px;max-width:100%;margin-top:2rem;margin-left:auto;margin-right:auto}.browse-categories{display:flex;flex-direction:column;gap:.9rem}.browse-category-card{border:1px solid #263042;border-radius:.65rem;background:linear-gradient(180deg,#0b1220cc,#0b1220cc);box-shadow:0 8px 22px #00000047;padding:.75rem}.browse-category-card-header{margin:0 0 .7rem;color:#cbd5e1;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left}.browse-category-card-body{display:flex;flex-direction:column;gap:.65rem}.browse-category-toggle{width:100%;border:1px solid #2b3548;border-radius:.45rem;background:linear-gradient(180deg,#141c2ceb,#101827e6);color:var(--text);font-size:.95rem;padding:.6rem .8rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.browse-category-toggle:hover{background:linear-gradient(180deg,#1a2438f0,#141f30eb)}.browse-category-toggle-main{font-weight:600}.browse-category-toggle-chevron{display:inline-block;color:#9fb0cb;font-size:.95rem;line-height:1}.browse-category-toggle[aria-expanded=true]{border-radius:.45rem .45rem 0 0}.browse-medal-table-wrap{margin-top:0;background:linear-gradient(180deg,#0b1220f5,#0b1220ed);border:1px solid #263042;border-top:0;border-radius:0 0 .6rem .6rem;overflow:hidden;box-shadow:0 8px 22px #0000004d}.browse-grouped-wrap{padding:.5rem}.browse-subgroup+.browse-subgroup{margin-top:.5rem}.browse-subgroup-toggle{width:100%;border:1px solid #334a72;border-radius:.45rem;background:#1f2d4a;color:var(--text);font-size:.88rem;text-align:left;padding:.5rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.browse-subgroup-toggle:hover{background:#26375b}.browse-subgroup-toggle-main{min-width:0}.browse-subgroup-toggle-chevron{display:inline-block;color:#9fb0cb;font-size:.9rem;line-height:1}.browse-subgroup .browse-medal-table{margin-top:.35rem;background:#0b1220f0}.browse-medal-table{width:100%;border-collapse:collapse;color:var(--text);background:#0b1220f0}.browse-medal-table th,.browse-medal-table td{padding:.45rem .55rem;border-bottom:1px solid #263042;text-align:left;font-size:.92rem;vertical-align:top}.browse-number-col{width:3.2rem;max-width:3.2rem;white-space:nowrap}.browse-ribbon-img{width:2.6rem;height:auto;display:block}.browse-ribbon-col{text-align:center!important}.browse-medal-table td.browse-ribbon-col{vertical-align:middle}.browse-ribbon-col .browse-ribbon-img{margin:0 auto}.browse-medal-table th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.browse-sort-btn{border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0}.browse-sort-btn:hover{color:var(--text)}.browse-medal-table tbody .browse-medal-row:nth-child(odd) td{background:#141f30eb}.browse-medal-table tbody .browse-medal-row:nth-child(2n) td{background:#192538eb}.browse-medal-row:hover td{background:#223046f5}.browse-medal-item-btn{border:0;background:transparent;color:var(--text);font-size:.92rem;line-height:1.4;cursor:pointer;padding:0;text-align:left}.browse-medal-item-btn:hover{color:#fff;text-decoration:underline}.browse-medal-item-empty{color:var(--muted);font-style:italic;text-align:center}.browse-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.browse-medal-detail-shell{width:min(760px,96vw);position:relative}.browse-detail-close-btn{position:absolute;top:.9rem;right:1rem;z-index:2;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.site-footer{margin-top:auto;padding:1rem 1.1rem;border:1px solid #263042;border-radius:.55rem;background:linear-gradient(180deg,#0b1220e6,#0b1220d1);box-shadow:0 8px 22px #00000047}.site-footer-text{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55;text-align:center}.about-card{max-width:980px;width:100%;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#0b122080,#0b122080);border-color:#2b3548}.about-card h1{margin-bottom:1rem}.about-section+.about-section{margin-top:1.3rem}.about-section{background:#0f172a80;border:1px solid #263042;border-radius:.6rem;padding:.85rem .95rem}.about-section h2{margin:0 0 .5rem;font-size:1.05rem}.about-section p{margin:.45rem 0 0;color:#cbd5e1;line-height:1.65}.about-links{display:flex;flex-wrap:wrap;gap:1rem}.about-links a{color:#a5b4fc;text-decoration:none}.about-links a:hover{text-decoration:underline}.medal-of-the-day{width:680px;max-width:100%;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#0b1220eb,#0b1220db);border-color:#374151e6;box-shadow:0 12px 34px #0000006b}.motd-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--primary);margin:0 0 1rem;font-weight:600;text-align:center}.motd-layout{display:flex;gap:1.75rem;align-items:flex-start}.motd-image{width:130px;flex-shrink:0;border-radius:.5rem;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(99,102,241,.25))}.motd-info{flex:1;min-width:0}.motd-name{margin:0;font-size:1.35rem}.motd-name-btn{border:0;background:transparent;color:var(--text);padding:0;text-align:left;font-size:1.35rem;cursor:pointer}.motd-name-btn:hover{text-decoration:underline}.motd-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .75rem;background:linear-gradient(180deg,#141c2ce6,#101827db);border:1px solid #2b3548;border-radius:.55rem;margin-bottom:.85rem}.motd-title-wrap{display:flex;align-items:center;min-width:0}.motd-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.motd-ribbon{width:3rem;height:auto;flex-shrink:0}.motd-random-btn{font-size:.85rem;flex-shrink:0;padding:.35rem .7rem}.motd-footer{display:flex;justify-content:flex-end}.motd-attrs{display:grid;grid-template-columns:auto 1fr;gap:.4rem 2rem;margin-bottom:.9rem}.motd-attr{display:contents}.motd-attr-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-self:baseline}.motd-attr-value{color:var(--text);font-size:.88rem;align-self:baseline}.motd-abbr-list{margin:0;padding:0;list-style:none}.motd-abbr-item+.motd-abbr-item{margin-top:.2rem}.motd-attr--yes{color:var(--primary)}.motd-desc{margin:0 0 1rem;color:var(--muted);line-height:1.65;font-size:.88rem;white-space:pre-wrap}@media (max-width: 540px){.motd-layout{flex-direction:column}.motd-image{width:90px}.motd-attr-label{min-width:90px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-panel{background:var(--card);color:var(--text);min-width:320px;max-width:680px;width:90vw;max-height:90vh;overflow-y:auto;border-radius:.75rem;border:1px solid #263042;box-shadow:0 20px 60px #00000080}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid #263042}.modal-header h2{margin:0;font-size:1.1rem}.modal-body{padding:1.25rem}.construction-banner{width:100%;background:#dc2626;color:#fff;text-align:center;padding:.75rem 1rem;font-weight:600;font-size:1rem;position:relative;z-index:2}