@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e9e5d7;background:#182a2d}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(ellipse at 58% 46%,#49605a 0,#283e3d 48%,#142529 100%)}#quality-world{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}header{position:absolute;top:28px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.back{pointer-events:auto;font-size:9px;letter-spacing:1.6px;text-decoration:none;color:#b7c6bd}.edition{font-weight:700;letter-spacing:3px;font-size:12px}.edition span{font-weight:400;color:#9dad9e;font-size:9px}.live{font-size:9px;letter-spacing:1.5px;color:#a6bbb0}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d5b775;margin-right:7px}.intro{position:absolute;top:15%;left:4%;pointer-events:none;max-width:280px;text-shadow:0 2px 20px #182a2d}.eyebrow{font-size:8px;letter-spacing:2px;color:#d6b97c}h1{font:500 clamp(36px,4.5vw,66px)/.97 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:16px 0 20px}p{font-size:11px;line-height:1.8;color:#b5c1b5}.hero-card{position:absolute;bottom:115px;left:34px;display:flex;gap:15px;width:290px;padding:13px;background:linear-gradient(110deg,#182e31e8,#182e3160);border:1px solid #bda46b35;border-radius:8px;backdrop-filter:blur(10px)}.hero-card>img{width:92px;height:139px;object-fit:cover;border-radius:3px;object-position:50% 12%;filter:saturate(.75)}h2{font:500 23px/1 'Cormorant Garamond',Georgia,serif;margin:9px 0}.hero-card p{font-size:9px;margin:8px 0}.hero-card button{font-size:8px;color:#d9c092;border:0;padding:0;background:none}button{font-family:inherit;color:#dfdfcc;border:1px solid #bbc8a82e;background:#1b3338cc;padding:12px 18px;border-radius:5px;font-size:10px;cursor:pointer;transition:background .2s}button:hover{background:#3e5655}button:focus-visible,a:focus-visible{outline:2px solid #e0bd7e;outline-offset:4px}button.active,button[aria-pressed=true]{background:#c5ab72;color:#243635;border-color:#d6bd85}nav{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap;padding:7px;border:1px solid #bbc8a823;border-radius:9px;background:#142b30c9;backdrop-filter:blur(10px)}.view-switch{display:flex;gap:2px;margin-right:6px}.instructions{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:1.4px;color:#97aaa0;pointer-events:none}.instructions span{padding:0 14px;color:#d1b577}dialog{padding:15px;border:1px solid #b99c61;border-radius:10px;background:#203638;color:#e9dec9;max-height:90vh;max-width:90vw}dialog::backdrop{background:#0c171be6;backdrop-filter:blur(10px)}dialog img{display:block;height:72vh;max-width:80vw;object-fit:contain}dialog p{text-align:center}#close-reference{position:absolute;right:20px;top:20px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#203638;font:500 32px 'Cormorant Garamond',serif;z-index:10}#quality-error{position:absolute;inset:30%;background:#522f27;padding:30px}body.hero-view .intro{opacity:0}body.hero-view .hero-card{border-color:#d1b47688}@media(max-width:850px){header{top:17px;left:18px;right:18px}.edition{font-size:9px}.edition span,.live{display:none}.intro{top:10%;max-width:200px}h1{font-size:39px}.hero-card{left:18px;bottom:128px;width:225px;padding:9px;gap:10px}.hero-card>img{width:70px;height:112px}.hero-card h2{font-size:20px}.hero-card p{font-size:8px}nav{bottom:43px;max-width:96vw;white-space:normal;flex-wrap:wrap;justify-content:center;width:max-content}nav button{padding:9px 11px;font-size:9px}.instructions{font-size:6px;letter-spacing:.7px}}@media(max-height:650px){.intro{top:14%}.intro h1{font-size:36px}.intro p{display:none}.hero-card{bottom:100px}.hero-card>img{height:100px;width:65px}.hero-card h2{font-size:19px}.hero-card p{display:none}}