#journey .ym-journey-emerald{display:grid;gap:10px}#journey .ym-journey-emerald>.jv-card,#journey .ym-journey-emerald>.card{margin:0;padding:12px}#journey .ym-emerald-hero{background:linear-gradient(120deg,#0e8148,#075b3a);color:#fff0d0;border-color:#147545;overflow:hidden}#journey .ym-emerald-hero .ym-performance-nav{margin:0 0 8px}#journey .ym-emerald-hero .ym-performance-nav b,#journey .ym-emerald-hero .ym-performance-nav small{color:#fff0d0}#journey .ym-emerald-hero .ym-performance-nav button{background:#ffffff16;border-color:#ffffff20;color:#fff0d0}#journey .ym-emerald-hero .ym-period-tabs{background:#ffffff15;padding:3px;margin-top:5px}#journey .ym-emerald-hero .ym-period-tabs button{color:#e3edda;min-height:30px}#journey .ym-emerald-hero .ym-period-tabs button.active{background:#fff0d0;color:#095d3d}#journey .ym-emerald-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}#journey .ym-emerald-summary strong{display:block;font-size:30px;line-height:1.25}#journey .ym-emerald-summary small{font-size:11px;color:#e2ebd5}#journey .ym-emerald-ring{flex:none;width:65px;height:65px;border-radius:50%;padding:6px;background:conic-gradient(#e9dca0 var(--rate),#ffffff20 0)}#journey .ym-emerald-ring>span{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b643f;border-radius:50%;width:100%;height:100%;font-weight:bold;font-size:16px}#journey .ym-emerald-ring small{font-size:8px;font-weight:normal}#journey .ym-emerald-track{height:5px;background:#ffffff25;border-radius:8px;overflow:hidden;margin-top:10px}#journey .ym-emerald-track span{display:block;height:100%;background:#e9dca0}#journey .ym-emerald-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;font-size:10px}#journey .ym-emerald-stats b{font-size:16px}#journey .ym-emerald-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:10px}#journey .ym-emerald-status button{color:inherit;font-size:10px}#journey .ym-emerald-note{font-size:11px;line-height:1.5;color:#e3edda}#journey .ym-emerald-hero .ym-past-month-note{color:#fff0d0;background:#ffffff15}#journey .ym-trend{display:block;width:100%;height:130px;margin-top:9px}#journey .ym-trend text{font:10px Arial;fill:#496951}#journey .ym-journey-share-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}#journey .ym-journey-share-row small{color:#65816c;font-size:11px}#journey .ym-journey-share-row button{font-size:12px;padding:9px 12px}.ym-journey-dialog{box-sizing:border-box;border:1px solid #e4decf;border-radius:20px;background:#fffaf0;color:#254735;width:min(400px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:20px}.ym-journey-dialog::backdrop{background:#193d3070;backdrop-filter:blur(3px)}.ym-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ym-dialog-heading h3{margin:0;font-size:18px}.ym-dialog-heading button{border:0;border-radius:50%;background:#eaeede;color:#315941;width:34px;height:34px;font-size:22px}.ym-journey-dialog p{font-size:13px;line-height:1.6}.ym-journey-dialog small{font-size:11px;line-height:1.5;color:#72816d}.ym-modal-medal{display:grid;place-items:center;width:72px;height:72px;border:3px solid #d6c6a5;border-radius:50%;background:#eadfc9;color:#a99b7e;font-size:36px;margin:18px auto}.ym-modal-medal.earned{background:radial-gradient(circle at 30% 20%,#397554,#0a3c2c);border-color:#daa333;color:#f0bc53}.ym-medal-progress{height:6px;border-radius:6px;overflow:hidden;background:#dce4d3}.ym-medal-progress span{display:block;height:100%;background:#0e8148}.ym-card-preview img{width:100%;max-height:45dvh;object-fit:contain;display:block;border-radius:12px}.ym-share-name{display:flex;align-items:center;gap:8px;font-size:12px;margin:13px 0}.ym-share-actions{display:flex;flex-wrap:wrap;gap:8px}.ym-share-actions button{font-size:12px;flex:1}.ym-share-actions button[hidden]{display:none}.ym-journey-dialog [data-share-status]{min-height:32px;font-size:11px}
@media(prefers-color-scheme:dark){body.dark #journey .jv-medal-section .mb-panel{background:#20372c;color:#eee6cc}}

#journey .jv-medal-section{box-sizing:border-box;width:100%;padding:18px 10px;font-family:Arial,Helvetica,sans-serif;color:#254735;background:transparent}
#journey .jv-medal-section *{box-sizing:border-box}
#journey .jv-medal-section [hidden]{display:none!important}
#journey .jv-medal-section .mb-panel{width:100%;max-width:430px;margin:auto;border:1px solid #e4decf;border-radius:18px;padding:16px 14px 12px;background:#fffaf0;color:#254735;box-shadow:0 4px 15px #30482105}
#journey .jv-medal-section .mb-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:14px}
#journey .jv-medal-section .mb-head h3{font-size:15px;line-height:21px;margin:0;font-weight:700}
#journey .jv-medal-section .mb-head small{font-size:11px;line-height:17px;color:#777b69;white-space:nowrap}
#journey .jv-medal-section .mb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#journey .jv-medal-section .mb-grid.mb-expanded{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px}
#journey .jv-medal-section .mb-badge{border:0;background:transparent;padding:0 1px 3px;min-width:0;min-height:112px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#3e5140;font:inherit;touch-action:manipulation}
#journey .jv-medal-section .mb-disc{position:relative;isolation:isolate;flex:none;display:grid;place-items:center;width:57px;height:57px;border-radius:50%;border:2px solid #de9b26;background:radial-gradient(circle at 30% 22%,#fff0b6 0,#ffd46b 40%,#eaa52f 80%,#d38c1b 100%);box-shadow:inset 0 1px 2px #fff8d2,0 2px 3px #91622220;color:#aa6d18;margin-bottom:8px}
#journey .jv-medal-section .mb-disc:before{content:'';position:absolute;inset:4px;border:1px solid #ab6a205e;border-radius:50%;box-shadow:inset 0 1px 1px #fff0b4aa;pointer-events:none}
#journey .jv-medal-section .mb-disc:after{content:'';position:absolute;inset:7px;border-top:1px solid #ffffff50;border-radius:50%;pointer-events:none}
#journey .jv-medal-section .mb-icon{display:grid;place-items:center;width:29px;height:29px;font-size:29px;line-height:29px;font-style:normal;filter:drop-shadow(0 1px 0 #fff2ba88)}
#journey .jv-medal-section .mb-disc svg{width:28px;height:28px;stroke-width:1.7;fill:#f8c55a44}
#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(2) .mb-disc,#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(3) .mb-disc{border-color:#dc991f;background:radial-gradient(circle at 30% 20%,#2b624b,#153f32 62%,#092b25);box-shadow:inset 0 1px 2px #a1c6aa30,0 2px 3px #17352c24;color:#efb23f}
#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(2) .mb-disc:before,#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(3) .mb-disc:before{border-color:#e4b04a88;box-shadow:none}
#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(2) .mb-icon,#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(3) .mb-icon{filter:drop-shadow(0 1px 0 #00000055)}
#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(2) .mb-disc svg,#journey .jv-medal-section .mb-grid>.mb-badge:nth-child(3) .mb-disc svg{fill:#e9b1450d}
#journey .jv-medal-section .mb-badge.locked .mb-disc{background:radial-gradient(circle at 30% 22%,#fbf3e1,#eadbbf 75%,#decaab);border-color:#ddcaa7;box-shadow:inset 0 1px 2px #fff7e6,0 1px 2px #7669510a;color:#b6a789}
#journey .jv-medal-section .mb-badge.locked .mb-disc:before{border-color:#c3af8a44;box-shadow:inset 0 1px 1px #fff9ec88}
#journey .jv-medal-section .mb-badge.locked .mb-icon{filter:drop-shadow(0 1px 0 #fff9ec);opacity:.72}
#journey .jv-medal-section .mb-badge.locked .mb-disc svg{fill:#b6a78944;stroke:#ab9d83}
#journey .jv-medal-section .mb-name{font-size:11px;line-height:15px;font-weight:600;min-height:30px;display:flex;align-items:flex-start;justify-content:center;max-width:100%;overflow-wrap:normal}
#journey .jv-medal-section .mb-status{font-size:10px;line-height:15px;color:#537150;margin-top:1px;white-space:normal}
#journey .jv-medal-section .mb-badge.locked .mb-status{color:#82775f}
#journey .jv-medal-section .mb-badge.locked .mb-name{color:#737765}
#journey .jv-medal-section .mb-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #e8e2d3;padding-top:10px;margin-top:10px}
#journey .jv-medal-section .mb-foot small{color:#7b816d;font-size:10px;line-height:16px}
#journey .jv-medal-section .mb-expand{font:600 11px/17px Arial,sans-serif;border:0;background:transparent;color:#176c4a;padding:6px 0;min-height:30px;text-align:right}
#journey .jv-medal-section .mb-panel[data-tone="Zümrüt"] .mb-badge.earned .mb-disc{background:radial-gradient(circle at 30% 20%,#3e8b5c,#0c5738 72%,#063d2b);border-color:#cdb77c;color:#f5dc9b}
#journey .jv-medal-section .mb-panel[data-tone="Zümrüt"] .mb-badge.earned .mb-disc:before{border-color:#e4c47a80;box-shadow:none}
#journey .jv-medal-section .mb-dialog{width:min(370px,calc(100% - 28px));max-height:85vh;border:1px solid #dfd9c7;border-radius:19px;padding:20px;background:#fffaf0;color:#254735;font-family:Arial,sans-serif;overflow:auto}
#journey .jv-medal-section .mb-dialog::backdrop{background:#193d3066;backdrop-filter:blur(3px)}
#journey .jv-medal-section .mb-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#journey .jv-medal-section .mb-dialog h3{font-size:18px;margin:0;line-height:25px}
#journey .jv-medal-section .mb-close{border:0;border-radius:50%;background:#edeede;color:#60715c;width:32px;height:32px;font-size:21px}
#journey .jv-medal-section .mb-dialog .mb-disc{margin:15px auto 17px;width:72px;height:72px}
#journey .jv-medal-section .mb-dialog p{font-size:13px;line-height:21px;color:#5f7059;margin:10px 0}
#journey .jv-medal-section .mb-dialog .mb-current{font-size:14px;color:#176c4a;font-weight:600}
#journey .jv-medal-section .mb-progress{height:5px;border:0;border-radius:6px;background:#e0e4d4;overflow:hidden;margin:15px 0 9px}
#journey .jv-medal-section .mb-progress span{display:block;height:100%;background:#0e8148;border:0;border-radius:inherit}
#journey .jv-medal-section .mb-dialog .mb-note{font-size:11px;line-height:17px;color:#837957;margin-top:12px}
@media(max-width:350px){#journey .jv-medal-section{padding-inline:4px}#journey .jv-medal-section .mb-panel{padding-inline:10px}#journey .jv-medal-section .mb-grid{gap:5px}#journey .jv-medal-section .mb-disc{width:51px;height:51px}#journey .jv-medal-section .mb-name{font-size:10px;line-height:14px}#journey .jv-medal-section .mb-status{font-size:9px}}

#journey .jv-medal-section{padding:0;width:100%;font-family:Arial,Helvetica,sans-serif}#journey .jv-medal-section .mb-panel{padding:13px 12px 10px;border-radius:16px}#journey .jv-medal-section .mb-head{margin-bottom:11px}#journey .jv-medal-section .mb-head h3{font-size:13px}#journey .jv-medal-section .mb-disc{width:53px;height:53px}#journey .jv-medal-section .mb-badge{min-height:105px}#journey .jv-medal-section .mb-name{font-size:10px}#journey .jv-medal-section .mb-status{font-size:9px}#journey .jv-medal-section .mb-head small{font-size:10px}#journey .jv-medal-section .mb-foot small{font-size:9px}#journey .jv-medal-section .mb-expand{font-size:10px}#journey .jv-medal-section .mb-in-dialog{min-height:0;margin:15px auto 12px}#journey .jv-medal-section .mb-in-dialog .mb-disc{width:65px;height:65px}#journey .jv-medal-section .mb-dark.earned .mb-disc{background:radial-gradient(circle at 30% 20%,#2b624b,#153f32 62%,#092b25);color:#efb23f}
#journey .mb-panel{max-width:none}
#journey .jv-medal-section{min-width:0;max-width:none}#journey .ym-journey-emerald .jv-medal-section .mb-panel{width:100%;max-width:none;margin:0}#journey .jv-medal-section .mb-grid.ym-medal-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;padding:4px 0 5px}#journey .ym-medal-track::-webkit-scrollbar{display:none}#journey .jv-medal-section .ym-medal-track>.mb-badge{flex:0 0 clamp(84px,22%,130px);scroll-snap-align:start;min-height:112px}#journey .ym-medal-arrows{display:flex;gap:5px}#journey .ym-medal-arrows button{border:1px solid #dbe3cf;border-radius:8px;background:#f4f5e9;color:#226b49;min-width:34px;min-height:32px;font-size:20px}#journey .ym-medal-arrows button:disabled{opacity:.3}
