*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#192c43;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{width:min(1180px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid #dbe3ee}.brand{font-size:24px;font-weight:850;letter-spacing:-.04em}.brand b{color:#2769ce}.brand span{display:block;letter-spacing:.18em;font-size:10px;color:#66758c;font-weight:700}.platforms{font-size:11px;font-weight:700;letter-spacing:.11em;color:#6c7d93}.intro{margin:36px 0 28px}.eyebrow{color:#2769ce;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 12px}h1{font-size:42px;letter-spacing:-.05em;line-height:1.1;margin:0 0 15px}.intro>p:last-child{color:#63758c;margin:0;font-size:16px}.briskola{border-radius:24px;overflow:hidden;box-shadow:0 10px 36px #243b5a12;border:1px solid #324e39;background:#10271f;color:#fff4df}.briskola-top{display:flex;justify-content:space-between;align-items:center;padding:20px 26px 10px}.briskola-logo{width:205px;height:53px;object-fit:contain}.new{padding:6px 12px;border:1px solid #c9b26b55;border-radius:99px;color:#f5dd9d;font-size:11px;font-weight:800;letter-spacing:.04em}.triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:10px 24px 0;border-radius:16px;overflow:hidden}.mode{position:relative;height:222px;background:#244f39;overflow:hidden}.mode:nth-child(1){background:linear-gradient(0deg,#082a23aa,transparent 70%),url('/app/assets/briskola-portal/soca-wide.webp') center/cover}.solo{position:absolute;inset:0;background:url('/app/assets/briskola-portal/biker-original.png') center 14%/auto 116% no-repeat}.mode svg{position:absolute;inset:0;width:100%;height:100%}.mode:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#10271f)}.mode-label{position:absolute;z-index:1;bottom:15px;left:20px;line-height:1.2}.mode-label strong{font-size:33px;font-weight:850;letter-spacing:-.04em;display:block}.mode-label small{font-size:12px;color:#fff2d2}.mode-label span{font-size:13px;letter-spacing:.09em;margin-left:5px}.briskola-copy{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:25px 28px 28px}.briskola h2{font-size:29px;line-height:1.15;letter-spacing:-.03em;margin:0 0 9px}.briskola p{margin:0;color:#d2ddcf;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tags span{font-size:11px;font-weight:700;border:1px solid #a8beaa44;border-radius:99px;padding:5px 10px;color:#d7e5d5}.play{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:210px;text-align:center}.button{display:block;background:#ecc97e;color:#28210f;border:1px solid #f5d997;border-radius:13px;padding:13px 21px;font-size:17px;font-weight:800}.play small{color:#bdd0c0;font-size:11px}.details{font-size:12px;color:#ecd299;font-weight:600}.section-line{display:flex;justify-content:space-between;align-items:baseline;margin:29px 0 14px}.section-line h2{font-size:19px;margin:0;letter-spacing:-.02em}.section-line p{margin:0;font-size:12px;color:#718198}.utilities{display:grid;grid-template-columns:1fr 1fr;gap:22px}.utility{background:white;border:1px solid #d9e3f0;border-radius:20px;padding:24px;display:grid;grid-template-columns:128px 1fr;gap:22px;align-items:center}.utility-image{width:128px;height:142px;object-fit:cover;object-position:left;border-radius:12px;background:#f2f4f7;border:1px solid #e0e6ee}.wallet-art{width:128px;height:142px;background:linear-gradient(145deg,#102d26,#276252);border-radius:12px;padding:19px 12px;color:#e5efe5;position:relative}.wallet-art .card{height:42px;border:1px solid #85ae93;border-radius:7px;padding:10px;font-size:10px;font-weight:800;background:#3a755f}.wallet-art .card+div{margin:-8px 6px 0;background:#e3c780;border-color:#e3c780;color:#2f3420}.wallet-art small{font-size:9px;display:block;letter-spacing:.14em;margin-bottom:15px}.utility h3{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}.utility p{margin:9px 0 12px;color:#66778d;font-size:13px;line-height:1.5}.pill{display:inline-block;border-radius:99px;background:#edf5f1;color:#356c58;font-size:10px;font-weight:750;padding:4px 9px}.utility .go{font-size:13px;font-weight:800;color:#2464bf}.footer{padding:25px 0;color:#79869a;font-size:11px;text-align:center}.preview{display:inline-block;margin:12px 0 0;padding:4px 10px;background:#e6ecf6;color:#596d87;border-radius:99px;font-size:10px}
@media(max-width:760px){header,main,footer{width:calc(100% - 28px)}header{padding:18px 0}.platforms{font-size:8px;max-width:150px;text-align:right}.intro{margin:28px 0 22px}h1{font-size:34px}.intro>p:last-child{font-size:14px}.briskola-top{padding:16px 16px 8px}.briskola-logo{width:160px}.new{font-size:9px}.triptych{margin:7px 12px 0}.mode{height:155px}.mode-label{bottom:12px;left:9px}.mode-label strong{font-size:26px}.mode-label strong span{font-size:9px;display:block;margin:2px 0 0}.mode-label small{display:none}.briskola-copy{grid-template-columns:1fr;gap:20px;padding:20px}.briskola h2{font-size:25px}.briskola p{font-size:13px}.play{min-width:0}.utilities{grid-template-columns:1fr;gap:14px}.section-line p{display:none}.utility{grid-template-columns:94px 1fr;padding:18px;gap:16px}.utility-image,.wallet-art{width:94px;height:120px}.utility h3{font-size:21px}.utility p{font-size:12px}.wallet-art{padding:14px 9px}.wallet-art .card{padding:9px 5px;font-size:8px}.wallet-art small{font-size:8px}.solo{background-size:auto 108%}}

