/* PachinkoMachines.co | Franchise discovery | version 2026-10-26 */
:root{color-scheme:dark} .pkm8 *{box-sizing:border-box} .pkm8{font:inherit;background:#0b1822;color:#e9eff0;min-height:100vh;line-height:1.55}.pkm8 a{color:inherit}.pkm8 .wrap{max-width:1240px;margin:auto;padding:0 22px}.pkm8 .skip{position:absolute;left:-9999px}.pkm8 .skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:12px;z-index:100}
.pkm8 .top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:21px 0;border-bottom:1px solid #324856}.pkm8 .brand{text-decoration:none;text-transform:uppercase;letter-spacing:.095em;font-weight:800;font-size:.94rem}.pkm8 .toplinks{display:flex;gap:15px;flex-wrap:wrap;font-size:.87rem;color:#c9d3dd}.pkm8 .hero{background:radial-gradient(ellipse 65% 65% at 86% 10%,#284553 0%,transparent 77%),linear-gradient(135deg,#101f2e,#1d263a 55%,#182735);border-bottom:1px solid #3b4e58;padding:56px 0 48px}.pkm8 .eyebrow{color:#e7c789;font-weight:800;letter-spacing:.2em;font-size:.72rem;text-transform:uppercase}.pkm8 h1{font-size:clamp(2.2rem,5.1vw,4.7rem);letter-spacing:-.055em;line-height:1.07;color:#fff;max-width:900px;margin:13px 0 18px}.pkm8 .lead{max-width:820px;color:#cbdae1;font-size:1.08rem}.pkm8 .actions{display:flex;gap:13px;flex-wrap:wrap;margin:25px 0 24px}.pkm8 .btn{display:inline-block;text-decoration:none;background:#f1cd8d;color:#142c39;padding:12px 19px;border-radius:7px;font-size:.94rem;font-weight:800}.pkm8 .btn.alt{background:transparent;border:1px solid #7a8d9e;color:#f5f7f8}.pkm8 .counter{font-size:.87rem;color:#a9c5cb}.pkm8 .counter strong{font-variant-numeric:tabular-nums;color:#f1cd8d}
.pkm8 .catalog{padding:40px 0 80px}.pkm8 .controls{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:18px;align-items:center}.pkm8 input[type=search]{width:100%;background:#182b38;border:1px solid #677c89;color:#fff;border-radius:8px;padding:15px 16px;font-size:1rem}.pkm8 input::placeholder{color:#aabbc6}.pkm8 .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.pkm8 .filter{background:#1c303e;color:#d9e7ec;border:1px solid #526878;border-radius:100px;padding:9px 14px;font:inherit;font-size:.85rem;cursor:pointer}.pkm8 .filter[aria-pressed=true]{background:#ebc580;color:#162a34;border-color:#ebc580;font-weight:800}.pkm8 .section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:35px 0 15px}.pkm8 h2{font-size:1.65rem;letter-spacing:-.02em;color:white;margin:0}.pkm8 .section-head p{color:#adc4cc;font-size:.86rem;margin:0}.pkm8 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pkm8 .card{padding:22px;border:1px solid #3b5262;border-radius:11px;background:linear-gradient(145deg,#1d313f,#142431);display:flex;flex-direction:column;min-height:186px;transition:border .16s ease}.pkm8 .card:hover{border-color:#dfbd82}.pkm8 .card .tag{color:#e2c58d;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:800}.pkm8 .card h3{font-size:1.26rem;line-height:1.25;margin:12px 0 9px;color:#fff}.pkm8 .card p{font-size:.91rem;color:#b9cbd3;margin:0 0 14px;flex:1}.pkm8 .card a{font-size:.86rem;font-weight:800;color:#f0cf91;text-decoration:none;align-self:start}.pkm8 .card a:hover{text-decoration:underline}.pkm8 .hidden{display:none!important}.pkm8 #pkm8-none{border:1px dashed #6b7a8d;padding:25px;border-radius:8px;margin-top:20px}.pkm8 .note{margin-top:46px;padding:25px;border:1px solid #526a78;background:#152733;border-radius:12px;max-width:1000px}.pkm8 .note h2{font-size:1.4rem;margin-bottom:11px}.pkm8 .note p,.pkm8 .note li{color:#cbd9de;font-size:.95rem}.pkm8 .footer{border-top:1px solid #455968;color:#a2b8c3;padding:25px 0 40px;font-size:.82rem}.pkm8 a:focus-visible,.pkm8 button:focus-visible,.pkm8 input:focus-visible{outline:3px solid #f7da9b;outline-offset:3px}
@media(max-width:900px){.pkm8 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pkm8 .controls{grid-template-columns:1fr}.pkm8 .filters{justify-content:flex-start}}
@media(max-width:560px){.pkm8 .cards{grid-template-columns:1fr}.pkm8 .hero{padding:37px 0}.pkm8 .top{align-items:flex-start;flex-direction:column}.pkm8 .card{min-height:150px}.pkm8 .section-head{align-items:start;flex-direction:column}}