body.public-app .motm-panel{margin:12px 0;background:linear-gradient(130deg,#073a8c,#031b42);border:1px solid #2162ba;border-radius:12px;color:white;overflow:hidden}
body.public-app .result-motm-winners{margin:12px 0;padding:16px;background:linear-gradient(120deg,#0a4486,#052653);border:1px solid #ba983f;border-radius:14px;color:#fff;text-align:center}
body.public-app .result-motm-winners h3{margin:0 0 8px;color:#ffdf20;font-size:14px;letter-spacing:1px}
body.public-app .result-motm-winners>small{display:block;margin-bottom:10px;color:#c3d8eb}
body.public-app .result-motm-winners>div{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
body.public-app .result-motm-winners article{flex:0 1 160px;min-width:0}
body.public-app .result-motm-winners img{display:block;margin:0 auto 8px;width:100%;height:140px;object-fit:contain;object-position:bottom}
body.public-app .result-motm-winners b{display:block;overflow-wrap:anywhere;font-size:14px}
body.public-app .motm-panel>summary{display:flex;justify-content:space-between;gap:10px;padding:15px;font-size:14px;list-style:none}
body.public-app .motm-panel>summary span{font-size:11px;color:#ffdf20}
body.public-app .motm-content{padding:0 14px 16px;font-size:13px}
body.public-app .motm-content>small{display:block;color:#b6d2eb;font-size:11px;margin-top:12px}
body.public-app .motm-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;margin:7px 0;background:#083465;color:white;border:1px solid #356a9a;border-radius:9px;min-height:52px;text-align:left;box-sizing:border-box}
body.public-app .motm-option img{width:42px;height:50px;object-fit:contain}
body.public-app .motm-option b{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}
body.public-app .motm-option span,body.public-app .motm-option strong{color:#ffdf20;font-size:12px}
body.public-app .motm-winner{display:flex;align-items:center;gap:16px;border-bottom:2px solid #d7b948;padding:12px 0;background:radial-gradient(ellipse at left,#145e9e,transparent)}
body.public-app .motm-winner img{width:42%;height:180px;object-fit:contain;object-position:center bottom}
body.public-app .motm-winner small{font-size:11px;color:#ffdf20}
body.public-app .motm-winner h3{color:white;font-size:24px;margin:10px 0}
body.public-app .motm-winner b{font-size:12px;color:#bfd9ef}
body.public-app .motm-error{color:#ffe6a3;font-size:12px}
body.public-app .motm-shared{border:1px solid #c9a85c;border-radius:16px;overflow:hidden;background:#061d3c;color:#fff}
body.public-app .motm-shared header{text-align:center;padding:20px 10px 15px}
body.public-app .motm-shared header small{font-size:11px;letter-spacing:2px;color:#bcd0e8}
body.public-app .motm-shared h3{margin:10px 0 8px;font-size:25px;font-style:italic;color:#f7d785;line-height:1.2}
body.public-app .motm-shared header span{font-size:12px;color:#d1dff0}
body.public-app .motm-shared-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 13px 18px}
body.public-app .motm-shared-player{min-width:0;text-align:center;background:linear-gradient(#0d3865,#071f3d);border:1px solid #be9e5355;border-radius:12px;overflow:hidden}
body.public-app .motm-shared-player img{display:block;box-sizing:border-box;width:100%;height:187px;object-fit:contain;object-position:center bottom;padding:10px 4px 0}
body.public-app .motm-shared-player>div{padding:13px 5px 15px;border-top:2px solid #d8b967;background:#082445}
body.public-app .motm-shared-player h4{font-size:17px;line-height:1.2;margin:0;min-height:41px;color:#fff;overflow-wrap:anywhere}
body.public-app .motm-shared-player strong{display:block;color:#f7d785;font-size:25px;margin-top:9px;line-height:1.2}
body.public-app .motm-shared-player strong small{display:block;margin-top:3px;font-size:11px;color:#b8cde5;font-weight:400}
body.public-app .motm-full-results{margin-top:12px;border-top:1px solid #34506d}
body.public-app .motm-full-results>summary{padding:15px 0;color:#dfc681;font-size:12px;min-height:44px;box-sizing:border-box}
@media(max-width:350px){body.public-app .motm-shared-player img{height:157px}body.public-app .motm-shared-player h4{font-size:15px}body.public-app .motm-shared-grid{padding-inline:9px;gap:7px}body.public-app .motm-shared h3{font-size:22px}}
body.public-app .home-motm{background:linear-gradient(130deg,#074581,#031b42);color:#fff;border:1px solid #c1a632;border-radius:14px;padding:16px;margin:8px 0}body.public-app .home-motm h2{color:#ffe500;margin:0 0 8px;font-size:19px}body.public-app .home-motm .motm-panel{margin-bottom:0}body.public-app .home-motm .small{color:#c9dff4}
.motm-result-popup{position:fixed;inset:0;margin:auto;width:min(90vw,540px);max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid #ddbd52;border-radius:20px;padding:25px 18px;background:linear-gradient(140deg,#0b4c91,#051c40);color:#fff;box-shadow:0 20px 80px #0009}.motm-result-popup::backdrop{background:#00132ac9;backdrop-filter:blur(5px)}.motm-popup-close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:white;font-size:30px}.motm-popup-fixture{text-align:center;color:#c8ddf2;margin:12px 20px}.motm-result-popup .motm-shared{background:transparent;border:0;margin:0}.motm-result-popup .motm-shared h3{color:#ffe500}.motm-result-popup .motm-shared-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.motm-result-popup .motm-shared-player{flex:1 1 160px;max-width:230px;text-align:center}.motm-result-popup .motm-shared-player img{width:100%;height:220px;object-fit:contain}.motm-popup-done{display:block;margin:18px auto 0;padding:10px 28px;border:0;border-radius:10px;background:#ffe500;color:#062652;font-weight:800}.motm-thanks{text-align:center;padding:20px 12px}.motm-thanks strong{color:#ffe500;font-size:20px}
/* Winner reveal: centered portrait card, including shared winners. */
body.public-app .motm-result-popup{width:min(92vw,486px);padding:26px 22px 20px;background:#061c38;border-color:#d5b555;border-radius:26px;text-align:center}
body.public-app .motm-result-popup .motm-shared{display:flex;flex-direction:column;border:0;background:transparent;overflow:visible}
body.public-app .motm-result-popup .motm-shared header{display:contents}
body.public-app .motm-result-popup .motm-shared header>small{order:0;display:block;margin:22px 0 12px;color:#f4cf67;font-size:12px;font-weight:800;letter-spacing:3px}
body.public-app .motm-result-popup .motm-shared h3{order:2;margin:15px 0 10px;color:#f4cf67;font-size:14px;font-style:normal;letter-spacing:2px}
body.public-app .motm-result-popup .motm-shared header>span{order:3;margin-bottom:12px}
body.public-app .motm-result-popup .motm-shared-grid{order:1;display:flex;justify-content:center;gap:12px;padding:0;background:radial-gradient(ellipse at center,#153e65 0%,#082342 65%,#061c38 100%);border:1px solid #b99d4d55;border-radius:210px 210px 10px 10px}
body.public-app .motm-result-popup .motm-shared-player{flex:1 1 0;max-width:100%;border:0;background:none;overflow:visible;border-radius:0}
body.public-app .motm-result-popup .motm-shared-player img{height:290px;width:100%;padding:20px 4px 0;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%)}
body.public-app .motm-result-popup .motm-shared-player>div{border:0;background:#061c38;padding:18px 6px 4px}
body.public-app .motm-result-popup .motm-shared-player h4{font-size:32px;line-height:1.08;min-height:0;text-wrap:balance}
body.public-app .motm-result-popup .motm-shared-player h4::after{content:'';display:block;width:48px;height:3px;background:#f4cf67;margin:18px auto 4px}
body.public-app .motm-result-popup .motm-shared-grid:has(article:nth-child(2)) img{height:220px}
body.public-app .motm-result-popup .motm-shared-grid:has(article:nth-child(2)) h4{font-size:22px}
body.public-app .motm-result-popup .motm-popup-fixture{margin:18px 0 0;padding-top:18px;border-top:1px solid #cfb66544;font-size:13px;color:#cbd9ed}
body.public-app .motm-result-popup .motm-popup-done{background:transparent;color:#f4cf67;border:1px solid #cfb66566;border-radius:8px;margin-top:16px;min-height:44px}
body.public-app .motm-result-popup .motm-popup-close{min-width:44px;min-height:44px;z-index:1}
/* Keep result winner names below the portrait, independent of match-row styles. */
body.public-app .result-motm .result-motm-winners>div{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;min-width:0}
body.public-app .result-motm .result-motm-winners article{display:flex!important;flex-direction:column!important;align-items:center;flex:1 1 180px;width:100%;max-width:320px;min-width:0;grid-template-columns:none!important}
body.public-app .result-motm .result-motm-winners article img{flex:none;width:100%;height:170px;object-fit:contain;object-position:center bottom;margin:0 auto 12px}
body.public-app .result-motm .result-motm-winners article b{display:block!important;position:static!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;color:#fff!important;text-align:center!important;font-size:18px;line-height:1.3;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance}
.motm-final-percentages{margin:16px 0;padding:12px;border:1px solid #35618a;border-radius:10px;background:#062344;color:#fff}.motm-final-percentages summary{cursor:pointer;color:#ffdf20;font-weight:800;font-size:13px}.motm-final-percentages>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #284c6b;font-size:13px}.motm-final-percentages>div b{color:#fff;min-width:0;overflow-wrap:break-word}.motm-final-percentages strong{color:#ffdf20;flex-shrink:0}.motm-result-popup{max-height:90dvh;overflow-y:auto}
body.public-app #tab-uitslagen .motm-final-percentages>summary,body.public-app #tab-uitslagen .motm-final-percentages>summary::marker,body.public-app #tab-uitslagen .motm-final-percentages>summary::after{color:#ffdf20!important}
body.public-app #tab-uitslagen .motm-final-percentages>summary{background:#062344!important;border:0!important;box-shadow:none!important}
body.public-app .motm-final-percentages>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px;width:100%;min-width:0;box-sizing:border-box}
body.public-app .motm-final-percentages>div>b{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-align:left;line-height:1.4}
body.public-app .motm-final-percentages>div>strong{width:auto!important;min-width:0!important;white-space:nowrap!important;justify-self:end}