/* The public catalog uses its existing authenticated-admin-backed shell and brand. */
.shell.catalog-shell{width:min(1180px,calc(100% - 48px));max-width:1180px;margin:0 auto;padding:0}
.shell.catalog-shell>header,.shell.catalog-shell>main,.shell.catalog-shell>footer{width:100%;max-width:none;margin-inline:0}
.shell.catalog-shell>header{padding:25px 0;margin:0;border-bottom:1px solid #dbe3ee;border-radius:0;background:none;box-shadow:none}
.shell.catalog-shell .brand{display:flex;align-items:center;gap:10px;color:#192c43}
.shell.catalog-shell .brand-icon{width:40px;height:40px;border-radius:10px}
.shell.catalog-shell .brand>span{font-size:24px;letter-spacing:-.04em;line-height:1.1}
.shell.catalog-shell .brand .brand-sub{font-size:10px;letter-spacing:.18em;margin-top:5px;color:#66758c}
.shell.catalog-shell .top>.tag{font-size:11px;letter-spacing:.11em;color:#6c7d93;border:0;background:none;padding:0}
.moka-catalog-current{padding:0}.moka-catalog-current h1{font-size:42px;font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:0 0 15px}
.moka-catalog-current .intro>p:last-child{color:#63758c;font-size:16px}
.moka-catalog-current .briskola h2{color:#fff4df;font-weight:800}.moka-catalog-current .briskola .button{display:block;min-height:54px;margin:0;text-align:center;line-height:1.4;background:#ecc97e;color:#28210f;border:1px solid #f5d997;border-radius:13px;padding:13px 21px;font-size:17px;font-weight:800;box-shadow:none}
.moka-catalog-current .briskola .button:hover{background:#f8d892}.moka-catalog-current a:focus-visible{outline:3px solid #2464bf;outline-offset:4px}.moka-catalog-current .briskola a:focus-visible{outline-color:#fff2c7}
.moka-catalog-current .utility h3{font-size:22px;line-height:1.3;color:#192c43;font-weight:750;letter-spacing:-.03em;margin:0 0 6px}.moka-catalog-current .utility p{color:#66778d;font-size:13px;line-height:1.5;margin:9px 0 12px}.moka-catalog-current .utility .go{font-size:13px;color:#2464bf;font-weight:800}.moka-catalog-current .utility .pill{margin:0 2px 4px 0;font-size:10px;background:#edf5f1;color:#356c58;border:0}
.moka-catalog-current .wallet-art .card{padding:10px;border-radius:7px;box-shadow:none;min-height:0}.moka-catalog-current .wallet-art .card+div{margin:-8px 6px 0}
.shell.catalog-shell>.public-footer{padding:25px 0;margin:0;text-align:center;justify-content:center;color:#79869a;font-size:11px;border:0}
@media(max-width:760px){.shell.catalog-shell{width:calc(100% - 28px)}.shell.catalog-shell>header{padding:18px 0}.shell.catalog-shell .top>.tag{font-size:8px;max-width:150px;text-align:right;line-height:1.5}.moka-catalog-current h1{font-size:34px}.moka-catalog-current .intro>p:last-child{font-size:14px}.moka-catalog-current .utility h3{font-size:21px}.moka-catalog-current .utility p{font-size:12px}.moka-catalog-current .wallet-art .card{padding:9px 5px}}
@media(max-width:380px){.briskola-top{gap:10px}.briskola-logo{width:145px;min-width:0}.new{font-size:8px;padding:5px 8px}.shell.catalog-shell .top>.tag{max-width:128px;font-size:7px}.mode-label strong{font-size:23px}}

.guide-modes{margin-top:24px}.guide-modes .utility{display:block}.guide-modes h2{font-size:22px;margin:0 0 8px}.guide-modes .utility p{font-size:15px}

.moka-catalog-current h1,.shell.catalog-shell .brand>span{color:#192c43}.wallet-art .card{white-space:nowrap}
.shell.catalog-shell .top>.tag{white-space:normal;min-width:0;overflow-wrap:normal}
.moka-catalog-current .wallet-art .card{height:36px;font-size:9px;padding:8px 6px;line-height:1.2}
@media(max-width:760px){.shell.catalog-shell .top>.tag{flex:0 1 150px;line-height:1.5}.moka-catalog-current .wallet-art .card{height:34px;padding:8px 5px}}