:root{--duo-gold:#ffe289;--duo-blue:#0589ff;--duo-ink:#061a3b} .duo-collection-body{margin:0;color:white;font-family:Arial,Helvetica,sans-serif;background:#061a3b url('./assets/paris.png') center/cover fixed;min-height:100dvh;color-scheme:dark}.duo-collection-body *,.duo-celebration *{box-sizing:border-box}.duo-collection-shell{max-width:660px;margin:auto;min-height:100dvh;background:linear-gradient(#03173738,#03173788);border-inline:1px solid #e8c96b50}.duo-collection-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px;background:#041a3b99;border-bottom:1px solid #cfa95066}.duo-collection-header a{color:#fff;text-decoration:none;font-size:14px;min-height:40px;display:flex;align-items:center}.duo-collection-header span{font-family:Georgia,serif;font-weight:bold;color:var(--duo-gold);letter-spacing:1px;font-size:18px}#collection{padding:20px 12px 12px}#collection h1{font:700 clamp(26px,6vw,36px)/1.15 Georgia,serif;text-align:center;margin:0 0 12px;text-shadow:0 3px 5px #000}#collection-status{text-align:center;font-size:14px;line-height:1.5;margin:0 0 20px}.duo-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.duo-badge-card{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #ecc975ad;border-radius:18px;padding:12px 8px;background:linear-gradient(140deg,#124c8894,#051936c9);box-shadow:inset 0 1px 0 #fff7,0 8px 18px #0005}.duo-badge-status{font-size:12px;font-weight:700;padding:4px 12px;border:1px solid #f3d78f85;border-radius:30px;background:#05162fe6;color:#ffebae}.duo-medal{display:block;width:100%;aspect-ratio:396.5/384;position:relative;filter:drop-shadow(0 4px 3px #0006)}.duo-medal svg{display:block;width:100%;height:100%;overflow:hidden}.duo-medal.is-locked{filter:grayscale(.9) brightness(.6) drop-shadow(0 3px 2px #0006)}.duo-badge-card>.duo-medal{width:clamp(82px,24vw,142px);margin:8px auto 3px}.duo-badge-card h2{font:700 16px/1.2 Georgia,serif;min-height:39px;display:flex;align-items:center;justify-content:center;margin:4px 0 7px;color:#fff5d4;text-shadow:0 2px 4px #000;overflow-wrap:anywhere}.duo-medals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:100%;align-items:start}.duo-medal-slot{min-width:0;text-align:center;font-size:12px;line-height:1.3;color:#fff6d6;position:relative}.duo-medal-slot>span:not(.duo-medal){display:block;white-space:nowrap}.duo-medal-slot small{display:block;font-size:10px;min-height:14px;color:#d4e2fa}.duo-badge-card .duo-medal-slot small{display:none}.duo-badge-goal{font-size:12px;line-height:1.4;margin:10px 0;min-height:34px;flex:1;display:flex;align-items:center;justify-content:center}.duo-badge-card progress{appearance:none;border:0;width:100%;height:7px;border-radius:12px;background:#8ba0b560}.duo-badge-card progress::-webkit-progress-bar{background:#a4bada4d;border-radius:12px}.duo-badge-card progress::-webkit-progress-value{background:linear-gradient(90deg,#0695ff,#70deff);border-radius:12px;box-shadow:0 0 7px #00c3ff}.duo-badge-card progress::-moz-progress-bar{background:#20bdff;border-radius:12px}.duo-badge-count{font-size:12px;margin:6px 0}.duo-tier-button,.duo-pending-button{font:700 14px/1.3 Arial,sans-serif;padding:10px 8px;min-height:44px;border:1px solid #fce59e;border-radius:12px;color:white;background:linear-gradient(#087dff,#024194);box-shadow:inset 0 1px #b8e5ff,0 3px 8px #0005;cursor:pointer;text-align:center}.duo-badge-card .duo-tier-button{width:100%;margin-top:auto}.duo-pending-button{display:block;width:100%;margin:0 0 16px}.duo-collection-footer{font-size:12px;line-height:1.5;text-align:center;padding:14px 20px 28px;color:#d3e4ff}.duo-badge-detail{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 28px);overflow:auto;margin:auto;box-sizing:border-box;padding:18px;border:1px solid #f2d486;border-radius:22px;background:linear-gradient(#072b5633,#03163177),url('./assets/paris.png') center/cover;color:white;text-align:center}.duo-badge-detail::backdrop,.duo-celebration::backdrop{background:#001022d6;backdrop-filter:blur(4px)}.duo-detail-close{display:block;margin-left:auto;padding:8px 12px;border:1px solid #9abddd;border-radius:9px;background:#05214a;color:white;min-height:40px;cursor:pointer}.duo-badge-detail h2{font:700 28px/1.15 Georgia,serif;color:#ffe7a1;margin:10px 0}.duo-detail-medal{width:190px;margin:0 auto}.duo-detail-rule,.duo-tier-description{font-size:15px;line-height:1.45;margin:14px 0}.duo-badge-detail .duo-medal-slot{border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer;padding:4px 2px;font:inherit;color:white}.duo-badge-detail .duo-medal-slot>span:not(.duo-medal){font-size:13px}.duo-badge-detail .duo-medal-slot[aria-pressed=true]{border-color:#ffe289;background:#087eff29}.duo-badge-detail>.duo-tier-button{width:100%}.duo-celebration-note{font:12px/1.4 Arial,sans-serif;color:#cee3ff;margin:12px 0 0}.duo-celebration{overflow:hidden;box-sizing:border-box;border:1px solid #ffe8a0;border-radius:24px;background:linear-gradient(#05265144,#05214988),url('./assets/paris.png') center/cover;color:#fff;width:min(440px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:20px;margin:auto;text-align:center;box-shadow:0 0 70px #168aff55;font-family:Arial,sans-serif}.duo-celebration-kicker{font-size:12px;font-weight:bold;letter-spacing:2px;color:#ffe6a4;margin:3px 0 12px}.duo-celebration h2{font:700 clamp(24px,6vw,32px)/1.15 Georgia,serif;color:#fff2b8;margin:0 0 8px;text-shadow:0 3px 4px #000}.duo-medal-stage{position:relative;width:min(65vw,250px);aspect-ratio:396.5/384;margin:0 auto;perspective:800px}.duo-medal-stage>.duo-medal{position:absolute;inset:0;backface-visibility:hidden}.duo-medal-symbol{clip-path:circle(33% at 50% 60%)}.duo-medal-frame{clip-path:none}.duo-impact{position:absolute;inset:25% 0 0;border-radius:50%;background:radial-gradient(ellipse,#fff7bb99,#158dff44 50%,transparent 70%);opacity:0}.duo-sparks{position:absolute;inset:25% 8% 8%;pointer-events:none}.duo-sparks i{position:absolute;left:50%;top:50%;height:3px;width:15px;background:#fff6b6;box-shadow:0 0 8px #ffdb54;transform:rotate(var(--angle)) translateX(80px);opacity:0}.duo-celebration-metal{font:bold 23px/1.2 Georgia,serif;margin:8px 0 12px;color:#ffe5a1}.duo-celebration .duo-medals{max-width:300px;margin:auto}.duo-celebration>.duo-tier-button{margin-top:16px;width:100%}.duo-celebration[data-motion=on] .duo-medal-frame{animation:duo-frame var(--duration) both}.duo-celebration[data-motion=on] .duo-medal-symbol{animation:duo-symbol var(--duration) both}.duo-celebration[data-motion=on] .duo-impact{animation:duo-impact var(--duration) both}.duo-celebration[data-motion=on] .duo-sparks i{animation:duo-spark var(--duration) both}.duo-celebration[data-motion=on] .medal-new{animation:duo-seat var(--duration) both}.duo-celebration[data-rank=bronze]{--impact:.55;--seat-turn:-12deg}.duo-celebration[data-rank=silver]{--impact:.75;--seat-turn:180deg}.duo-celebration[data-rank=gold]{--impact:1;--seat-turn:360deg}.duo-celebration[data-rank=platinum]{--impact:1;--seat-turn:720deg;box-shadow:0 0 90px #52cfff80}.duo-celebration[data-rank=platinum][data-motion=on] .duo-medal-stage{animation:duo-ultimate var(--duration) both}.duo-celebration[data-scene=handshake]{--start-x:-80px;--start-y:0px;--start-angle:-30deg;--mid-angle:8deg}.duo-celebration[data-scene=swords]{--start-x:90px;--start-y:-80px;--start-angle:95deg;--mid-angle:-12deg}.duo-celebration[data-scene=return]{--start-x:0px;--start-y:0px;--start-angle:-300deg;--mid-angle:20deg}.duo-celebration[data-scene=target]{--start-x:0px;--start-y:-100px;--start-angle:0deg;--mid-angle:0deg}.duo-celebration[data-scene=rise]{--start-x:-60px;--start-y:100px;--start-angle:-15deg;--mid-angle:0deg}.duo-celebration[data-scene=gather]{--start-x:0px;--start-y:0px;--start-angle:120deg;--mid-angle:-8deg}.duo-celebration[data-scene=hourglass]{--start-x:0px;--start-y:-30px;--start-angle:180deg;--mid-angle:0deg}.duo-celebration[data-scene=finish]{--start-x:-140px;--start-y:0px;--start-angle:-20deg;--mid-angle:10deg}.duo-celebration[data-scene=clocks]{--start-x:0px;--start-y:0px;--start-angle:360deg;--mid-angle:-20deg}.duo-celebration[data-scene=stars]{--start-x:-100px;--start-y:70px;--start-angle:-45deg;--mid-angle:10deg}@keyframes duo-symbol{0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) rotate(var(--start-angle)) scale(.45)}15%{opacity:1}35%{transform:rotate(var(--mid-angle)) scale(1.1)}48%{transform:rotate(0) scale(1)}58%{transform:scale(1.04)}68%,100%{transform:none;opacity:1}}@keyframes duo-frame{0%,30%{opacity:0;transform:translateZ(220px) rotateY(100deg) scale(1.4)}52%{opacity:1;transform:rotateY(-12deg) scale(.96)}62%,100%{opacity:1;transform:none}}@keyframes duo-impact{0%,45%{opacity:0;transform:scale(.35)}55%{opacity:var(--impact);transform:scale(1.5)}76%,100%{opacity:0;transform:scale(1.9)}}@keyframes duo-spark{0%,48%{opacity:0;transform:rotate(var(--angle)) translateX(30px)}56%{opacity:var(--impact)}78%,100%{opacity:0;transform:rotate(var(--angle)) translateX(160px)}}@keyframes duo-seat{0%,63%{opacity:0;transform:translateY(-120px) scale(2.2) rotateY(var(--seat-turn))}83%{opacity:1;transform:translateY(4px) scale(.94)}94%,100%{opacity:1;transform:none}}@keyframes duo-ultimate{0%,38%{transform:rotateY(0)}45%{transform:rotateY(25deg)}51%{transform:rotateY(-18deg) scale(1.06)}55%{transform:translate(4px,-2px)}57%{transform:translate(-4px,2px)}59%{transform:translate(3px,0)}63%,100%{transform:none}}@media(max-width:360px){#collection{padding:16px 8px}.duo-badge-grid{gap:8px}.duo-badge-card{padding:10px 5px}.duo-medal-slot{font-size:10px}.duo-badge-card h2{font-size:15px}.duo-tier-button{font-size:13px}.duo-celebration{padding:14px}}@media(max-height:680px){.duo-celebration{padding:12px}.duo-medal-stage{width:160px}.duo-celebration .duo-medals{max-width:240px}.duo-celebration h2{font-size:23px}.duo-celebration-metal{font-size:19px;margin:4px}.duo-celebration-note{margin-top:6px}}@media(prefers-reduced-motion:reduce){.duo-celebration *{animation:none!important;transition:none!important}}.duo-collection-body button:focus-visible,.duo-collection-body a:focus-visible,.duo-celebration button:focus-visible{outline:3px solid #fff;outline-offset:3px}

.duo-detail-medal .duo-medal{width:100%}

.duo-detail-metal{display:table;margin:8px auto 12px;padding:5px 18px;border:1px solid #edd893;border-radius:24px;background:linear-gradient(#20416d,#071d3f);font:700 16px Georgia,serif;color:#fff1c5}.duo-badge-detail progress{width:100%;height:9px;accent-color:#12baff}.duo-badge-detail .duo-detail-rule{font-size:14px}.duo-badge-detail .duo-tier-description{margin:9px 0}.duo-badge-detail .duo-medal-slot small{font-size:12px}

/* Each action uses fragments of the approved illustration, never substitute icons. */
.duo-action-parts{position:absolute;inset:0;pointer-events:none}.duo-action-part{position:absolute;inset:0;clip-path:circle(33% at 50% 58%);opacity:0}.duo-celebration[data-motion=on] .duo-action-part{animation:duo-parts var(--duration) both;--part-x:calc((var(--part) * 2 - 1) * 100px)}.duo-celebration[data-scene=gather] .duo-action-part{--part-x:calc((var(--part) - 1) * 80px)}.duo-celebration[data-motion=on][data-scene=handshake] .duo-medal-symbol,.duo-celebration[data-motion=on][data-scene=swords] .duo-medal-symbol,.duo-celebration[data-motion=on][data-scene=gather] .duo-medal-symbol{animation:duo-symbol-join var(--duration) both}@keyframes duo-parts{0%{opacity:0;transform:translateX(var(--part-x)) rotate(-18deg) scale(.8)}12%{opacity:1}28%{opacity:1;transform:translateX(0) rotate(5deg) scale(1.06)}37%{opacity:1;transform:none}43%,100%{opacity:0;transform:none}}@keyframes duo-symbol-join{0%,33%{opacity:0}40%{opacity:1;transform:scale(1.02)}50%,100%{opacity:1;transform:none}}
.duo-celebration[data-rank=platinum][data-motion=on] .duo-medal-symbol{animation:duo-symbol var(--duration) both,duo-encore .9s 3.2s forwards}.duo-celebration[data-rank=platinum][data-scene=handshake]{--encore-angle:9deg;--encore-x:0px;--encore-y:5px}.duo-celebration[data-rank=platinum][data-scene=swords]{--encore-angle:-12deg;--encore-x:0px;--encore-y:-4px}.duo-celebration[data-rank=platinum][data-scene=return]{--encore-angle:35deg}.duo-celebration[data-rank=platinum][data-scene=rise]{--encore-y:-18px}.duo-celebration[data-rank=platinum][data-scene=gather]{--encore-angle:14deg}.duo-celebration[data-rank=platinum][data-scene=hourglass]{--encore-angle:180deg}.duo-celebration[data-rank=platinum][data-scene=finish]{--encore-x:14px}.duo-celebration[data-rank=platinum][data-scene=clocks]{--encore-angle:35deg}.duo-celebration[data-rank=platinum][data-scene=stars]{--encore-y:-12px;--encore-angle:12deg}@keyframes duo-encore{0%,100%{transform:none}50%{transform:translate(var(--encore-x,0px),var(--encore-y,0px)) rotate(var(--encore-angle,0deg)) scale(1.12)}}

.duo-celebration[data-rank=platinum][data-motion=on][data-scene=handshake] .duo-medal-symbol,.duo-celebration[data-rank=platinum][data-motion=on][data-scene=swords] .duo-medal-symbol,.duo-celebration[data-rank=platinum][data-motion=on][data-scene=gather] .duo-medal-symbol{animation:duo-symbol-join var(--duration) both,duo-encore .9s 3.2s forwards}