/* DLE 17.2 TorIgruha: scoped download-page styles based on the supplied reference. */
.tdp-site .content #dle-content{display:block}
.tdp-site .content{min-width:0}
.tdp-main{width:100%;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--tt,#353535)}
.tdp-main,.tdp-main *{box-sizing:border-box}
.tdp-main .tdp-help{margin:6px 0 10px;text-align:center}
.tdp-main .tdp-help summary{display:inline-block;color:inherit;font-size:16px;cursor:pointer;list-style:none}
.tdp-main .tdp-help summary::-webkit-details-marker{display:none}
.tdp-main .tdp-help summary:hover{text-decoration:underline}
.tdp-main .tdp-help-text{max-width:640px;margin:12px auto;padding:14px;border:1px solid var(--bdc,#ddd);border-radius:5px;font-size:14px;text-align:left}
.tdp-main .tdp-form{margin:10px 0 13px;text-align:center}
.tdp-main .tdp-button,.tdp-main .tdp-new{display:flex;align-items:center;justify-content:center;gap:12px;width:228px;max-width:100%;min-height:55px;margin:0 auto;padding:15px 14px 15px 1px;border:0;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff38;color:#fff;font:400 19px/1.1 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.tdp-main .tdp-button{background:#8bc34a}
.tdp-main .tdp-button:hover{background:#73a646}
.tdp-main .tdp-button:disabled{background:#929f80;cursor:wait;font-size:17px}
.tdp-main .tdp-button svg,.tdp-main .tdp-new svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.tdp-main .tdp-new-wrap{margin:10px 0 13px}
.tdp-main .tdp-new{background:#ff5a5a}
.tdp-main .tdp-new:hover{background:#f14545}
.tdp-main .tdp-button:active,.tdp-main .tdp-new:active{transform:scale(.992)}
.tdp-main .tdp-timer{margin:8px 0 0;font-size:13px;color:var(--tt-fade,#6b7280)}
.tdp-main .tdp-timer:empty{display:none}
.tdp-main .tdp-note{max-width:640px;margin:10px auto 16px;padding:0 10px;font-size:12.5px;line-height:1.5;color:var(--tt-fade,#6b7280);text-align:center}
.tdp-main .tdp-extra:empty{display:none}
.tdp-main .tdp-extra{margin:20px auto;max-width:100%;overflow-wrap:anywhere}
.tdp-main .tdp-count{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;max-width:588px;margin:18px auto 26px;padding:9px 34px;border:1px solid #ead8a4;border-radius:9px;background:#f4efdf;font:14px/1.45 Arial,Helvetica,sans-serif;color:#353535;text-align:center}
.tdp-main .tdp-count b{color:#c79a2b}.tdp-main .tdp-count button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;box-shadow:none;color:#8b9096;padding:0 2px;min-width:24px;font:20px/1 Arial;cursor:pointer}
.tdp-main .tdp-count[hidden]{display:none}
.dt-is-active .tdp-main .tdp-count{background:#302d24;color:#ddd;border-color:#6b5a35}
.tdp-main .tdp-games{margin-top:28px}
.tdp-main .tdp-games h2{font:400 18px/1.5 Arial,Helvetica,sans-serif;margin:0 0 20px}
.tdp-main .tdp-games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
.tdp-main .tdp-game{display:block;min-width:0;text-align:center;color:inherit;text-decoration:none;font-size:15px}
.tdp-main .tdp-game img{display:block;width:100%;height:auto;aspect-ratio:161/230;object-fit:cover;border-radius:3px 3px 0 0;margin-bottom:8px}
.tdp-main .tdp-game span{display:block;overflow-wrap:anywhere}
.tdp-main .tdp-game:hover span{text-decoration:underline}
.tdp-main .tdp-info{margin:28px 0 0;padding:12px 0;border-top:1px solid var(--bdc,#ddd);font-size:13px;overflow-wrap:anywhere}
.tdp-main .tdp-info summary{cursor:pointer;color:var(--tt-fade,#6b7280)}
.tdp-main .tdp-info h1{font:600 16px/1.4 Arial,sans-serif;margin:10px 0 6px}
.tdp-main .tdp-back{display:block;text-align:center;margin-top:20px;color:#6b7280;font-size:13px;text-decoration:underline}
.tdp-main .tdp-error{padding:16px;margin:12px 0;border:1px solid #d98686;border-radius:5px;color:#9a3333;background:#fff0f0}
.tdp-main :focus-visible{outline:3px solid #0eacdd;outline-offset:4px}
.dt-is-active .tdp-main .tdp-button{background:#35813e}
.dt-is-active .tdp-main .tdp-new{background:#b44646}
.dt-is-active .tdp-main .tdp-back{color:#b8c1cc}
@media(max-width:600px){.tdp-main .tdp-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.tdp-main .tdp-games{margin-top:24px}}
