/* PusztaPlay Sebességteszt — pop-art stílus */
.pp-st-wrap {
    max-width: 640px; margin: 0 auto;
}
.pp-st-card {
    background: #1a1a2e; border: 3px solid #000; border-radius: 14px;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.5), 0 0 30px rgba(255,204,0,0.08);
    padding: 24px; color: #f8f4ec;
    font-family: 'Poppins', sans-serif;
}
.pp-st-title {
    font-family: 'Bangers', cursive; font-size: 2rem; letter-spacing: 2px;
    color: #ffcc00; text-shadow: 3px 3px 0 #000;
    margin: 0 0 10px; text-align: center;
}

.pp-dash-col .pp-st-wrap { max-width: 100%; }
.pp-dash-col .pp-st-card { background: transparent; border: 0; box-shadow: none; padding: 0; }
.pp-dash-col .pp-st-title { display: none; }
.pp-st-note { font-size: 13px; color: #b0b3c0; text-align: center; margin: 0 0 18px; line-height: 1.6; }
.pp-st-ipinfo { text-align: center; font-size: 12px; color: #888; margin: -8px 0 16px; }
.pp-st-ipinfo strong { color: #00d4ff; }
.pp-st-warning {
    margin: 4px auto 0; max-width: 480px; text-align: center;
    background: #2a0a12; border: 2px solid #ff0044; border-radius: 10px;
    padding: 12px 14px; color: #ff6b93; font-size: 13px; line-height: 1.5;
    box-shadow: 3px 3px 0 #000;
}
.pp-st-gauges { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; }
.pp-st-gauge {
    flex: 1 1 200px; background: #0a0a0a; border: 2px solid #000; border-radius: 10px;
    padding: 14px; text-align: center; box-shadow: 3px 3px 0 #000;
}
.pp-st-big {
    font-family: 'Bangers', cursive; font-size: 2.6rem; letter-spacing: 2px; color: #00d4ff;
    text-shadow: 2px 2px 0 #000;
}
.pp-st-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #b0b3c0; margin: 4px 0 10px; }
.pp-st-bar { height: 10px; background: #1a1a1a; border: 2px solid #000; border-radius: 6px; overflow: hidden; }
.pp-st-bar-fill { height: 100%; width: 0; background: linear-gradient(90deg, #00d4ff, #ffcc00); transition: width 0.25s; }
.pp-st-smallrow { text-align: center; font-size: 13px; color: #b0b3c0; margin-bottom: 16px; }
.pp-st-smallrow strong { color: #f8f4ec; }
.pp-st-start {
    display: block; width: 100%; padding: 14px;
    background: #ffcc00; color: #0a0a0a;
    border: 3px solid #000; border-radius: 10px;
    font-family: 'Bangers', cursive; font-size: 1.4rem; letter-spacing: 2px;
    cursor: pointer; box-shadow: 4px 4px 0 #000; transition: all 0.15s;
}
.pp-st-start:hover { transform: translateY(-2px); }
.pp-st-start:disabled { opacity: 0.6; cursor: wait; }
.pp-st-result { margin-top: 18px; background: #0a0a0a; border: 3px solid #000; border-radius: 12px; padding: 16px; box-shadow: 3px 3px 0 #000; }
.pp-st-verdict {
    font-family: 'Bangers', cursive; font-size: 1.5rem; letter-spacing: 1px;
    text-align: center; margin-bottom: 12px; line-height: 1.4;
}
.pp-st-verdict.ok { color: #39ff14; }
.pp-st-verdict.bad { color: #ff0044; }
.pp-st-tip { font-size: 12px; color: #b0b3c0; text-align: center; }
.pp-st-summary { font-size: 13px; color: #b0b3c0; margin: 0 0 8px; }
.pp-st-summary strong { color: #00d4ff; }
.pp-st-breakdown { list-style: none; margin: 0 0 14px; padding: 0; }
.pp-st-breakdown li {
    padding: 8px 12px; margin-bottom: 6px;
    background: #1a1a2e; border-left: 4px solid #ffcc00; border-radius: 6px;
    font-size: 13px;
}
.pp-st-breakdown li strong { font-size: 16px; color: #ffcc00; font-family: 'Bangers', cursive; letter-spacing: 1px; }
.pp-st-rate-label { color: #f8f4ec; }
.pp-st-cta-row { display: flex; gap: 10px; flex-wrap: wrap; }
.pp-st-cta {
    flex: 1 1 200px; text-align: center; padding: 10px 14px;
    background: #ffcc00; color: #0a0a0a; text-decoration: none;
    border: 2px solid #000; border-radius: 8px;
    font-family: 'Bangers', cursive; font-size: 1.1rem; letter-spacing: 1px;
    box-shadow: 3px 3px 0 #000; transition: all 0.15s;
}
.pp-st-cta.alt { background: #1a1a2e; color: #00d4ff; }
.pp-st-cta:hover { transform: translateY(-2px); color: #0a0a0a; }
.pp-st-cta.alt:hover { color: #00d4ff; }