:root{
  --blue:#1768ff;--blue-dark:#0b4ed1;--blue-soft:#eef4ff;
  --red:#e93b4f;--red-soft:#fff0f2;--ink:#172033;--muted:#748096;
  --line:#e7ebf2;--line-strong:#dbe1ea;--soft:#f6f8fb;--white:#fff;
  --success:#15936b;--warning:#b57b13;
  --radius-xs:10px;--radius-sm:12px;--radius:16px;--radius-lg:20px;--radius-xl:24px;
  --shadow-sm:0 5px 18px rgba(20,38,68,.055);--shadow:0 12px 34px rgba(20,38,68,.08);
  --app-width:560px;--nav-h:70px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2f7;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.grow{flex:1;min-width:0}

/* ===== USER APP SHELL ===== */
.app-shell{position:relative;width:min(100%,var(--app-width));min-height:100dvh;margin:0 auto;background:var(--white);box-shadow:0 0 45px rgba(22,36,58,.08);padding-bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:50;height:62px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(231,235,242,.8);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand img{width:34px;height:34px;border-radius:10px;object-fit:contain;flex:none}.brand span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;letter-spacing:-.025em}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(20,38,68,.035)}.icon-btn:active{transform:scale(.97)}.notify-dot{position:absolute;top:5px;right:5px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--red);border:2px solid #fff;color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center}.content{padding:0 16px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 16px 12px}.page-head h1{margin:0;font-size:22px;line-height:1.12;letter-spacing:-.035em}.page-sub{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.section{padding-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.section-title{margin:0;font-size:16px;letter-spacing:-.025em}.section-link{font-size:10px;font-weight:800;color:var(--blue)}

/* ===== HOME ===== */
.hero-slider,.bottom-slider{position:relative;overflow:hidden;border-radius:20px;background:#edf1f7;box-shadow:var(--shadow-sm)}.hero-slider{margin-top:8px}.slides{display:flex;transition:transform .38s ease;will-change:transform}.slide{position:relative;min-width:100%;height:190px;overflow:hidden}.slide-link{display:block;width:100%;height:100%;color:inherit}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:21px 20px 25px;color:#fff;background:linear-gradient(90deg,rgba(11,28,55,.78),rgba(11,28,55,.22) 68%,rgba(11,28,55,.05))}.slide.light .slide-copy{color:var(--ink);background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.35) 72%,rgba(255,255,255,.08))}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:16px;height:3px;border-radius:999px;background:var(--red)}.slide h1{max-width:72%;margin:0 0 5px;font-size:22px;line-height:1.08;letter-spacing:-.035em}.slide p{max-width:70%;margin:0;font-size:10px;line-height:1.45;opacity:.9}.dots{position:absolute;left:20px;bottom:11px;z-index:5;display:flex;gap:4px}.dot{width:6px;height:6px;border:0;padding:0;border-radius:99px;background:rgba(255,255,255,.5);transition:.2s}.dot.active{width:18px;background:#fff}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.menu-card{min-width:0;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 4px 13px rgba(20,38,68,.04);transition:transform .15s ease,border-color .15s ease}.menu-card:active{transform:scale(.97)}.menu-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--blue-soft);color:var(--blue);overflow:hidden}.menu-icon.has-image{padding:0;background:transparent}.menu-icon.has-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit}.menu-card:nth-child(even) .menu-icon:not(.has-image){background:var(--red-soft);color:var(--red)}.menu-card span:last-child{max-width:100%;font-size:9px;font-weight:800;line-height:1.2;text-align:center}.h-scroll{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:1px 1px 5px;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.event-card{min-width:235px;scroll-snap-align:start;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 4px 14px rgba(20,38,68,.035)}.event-date{width:44px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;float:left;margin-right:10px;border-radius:12px;background:var(--blue-soft);color:var(--blue)}.event-date b{font-size:15px;line-height:1}.event-date span{margin-top:3px;font-size:8px;font-weight:900;text-transform:uppercase}.event-card h3{margin:1px 0 4px;font-size:12px;line-height:1.3}.meta{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:850;line-height:1.1}.event-card .badge{margin-top:10px}.opponent-card{min-width:132px;scroll-snap-align:start;padding:12px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center}.avatar{position:relative;width:50px;height:50px;margin:0 auto 8px;display:grid;place-items:center;flex:none;border-radius:16px;background:linear-gradient(145deg,#eaf1ff,#f7f9fc);color:var(--blue);font-size:16px;font-weight:900}.rank-dot{position:absolute;right:-4px;bottom:-3px;width:21px;height:21px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--red);color:#fff;font-size:8px}.opponent-card h4{margin:0 0 3px;font-size:11px}.opponent-card p{margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.score{font-size:10px;font-weight:850;color:var(--blue)}.mini-btn{margin-top:8px;padding:7px 10px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-size:8px;font-weight:850;display:inline-flex;align-items:center;justify-content:center}.bottom-slider{height:132px;margin-bottom:4px}.bottom-slider .slide{height:132px}.bottom-slider .slide-copy{padding:16px 18px 21px}.bottom-slider .slide h1{font-size:16px}.bottom-slider .slide p{font-size:9px}

/* ===== NAVIGATION ===== */
.bottom-nav{position:fixed;left:50%;bottom:0;z-index:60;width:min(100%,var(--app-width));height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:6px 7px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));transform:translateX(-50%);border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}.nav-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:#8b96a7;font-size:8px;font-weight:800}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--blue);background:linear-gradient(180deg,rgba(238,244,255,.9),rgba(238,244,255,0))}.nav-item:active{transform:scale(.97)}

/* ===== COMMON UI ===== */
.panel{margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 4px 15px rgba(20,38,68,.025)}.panel>h3:first-child{margin-top:0}.form-group{margin-bottom:12px}.label{display:block;margin-bottom:6px;font-size:10px;font-weight:800;color:#354056}.input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-size:11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#a3adbc}.input:focus{border-color:#8bb2ff;box-shadow:0 0 0 3px rgba(23,104,255,.08)}textarea.input{height:88px;padding-top:10px;line-height:1.45;resize:vertical}.file-input{height:auto;min-height:42px;padding:9px}.btn{height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;font-size:10px;font-weight:850;white-space:nowrap;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.985)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-soft{background:var(--blue-soft);color:var(--blue)}.btn-block{width:100%}.alert{margin:10px 0;padding:10px 12px;border-radius:12px;font-size:10px;line-height:1.45}.alert-success{background:#ebfaf4;color:#0b7454}.alert-error{background:var(--red-soft);color:#b51f32}.list-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.list-row:first-child{padding-top:2px}.list-row:last-child{padding-bottom:2px;border-bottom:0}.list-row .avatar{width:42px;height:42px;margin:0;border-radius:13px;font-size:13px}.list-title{margin:0 0 3px;font-size:11px;font-weight:850;line-height:1.35}.list-sub{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.price{font-size:12px;font-weight:900;color:var(--blue)}.empty{padding:28px 14px;text-align:center;color:var(--muted);font-size:10px}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:16px 0}.pagination a,.pagination span{min-width:31px;height:31px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px}.pagination .active{border-color:var(--blue);background:var(--blue);color:#fff}

/* ===== MATCH / EVENT / RANK / NOTIFICATIONS ===== */
.rank-row{display:grid;grid-template-columns:31px 40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-num{text-align:center;font-size:10px;font-weight:900}.rank-row:first-child .rank-num{color:#c78b15}.rank-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:900}.notification-row{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.notification-row:first-child{padding-top:2px}.notification-row:last-child{padding-bottom:2px;border-bottom:0}.notification-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--blue-soft);color:var(--blue)}.notif-title{margin-bottom:3px;font-size:11px;font-weight:850}.notif-msg{color:var(--muted);font-size:9px;line-height:1.5}.notif-time{margin-top:4px;color:#a1a9b6;font-size:8px}

/* ===== MARKETPLACE ===== */
.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(20,38,68,.03)}.product-img{height:118px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#edf3fb,#dce7f6);color:var(--blue)}.product-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:10px}.product-body h3{margin:4px 0 6px;font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-body .price{font-size:11px}.product-body small{display:block;color:var(--muted);font-size:8px;line-height:1.4}.panel details summary{min-height:34px}

/* ===== PROFILE ===== */
.profile-hero{position:relative;overflow:hidden;margin-top:8px;margin-bottom:12px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#1768ff,#123f98);color:#fff}.profile-hero:after{content:"";position:absolute;right:-48px;top:-68px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.09)}.profile-avatar{width:58px;height:58px;margin-bottom:11px;display:grid;place-items:center;border-radius:17px;background:#fff;color:var(--blue);font-size:18px;font-weight:900}.profile-hero h2{margin:0 0 3px;font-size:18px}.profile-hero p{margin:0;font-size:9px;opacity:.85}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.stat{padding:9px 7px;border-radius:12px;background:rgba(255,255,255,.12);text-align:center}.stat b{display:block;font-size:15px}.stat span{font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.82}.install-card{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #dce7ff;border-radius:16px;background:#f5f8ff}.install-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--blue);color:#fff}.install-card .btn{height:36px;padding:0 11px}

/* ===== AUTH / INSTALL ===== */
.auth-wrap{width:min(100%,460px);min-height:100dvh;margin:0 auto;padding:28px 20px;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-logo{width:72px;height:72px;object-fit:contain;margin:0 auto 18px;border-radius:18px}.auth-title{margin:0 0 6px;text-align:center;font-size:24px;letter-spacing:-.04em}.auth-sub{max-width:330px;margin:0 auto 20px;text-align:center;color:var(--muted);font-size:10px;line-height:1.55}.auth-card{padding:17px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.auth-switch{margin:15px 0 0;text-align:center;color:var(--muted);font-size:10px}.auth-switch a{color:var(--blue);font-weight:850}.auth-note{display:flex;gap:8px;align-items:center;margin:-1px 0 14px;color:var(--muted);font-size:9px}.auth-back{position:absolute;top:16px;left:16px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}

/* ===== ADMIN ===== */
.admin-shell{min-height:100dvh;background:#f5f7fa}.admin-top{position:sticky;top:0;z-index:50;height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.admin-brand{display:flex;align-items:center;gap:9px;min-width:0;font-weight:900}.admin-brand img{width:32px;height:32px;border-radius:9px;object-fit:contain}.admin-brand span{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.admin-top .btn{height:36px;padding:0 11px}.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100dvh - 60px)}.admin-side{padding:14px 10px;border-right:1px solid var(--line);background:#fff}.admin-menu{display:flex;flex-direction:column;gap:4px;position:sticky;top:74px}.admin-menu a{padding:10px 11px;border-radius:10px;color:#68758a;font-size:10px;font-weight:800}.admin-menu a:hover{background:#f7f9fc}.admin-menu a.active{background:var(--blue-soft);color:var(--blue)}.admin-main{width:100%;max-width:1180px;padding:22px}.admin-title{margin:0 0 4px;font-size:22px;letter-spacing:-.035em}.admin-sub{margin-bottom:18px;color:var(--muted);font-size:10px;line-height:1.5}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-stat{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.admin-stat span{color:var(--muted);font-size:9px}.admin-stat b{display:block;margin-top:5px;font-size:23px;letter-spacing:-.03em}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.table{width:100%;min-width:650px;border-collapse:collapse}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:9px;line-height:1.4}.table th{background:#fafbfc;color:#7c8799;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.system-box{padding:17px;border:1px solid #d8e4ff;border-radius:17px;background:#f8faff}.code-list{overflow:auto;padding:11px 13px;border-radius:12px;background:#17243b;color:#dbe5f9;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.7}.upgrade-history{margin-top:16px}.status-success{color:var(--success);font-weight:800}.status-failed{color:var(--red);font-weight:800}

/* ===== APPEARANCE ADMIN ===== */
.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.admin-section-head h3{margin:0 0 3px;font-size:14px}.admin-section-head p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.branding-preview{height:66px;margin-bottom:14px;padding:9px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}.branding-logo-box{width:46px;height:46px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.branding-logo-box img{max-width:38px;max-height:38px;object-fit:contain}.branding-preview b{display:block;font-size:13px}.branding-preview span{display:block;margin-top:2px;color:var(--muted);font-size:8px}.favicon-preview-card{margin:0 0 9px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;text-align:center}.favicon-preview-icon{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}.favicon-preview-icon img{width:30px;height:30px;display:block;object-fit:contain;object-position:center}.favicon-preview-card>span{color:var(--muted);font-size:8px;font-weight:700}.field-help{margin-top:5px;color:var(--muted);font-size:8px;line-height:1.4}.form-row{display:flex;gap:9px}.form-row.two>*{flex:1;min-width:0}.check-row{display:flex;align-items:center;gap:7px;margin:-1px 0 13px;font-size:9px;font-weight:700}.check-row input{accent-color:var(--blue)}.slider-admin-section{margin-top:19px}.slider-heading{margin-bottom:9px}.slider-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.slider-admin-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(20,38,68,.035)}.slider-admin-card.is-disabled{opacity:.68}.slider-admin-preview{position:relative;height:135px;overflow:hidden;background:#edf1f7}.slider-admin-preview img{width:100%;height:100%;object-fit:cover}.slider-order,.slider-status{position:absolute;top:9px;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:900;backdrop-filter:blur(8px)}.slider-order{left:9px;background:rgba(255,255,255,.9);color:var(--ink)}.slider-status{right:9px}.slider-status.on{background:rgba(21,147,107,.9);color:#fff}.slider-status.off{background:rgba(23,32,51,.78);color:#fff}.slider-edit-form{padding:12px 12px 4px}.slider-fields{align-items:end}.slider-fields .grow{flex:1}.order-field{width:82px;flex:none}.slider-card-actions{padding:9px 12px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line)}.slider-card-actions form{min-width:0;margin:0}.slider-card-actions .btn{width:100%;height:34px;padding:0 8px;overflow:hidden;font-size:8.5px;white-space:nowrap;text-overflow:ellipsis}

/* ===== RESPONSIVE ===== */
@media (min-width:561px){.app-shell{margin-top:18px;margin-bottom:18px;min-height:calc(100dvh - 36px);border-radius:24px;overflow:hidden}.bottom-nav{bottom:18px;border-radius:0 0 24px 24px}.auth-wrap{margin-top:18px;margin-bottom:18px;min-height:calc(100dvh - 36px);border-radius:24px}}
@media (max-width:980px){.admin-layout{grid-template-columns:1fr}.admin-side{position:sticky;top:60px;z-index:40;padding:7px 10px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.admin-side::-webkit-scrollbar{display:none}.admin-menu{position:static;flex-direction:row;gap:5px}.admin-menu a{white-space:nowrap;padding:8px 10px;background:#fff;border:1px solid var(--line)}.admin-menu a.active{border-color:#d7e4ff}.admin-main{padding:18px}.admin-two{grid-template-columns:1fr}.appearance-grid,.slider-admin-list{grid-template-columns:1fr}}
@media (max-width:720px){.admin-top{height:56px;padding:0 13px}.admin-brand span{max-width:190px}.admin-layout{min-height:calc(100dvh - 56px)}.admin-side{top:56px}.admin-main{padding:14px}.admin-title{font-size:20px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-stat{padding:12px}.admin-stat b{font-size:20px}.table-wrap.mobile-cards{overflow:visible;border:0;background:transparent}.table-wrap.mobile-cards .table{display:block;min-width:0}.table-wrap.mobile-cards thead{display:none}.table-wrap.mobile-cards tbody{display:grid;gap:8px}.table-wrap.mobile-cards tr{display:block;padding:5px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.table-wrap.mobile-cards td{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px dashed var(--line);text-align:right;font-size:9px}.table-wrap.mobile-cards td:last-child{border-bottom:0}.table-wrap.mobile-cards td:before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;text-align:left}.table-wrap.mobile-cards td>*{max-width:66%}}
@media (max-width:520px){body{background:#fff}.app-shell{box-shadow:none}.content{padding:0 14px}.topbar{height:58px;padding:9px 14px}.brand img{width:32px;height:32px}.brand span{max-width:210px;font-size:14px}.icon-btn{width:36px;height:36px}.page-head{padding:16px 14px 10px}.page-head h1{font-size:21px}.hero-slider{margin-top:6px}.slide{height:174px}.slide-copy{padding:18px 17px 22px}.slide h1{font-size:20px}.slide p{font-size:9px}.menu-grid{gap:7px}.menu-card{padding:10px 3px 9px}.menu-icon{width:37px;height:37px;border-radius:12px}.section{padding-top:20px}.section-title{font-size:15px}.event-card{min-width:220px}.bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.nav-item{font-size:7.5px}.nav-item svg{width:19px;height:19px}.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.auth-wrap{padding:24px 16px}.auth-card{padding:15px}.form-row.two{display:block}.install-card{align-items:flex-start;flex-wrap:wrap}.install-card .grow{min-width:calc(100% - 54px)}.install-card .btn{margin-left:52px}.slider-admin-preview{height:122px}.admin-section-head{align-items:flex-start}.system-box{padding:14px}}
@media (max-width:380px){.content{padding:0 12px}.topbar{padding-left:12px;padding-right:12px}.page-head{padding-left:12px;padding-right:12px}.brand span{max-width:175px}.slide{height:164px}.slide h1{font-size:18px}.menu-grid{gap:5px}.menu-card span:last-child{font-size:8px}.market-grid{gap:7px}.product-img{height:102px}.rank-row{grid-template-columns:28px 37px minmax(0,1fr) auto}.rank-avatar{width:37px;height:37px}.btn{padding:0 12px}.admin-main{padding:11px}.admin-stats{gap:6px}.admin-stat{padding:10px}.admin-stat b{font-size:18px}}
.match-actions{display:flex;gap:5px;flex:none}.match-actions .mini-btn{margin:0}.admin-two .panel h3{margin:0 0 10px;font-size:13px}@media(max-width:420px){.match-actions{flex-direction:column}.match-actions .mini-btn{width:64px}.list-row{align-items:flex-start}.list-row>.badge{margin-top:2px}}
.auth-wrap{position:relative}

/* ===== ADMIN SIDEBAR V4 ===== */
.admin-layout-sidebar{display:flex;min-height:100dvh;background:#f5f7fa}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:224px;padding:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.admin-sidebar-head{height:68px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.admin-sidebar .admin-brand{gap:10px;min-width:0}.admin-sidebar .admin-brand img{width:36px;height:36px;border-radius:11px}.admin-sidebar .admin-brand span{display:flex;flex-direction:column;min-width:0}.admin-sidebar .admin-brand b{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}.admin-sidebar .admin-brand small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:700}.admin-sidebar-close{display:none;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:#f6f8fb;color:var(--ink)}.admin-sidebar .admin-menu{position:static;flex:1;overflow-y:auto;padding:13px 10px;display:flex;flex-direction:column;gap:3px}.admin-menu-label{padding:12px 10px 5px;color:#a0a9b8;font-size:7px;font-weight:900;letter-spacing:.12em}.admin-sidebar .admin-menu a{position:relative;min-height:40px;padding:9px 10px;display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#667287;font-size:10px;font-weight:800;white-space:normal}.admin-sidebar .admin-menu a svg{width:18px;height:18px;flex:none}.admin-sidebar .admin-menu a:hover{background:#f7f9fc;color:var(--ink)}.admin-sidebar .admin-menu a.active{background:var(--blue-soft);color:var(--blue)}.admin-sidebar .admin-menu a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--blue)}.admin-sidebar-foot{padding:10px;border-top:1px solid var(--line)}.admin-sidebar-foot form{margin:0}.admin-side-action{width:100%;min-height:39px;padding:8px 10px;display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#667287;font-size:10px;font-weight:800;text-align:left}.admin-side-action svg{width:18px;height:18px;flex:none}.admin-side-action:hover{background:#f7f9fc;color:var(--ink)}.admin-side-action.logout{color:var(--red)}.admin-side-action.logout:hover{background:var(--red-soft)}.admin-workspace{width:calc(100% - 224px);min-width:0;margin-left:224px}.admin-top-sidebar{position:sticky;top:0;z-index:45;height:58px;padding:0 22px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.admin-menu-toggle{display:none;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}.admin-top-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;color:#4b576b}.admin-top-home{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#607086}.admin-workspace .admin-main{max-width:1280px;margin:0 auto;padding:22px 24px 32px}.admin-mobile-backdrop{display:none}
@media(max-width:980px){body.admin-menu-open{overflow:hidden}.admin-layout-sidebar{display:block}.admin-workspace{width:100%;margin-left:0}.admin-sidebar{width:min(82vw,260px);transform:translateX(-105%);box-shadow:18px 0 50px rgba(20,38,68,.16);transition:transform .24s ease}.admin-shell.admin-menu-open .admin-sidebar{transform:translateX(0)}.admin-sidebar-close{display:grid}.admin-menu-toggle{display:grid}.admin-mobile-backdrop{position:fixed;inset:0;z-index:70;display:block;pointer-events:none;background:rgba(18,28,44,.34);opacity:0;transition:opacity .2s ease}.admin-shell.admin-menu-open .admin-mobile-backdrop{pointer-events:auto;opacity:1}.admin-top-sidebar{height:58px;padding:0 14px}.admin-workspace .admin-main{padding:17px 15px 28px}.admin-sidebar .admin-menu{padding-bottom:20px}}
@media(max-width:520px){.admin-top-sidebar{height:54px;padding:0 12px}.admin-menu-toggle,.admin-top-home{width:35px;height:35px}.admin-top-title{font-size:10px}.admin-workspace .admin-main{padding:14px 12px 25px}.admin-sidebar{width:min(86vw,268px)}}

@media (max-width:390px){.slider-card-actions{gap:5px;padding:8px 10px 10px}.slider-card-actions .btn{height:32px;padding:0 5px;font-size:8px}}

/* v7 - Admin toolbar mengikuti toolbar aplikasi + pusat notifikasi admin */
.admin-app-toolbar{height:62px;padding:0 18px;gap:14px}
.admin-toolbar-left{min-width:0;display:flex;align-items:center;gap:10px}
.admin-toolbar-brand{min-width:0;display:flex;align-items:center;gap:9px;color:var(--ink)}
.admin-toolbar-brand img{width:34px;height:34px;flex:none;border-radius:10px;object-fit:contain}
.admin-toolbar-brand span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;letter-spacing:-.025em}
.admin-notification-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(20,38,68,.035)}
.admin-notification-btn:active{transform:scale(.97)}
.admin-notification-btn.active{border-color:#cadbff;background:var(--blue-soft);color:var(--blue)}
.admin-app-toolbar .admin-menu-toggle{margin-left:0;margin-right:2px}
.admin-notification-panel{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 7px 24px rgba(22,36,58,.035)}
.admin-notification-row{position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-bottom:1px solid var(--line);color:inherit;transition:background .16s ease}
.admin-notification-row:last-child{border-bottom:0}
a.admin-notification-row:hover{background:#fafcff}
.admin-notification-row.unread{background:#f7faff}
.admin-notification-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--blue-soft);color:var(--blue)}
.admin-notification-icon svg{width:19px;height:19px}
.admin-notification-copy{min-width:0;padding-top:1px}
.admin-notification-title{font-size:11px;font-weight:850;line-height:1.35}
.admin-notification-message{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.5}
.admin-notification-time{margin-top:5px;color:#9ca7b6;font-size:8px}
.admin-unread-mark{position:absolute;top:18px;right:14px;width:7px;height:7px;border-radius:999px;background:var(--red);box-shadow:0 0 0 3px #fff}
.admin-notification-empty{min-height:230px;padding:30px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.admin-notification-empty-icon{width:52px;height:52px;margin-bottom:12px;display:grid;place-items:center;border-radius:16px;background:var(--blue-soft);color:var(--blue)}
.admin-notification-empty-icon svg{width:23px;height:23px}
.admin-notification-empty b{font-size:12px}
.admin-notification-empty span{margin-top:5px;color:var(--muted);font-size:9px}
@media(max-width:980px){.admin-app-toolbar{height:60px;padding:0 14px}.admin-toolbar-brand img{width:32px;height:32px}.admin-toolbar-brand span{max-width:220px;font-size:14px}.admin-app-toolbar .admin-menu-toggle{display:grid}.admin-notification-btn{width:36px;height:36px}.admin-workspace .admin-main{padding-top:17px}}
@media(max-width:520px){.admin-app-toolbar{height:58px;padding:0 12px}.admin-toolbar-left{gap:7px}.admin-toolbar-brand{gap:8px}.admin-toolbar-brand img{width:32px;height:32px}.admin-toolbar-brand span{max-width:165px;font-size:14px}.admin-app-toolbar .admin-menu-toggle{width:34px;height:34px;border-radius:10px}.admin-notification-btn{width:36px;height:36px}.admin-notification-row{padding:12px}.admin-notification-icon{width:38px;height:38px}.admin-unread-mark{right:11px}}
@media(max-width:380px){.admin-toolbar-brand span{max-width:125px}.admin-toolbar-left{gap:5px}}


/* v10 - Custom homepage menu icons */
.menu-icon-settings-panel{margin-top:8px}
.menu-icon-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:9px}
.menu-icon-setting{min-width:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}
.menu-icon-setting-preview{min-height:87px;margin-bottom:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.menu-icon-setting-preview .menu-icon{margin-bottom:7px;background:var(--blue-soft);color:var(--blue)}
.menu-icon-setting:nth-child(even) .menu-icon{background:var(--red-soft);color:var(--red)}
.menu-icon-setting-preview b{font-size:9px;line-height:1.2}
.menu-icon-setting-preview>span:last-child{margin-top:3px;color:var(--muted);font-size:7.5px;font-weight:700}
.menu-icon-setting .file-input{min-height:36px;padding:7px;font-size:8px}
.menu-icon-help{margin:0 0 11px}
@media(max-width:700px){.menu-icon-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.menu-icon-setting{padding:8px}.menu-icon-setting-preview{min-height:80px}.menu-icon-setting .file-input{font-size:7.5px}}

/* v11 - Modern admin file upload */
.admin-shell .file-input{
    min-height:44px;
    padding:5px 8px 5px 5px;
    border:1px dashed #ced9e8;
    border-radius:12px;
    background:#f8fafc;
    color:#7a8798;
    font-size:9px;
    line-height:32px;
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.admin-shell .file-input:hover{
    border-color:#a9c2f5;
    background:#f5f8ff;
}
.admin-shell .file-input:focus{
    border-color:#8bb2ff;
    background:#fff;
    box-shadow:0 0 0 3px rgba(23,104,255,.08);
}
.admin-shell .file-input::file-selector-button{
    height:32px;
    margin:0 9px 0 0;
    padding:0 12px 0 31px;
    border:0;
    border-radius:9px;
    background-color:var(--blue);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:11px center;
    color:#fff;
    font:inherit;
    font-weight:850;
    line-height:32px;
    cursor:pointer;
    box-shadow:0 3px 8px rgba(23,104,255,.16);
    transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.admin-shell .file-input::file-selector-button:hover{
    background-color:var(--blue-dark);
    box-shadow:0 4px 10px rgba(23,104,255,.22);
}
.admin-shell .file-input::file-selector-button:active{transform:scale(.98)}
.admin-shell .menu-icon-setting .file-input{
    min-height:40px;
    padding:4px 6px 4px 4px;
    line-height:30px;
}
.admin-shell .menu-icon-setting .file-input::file-selector-button{
    height:30px;
    padding-left:29px;
    padding-right:9px;
    background-position:10px center;
    line-height:30px;
    font-size:8px;
}
@media(max-width:420px){
    .admin-shell .file-input{font-size:8px}
    .admin-shell .file-input::file-selector-button{padding-right:10px;font-size:8px}
}

/* v13 - Modern compact racer dashboard, profile photo & 3-car garage */
.user-dashboard{padding-top:8px;padding-bottom:8px}.racer-card{position:relative;overflow:hidden;margin-bottom:12px;padding:15px;border:1px solid #dce6fb;border-radius:20px;background:linear-gradient(145deg,#f9fbff 0%,#eef4ff 100%);box-shadow:0 8px 22px rgba(23,104,255,.06)}.racer-card:after{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-65px;border-radius:50%;background:rgba(23,104,255,.07)}.racer-card-top{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.profile-avatar{overflow:hidden}.profile-avatar.has-photo{padding:0;background:#edf1f6}.profile-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}.profile-avatar-lg{width:58px;height:58px;margin:0;display:grid;place-items:center;flex:none;border:3px solid #fff;border-radius:18px;background:var(--blue);color:#fff;font-size:17px;font-weight:900;box-shadow:0 5px 14px rgba(23,104,255,.18)}.racer-identity{min-width:0}.racer-kicker{margin-bottom:3px;color:var(--blue);font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.racer-identity h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.15;letter-spacing:-.025em}.racer-identity p{margin:4px 0 0;color:#748096;font-size:8.5px;line-height:1.35}.racer-status{display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 7px;border:1px solid #d5eadf;border-radius:999px;background:#f3fbf7;color:#14805f;font-size:7px;font-weight:900}.racer-status i{width:6px;height:6px;border-radius:50%;background:#20a878}.dashboard-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}.dashboard-stats>div{min-width:0;padding:8px 4px;border:1px solid rgba(207,220,245,.9);border-radius:11px;background:rgba(255,255,255,.72);text-align:center}.dashboard-stats b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.1}.dashboard-stats span{display:block;margin-top:3px;color:#7d899c;font-size:6.5px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.dashboard-section{margin-bottom:12px;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 4px 15px rgba(20,38,68,.025)}.dashboard-section-head{margin-bottom:10px}.section-caption{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.4}.garage-count{min-width:32px;height:24px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:900}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.overview-item{min-width:0;padding:9px 10px;border-radius:12px;background:#f8fafc}.overview-item span{display:block;margin-bottom:4px;color:#8994a5;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.overview-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.25}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.racer-bio{margin-top:8px;padding:10px;border-left:3px solid var(--blue);border-radius:0 11px 11px 0;background:#f7faff}.racer-bio span{display:block;margin-bottom:4px;color:var(--blue);font-size:7px;font-weight:900;text-transform:uppercase}.racer-bio p{margin:0;color:#5d697c;font-size:8.5px;line-height:1.5}.tamiya-garage-grid{display:grid;gap:8px}.tamiya-slot{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.tamiya-slot[open]{border-color:#d5e2ff;box-shadow:0 5px 16px rgba(23,104,255,.045)}.tamiya-slot>summary{list-style:none;min-height:68px;padding:9px;display:flex;align-items:center;gap:10px;cursor:pointer}.tamiya-slot>summary::-webkit-details-marker{display:none}.tamiya-slot.empty-slot>summary{background:#fbfcfe}.tamiya-thumb{position:relative;width:52px;height:52px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#eef4ff,#f6f9ff);color:var(--blue)}.tamiya-thumb svg{width:25px;height:25px}.tamiya-thumb.has-photo img{width:100%;height:100%;display:block;object-fit:cover}.tamiya-thumb>span{position:absolute;right:4px;bottom:4px;width:16px;height:16px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--ink);color:#fff;font-size:6px;font-weight:900}.tamiya-summary{min-width:0}.tamiya-summary small{display:block;margin-bottom:2px;color:var(--blue);font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.tamiya-summary b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.tamiya-summary p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:7.5px}.tamiya-chevron{width:17px;height:17px;flex:none;color:#9ba6b7;transition:transform .18s ease}.tamiya-slot[open] .tamiya-chevron{transform:rotate(90deg)}.tamiya-editor{padding:11px;border-top:1px solid var(--line);background:#fcfdff}.compact-form-row{gap:8px}.compact-form-row .form-group{margin-bottom:9px}.compact-upload-group{margin-bottom:9px}.profile-file-input{min-height:39px;padding:7px;font-size:8px;background:#fff}.compact-textarea{height:70px!important;min-height:70px}.garage-delete-form{margin-top:7px}.garage-delete-btn{width:100%;padding:7px;border:0;background:transparent;color:var(--red);font-size:8px;font-weight:850}.profile-edit-panel{padding:0}.profile-edit-panel>summary{list-style:none}.profile-edit-panel>summary::-webkit-details-marker{display:none}.profile-edit-summary{min-height:64px;padding:11px 13px;display:flex;align-items:center;gap:10px;cursor:pointer}.profile-edit-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;background:var(--blue-soft);color:var(--blue)}.profile-edit-icon svg{width:18px;height:18px}.profile-edit-summary b{display:block;font-size:10.5px}.profile-edit-summary span{display:block;margin-top:3px;color:var(--muted);font-size:7.5px}.profile-edit-chevron{width:17px;height:17px;flex:none;color:#9aa5b5;transition:transform .18s ease}.profile-edit-panel[open] .profile-edit-chevron{transform:rotate(90deg)}.profile-edit-form{padding:12px 13px 13px;border-top:1px solid var(--line)}.profile-photo-editor{display:flex;align-items:center;gap:11px;margin-bottom:11px;padding:10px;border-radius:13px;background:#f8fafc}.edit-avatar{width:54px;height:54px;margin:0;display:grid;place-items:center;flex:none;border-radius:15px;background:var(--blue);color:#fff;font-size:15px;font-weight:900}.profile-photo-editor p{margin:4px 0 0;color:var(--muted);font-size:7px}.profile-logout-form{margin:0 0 16px}.avatar.has-photo,.rank-avatar.has-photo{padding:0;overflow:hidden}.avatar.has-photo img,.rank-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}.rank-avatar.has-photo{background:#eef2f7}.opponent-card .avatar.has-photo{background:#eef2f7}
@media(max-width:520px){.user-dashboard{padding-top:6px}.racer-card{padding:13px}.profile-avatar-lg{width:54px;height:54px;border-radius:16px}.racer-identity h1{font-size:16px}.dashboard-stats{gap:5px}.dashboard-stats>div{padding:7px 3px}.dashboard-stats b{font-size:12px}.dashboard-section{padding:12px}.overview-item{padding:8px 9px}.tamiya-slot>summary{min-height:64px;padding:8px}.tamiya-thumb{width:48px;height:48px}.profile-edit-summary{min-height:60px;padding:10px 11px}.profile-photo-editor{align-items:flex-start}.profile-photo-editor .grow{min-width:0}}
@media(max-width:380px){.racer-card-top{gap:8px}.profile-avatar-lg{width:50px;height:50px}.racer-status{padding:4px 6px}.dashboard-stats span{font-size:6px}.overview-grid{gap:6px}.overview-item b{font-size:9px}.tamiya-summary p{max-width:185px}}


/* v14 - White minimal racer header + clean garage + modern file upload */
.user-dashboard .racer-card{
    position:relative;
    overflow:hidden;
    margin-bottom:12px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:none;
}
.user-dashboard .racer-card:after{display:none!important;content:none!important}
.user-dashboard .racer-card-top{position:relative;z-index:auto;display:flex;align-items:center;gap:11px}
.user-dashboard .profile-avatar-lg{
    width:56px;height:56px;margin:0;display:grid;place-items:center;flex:none;
    border:1px solid #e3e8ef;border-radius:16px;background:#f6f7f9;color:#263244;
    font-size:16px;font-weight:900;box-shadow:none;
}
.user-dashboard .profile-avatar-lg.has-photo{background:#f5f6f8;border-color:#e3e8ef}
.user-dashboard .racer-kicker{margin-bottom:3px;color:#8a95a5;font-size:6.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.user-dashboard .racer-identity h1{font-size:16px;color:#182234}
.user-dashboard .racer-identity p{margin-top:3px;color:#7c8797;font-size:8px}
.user-dashboard .racer-status{padding:4px 7px;border:1px solid #dfe6e2;background:#f8faf9;color:#3f6f60;font-size:6.5px}
.user-dashboard .racer-status i{width:5px;height:5px;background:#35a47b}
.user-dashboard .dashboard-stats{position:relative;z-index:auto;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.user-dashboard .dashboard-stats>div{padding:5px 3px;border:0;border-radius:0;background:transparent;text-align:center}
.user-dashboard .dashboard-stats b{font-size:12px;color:#1d2738}
.user-dashboard .dashboard-stats span{margin-top:3px;color:#8c96a5;font-size:6px;letter-spacing:.04em}

/* My Tamiya: no decorative vehicle icon in empty slots */
.user-dashboard .tamiya-thumb{background:#f7f8fa;color:#7e8998;border:1px solid #edf0f4}
.user-dashboard .tamiya-thumb.is-empty{display:flex;align-items:center;justify-content:center}
.user-dashboard .tamiya-thumb.is-empty>span.tamiya-empty-slot-label{
    position:static;width:auto;height:auto;display:block;border:0;border-radius:0;background:transparent;
    color:#8a95a4;font-size:7px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;
}
.user-dashboard .tamiya-thumb.has-photo{border:0;background:#f1f3f6}
.user-dashboard .tamiya-thumb.has-photo>span:not(.tamiya-empty-slot-label){
    position:absolute;right:4px;bottom:4px;width:16px;height:16px;display:grid;place-items:center;
    border:2px solid #fff;border-radius:50%;background:#202a3a;color:#fff;font-size:6px;font-weight:900;
}

/* Simpler edit-profile icon */
.user-dashboard .profile-edit-summary{gap:9px}
.user-dashboard .profile-edit-icon{
    width:26px;height:26px;display:grid;place-items:center;flex:none;border:0;border-radius:0;
    background:transparent;color:#606b7a;
}
.user-dashboard .profile-edit-icon svg{width:16px;height:16px}

/* Modern file upload across user, marketplace and admin */
.app-shell .file-input,
.admin-shell .file-input{
    min-height:42px;
    height:auto;
    padding:4px 8px 4px 4px;
    border:1px solid #dbe2ea;
    border-radius:11px;
    background:#f8fafc;
    color:#7b8796;
    font-size:8.5px;
    line-height:32px;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.app-shell .file-input:hover,
.admin-shell .file-input:hover{border-color:#bac7d8;background:#fbfcfd}
.app-shell .file-input:focus,
.admin-shell .file-input:focus{border-color:#9bb7eb;background:#fff;box-shadow:0 0 0 3px rgba(23,104,255,.06)}
.app-shell .file-input::file-selector-button,
.admin-shell .file-input::file-selector-button{
    height:32px;margin:0 9px 0 0;padding:0 11px;border:0;border-radius:8px;
    background:#202a3a;color:#fff;font:inherit;font-weight:850;line-height:32px;cursor:pointer;
    box-shadow:none;transition:background .15s ease,transform .15s ease;
}
.app-shell .file-input::file-selector-button:hover,
.admin-shell .file-input::file-selector-button:hover{background:#111827}
.app-shell .file-input::file-selector-button:active,
.admin-shell .file-input::file-selector-button:active{transform:scale(.98)}
.user-dashboard .profile-file-input{min-height:40px;padding:4px 7px 4px 4px;background:#f8fafc}
.user-dashboard .profile-photo-editor{background:#fafbfc;border:1px solid #edf0f3}
.user-dashboard .edit-avatar{background:#f1f3f6;color:#263244;border:1px solid #e1e6ec;box-shadow:none}

@media(max-width:520px){
    .user-dashboard .racer-card{padding:12px;border-radius:16px}
    .user-dashboard .profile-avatar-lg{width:52px;height:52px;border-radius:14px}
    .user-dashboard .dashboard-stats{margin-top:10px;padding-top:9px}
    .app-shell .file-input,.admin-shell .file-input{font-size:8px}
    .app-shell .file-input::file-selector-button,.admin-shell .file-input::file-selector-button{padding:0 10px;font-size:8px}
}


/* v15 - Primary machine garage dropdown */
.user-dashboard .machine-select-wrap{position:relative}
.user-dashboard .machine-select{
    appearance:none;-webkit-appearance:none;padding-right:38px;background:#fff;font-weight:700;color:#263244;cursor:pointer;
}
.user-dashboard .machine-select-wrap>svg{
    position:absolute;right:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;color:#7d8998;
}
.user-dashboard .machine-select:focus + svg{color:var(--blue)}
.user-dashboard .machine-select:disabled{cursor:not-allowed;background:#f7f8fa;color:#9aa4b2}
.user-dashboard .machine-select-help{margin:5px 2px 0;color:#8a95a4;font-size:8px;line-height:1.4}
@media(max-width:520px){
    .user-dashboard .machine-select{font-size:10px;padding-right:34px}
    .user-dashboard .machine-select-wrap>svg{right:10px;width:15px;height:15px}
}

/* Profile Match History v18 */
.match-history-head{align-items:center}.history-count{min-width:30px;height:24px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:8px;font-weight:900}.match-history-list{display:grid;gap:7px}.match-history-item{min-width:0;padding:9px;display:flex;align-items:center;gap:9px;border:1px solid #e8edf5;border-radius:13px;background:#fbfcfe}.history-avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:11px;background:#eef2f6;color:#536174;font-size:9px;font-weight:900}.history-avatar.has-photo{padding:0}.history-avatar img{width:100%;height:100%;display:block;object-fit:cover}.match-history-main{min-width:0}.match-history-title{display:flex;align-items:center;gap:6px;min-width:0}.match-history-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.match-result{flex:none;padding:3px 6px;border-radius:999px;font-size:6.5px;font-weight:900;letter-spacing:.02em}.match-result.win{background:#ecf9f2;color:#13845d}.match-result.loss{background:#fff0f2;color:#cf3449}.match-result.draw{background:#f1f3f6;color:#687487}.match-history-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:3px 7px;color:#8a95a5;font-size:7px;line-height:1.35}.match-history-meta span+span:before{content:'·';margin-right:7px;color:#c0c7d2}.match-final-score{min-width:48px;display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:none;font-variant-numeric:tabular-nums}.match-final-score strong{font-size:14px;line-height:1}.match-final-score span{color:#a7b0bd;font-size:9px;font-weight:800}.history-empty{padding:18px 12px;text-align:center;border:1px dashed #dce2eb;border-radius:13px;background:#fcfdff}.history-empty b{display:block;font-size:9.5px}.history-empty p{margin:4px 0 0;color:var(--muted);font-size:7.5px}.history-all-link{height:32px;margin-top:8px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f6f8fb;color:var(--ink);font-size:8px;font-weight:850;text-decoration:none}
@media(max-width:520px){.match-history-item{padding:8px;gap:8px}.history-avatar{width:36px;height:36px}.match-final-score{min-width:43px}.match-final-score strong{font-size:13px}.match-history-meta{font-size:6.8px}}


/* v20 - Ready To Race availability switch */
.ready-race-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px}
.ready-race-copy{min-width:0;flex:1}.ready-race-title-row{display:flex;align-items:center;gap:7px}.ready-race-title-row .section-title{margin:0}.ready-race-state{padding:3px 6px;border-radius:999px;background:#f0f2f5;color:#7b8796;font-size:6.5px;font-weight:900;letter-spacing:.06em}.ready-race-card.is-ready .ready-race-state{background:#eaf8f1;color:#16805c}.ready-race-upgrade{margin:5px 0 0;color:#c07b16;font-size:7px;line-height:1.4}.ready-race-form{margin:0;flex:none}.ready-switch{position:relative;width:46px;height:26px;padding:0;border:0;border-radius:999px;background:#d9dee6;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.ready-switch.on{background:#1768ff}.ready-switch:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(23,104,255,.14)}.ready-switch:disabled{cursor:not-allowed;opacity:.5}.ready-switch-knob{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(24,35,52,.2);transition:transform .18s ease}.ready-switch.on .ready-switch-knob{transform:translateX(20px)}
@media(max-width:520px){.ready-race-card{padding:11px 12px;gap:10px}.ready-switch{width:44px;height:25px}.ready-switch-knob{width:19px;height:19px}.ready-switch.on .ready-switch-knob{transform:translateX(19px)}}
\n\n/* v21 - New Challenge card on racer dashboard */\n.new-challenge-card{padding:12px 13px}\n.new-challenge-head{align-items:center;margin-bottom:9px}\n.new-challenge-title-row{display:flex;align-items:center;gap:7px}\n.new-challenge-title-row .section-title{margin:0}\n.new-challenge-count{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#1768ff;color:#fff;font-size:7px;font-weight:900;line-height:1}\n.new-challenge-all{flex:none;color:#1768ff;font-size:7.5px;font-weight:850;text-decoration:none}\n.new-challenge-list{display:grid;gap:7px}\n.new-challenge-item{min-width:0;padding:9px;display:flex;align-items:center;gap:9px;border:1px solid #e8edf5;border-radius:13px;background:#fbfcfe}\n.challenge-avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:11px;background:#eef2f6;color:#536174;font-size:9px;font-weight:900}\n.challenge-avatar.has-photo{padding:0}\n.challenge-avatar img{width:100%;height:100%;display:block;object-fit:cover}\n.new-challenge-main{min-width:0}\n.new-challenge-name{display:flex;align-items:center;gap:6px;min-width:0}\n.new-challenge-name b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}\n.new-challenge-name>span{flex:none;padding:3px 6px;border-radius:999px;background:#edf4ff;color:#1768ff;font-size:6.3px;font-weight:900}\n.new-challenge-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:3px 7px;color:#8a95a5;font-size:7px;line-height:1.35}\n.new-challenge-meta span+span:before{content:'·';margin-right:7px;color:#c0c7d2}\n.new-challenge-actions{display:flex;align-items:center;gap:5px;flex:none}\n.new-challenge-actions form{margin:0}\n.challenge-action{height:29px;padding:0 9px;border:0;border-radius:9px;font-size:7px;font-weight:900;cursor:pointer;transition:transform .15s ease,opacity .15s ease}\n.challenge-action:active{transform:scale(.97)}\n.challenge-action.accept{background:#1768ff;color:#fff}\n.challenge-action.decline{background:#f3f5f8;color:#6f7b8c}\n.new-challenge-empty{padding:16px 12px;text-align:center;border:1px dashed #dce2eb;border-radius:13px;background:#fcfdff}\n.new-challenge-empty b{display:block;font-size:9.5px}\n.new-challenge-empty p{margin:4px 0 0;color:var(--muted);font-size:7.5px}\n@media(max-width:520px){\n  .new-challenge-card{padding:11px 12px}\n  .new-challenge-item{padding:8px;gap:8px;align-items:flex-start}\n  .challenge-avatar{width:36px;height:36px}\n  .new-challenge-actions{align-self:center;gap:4px}\n  .challenge-action{height:28px;padding:0 8px;font-size:6.8px}\n  .new-challenge-meta{font-size:6.7px}\n}\n@media(max-width:390px){\n  .new-challenge-item{display:grid;grid-template-columns:36px minmax(0,1fr)}\n  .new-challenge-actions{grid-column:2;justify-content:flex-start;margin-top:1px}\n  .challenge-action{min-width:54px}\n}\n
/* v22 - Refined New Challenge: compact, modern, minimal */
.new-challenge-card{
    padding:12px 13px;
    background:#fff;
}
.new-challenge-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
}
.new-challenge-heading{min-width:0}
.new-challenge-title-row{display:flex;align-items:center;gap:7px}
.new-challenge-title-row .section-title{margin:0}
.new-challenge-count{
    min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;
    border-radius:999px;background:#111827;color:#fff;font-size:7px;font-weight:900;line-height:1;
}
.new-challenge-all{
    flex:none;padding:6px 8px;border-radius:8px;background:#f5f7fa;
    color:#526075;font-size:7.5px;font-weight:850;text-decoration:none;
}
.new-challenge-list{display:grid;gap:6px}
.new-challenge-item{
    min-width:0;padding:9px 9px 9px 10px;
    display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;
    border:1px solid #edf0f4;border-radius:12px;background:#fff;
    box-shadow:0 2px 8px rgba(16,24,40,.025);
}
.challenge-avatar{
    width:36px;height:36px;display:grid;place-items:center;overflow:hidden;
    border:1px solid #e3e8ef;border-radius:10px;background:#f6f7f9;
    color:#263244;font-size:8.5px;font-weight:900;
}
.challenge-avatar.has-photo{padding:0;background:#f5f6f8;border-color:#e3e8ef}
.challenge-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.new-challenge-main{min-width:0}
.new-challenge-name-row{display:flex;align-items:center;gap:6px;min-width:0}
.new-challenge-name-row b{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:10px;line-height:1.25;color:#18202d;
}
.new-challenge-pending{
    flex:none;padding:2px 5px;border-radius:999px;background:#fff6e8;color:#a76512;
    font-size:5.8px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;
}
.new-challenge-machine{
    margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#5f6b7b;font-size:7.5px;font-weight:700;line-height:1.35;
}
.new-challenge-meta{
    margin-top:3px;display:flex;align-items:center;min-width:0;overflow:hidden;
    color:#96a0ad;font-size:6.8px;line-height:1.3;white-space:nowrap;
}
.new-challenge-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.new-challenge-meta span+span:before{content:'•';margin:0 5px;color:#c4cad2}
.new-challenge-actions{
    display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:4px;
}
.new-challenge-actions form{margin:0}
.challenge-action{
    height:28px;min-width:48px;padding:0 8px;border:1px solid transparent;border-radius:8px;
    font-size:7px;font-weight:900;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease;
}
.challenge-action:active{transform:scale(.97)}
.challenge-action.accept{background:#1768ff;color:#fff}
.challenge-action.decline{border-color:#e5e9ef;background:#fff;color:#6b7584}
.challenge-action.decline:hover{background:#f7f8fa}
.new-challenge-empty{
    padding:14px 10px;text-align:center;border:1px dashed #dfe4eb;border-radius:11px;background:#fafbfc;
}
.new-challenge-empty b{display:block;font-size:9px}
.new-challenge-empty p{margin:3px 0 0;color:var(--muted);font-size:7.2px}
@media(max-width:520px){
    .new-challenge-card{padding:11px 12px}
    .new-challenge-header{margin-bottom:8px}
    .new-challenge-item{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:8px}
    .challenge-avatar{width:34px;height:34px;border-radius:9px}
    .new-challenge-name-row b{font-size:9.5px}
    .new-challenge-machine{font-size:7.2px}
    .new-challenge-meta{font-size:6.5px}
    .challenge-action{height:27px;min-width:44px;padding:0 7px;font-size:6.7px}
}
@media(max-width:375px){
    .new-challenge-item{grid-template-columns:32px minmax(0,1fr);align-items:start}
    .challenge-avatar{width:32px;height:32px;border-radius:9px}
    .new-challenge-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1px}
    .challenge-action{width:100%;min-width:0}
}

/* v24 - Two-party race result confirmation */
.match-page{padding-top:8px}
.match-quick-card h3{margin:0 0 12px;font-size:13px}
.match-section{margin-top:14px}
.race-match-list{display:grid;gap:8px}
.race-match-card{padding:11px;border:1px solid #e8edf4;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(20,38,68,.025)}
.race-match-top{display:flex;align-items:center;gap:9px;min-width:0}
.race-match-avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid #e3e8ef;border-radius:11px;background:#f5f7fa;color:#344154;font-size:9px;font-weight:900}
.race-match-avatar.has-photo{padding:0}.race-match-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.race-match-main{min-width:0;flex:1}.race-match-name-row{display:flex;align-items:center;gap:6px;min-width:0}.race-match-name-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}
.race-status{flex:none;padding:3px 6px;border-radius:999px;background:#f1f3f6;color:#6d7888;font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.race-status.accepted{background:#edf4ff;color:#1768ff}.race-status.completed{background:#eaf8f1;color:#16805c}.race-status.cancelled{background:#fff0f2;color:#cb3348}.race-status.requested{background:#fff6e8;color:#a76512}
.race-match-machine{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5f6c7c;font-size:7.5px;font-weight:700}.race-match-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:3px 7px;color:#929dab;font-size:6.8px}.race-match-meta span+span:before{content:'•';margin-right:7px;color:#c3c9d1}
.race-request-actions,.race-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.race-request-actions form,.race-confirm-actions form,.race-result-buttons form{margin:0}.race-primary-btn,.race-secondary-btn{width:100%;height:31px;border-radius:9px;font-size:7.5px;font-weight:900;cursor:pointer}.race-primary-btn{border:0;background:#1768ff;color:#fff}.race-secondary-btn{border:1px solid #e2e7ee;background:#fff;color:#657184}
.race-result-panel{margin-top:9px;padding:9px;border:1px solid #e9edf3;border-radius:12px;background:#fafbfc}.race-result-copy{display:flex;align-items:baseline;gap:6px}.race-result-copy b{font-size:9px}.race-result-copy span{color:#8a95a4;font-size:7px}.race-result-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.race-result-btn{width:100%;height:31px;border-radius:9px;font-size:7.2px;font-weight:900;cursor:pointer}.race-result-btn.win{border:1px solid #1768ff;background:#1768ff;color:#fff}.race-result-btn.loss{border:1px solid #c92f43;background:#c92f43;color:#fff}.race-result-btn.draw{border:1px solid #149b63;background:#149b63;color:#fff}
.race-result-waiting{margin-top:9px;padding:9px 10px;border:1px solid #e6ebf2;border-radius:12px;background:#fafbfc}.race-result-waiting>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.race-result-waiting span{color:#7c8797;font-size:7px}.race-result-waiting b{font-size:9px}.race-result-waiting p{margin:4px 0 0;color:#929cab;font-size:6.8px}.race-result-waiting .menang,.race-confirm-copy .menang{color:#16805c}.race-result-waiting .kalah,.race-confirm-copy .kalah{color:#c9364b}.race-result-waiting .draw,.race-confirm-copy .draw{color:#667284}
.race-confirm-panel{margin-top:9px;padding:9px;border:1px solid #dce7ff;border-radius:12px;background:#f8fbff}.race-confirm-copy>span{display:block;color:#1768ff;font-size:6.3px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.race-confirm-copy>b{display:block;margin-top:3px;font-size:9px}.race-confirm-copy strong{font-size:9px}.race-confirm-copy p{margin:4px 0 0;color:#778394;font-size:6.8px;line-height:1.4}
.race-final-result{margin-top:9px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border-radius:11px;background:#f5f7f9}.race-final-result span{color:#8792a2;font-size:6.5px;font-weight:800;text-transform:uppercase}.race-final-result b{font-size:9.5px}.race-final-result small{color:#98a2b0;font-size:6.4px}.race-final-result.menang b{color:#16805c}.race-final-result.kalah b{color:#c9364b}.race-final-result.draw b{color:#667284}
.race-result-upgrade{margin-top:9px;padding:9px;border:1px solid #f1dfb8;border-radius:11px;background:#fffaf0;color:#94651e;font-size:7px;line-height:1.45}
.user-dashboard .dashboard-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.match-final-state{min-width:42px;flex:none;text-align:right;color:#7a8595;font-size:7px;font-weight:850}
@media(max-width:390px){.race-match-card{padding:9px}.race-match-avatar{width:36px;height:36px;border-radius:10px}.race-match-name-row b{font-size:10px}.race-result-btn{height:30px;font-size:6.9px}.race-final-result{grid-template-columns:auto 1fr}.race-final-result small{grid-column:1/-1}.user-dashboard .dashboard-stats span{font-size:5.5px}.user-dashboard .dashboard-stats b{font-size:11px}}

/* v26 - Dedicated match detail */
.race-detail-link{margin-top:9px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e9ef;border-radius:9px;background:#fff;color:#28364a;font-size:7.3px;font-weight:900;text-decoration:none}.race-detail-link:active{transform:scale(.99)}
.match-detail-head{padding:14px 16px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.match-back{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e7ebf0;border-radius:10px;color:#263244;background:#fff}.match-back svg{width:17px;height:17px}.match-detail-head>div{min-width:0}.match-detail-head>div>span{display:block;color:#8d97a5;font-size:6.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.match-detail-head h1{margin:2px 0 0;font-size:18px;line-height:1.1;letter-spacing:-.03em}.match-detail-page{padding-top:4px}
.match-versus-card{padding:15px 12px;display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:7px;border:1px solid #e9edf2;border-radius:16px;background:#fff}.match-racer{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.match-racer-photo{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e7ed;border-radius:14px;background:#f5f7f9;color:#2b394d;font-size:11px;font-weight:900}.match-racer-photo.has-photo{padding:0}.match-racer-photo img{width:100%;height:100%;display:block;object-fit:cover}.match-racer>b{max-width:100%;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.match-racer>span{max-width:100%;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8696;font-size:7px;font-weight:700}.match-racer>small{margin-top:4px;padding:2px 6px;border-radius:999px;background:#f0f4fa;color:#516078;font-size:5.8px;font-weight:900;text-transform:uppercase}.match-vs{display:flex;flex-direction:column;align-items:center;gap:5px}.match-vs span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-size:7.5px;font-weight:950;letter-spacing:.04em}.match-vs i{width:1px;height:13px;background:#e3e7ed}
.match-info-card{margin-top:8px;padding:4px 11px;border:1px solid #e9edf2;border-radius:14px;background:#fff}.match-info-row{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f0f2f5}.match-info-row:last-child{border-bottom:0}.match-info-row>span{color:#8a95a3;font-size:7px}.match-info-row>b{max-width:66%;text-align:right;color:#273447;font-size:7.8px}.match-info-status.accepted{color:#1768ff}.match-info-status.completed{color:#16805c}.match-info-status.requested{color:#a76512}.match-info-status.cancelled{color:#c9364b}
.match-action-card,.match-result-card,.match-wait-card,.match-completed-card{margin-top:8px;padding:12px;border:1px solid #e8edf3;border-radius:14px;background:#fff}.match-action-copy>span,.match-result-head>span,.match-pending-result>span,.match-confirm-result>span,.match-wait-card>span,.match-completed-card>span{display:block;color:#1768ff;font-size:6.3px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.match-action-copy>b,.match-wait-card>b{display:block;margin-top:4px;font-size:10px}.match-action-copy p,.match-result-head p,.match-pending-result p,.match-confirm-result p,.match-wait-card p,.match-completed-card p{margin:4px 0 0;color:#8390a0;font-size:7px;line-height:1.45}.match-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.match-action-grid form{margin:0}
.match-result-head h2,.match-confirm-result h2{margin:4px 0 0;font-size:12px;letter-spacing:-.02em}.match-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.match-result-grid form{margin:0}.match-result-choice{width:100%;min-height:60px;padding:8px 5px;border-radius:11px;background:#fff;cursor:pointer}.match-result-choice b{display:block;font-size:9px}.match-result-choice span{display:block;margin-top:3px;font-size:5.8px;line-height:1.3}.match-result-choice.win{border:1px solid #1768ff;color:#fff;background:#1768ff}.match-result-choice.loss{border:1px solid #c92f43;color:#fff;background:#c92f43}.match-result-choice.draw{border:1px solid #149b63;color:#fff;background:#149b63}.match-result-choice.win span,.match-result-choice.loss span,.match-result-choice.draw span{color:rgba(255,255,255,.88)}
.match-pending-result,.match-confirm-result{padding:2px}.match-pending-result>b{display:block;margin-top:4px;font-size:10px}.match-pending-result strong.menang,.match-confirm-result strong.menang{color:#16805c}.match-pending-result strong.kalah,.match-confirm-result strong.kalah{color:#c9364b}.match-pending-result strong.draw,.match-confirm-result strong.draw{color:#667284}.match-completed-card{text-align:center;padding:16px 12px}.match-completed-card h2{margin:4px 0 0;font-size:20px;letter-spacing:-.04em}.match-completed-card.menang h2{color:#16805c}.match-completed-card.kalah h2{color:#c9364b}.match-completed-card.draw h2{color:#667284}.match-wait-card.cancelled>span{color:#c9364b}
@media(max-width:390px){.match-detail-head{padding-left:12px;padding-right:12px}.match-versus-card{padding:13px 8px;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.match-racer-photo{width:52px;height:52px;border-radius:13px}.match-vs span{width:28px;height:28px;font-size:7px}.match-result-grid{gap:4px}.match-result-choice{min-height:56px;padding:7px 3px}.match-result-choice b{font-size:8.5px}.match-result-choice span{font-size:5.4px}}

/* v29 - Head-to-head history on match detail */
.match-h2h-card{margin-top:8px;padding:12px;border:1px solid #e8edf3;border-radius:14px;background:#fff}
.match-h2h-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.match-h2h-head>div:first-child{min-width:0}
.match-h2h-head>div:first-child>span{display:block;color:#1768ff;font-size:6.3px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.match-h2h-head h2{margin:3px 0 0;font-size:11px;line-height:1.2;letter-spacing:-.02em}
.match-h2h-head p{margin:3px 0 0;color:#8a95a4;font-size:6.7px;line-height:1.35}
.match-h2h-summary{display:grid;grid-template-columns:repeat(3,28px);gap:3px;flex:none}
.match-h2h-summary>span{height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;background:#f6f8fa}
.match-h2h-summary b{font-size:9px;line-height:1}
.match-h2h-summary small{margin-top:3px;font-size:5.5px;font-weight:900;color:#8a95a4}
.match-h2h-summary .win b{color:#1768ff}.match-h2h-summary .draw b{color:#149b63}.match-h2h-summary .loss b{color:#c92f43}
.match-h2h-list{margin-top:9px;border-top:1px solid #f0f2f5}
.match-h2h-item{min-height:39px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #f0f2f5}
.match-h2h-item:last-child{border-bottom:0}
.match-h2h-result{height:22px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:6.3px;font-weight:900}
.match-h2h-result.menang{background:#edf4ff;color:#1768ff}.match-h2h-result.kalah{background:#fff0f2;color:#c92f43}.match-h2h-result.draw{background:#eaf8f1;color:#149b63}
.match-h2h-copy{min-width:0}
.match-h2h-copy b{display:block;font-size:7.8px;line-height:1.2}
.match-h2h-copy span{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8c97a5;font-size:6.4px}
.match-h2h-item>small{color:#9aa4b1;font-size:6px;font-weight:700}
.match-h2h-empty{margin-top:10px;padding:14px 12px;border:1px dashed #dfe5ed;border-radius:10px;background:#fafbfd;color:#8d98a6;text-align:center;font-size:7.2px;font-weight:800;line-height:1.45}
@media(max-width:390px){.match-h2h-card{padding:11px}.match-h2h-head{gap:8px}.match-h2h-summary{grid-template-columns:repeat(3,26px)}.match-h2h-summary>span{height:32px}.match-h2h-item{grid-template-columns:48px minmax(0,1fr) auto;gap:7px}}

/* v31 - Final result labels */
.race-final-result.menang>span{color:#1768ff}.race-final-result.kalah>span{color:#c92f43}.race-final-result.draw>span{color:#149b63}
.race-final-result.menang b,.race-final-result.kalah b,.race-final-result.draw b{justify-self:start;padding:4px 8px;border-radius:999px;color:#fff;font-size:8.5px;font-weight:950;line-height:1}
.race-final-result.menang b{background:#1768ff}.race-final-result.kalah b{background:#c92f43}.race-final-result.draw b{background:#149b63}
.match-completed-card.menang>span{color:#1768ff}.match-completed-card.kalah>span{color:#c92f43}.match-completed-card.draw>span{color:#149b63}
.match-completed-card.menang h2,.match-completed-card.kalah h2,.match-completed-card.draw h2{display:inline-flex;align-items:center;justify-content:center;margin:7px auto 0;padding:6px 12px;border-radius:999px;color:#fff;font-size:15px;font-weight:950;line-height:1}
.match-completed-card.menang h2{background:#1768ff}.match-completed-card.kalah h2{background:#c92f43}.match-completed-card.draw h2{background:#149b63}


/* v39 - reported result label exactly matches final result */
.match-final-label{display:inline-flex;align-items:center;justify-content:center;margin:7px 0 0;padding:6px 12px;border-radius:999px;color:#fff!important;font-size:15px!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-transform:uppercase}
.match-final-label.menang,.match-final-label.win{background:#1768ff}
.match-final-label.kalah,.match-final-label.loss{background:#c92f43}
.match-final-label.draw{background:#149b63}
.match-completed-card h2.match-final-label{margin:7px auto 0}
.match-pending-result>b{display:block;margin-top:4px;font-size:10px}
.match-confirm-result>.match-final-label{margin-top:7px}
.race-final-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;color:#fff!important;font-size:8.5px!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-transform:uppercase}
.race-final-label.menang,.race-final-label.win{background:#1768ff}
.race-final-label.kalah,.race-final-label.loss{background:#c92f43}
.race-final-label.draw{background:#149b63}
.race-final-result b.race-final-label{justify-self:start}
.race-result-waiting>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.race-confirm-copy>.race-final-label{margin-top:5px}
@media(max-width:390px){.match-final-label{padding:5px 10px;font-size:13px!important}.race-final-label{padding:4px 7px;font-size:8px!important}}

/* v40 - Detail match result labels stay content-width, never card-width */
.match-result-card .match-final-label,
.match-completed-card .match-final-label{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%;
    min-width:0;
    align-items:center;
    justify-content:center;
    padding:5px 9px;
    border-radius:7px;
    white-space:nowrap;
    line-height:1!important;
}
.match-pending-result>.match-final-label,
.match-confirm-result>.match-final-label{margin-top:6px}
.match-completed-card h2.match-final-label{margin:7px auto 0}
@media(max-width:390px){
    .match-result-card .match-final-label,
    .match-completed-card .match-final-label{padding:4px 8px;font-size:12px!important;border-radius:6px}
}

/* v41 - Waiting result card centered like final result */
.match-result-card .match-pending-result{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:100%;
    padding:4px 2px;
}
.match-result-card .match-pending-result>span:first-child,
.match-result-card .match-pending-result>b,
.match-result-card .match-pending-result>p{
    width:100%;
    text-align:center;
}
.match-result-card .match-pending-result>.match-final-label{
    width:max-content!important;
    margin-left:auto;
    margin-right:auto;
}
.match-result-card .match-pending-result>p{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}

/* v42 - Confirmation result cards mirror centered waiting-result style */
.match-result-card .match-confirm-result{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:4px 2px;
    text-align:center;
}
.match-result-card .match-confirm-result>span:first-child,
.match-result-card .match-confirm-result>h2,
.match-result-card .match-confirm-result>p{
    width:100%;
    text-align:center;
}
.match-result-card .match-confirm-result>.match-final-label{
    width:max-content!important;
    margin-left:auto;
    margin-right:auto;
}
.match-result-card .match-confirm-result>p{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}
.match-result-card .match-confirm-result>.match-action-grid{
    width:min(100%,280px);
    margin-left:auto;
    margin-right:auto;
}

.race-confirm-panel{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-color:#e6ebf2;
    background:#fafbfc;
}
.race-confirm-panel .race-confirm-copy{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    text-align:center;
}
.race-confirm-panel .race-confirm-copy>span:first-child,
.race-confirm-panel .race-confirm-copy>b,
.race-confirm-panel .race-confirm-copy>p{
    width:100%;
    text-align:center;
}
.race-confirm-panel .race-confirm-copy>.race-final-label{
    width:max-content!important;
    margin-left:auto;
    margin-right:auto;
}
.race-confirm-panel .race-confirm-copy>p{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}
.race-confirm-panel .race-confirm-actions{
    width:min(100%,280px);
    margin-left:auto;
    margin-right:auto;
}


/* v44 - Profile blue gradient, red New Challenge, shared result labels */
.user-dashboard .racer-card{
    background:linear-gradient(135deg,#d7e8ff 0%,#e9f3ff 52%,#ffffff 100%)!important;
    border-color:#cbdffb!important;
    box-shadow:0 8px 24px rgba(23,104,255,.07)!important;
}
.user-dashboard .profile-avatar-lg{
    border-color:rgba(255,255,255,.92)!important;
    background:#1768ff!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(23,104,255,.14)!important;
}
.user-dashboard .profile-avatar-lg.has-photo{
    background:#f5f7fb!important;
    border-color:#fff!important;
}
.user-dashboard .racer-kicker{color:#1768ff!important}
.user-dashboard .racer-status{
    border-color:rgba(255,255,255,.85)!important;
    background:rgba(255,255,255,.72)!important;
    color:#2f6a59!important;
    backdrop-filter:blur(6px);
}
.user-dashboard .dashboard-stats{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    border-top-color:rgba(91,130,194,.17)!important;
}
.user-dashboard .dashboard-stats>div{min-width:0}

.user-dashboard .new-challenge-card{
    border-color:#c92f43!important;
    background:#c92f43!important;
    box-shadow:0 8px 22px rgba(201,47,67,.12)!important;
}
.user-dashboard .new-challenge-card .section-title{color:#fff!important}
.user-dashboard .new-challenge-card .section-caption{color:rgba(255,255,255,.82)!important}
.user-dashboard .new-challenge-count{
    background:#fff!important;
    color:#c92f43!important;
}
.user-dashboard .new-challenge-all{
    border:1px solid rgba(255,255,255,.28)!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
}
.user-dashboard .new-challenge-item{
    border-color:rgba(255,255,255,.66)!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(103,20,32,.07)!important;
}
.user-dashboard .new-challenge-empty{
    border-color:rgba(255,255,255,.42)!important;
    background:rgba(255,255,255,.12)!important;
}
.user-dashboard .new-challenge-empty b{color:#fff!important}
.user-dashboard .new-challenge-empty p{color:rgba(255,255,255,.78)!important}

/* History Match reuses the exact compact result pill used on Find Match. */
.user-dashboard .match-history-title>.race-final-label{
    flex:none;
    margin:0!important;
}
@media(max-width:390px){
    .user-dashboard .dashboard-stats{gap:3px!important}
    .user-dashboard .dashboard-stats b{font-size:10.5px!important}
    .user-dashboard .dashboard-stats span{font-size:5.2px!important}
}

/* v45 - Solid profile header + solid New Challenge */
.user-dashboard .racer-card{
    background:#1768ff!important;
    border-color:#1768ff!important;
    box-shadow:0 8px 22px rgba(23,104,255,.14)!important;
}
.user-dashboard .racer-kicker,
.user-dashboard .racer-identity h1,
.user-dashboard .racer-identity p{
    color:#fff!important;
}
.user-dashboard .racer-identity p{opacity:.82}
.user-dashboard .profile-avatar-lg{
    border-color:rgba(255,255,255,.9)!important;
    background:#fff!important;
    color:#1768ff!important;
    box-shadow:none!important;
}
.user-dashboard .profile-avatar-lg.has-photo{
    background:#f5f6f8!important;
    border-color:#fff!important;
}
.user-dashboard .racer-status{
    border-color:rgba(255,255,255,.3)!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    backdrop-filter:none!important;
}
.user-dashboard .racer-status i{background:#7ff1bc!important}
.user-dashboard .dashboard-stats{
    border-top-color:rgba(255,255,255,.22)!important;
}
.user-dashboard .dashboard-stats b{color:#fff!important}
.user-dashboard .dashboard-stats span{color:rgba(255,255,255,.72)!important}

.user-dashboard .new-challenge-card{
    border-color:#c92f43!important;
    background:#c92f43!important;
    box-shadow:0 8px 22px rgba(201,47,67,.14)!important;
}

/* v47 - Match KALAH red consistency */
.user-dashboard .new-challenge-card{
    background:#c92f43!important;
    border-color:#c92f43!important;
}
.profile-logout-form .btn-danger{
    background:#c92f43!important;
    border-color:#c92f43!important;
    color:#fff!important;
}
.profile-logout-form .btn-danger:hover,
.profile-logout-form .btn-danger:focus{
    background:#c92f43!important;
    color:#fff!important;
}

/* v49 - App subtitle + managed city dropdown */
.brand .brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:260px;overflow:hidden;white-space:normal;font-size:initial;font-weight:initial;letter-spacing:normal;line-height:1.05}
.brand .brand-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:900;letter-spacing:-.025em}
.brand .brand-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8797;font-size:7.5px;font-weight:700;letter-spacing:0}
.admin-toolbar-brand .admin-toolbar-brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:270px;overflow:hidden;white-space:normal;font-size:initial;font-weight:initial;letter-spacing:normal;line-height:1.05}
.admin-toolbar-brand-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:900;letter-spacing:-.025em}
.admin-toolbar-brand-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8797;font-size:7.5px;font-weight:700}
.modern-select-wrap{position:relative}
.modern-select{appearance:none;-webkit-appearance:none;padding-right:38px;background:#fff;font-weight:700;color:#263244;cursor:pointer}
.modern-select-wrap>svg{position:absolute;right:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;color:#7d8998}
.modern-select:focus+svg{color:var(--blue)}
.modern-select:disabled{cursor:not-allowed;background:#f7f8fa;color:#9aa4b2}
.city-admin-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.6fr);gap:12px;align-items:start}
.city-add-panel,.city-list-panel{margin-bottom:0}
.city-admin-list{display:grid;gap:8px}
.city-admin-item{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}
.city-admin-item.is-disabled{opacity:.68}
.city-edit-fields{display:flex;gap:8px;align-items:end}
.city-edit-fields .form-group{margin-bottom:7px}
.city-edit-fields .grow{flex:1;min-width:0}
.city-order-field{width:86px;flex:none}
.city-item-meta{min-height:18px;display:flex;align-items:center}
.city-state{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:999px;font-size:6.5px;font-weight:900;letter-spacing:.05em}
.city-state.on{background:#eaf8f1;color:#16805c}
.city-state.off{background:#f0f2f5;color:#7b8796}
.city-item-actions{margin-top:8px;padding-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line)}
.city-item-actions form{margin:0;min-width:0}
.city-item-actions .btn{width:100%;height:34px;padding:0 8px;font-size:8px}
.city-empty{padding:24px 14px;border:1px dashed #dce2eb;border-radius:13px;background:#fcfdff;color:var(--muted);text-align:center;font-size:9px;line-height:1.5}
@media(max-width:720px){
  .city-admin-layout{grid-template-columns:1fr}
  .admin-toolbar-brand .admin-toolbar-brand-copy{max-width:210px}
}
@media(max-width:520px){
  .brand .brand-copy{max-width:205px}
  .brand .brand-copy b{font-size:13.5px}
  .brand .brand-copy small{font-size:7px}
  .admin-toolbar-brand .admin-toolbar-brand-copy{max-width:145px}
  .admin-toolbar-brand-copy b{font-size:13px}
  .admin-toolbar-brand-copy small{font-size:6.8px}
  .modern-select{padding-right:34px;font-size:10px}
  .modern-select-wrap>svg{right:10px;width:15px;height:15px}
  .city-admin-item{padding:9px}
}
@media(max-width:380px){
  .brand .brand-copy{max-width:165px}
  .admin-toolbar-brand .admin-toolbar-brand-copy{max-width:110px}
  .city-edit-fields{display:grid;grid-template-columns:minmax(0,1fr) 74px}
  .city-order-field{width:auto}
  .city-item-actions{gap:4px}
  .city-item-actions .btn{font-size:7px;padding:0 5px}
}

/* v50 - Daily match rules + configurable points */
.match-quick-head{margin:0 0 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.match-quick-card .match-quick-head h3{margin:0}
.match-quick-head>span{max-width:190px;padding:5px 8px;border:1px solid #dce5f2;border-radius:999px;background:#f7f9fc;color:#6d7889;font-size:7.5px;font-weight:800;line-height:1.25;text-align:center}
.match-rule-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:13px;margin-top:16px}
.match-rule-policy,.match-point-panel{margin:0}
.match-rule-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.match-rule-policy-item{min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}
.match-rule-policy-item>span{display:block;color:var(--muted);font-size:8px;font-weight:800}
.match-rule-policy-item>b{display:block;margin:5px 0 3px;color:var(--ink);font-size:22px;line-height:1;font-weight:900;letter-spacing:-.04em}
.match-rule-policy-item>small{display:block;color:#8d98a8;font-size:7.5px;line-height:1.35}
.match-rule-note{margin:10px 0 0;padding:9px 10px;border-radius:11px;background:#f6f8fb;color:#748096;font-size:8px;line-height:1.5}
.match-point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.match-point-field{min-width:0;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff}
.match-point-field>span{display:inline-flex;padding:4px 7px;border-radius:999px;color:#fff;font-size:7.5px;font-weight:900;letter-spacing:.03em}
.match-point-field.win>span{background:#1768ff}.match-point-field.loss>span{background:#c92f43}.match-point-field.draw>span{background:#149b63}
.match-point-field>div{margin-top:9px;display:flex;align-items:center;gap:6px}
.match-point-field .input{height:42px;padding:0 9px;text-align:center;font-size:16px;font-weight:900}
.match-point-field small{flex:none;color:#8d98a8;font-size:7px;font-weight:900}
@media(max-width:760px){.match-rule-layout{grid-template-columns:1fr}.match-quick-head{align-items:center}.match-quick-head>span{max-width:none}}
@media(max-width:420px){.match-point-grid{gap:6px}.match-point-field{padding:9px}.match-point-field .input{height:39px;font-size:14px}.match-rule-policy-item{padding:11px}.match-rule-policy-item>b{font-size:20px}.match-quick-head{align-items:flex-start;flex-direction:column;gap:6px}.match-quick-head>span{padding:4px 7px}}

/* v51 - configurable match limits */
.match-rule-form{margin-top:16px}.match-rule-form .match-rule-layout{margin-top:0}.match-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.match-limit-field{display:block;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}.match-limit-field>span{display:block;color:var(--ink);font-size:9px;font-weight:900}.match-limit-field>div{display:flex;align-items:center;gap:6px;margin-top:8px}.match-limit-field .input{height:42px;padding:0 9px;text-align:center;font-size:17px;font-weight:900}.match-limit-field>div>small{flex:none;color:#8d98a8;font-size:7px;font-weight:900}.match-limit-field>small{display:block;margin-top:6px;color:#8d98a8;font-size:7.5px;line-height:1.4}.match-rule-save{margin-top:12px}@media(max-width:420px){.match-limit-grid{gap:6px}.match-limit-field{padding:10px}.match-limit-field .input{height:39px;font-size:15px}}

/* v52 - Modern compact Find Match discovery */
.match-discovery-page{padding-top:8px}
.match-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px}
.match-discovery-head>div{min-width:0}.match-discovery-kicker{display:block;color:#1768ff;font-size:6.5px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.match-discovery-head h1{margin:3px 0 0;font-size:21px;line-height:1.05;letter-spacing:-.035em}.match-discovery-head p{margin:4px 0 0;color:#8792a1;font-size:7.5px;line-height:1.4}.match-ready-count{flex:none;padding:5px 8px;border-radius:999px;background:#eaf8f1;color:#16805c;font-size:6.8px;font-weight:900}
.match-banner-slider{margin-top:0!important;border-radius:17px!important;box-shadow:none!important;border:1px solid #e7ecf3!important}.match-banner-slider .slide{height:148px}.match-banner-slider .slide-copy{padding:16px 17px 20px}.match-banner-slider .slide h1{max-width:74%;font-size:18px}.match-banner-slider .slide p{font-size:8px}.match-banner-slider .dots{left:16px;bottom:8px}
.match-challenge-card{margin-top:10px;padding:12px!important;border:1px solid #e7ebf1!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(20,38,68,.035)!important}.match-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.match-card-heading h2{margin:0;font-size:12px;letter-spacing:-.02em}.match-card-heading p{margin:3px 0 0;color:#8a95a3;font-size:7px;line-height:1.35}.match-limit-chip{flex:none;padding:4px 7px;border-radius:999px;background:#f1f5fb;color:#526176;font-size:6.4px;font-weight:900}
.match-opponent-picker{width:100%;min-height:55px;padding:7px 9px;display:grid;grid-template-columns:39px minmax(0,1fr) 18px;align-items:center;gap:9px;border:1px solid #e3e8ef;border-radius:13px;background:#fbfcfe;color:#253247;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .12s ease}.match-opponent-picker:active{transform:scale(.995)}.match-opponent-picker.has-racer{border-color:#cfe0ff;background:#f7faff}.match-picker-avatar{width:39px;height:39px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e7ee;border-radius:11px;background:#fff;color:#1768ff;font-size:11px;font-weight:950}.match-picker-avatar.has-photo{padding:0}.match-picker-avatar img{width:100%;height:100%;display:block;object-fit:cover}.match-picker-copy{min-width:0;display:flex;flex-direction:column}.match-picker-copy small{color:#8d98a7;font-size:6.2px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.match-picker-copy b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.match-picker-copy>span{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8999;font-size:7px}.match-opponent-picker>svg{width:17px;height:17px;fill:none;stroke:#7e8997;stroke-width:1.8}
.match-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.match-compact-field{min-width:0;display:block}.match-compact-field>span{display:block;margin:0 0 4px;color:#7c8796;font-size:6.7px;font-weight:850}.match-compact-field input{width:100%;height:35px;padding:0 9px;border:1px solid #e3e7ed;border-radius:10px;background:#fff;color:#263448;font:inherit;font-size:7.4px;outline:none}.match-compact-field input:focus{border-color:#9ebfff;box-shadow:0 0 0 3px rgba(23,104,255,.07)}
.match-rule-note{min-height:28px;margin:7px 0;display:flex;align-items:center;justify-content:center;gap:7px;color:#8c96a4;font-size:6.3px;text-align:center}.match-rule-note i{width:3px;height:3px;border-radius:50%;background:#c7ced8}.match-send-btn{height:34px!important;border-radius:10px!important;font-size:7.7px!important}.match-send-btn:disabled{opacity:.45;cursor:not-allowed}
.match-section{margin-top:16px!important}.match-section .section-head{margin-bottom:8px}

.match-racer-modal{position:fixed;inset:0;z-index:120;display:none;align-items:flex-end;justify-content:center}.match-racer-modal.is-open{display:flex}.match-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(13,22,35,.42);backdrop-filter:blur(2px)}.match-modal-sheet{position:relative;z-index:1;width:min(100%,520px);max-height:min(78vh,620px);display:flex;flex-direction:column;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -16px 40px rgba(14,25,41,.16)}.match-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 1px 9px}.match-modal-head>div>span{display:block;color:#16805c;font-size:6.3px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.match-modal-head h2{margin:2px 0 0;font-size:15px;letter-spacing:-.025em}.match-modal-close{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e8ebf0;border-radius:10px;background:#fff;color:#566273}.match-modal-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.match-racer-search{height:37px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #e5e9ef;border-radius:11px;background:#f8fafc}.match-racer-search svg{width:15px;height:15px;flex:none;fill:none;stroke:#8893a2;stroke-width:1.8}.match-racer-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#28364a;font:inherit;font-size:8px}.match-racer-search input::placeholder{color:#9ca5b1}.match-racer-list{margin-top:8px;display:grid;gap:6px;overflow-y:auto;overscroll-behavior:contain;padding:1px 1px 3px}.match-racer-option{width:100%;min-height:54px;padding:7px 8px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 8px;align-items:center;gap:8px;border:1px solid #e8ecf1;border-radius:12px;background:#fff;color:#253247;text-align:left;cursor:pointer}.match-racer-option:active{background:#f6f9fd}.match-modal-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e7ed;border-radius:10px;background:#f3f6fa;color:#1768ff;font-size:9px;font-weight:950}.match-modal-avatar.has-photo{padding:0}.match-modal-avatar img{width:100%;height:100%;display:block;object-fit:cover}.match-modal-racer-copy{min-width:0;display:flex;flex-direction:column}.match-modal-racer-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.match-modal-racer-copy small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#85909f;font-size:6.7px}.match-modal-stats{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.match-modal-stats b{color:#1768ff;font-size:8px}.match-modal-stats small{margin-top:2px;color:#7c8796;font-size:6.4px}.match-ready-dot{width:7px;height:7px;border-radius:50%;background:#20b979;box-shadow:0 0 0 3px #e7f8f1}.match-modal-empty,.match-no-racer{padding:22px 12px;text-align:center;color:#8a95a3;font-size:7.5px}.match-no-racer b{display:block;color:#465367;font-size:9px}.match-no-racer span{display:block;margin-top:4px}.match-modal-empty{border:1px dashed #dfe5ec;border-radius:11px;background:#fafbfc}.match-racer-modal.is-open~*{pointer-events:none}
body.match-modal-open{overflow:hidden}

@media(min-width:700px){.match-racer-modal{align-items:center;padding:24px}.match-modal-sheet{border-radius:20px;padding-bottom:12px;max-height:min(78vh,620px)}.match-banner-slider .slide{height:172px}.match-challenge-card{padding:14px!important}}
@media(max-width:390px){.match-discovery-head h1{font-size:19px}.match-banner-slider .slide{height:138px}.match-banner-slider .slide h1{font-size:16px}.match-schedule-grid{grid-template-columns:1fr}.match-rule-note{flex-wrap:wrap;gap:4px 6px}.match-modal-sheet{padding-left:10px;padding-right:10px}.match-racer-option{grid-template-columns:35px minmax(0,1fr) auto 7px;gap:7px;padding:7px}.match-modal-avatar{width:35px;height:35px}.match-modal-racer-copy b{font-size:9px}.match-modal-stats b{font-size:7.5px}}
.match-racer-option[hidden]{display:none!important}

/* v53 - Find Match compact labels and red detail action */
.match-ready-count{background:#edf4ff;color:#1768ff;white-space:nowrap}
.race-detail-link{border-color:#667085;background:#667085;color:#fff}.race-detail-link:visited{color:#fff}.race-detail-link:hover{background:#525d6d;border-color:#525d6d;color:#fff}

/* v55 — secondary detail action: white with grey border */
.race-detail-link{
  background:#fff;
  border-color:#cfd5dd;
  color:#475467;
}
.race-detail-link:visited{color:#475467}
.race-detail-link:hover{
  background:#f8fafc;
  border-color:#98a2b3;
  color:#344054;
}
.race-detail-link:focus-visible{
  outline:2px solid rgba(102,112,133,.24);
  outline-offset:2px;
}

/* v56 — Race Bertiga room mode */
.match-mode-tabs{margin:9px 0 10px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid #e6eaf0;border-radius:12px;background:#f5f7fa}.match-mode-tabs a{height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#758094;font-size:8px;font-weight:900;text-decoration:none}.match-mode-tabs a.active{background:#fff;color:#1768ff;box-shadow:0 1px 4px rgba(23,35,54,.08)}
.triple-page{padding-top:8px;padding-bottom:0}.triple-head{margin-bottom:8px}.triple-create-card{margin-top:10px;padding:12px}.triple-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.triple-card-head.center{justify-content:center;text-align:center}.triple-card-head>div>span,.triple-control-copy>span,.triple-own-result>span,.triple-cancelled-card>span{display:block;color:#1768ff;font-size:6.5px;font-weight:950;letter-spacing:.09em}.triple-card-head h2,.triple-control-copy h2{margin:2px 0 2px;color:#223047;font-size:13px;letter-spacing:-.02em}.triple-card-head p,.triple-control-copy p{margin:0;color:#85909f;font-size:7px;line-height:1.45}.triple-capacity{min-width:38px;height:25px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe4f0;border-radius:999px;background:#f5f8fc;color:#6d7a8e;font-size:8px;font-weight:950}.triple-capacity.ready{border-color:#c6eedf;background:#eaf8f2;color:#16805c}.triple-create-form{display:grid;gap:8px}.triple-create-btn{height:36px!important;margin-top:1px}.triple-section{margin-top:15px!important}.triple-room-list{display:grid;gap:7px}.triple-room-card{padding:10px;border:1px solid #e7ebf1;border-radius:14px;background:#fff}.triple-room-top{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px}.triple-host-avatar,.triple-racer-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e8ef;border-radius:11px;background:#f2f6fb;color:#1768ff;font-size:9px;font-weight:950}.triple-host-avatar img,.triple-racer-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.triple-room-copy{min-width:0;display:flex;flex-direction:column}.triple-room-copy>span{color:#85909f;font-size:6px;font-weight:850}.triple-room-copy>b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#253248;font-size:10px}.triple-room-copy>small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b96a4;font-size:6.5px}.triple-room-count{height:24px;min-width:35px;padding:0 7px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#edf4ff;color:#1768ff;font-size:7.5px;font-weight:950}.triple-room-count.full{background:#e8f8f1;color:#15855f}.triple-room-footer{margin-top:9px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0f2f5}.triple-mini-racers{display:flex;align-items:center}.triple-mini-racers span{width:25px;height:25px;margin-right:-5px;display:grid;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:8px;background:#edf2f8;color:#748197;font-size:6.5px;font-weight:900}.triple-mini-racers img{width:100%;height:100%;object-fit:contain;background:#fff}.triple-mini-racers span.empty{background:#f8fafc;color:#adb5c0}.triple-room-action{height:30px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#1768ff;color:#fff;font:inherit;font-size:7px;font-weight:900;text-decoration:none;cursor:pointer}.triple-room-action.secondary{border:1px solid #cfd5dd;background:#fff;color:#475467}.triple-room-state{color:#8573c7;font-size:7px;font-weight:900}.triple-room-state.full{color:#8c96a4}.triple-my-room{min-height:50px;padding:9px 10px;display:grid;grid-template-columns:9px minmax(0,1fr) 16px;align-items:center;gap:9px;border:1px solid #e7ebf1;border-radius:13px;background:#fff;text-decoration:none}.triple-status-dot{width:8px;height:8px;border-radius:50%;background:#a6aeb9}.triple-status-dot.open{background:#1768ff}.triple-status-dot.racing{background:#e49d20}.triple-status-dot.completed{background:#159b63}.triple-status-dot.cancelled{background:#c92f43}.triple-my-room-copy{min-width:0;display:flex;flex-direction:column}.triple-my-room-copy b{color:#263247;font-size:8.5px}.triple-my-room-copy small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a95a4;font-size:6.3px}.triple-my-room svg{width:15px;height:15px;fill:none;stroke:#8c96a5;stroke-width:1.8}
.triple-detail-page{max-width:760px}.triple-detail-hero{margin:4px 0 10px;padding:13px;border:1px solid #dce7f6;border-radius:16px;background:#f4f8ff}.triple-detail-hero.racing{border-color:#f2dfb6;background:#fffaf0}.triple-detail-hero.completed{border-color:#cdebdc;background:#f2fbf7}.triple-detail-hero.cancelled{border-color:#f0d2d7;background:#fff6f7}.triple-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.triple-detail-title>div>span{color:#1768ff;font-size:6.3px;font-weight:950;letter-spacing:.08em}.triple-detail-title h1{margin:2px 0 2px;color:#243248;font-size:17px;letter-spacing:-.035em}.triple-detail-title p{margin:0;color:#7f8a99;font-size:7px}.triple-status-label{height:23px;padding:0 8px;display:flex;align-items:center;border-radius:999px;background:#e8f0ff;color:#1768ff;font-size:6.5px;font-weight:950}.triple-status-label.racing{background:#fff0cd;color:#a16b00}.triple-status-label.completed{background:#e4f7ee;color:#16805c}.triple-status-label.cancelled{background:#fae8eb;color:#b72d40}.triple-detail-meta{margin-top:11px;padding-top:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid rgba(100,120,148,.14)}.triple-detail-meta span{display:flex;flex-direction:column;color:#8a94a3;font-size:6px}.triple-detail-meta b{margin-top:2px;color:#344257;font-size:7.5px}.triple-racers-panel,.triple-join-panel,.triple-control-panel,.triple-result-panel,.triple-podium-panel,.triple-cancelled-card{margin-top:9px!important;padding:12px}.triple-racer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.triple-racer-slot{min-width:0;padding:10px 7px;display:flex;flex-direction:column;align-items:center;border:1px solid #e7ebf0;border-radius:13px;background:#fbfcfe;text-align:center}.triple-racer-slot.empty{border-style:dashed;background:#fcfdff}.triple-racer-avatar{width:42px;height:42px;border-radius:11px}.triple-racer-avatar.small{width:34px;height:34px;border-radius:9px}.triple-empty-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px dashed #d8dee7;border-radius:11px;background:#f8fafc;color:#b2bbc6;font-size:16px}.triple-racer-info{margin-top:7px;min-width:0;display:flex;flex-direction:column;align-items:center}.triple-racer-info>span{color:#1768ff;font-size:5.8px;font-weight:950;letter-spacing:.06em}.triple-racer-info>b{margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#28364a;font-size:8px}.triple-racer-info>small{margin-top:2px;color:#8c96a3;font-size:6px}.triple-request-count{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#fff0f2;color:#c92f43;font-size:8px;font-weight:950}.triple-join-list,.triple-verification-list{display:grid;gap:7px}.triple-join-item,.triple-verify-item{padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e9edf2;border-radius:12px;background:#fff}.triple-join-copy,.triple-verify-copy{min-width:0;display:flex;flex-direction:column}.triple-join-copy b,.triple-verify-copy b{color:#2d394c;font-size:8.5px}.triple-join-copy small,.triple-verify-copy small{margin-top:2px;color:#8994a2;font-size:6.2px}.triple-join-actions,.triple-verify-actions,.triple-control-actions{display:flex;gap:5px;align-items:center}.triple-join-actions form,.triple-verify-actions form,.triple-control-actions form{margin:0}.triple-join-actions button,.triple-verify-actions button{height:29px!important;padding:0 9px!important;font-size:6.5px!important}.triple-control-panel{display:flex;align-items:center;justify-content:space-between;gap:12px}.triple-control-copy{min-width:0}.triple-control-copy.center{width:100%;text-align:center}.triple-control-actions .btn,.triple-control-actions .race-secondary-btn{height:33px}.triple-control-actions .btn:disabled{opacity:.42;cursor:not-allowed}.triple-result-panel{display:grid;gap:10px}.triple-own-result{padding:11px;border:1px solid #e8ecf2;border-radius:13px;background:#fbfcfe;text-align:center}.triple-own-result h3{margin:2px 0 9px;color:#2b374a;font-size:11px}.triple-position-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.triple-position-buttons form{margin:0}.triple-position-btn{width:100%;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:12px;color:#fff;cursor:pointer}.triple-position-btn small{font-size:5.5px;font-weight:900;letter-spacing:.07em}.triple-position-btn b{font-size:19px;line-height:1}.triple-position-btn.pos1{background:#1768ff}.triple-position-btn.pos2{background:#667085}.triple-position-btn.pos3{background:#c47b23}.triple-own-result.submitted{display:flex;flex-direction:column;align-items:center}.triple-own-result.submitted p{margin:6px 0 0;color:#8791a0;font-size:6.8px}.triple-own-result.submitted .triple-position-label{margin-top:8px;padding:7px 13px;font-size:10px;letter-spacing:.035em}.triple-position-label{width:max-content;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;color:#fff;font-size:6.3px;font-weight:950;letter-spacing:.04em;white-space:nowrap}.triple-position-label.pos1{background:#1768ff}.triple-position-label.pos2{background:#667085}.triple-position-label.pos3{background:#c47b23}.triple-verify-copy .triple-position-label{margin-top:3px}.triple-verify-item.confirmed-state{position:relative;padding-right:90px}.triple-confirmed-badge{position:absolute;top:8px;right:8px;width:max-content;padding:4px 7px;border-radius:999px;background:#e9f8f1;color:#16805c;font-size:6px;font-weight:900;white-space:nowrap}.triple-podium-list{display:grid;gap:7px}.triple-podium-row{padding:9px;display:grid;grid-template-columns:29px 34px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e6eaf0;border-radius:12px;background:#fff}.triple-podium-position{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eef3fa;color:#607086;font-size:12px;font-weight:950}.triple-podium-row.pos1 .triple-podium-position{background:#1768ff;color:#fff}.triple-podium-row.pos2 .triple-podium-position{background:#667085;color:#fff}.triple-podium-row.pos3 .triple-podium-position{background:#c47b23;color:#fff}.triple-podium-copy{min-width:0;display:flex;flex-direction:column}.triple-podium-copy b{font-size:8.5px;color:#29364a}.triple-podium-copy small{margin-top:2px;color:#8a95a4;font-size:6px}.triple-podium-points{color:#1768ff;font-size:8px;font-weight:950}.triple-cancelled-card{text-align:center}.triple-cancelled-card>span{color:#c92f43}.triple-cancelled-card h2{margin:3px 0;color:#3a4657;font-size:13px}.triple-cancelled-card p{margin:0;color:#8a95a3;font-size:7px}.triple-admin-rule-form .triple-first>span{background:#1768ff}.triple-admin-rule-form .triple-second>span{background:#667085}.triple-admin-rule-form .triple-third>span{background:#c47b23}
@media(max-width:520px){.triple-create-card,.triple-racers-panel,.triple-join-panel,.triple-control-panel,.triple-result-panel,.triple-podium-panel{padding:10px}.triple-detail-title h1{font-size:15px}.triple-racer-grid{gap:5px}.triple-racer-slot{padding:8px 5px}.triple-racer-avatar{width:38px;height:38px}.triple-racer-info>b{font-size:7.4px}.triple-control-panel{align-items:stretch;flex-direction:column}.triple-control-actions{display:grid;grid-template-columns:1fr 1fr}.triple-control-actions button{width:100%}.triple-join-item,.triple-verify-item{grid-template-columns:32px minmax(0,1fr)}.triple-join-actions,.triple-verify-actions{grid-column:1/-1}.triple-verify-item.confirmed-state{padding-right:84px}.triple-join-actions,.triple-verify-actions{display:grid;grid-template-columns:1fr 1fr}.triple-join-actions button,.triple-verify-actions button{width:100%}.triple-podium-row{grid-template-columns:27px 32px minmax(0,1fr) auto}.triple-position-btn{height:50px}.triple-detail-meta{gap:4px}}

.triple-room-empty-card{min-height:76px;padding:16px 14px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e8ef;border-radius:14px;background:#fff;color:#8a95a4;font-size:7.5px;font-weight:800;text-align:center;line-height:1.5}

/* v58 - Room Saya: modern, compact, detailed */
.triple-my-room-list{display:grid;gap:9px}.triple-my-room-card{padding:11px;border:1px solid #e3e8ef;border-radius:15px;background:#fff;overflow:hidden}.triple-my-room-card.is-active{border-color:#d8e5fb;box-shadow:0 8px 22px rgba(23,104,255,.055)}.triple-my-room-card.is-closed{background:#fcfcfd}.triple-my-room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.triple-my-room-title{min-width:0}.triple-my-room-labels{display:flex;align-items:center;gap:5px;margin-bottom:5px}.triple-my-room-status,.triple-my-room-role{height:18px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:5.8px;font-weight:950;letter-spacing:.055em}.triple-my-room-status.open{background:#eaf1ff;color:#1768ff}.triple-my-room-status.racing{background:#fff3dc;color:#b87500}.triple-my-room-status.completed{background:#e8f8f1;color:#15855f}.triple-my-room-status.cancelled{background:#fdecef;color:#c92f43}.triple-my-room-role{border:1px solid #e0e5ec;background:#fff;color:#697586}.triple-my-room-title h3{margin:0;color:#202c40;font-size:11px;line-height:1.18;letter-spacing:-.025em}.triple-my-room-title>small{display:block;margin-top:3px;color:#98a2b3;font-size:6px;font-weight:800}.triple-my-room-capacity{min-width:38px;height:25px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef4ff;color:#1768ff;font-size:7.5px;font-weight:950}.triple-my-room-capacity.full{background:#e8f8f1;color:#15855f}.triple-my-room-meta{margin-top:10px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #edf0f4;border-radius:11px;background:#f8fafc}.triple-my-room-meta>div{min-width:0}.triple-my-room-meta span{display:block;color:#98a2b3;font-size:5.7px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.triple-my-room-meta b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475467;font-size:7px;font-weight:900}.triple-my-room-racers{margin-top:9px;display:flex;align-items:center;gap:10px}.triple-my-room-racer-stack{display:flex;align-items:center;flex:0 0 auto}.triple-my-room-racer-stack span{width:31px;height:31px;margin-right:-6px;display:grid;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:9px;background:#eef2f7;color:#667085;font-size:7px;font-weight:950;box-shadow:0 1px 3px rgba(16,24,40,.08)}.triple-my-room-racer-stack span:last-child{margin-right:0}.triple-my-room-racer-stack span.empty{background:#f8fafc;color:#a4adba}.triple-my-room-racer-stack img{width:100%;height:100%;object-fit:contain;background:#fff}.triple-my-room-racer-copy{min-width:0;display:flex;flex-direction:column}.triple-my-room-racer-copy b{color:#344054;font-size:7.5px}.triple-my-room-racer-copy small{margin-top:2px;color:#98a2b3;font-size:6px}.triple-my-room-open{margin-top:10px;height:31px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #1768ff;border-radius:9px;background:#1768ff;color:#fff;font-size:7px;font-weight:900;text-decoration:none}.triple-my-room-open svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9}.triple-my-room-open:active{border-color:#0f58dc;background:#0f58dc;color:#fff}.triple-my-room-card.is-active .triple-my-room-open{border-color:#1768ff;background:#1768ff;color:#fff}.triple-my-room-card.is-active .triple-my-room-open:active{border-color:#0f58dc;background:#0f58dc;color:#fff}@media(min-width:700px){.triple-my-room-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v66 - Detail Room header follows Detail Match */
.triple-room-detail-head{grid-template-columns:34px minmax(0,1fr) auto}
.triple-room-detail-head .triple-room-detail-copy{min-width:0}
.triple-room-detail-head .triple-room-detail-copy>span{display:block;color:#8d97a5;font-size:6.5px;font-weight:850;text-transform:none;letter-spacing:.08em}
.triple-room-detail-head .triple-room-detail-copy h1{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.1;letter-spacing:-.03em}
.triple-room-detail-head .triple-room-detail-copy p{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b95a3;font-size:6.4px;line-height:1.35}
.triple-detail-page>.triple-detail-hero{margin-top:0}
.triple-detail-hero .triple-detail-meta{margin-top:0;padding-top:0;border-top:0}
@media(max-width:390px){.triple-room-detail-head{padding-left:12px;padding-right:12px;gap:8px}.triple-room-detail-head .triple-status-label{height:22px;padding:0 7px;font-size:6px}.triple-room-detail-head .triple-room-detail-copy h1{font-size:16px}.triple-room-detail-head .triple-room-detail-copy p{font-size:5.8px}}

/* v67 - state-aware modern room information card */
.triple-room-info-card{position:relative;margin:0 0 10px;padding:12px;border:1px solid #e3e9f1;border-radius:16px;background:#fff;overflow:hidden}
.triple-room-info-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1768ff}
.triple-room-info-card.racing:before{background:#d89216}.triple-room-info-card.completed:before{background:#159b63}.triple-room-info-card.cancelled:before{background:#c92f43}
.triple-room-info-top{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}
.triple-room-state-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4ff}
.triple-room-state-icon span{width:9px;height:9px;border-radius:50%;background:#1768ff;box-shadow:0 0 0 5px rgba(23,104,255,.11)}
.triple-room-info-card.racing .triple-room-state-icon{background:#fff6e5}.triple-room-info-card.racing .triple-room-state-icon span{background:#d89216;box-shadow:0 0 0 5px rgba(216,146,22,.12)}
.triple-room-info-card.completed .triple-room-state-icon{background:#ebf8f2}.triple-room-info-card.completed .triple-room-state-icon span{background:#159b63;box-shadow:0 0 0 5px rgba(21,155,99,.11)}
.triple-room-info-card.cancelled .triple-room-state-icon{background:#fff0f2}.triple-room-info-card.cancelled .triple-room-state-icon span{background:#c92f43;box-shadow:0 0 0 5px rgba(201,47,67,.1)}
.triple-room-info-copy{min-width:0}.triple-room-info-copy>span{display:block;color:#1768ff;font-size:6px;font-weight:950;letter-spacing:.085em}.triple-room-info-card.racing .triple-room-info-copy>span{color:#b77a0b}.triple-room-info-card.completed .triple-room-info-copy>span{color:#15855f}.triple-room-info-card.cancelled .triple-room-info-copy>span{color:#b92e41}
.triple-room-info-copy h2{margin:2px 0 2px;color:#243248;font-size:12px;line-height:1.18;letter-spacing:-.025em}.triple-room-info-copy p{margin:0;color:#8792a0;font-size:6.7px;line-height:1.45}
.triple-room-state-pill{height:23px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#edf4ff;color:#1768ff;font-size:6px;font-weight:950;letter-spacing:.045em;white-space:nowrap}.triple-room-info-card.racing .triple-room-state-pill{background:#fff3d9;color:#a16b00}.triple-room-info-card.completed .triple-room-state-pill{background:#e8f8f1;color:#15855f}.triple-room-info-card.cancelled .triple-room-state-pill{background:#fae8eb;color:#b72d40}
.triple-room-progress{height:4px;margin:10px 0 9px;border-radius:999px;background:#eef2f7;overflow:hidden}.triple-room-progress span{display:block;height:100%;border-radius:inherit;background:#1768ff}.triple-room-info-card.racing .triple-room-progress span{background:#d89216}.triple-room-info-card.completed .triple-room-progress span{background:#159b63}
.triple-room-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.triple-room-info-grid>div{min-width:0;padding:8px 9px;border:1px solid #edf0f4;border-radius:11px;background:#fafbfd}.triple-room-info-grid span{display:block;color:#98a2b0;font-size:5.4px;font-weight:900;letter-spacing:.055em}.triple-room-info-grid b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d3a4e;font-size:8.4px}.triple-room-info-grid small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#99a3af;font-size:5.7px}
.triple-room-info-card.open .triple-room-info-grid>div:first-child{border-color:#dce8fb;background:#f7faff}.triple-room-info-card.racing .triple-room-info-grid>div:nth-child(-n+2){border-color:#f1e4ca;background:#fffaf1}.triple-room-info-card.completed .triple-room-info-grid>div:first-child{border-color:#cfeadd;background:#f4fbf7}.triple-room-info-card.cancelled .triple-room-info-grid>div{background:#fffafa}
@media(max-width:520px){.triple-room-info-card{padding:10px}.triple-room-info-top{grid-template-columns:31px minmax(0,1fr) auto;gap:8px}.triple-room-state-icon{width:31px;height:31px;border-radius:9px}.triple-room-info-copy h2{font-size:10.8px}.triple-room-info-copy p{font-size:6.2px}.triple-room-state-pill{height:21px;padding:0 7px;font-size:5.6px}.triple-room-info-grid{gap:5px}.triple-room-info-grid>div{padding:7px}.triple-room-info-grid b{font-size:7.7px}.triple-room-info-grid small{font-size:5.2px}}

/* v68 - leave room / switch room flow */
.triple-room-footer-actions{display:flex;align-items:center;gap:5px}.triple-room-footer-actions form{margin:0}.triple-room-action.leave{border:1px solid #e2e7ed;background:#fff;color:#667085}.triple-room-action.leave:active{border-color:#cfd5dd;background:#f6f8fa;color:#475467}
.triple-my-room-actions{margin-top:10px;display:grid;grid-template-columns:1fr;gap:6px}.triple-my-room-actions.has-leave{grid-template-columns:auto minmax(0,1fr)}.triple-my-room-actions .triple-my-room-open{margin-top:0}.triple-my-room-actions>form{margin:0}.triple-my-room-leave{height:31px;padding:0 10px;border:1px solid #d7dde5;border-radius:9px;background:#fff;color:#667085;font:inherit;font-size:7px;font-weight:900;white-space:nowrap;cursor:pointer}.triple-my-room-leave:active{background:#f6f8fa;color:#475467}.triple-leave-room-btn{height:33px;padding:0 12px;border:1px solid #d7dde5;border-radius:10px;background:#fff;color:#667085;font:inherit;font-size:7px;font-weight:900;white-space:nowrap;cursor:pointer}.triple-leave-room-btn:active{background:#f6f8fa;color:#475467}
@media(max-width:520px){.triple-my-room-actions.has-leave{grid-template-columns:1fr 1.35fr}.triple-my-room-leave,.triple-my-room-open{width:100%}.triple-leave-room-btn{width:100%}}

/* v69 - Profile History: 1 vs 1 + 3 Way Race */
.history-triple-avatars{width:48px;display:flex;align-items:center;flex:none}.history-triple-avatars .history-avatar{width:34px;height:34px;margin-right:-18px;border:2px solid #fff;border-radius:10px;box-shadow:0 1px 3px rgba(16,24,40,.08)}.history-triple-avatars .history-avatar:last-child{margin-right:0}.triple-history-item .match-history-title{flex-wrap:wrap}.triple-history-type{width:max-content;padding:3px 6px;border-radius:999px;background:#eef4ff;color:#1768ff;font-size:5.8px;font-weight:950;letter-spacing:.045em;white-space:nowrap}.triple-history-item .triple-position-label{padding:3px 7px;font-size:6px}.history-detail-link{height:26px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#475467;font-size:6.5px;font-weight:900;text-decoration:none}.history-detail-link:active{background:#f8fafc}.
@media(max-width:520px){.history-triple-avatars{width:44px}.history-triple-avatars .history-avatar{width:32px;height:32px;margin-right:-17px}.history-detail-link{height:25px;padding:0 7px}}

/* v70 - card empty states */
.match-empty-card{min-height:76px;padding:16px 14px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e8ef;border-radius:14px;background:#fff;color:#8a95a4;font-size:7.5px;font-weight:800;text-align:center;line-height:1.5}

/* Ranking season v71 */
.ranking-head{margin:8px 12px 0;padding:14px;border:1px solid #dce7f8;border-radius:17px;background:linear-gradient(145deg,#1768ff 0%,#2875ff 43%,#f7faff 43.3%,#fff 100%);position:relative;overflow:hidden}.ranking-head-copy{max-width:58%;color:#fff}.ranking-eyebrow{font-size:6px;font-weight:950;letter-spacing:.12em;opacity:.8}.ranking-head h1{margin:4px 0 3px;font-size:17px;line-height:1.05;letter-spacing:-.04em}.ranking-head p{margin:0;font-size:6.5px;line-height:1.45;opacity:.88}.ranking-season-select{position:absolute;top:13px;right:13px;width:132px}.ranking-season-select label{display:block;margin:0 0 4px;color:#667085;font-size:5.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ranking-season-select select{width:100%;height:31px;padding:0 29px 0 9px;border:1px solid #d7dee8;border-radius:9px;background:#fff;color:#344054;font-size:7px;font-weight:900;outline:0}.ranking-season-meta{margin-top:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:#64748b;font-size:5.8px;font-weight:850}.ranking-progress{height:4px;overflow:hidden;border-radius:99px;background:#e7edf5}.ranking-progress i{height:100%;display:block;border-radius:inherit;background:#1768ff}.ranking-content{padding-top:10px}.ranking-podium{display:grid;grid-template-columns:1fr 1.16fr 1fr;align-items:end;gap:7px;margin-bottom:10px}.ranking-podium-card{position:relative;min-width:0;padding:11px 6px 9px;display:flex;flex-direction:column;align-items:center;border:1px solid #e0e6ef;border-radius:15px;background:#fff;text-align:center}.ranking-podium-card.rank-1{min-height:156px;padding-top:14px;border-color:#bad1ff;background:linear-gradient(180deg,#edf4ff,#fff 62%);box-shadow:0 8px 22px rgba(23,104,255,.09)}.ranking-podium-card.rank-2,.ranking-podium-card.rank-3{min-height:132px}.ranking-place{position:absolute;top:7px;left:7px;height:19px;min-width:25px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef2f7;color:#667085;font-size:6px;font-weight:950}.ranking-podium-card.rank-1 .ranking-place{background:#1768ff;color:#fff}.ranking-podium-card.rank-2 .ranking-place{background:#667085;color:#fff}.ranking-podium-card.rank-3 .ranking-place{background:#c47b23;color:#fff}.ranking-avatar{width:46px;height:46px;margin-top:10px;display:grid;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:14px;background:#edf2f7;color:#667085;font-size:11px;font-weight:950;box-shadow:0 2px 8px rgba(16,24,40,.08)}.ranking-podium-card.rank-1 .ranking-avatar{width:61px;height:61px;border-radius:17px}.ranking-avatar img,.ranking-list-avatar img,.ranking-user-avatar img{width:100%;height:100%;object-fit:cover}.ranking-podium-name{width:100%;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263449;font-size:7.5px;font-weight:950}.ranking-podium-card.rank-1 .ranking-podium-name{font-size:9px}.ranking-podium-points{margin-top:4px;color:#1768ff;font-size:12px;font-weight:950;letter-spacing:-.03em}.ranking-podium-card.rank-1 .ranking-podium-points{font-size:16px}.ranking-podium-points small{font-size:5px;letter-spacing:.06em}.ranking-podium-rate{margin-top:5px;display:flex;flex-direction:column}.ranking-podium-rate b{color:#344054;font-size:7px}.ranking-podium-rate span{margin-top:1px;color:#98a2b3;font-size:5px;font-weight:800}.ranking-podium-card.empty{opacity:.48}.ranking-list-panel{padding:11px}.ranking-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.ranking-section-head h2{margin:0;color:#263449;font-size:10px}.ranking-section-head p{margin:2px 0 0;color:#98a2b3;font-size:6px}.ranking-list{display:grid;gap:5px}.ranking-list-row{padding:7px;display:grid;grid-template-columns:28px 34px minmax(0,1fr) 48px 52px;align-items:center;gap:7px;border:1px solid #e8ecf2;border-radius:11px;background:#fff}.ranking-list-row.is-me{border-color:#bcd2ff;background:#f7faff}.ranking-list-number{display:grid;place-items:center;color:#667085;font-size:7px;font-weight:950}.ranking-list-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eef2f7;color:#667085;font-size:7px;font-weight:950}.ranking-list-copy{min-width:0;display:flex;flex-direction:column}.ranking-list-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:7.5px}.ranking-list-copy small{margin-top:2px;color:#98a2b3;font-size:5.7px}.ranking-list-winrate,.ranking-list-points{display:flex;flex-direction:column;align-items:flex-end}.ranking-list-winrate b{color:#344054;font-size:7px}.ranking-list-points b{color:#1768ff;font-size:8px}.ranking-list-winrate span,.ranking-list-points span{margin-top:1px;color:#98a2b3;font-size:4.6px;font-weight:900}.ranking-empty{padding:15px;text-align:center;color:#98a2b3;font-size:7px}.ranking-user-card{margin-top:10px;padding:11px;border:1px solid #1768ff;border-radius:15px;background:#f5f9ff}.ranking-user-label{margin-bottom:7px;color:#1768ff;font-size:6px;font-weight:950;letter-spacing:.1em}.ranking-user-main{display:grid;grid-template-columns:34px 40px minmax(0,1fr) 54px 56px;align-items:center;gap:8px}.ranking-user-rank{display:grid;place-items:center;color:#1768ff;font-size:10px;font-weight:950}.ranking-user-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:11px;background:#dfeaff;color:#1768ff;font-size:8px;font-weight:950}.ranking-user-copy{min-width:0;display:flex;flex-direction:column}.ranking-user-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27364a;font-size:8px}.ranking-user-copy small{margin-top:2px;color:#718096;font-size:5.8px}.ranking-user-stat{display:flex;flex-direction:column;align-items:flex-end}.ranking-user-stat b{color:#344054;font-size:8px}.ranking-user-stat.points b{color:#1768ff;font-size:9px}.ranking-user-stat span{margin-top:1px;color:#98a2b3;font-size:5px;font-weight:850}.ranking-user-card.empty{border-color:#e1e6ee;background:#fff}.ranking-user-empty{padding:8px 0;color:#98a2b3;font-size:7px;text-align:center}.ranking-season-note{margin:9px 2px 0;padding:9px 10px;border-radius:11px;background:#f8fafc;color:#7b8797;font-size:6px;line-height:1.5;text-align:center}.season-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.season-admin-current,.season-admin-setting,.season-bonus-panel,.season-archive-admin{padding:14px}.season-live-badge{height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;background:#eaf1ff;color:#1768ff;font-size:6px;font-weight:950}.season-admin-name{margin-top:14px;color:#1768ff;font-size:24px;font-weight:950;letter-spacing:-.04em}.season-admin-period{margin-top:5px;color:#475467;font-size:8px;font-weight:850}.season-admin-countdown{margin-top:9px;color:#98a2b3;font-size:7px}.season-duration-option{margin-bottom:8px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;cursor:pointer}.season-duration-option.active{border-color:#a9c5ff;background:#f5f9ff}.season-duration-option input{accent-color:#1768ff}.season-duration-option span{display:flex;flex-direction:column}.season-duration-option b{color:#344054;font-size:8px}.season-duration-option small{margin-top:2px;color:#98a2b3;font-size:6px}.season-bonus-panel,.season-archive-admin{margin-top:12px}.season-bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.season-bonus-grid>div{padding:10px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;border:1px solid #e5e9ef;border-radius:12px;background:#fff}.season-bonus-grid span{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eef2f7;color:#667085;font-size:8px;font-weight:950}.season-bonus-grid .first span{background:#1768ff;color:#fff}.season-bonus-grid .second span{background:#667085;color:#fff}.season-bonus-grid .third span{background:#c47b23;color:#fff}.season-bonus-grid b{color:#344054;font-size:9px}.season-bonus-grid small{color:#98a2b3;font-size:6px}.season-archive-list{display:grid;gap:6px}.season-archive-list>div{padding:8px;display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e7ebf0;border-radius:10px}.season-archive-status{height:19px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef2f7;color:#667085;font-size:5px;font-weight:950}.season-archive-status.active{background:#eaf1ff;color:#1768ff}.season-archive-list b{color:#344054;font-size:7.5px}.season-archive-list small{color:#98a2b3;font-size:6px}
@media(max-width:520px){.ranking-head{padding:12px}.ranking-head-copy{max-width:55%}.ranking-season-select{width:119px;right:11px;top:11px}.ranking-podium{gap:5px}.ranking-podium-card{padding-left:4px;padding-right:4px}.ranking-podium-card.rank-1{min-height:150px}.ranking-podium-card.rank-2,.ranking-podium-card.rank-3{min-height:126px}.ranking-avatar{width:42px;height:42px}.ranking-podium-card.rank-1 .ranking-avatar{width:56px;height:56px}.ranking-list-row{grid-template-columns:25px 32px minmax(0,1fr) 42px 46px;gap:5px}.ranking-list-avatar{width:32px;height:32px}.ranking-user-main{grid-template-columns:30px 36px minmax(0,1fr) 46px 49px;gap:5px}.ranking-user-avatar{width:36px;height:36px}.season-admin-grid{grid-template-columns:1fr}.season-bonus-grid{gap:5px}.season-bonus-grid>div{padding:8px;grid-template-columns:27px 1fr}.season-archive-list>div{grid-template-columns:50px minmax(0,1fr);}.season-archive-list small{grid-column:2}}
/* v73 Ranking public racer profile */
.ranking-season-meta>span:first-child{color:#fff}
[data-ranking-profile]{cursor:pointer;outline:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}
[data-ranking-profile]:focus-visible{box-shadow:0 0 0 2px rgba(23,104,255,.18);border-color:#8db4ff}
@media(hover:hover) and (pointer:fine){[data-ranking-profile]:hover{border-color:#b9cef5;background-color:#fbfdff}}
.ranking-profile-modal{position:fixed;inset:0;z-index:180;display:none;align-items:flex-end;justify-content:center}
.ranking-profile-modal.is-open{display:flex}
.ranking-profile-backdrop{position:absolute;inset:0;border:0;background:rgba(12,22,38,.46);backdrop-filter:blur(3px)}
.ranking-profile-sheet{position:relative;z-index:1;width:min(100%,520px);padding:13px 13px calc(14px + env(safe-area-inset-bottom));border-radius:21px 21px 0 0;background:#fff;box-shadow:0 -18px 45px rgba(15,23,42,.18)}
.ranking-profile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf0f4}
.ranking-profile-head>span{color:#1768ff;font-size:6.2px;font-weight:950;letter-spacing:.11em}
.ranking-profile-close{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e5e9ef;border-radius:10px;background:#fff;color:#667085}
.ranking-profile-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.ranking-profile-identity{padding:12px 0 10px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px}
.ranking-profile-avatar{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe5ed;border-radius:14px;background:#eef4ff;color:#1768ff;font-size:11px;font-weight:950}
.ranking-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.ranking-profile-name{min-width:0}.ranking-profile-name h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263449;font-size:14px;letter-spacing:-.025em}.ranking-profile-name p{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8792a2;font-size:6.8px;font-weight:700}
.ranking-profile-ready{height:22px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e9f8f1;color:#14825b;font-size:5.8px;font-weight:950;white-space:nowrap}.ranking-profile-ready.is-off{background:#f1f3f5;color:#7d8794}
.ranking-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e8ecf1;border-radius:12px;background:#f9fbfd;overflow:hidden}.ranking-profile-stats>div{padding:9px 4px;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid #e8ecf1}.ranking-profile-stats>div:last-child{border-right:0}.ranking-profile-stats b{color:#2e3b4f;font-size:9px}.ranking-profile-stats span{margin-top:2px;color:#98a2b3;font-size:5px;font-weight:850}
.ranking-profile-details{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.ranking-profile-details>div{padding:9px;border:1px solid #e8ecf1;border-radius:11px;background:#fff}.ranking-profile-details span{display:block;color:#98a2b3;font-size:5.3px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.ranking-profile-details b{display:block;margin-top:3px;color:#344054;font-size:7.3px;line-height:1.35}.ranking-profile-bio{grid-column:1/-1}.ranking-profile-bio p{margin:4px 0 0;color:#667085;font-size:7px;line-height:1.55}
.ranking-profile-season{margin-top:8px;padding:7px 9px;border-radius:9px;background:#1768ff;color:#fff;font-size:6px;font-weight:900;text-align:center}
body.ranking-modal-open{overflow:hidden}
@media(min-width:700px){.ranking-profile-modal{align-items:center;padding:24px}.ranking-profile-sheet{border-radius:20px;padding-bottom:13px}}
@media(max-width:390px){.ranking-profile-identity{grid-template-columns:46px minmax(0,1fr);gap:8px}.ranking-profile-avatar{width:46px;height:46px}.ranking-profile-ready{grid-column:1/-1;justify-self:start;margin-left:54px;margin-top:-17px}.ranking-profile-stats>div{padding:8px 2px}.ranking-profile-details{grid-template-columns:1fr}}


/* v76 - definitive Ranking modal avatar states: no inner border, no phantom image row */
.ranking-profile-avatar{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#1768ff!important;
}
.ranking-profile-avatar>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  display:none!important;
  object-fit:cover!important;
}
.ranking-profile-avatar>[data-profile-initials]{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  display:grid!important;
  place-items:center!important;
  background:#1768ff!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
}
.ranking-profile-avatar.has-photo{background:#f3f5f8!important}
.ranking-profile-avatar.has-photo>img{display:block!important}
.ranking-profile-avatar.has-photo>[data-profile-initials]{display:none!important}
@media(max-width:390px){
  .ranking-profile-avatar>[data-profile-initials]{font-size:11px!important}
}

/* ===== NOTIFICATION CENTER v78 ===== */
.notification-page-head{padding-bottom:9px}.notification-center-content{padding-bottom:8px}.notification-center{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(20,38,68,.035)}
.notification-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border-bottom:1px solid var(--line);background:#fff;color:inherit;transition:background .15s ease,transform .15s ease}
.notification-item:last-child{border-bottom:0}.notification-item:active{background:#f8fafc}.notification-item.unread{background:#f8fbff}
.notification-symbol{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:#f4f6f9;color:#667085}.notification-item.unread .notification-symbol{background:var(--blue-soft);color:var(--blue)}.notification-symbol svg{width:17px;height:17px}
.notification-copy{display:block;min-width:0;flex:1}.notification-title{display:block;margin:0 0 2px;font-size:10.5px;font-weight:850;line-height:1.35;color:var(--ink)}.notification-message{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:9px;line-height:1.45}.notification-time{display:block;margin-top:4px;color:#98a2b3;font-size:8px;line-height:1.2}
.notification-end{display:flex;align-items:center;gap:7px;flex:none}.notification-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.notification-chevron{width:15px;height:15px;color:#b3bac5}.notification-pagination{margin-top:11px}
.notification-empty{min-height:190px;padding:26px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.notification-empty-icon{width:44px;height:44px;margin-bottom:10px;display:grid;place-items:center;border-radius:13px;background:#f4f6f9;color:#667085}.notification-empty-icon svg{width:20px;height:20px}.notification-empty b{font-size:11px}.notification-empty>span:last-child{margin-top:4px;color:var(--muted);font-size:9px}

/* simpler bell buttons */
.icon-btn,.admin-notification-btn{box-shadow:none}.icon-btn svg,.admin-notification-btn svg{display:block}

/* admin notification center v78 */
.admin-notification-modern{box-shadow:0 5px 18px rgba(20,38,68,.03)}.admin-notification-modern .admin-notification-row{align-items:center;gap:10px;padding:11px 13px}.admin-notification-modern .admin-notification-icon{width:34px;height:34px;border-radius:10px;background:#f4f6f9;color:#667085}.admin-notification-modern .admin-notification-row.unread .admin-notification-icon{background:var(--blue-soft);color:var(--blue)}.admin-notification-modern .admin-notification-icon svg{width:17px;height:17px}.admin-notification-modern .admin-notification-title{font-size:10.5px}.admin-notification-modern .admin-notification-message{font-size:9px}.admin-notification-modern .admin-notification-time{margin-top:4px}.admin-notification-end{display:flex;align-items:center;gap:7px;flex:none;margin-left:auto}.admin-notification-end svg{width:15px;height:15px;color:#b3bac5}.admin-notification-modern .admin-unread-mark{position:static;width:6px;height:6px;border:0;background:var(--blue);box-shadow:none}
@media(max-width:520px){.notification-item{padding:10px}.notification-symbol{width:32px;height:32px;border-radius:9px}.notification-title{font-size:10px}.notification-message{font-size:8.7px}.admin-notification-modern .admin-notification-row{padding:10px}.admin-notification-modern .admin-notification-icon{width:32px;height:32px;border-radius:9px}}

/* v79 — Event manager + modern event cards */
.event-scroll{gap:12px;padding-bottom:6px}
.home-event-card{min-width:258px;width:258px;scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(20,38,68,.045)}
.home-event-image{position:relative;height:118px;overflow:hidden;background:#eef2f7}
.home-event-image img{width:100%;height:100%;display:block;object-fit:cover}
.home-event-date{position:absolute;left:10px;top:10px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.94);color:#263247;font-size:8px;font-weight:900;letter-spacing:.02em;box-shadow:0 3px 10px rgba(15,23,42,.08)}
.home-event-body{padding:11px 12px 12px}
.home-event-body h3{margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid #edf0f4;font-size:12px;line-height:1.32;letter-spacing:-.018em}
.home-event-desc{display:-webkit-box;min-height:31px;margin:0 0 7px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#667085;font-size:8.5px;line-height:1.45}
.home-event-meta{overflow:hidden;margin-bottom:10px;color:#8a94a5;font-size:7.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.home-event-btn{min-height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--red);color:#fff;font-size:8px;font-weight:900;line-height:1;text-decoration:none}
.home-event-btn:active{transform:scale(.985)}

.events-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.public-event-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(20,38,68,.035)}
.public-event-image{position:relative;height:150px;overflow:hidden;background:#eef2f7}
.public-event-image img{width:100%;height:100%;display:block;object-fit:cover}
.public-event-image>span{position:absolute;left:11px;top:11px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.94);color:#263247;font-size:8px;font-weight:900}
.public-event-body{padding:13px}
.public-event-status{display:inline-flex;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:7px;font-weight:900}
.public-event-body h2{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #edf0f4;font-size:14px;line-height:1.3;letter-spacing:-.02em}
.public-event-body p{margin:0 0 9px;color:#667085;font-size:9px;line-height:1.55}
.public-event-meta{margin-top:4px;color:#8792a5;font-size:8px;line-height:1.4}
.public-event-btn{margin-top:11px}

.admin-event-create{overflow:hidden;margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.admin-event-create>summary{list-style:none;min-height:62px;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}
.admin-event-create>summary::-webkit-details-marker{display:none}
.admin-event-create>summary>svg{flex:none;color:#98a2b3;transition:transform .18s ease}
.admin-event-create[open]>summary>svg{transform:rotate(90deg)}
.admin-event-create-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--blue);color:#fff;font-size:20px;font-weight:400;line-height:1}
.admin-event-create summary b{display:block;font-size:11px}
.admin-event-create summary small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.admin-event-form{padding:13px 14px 14px;border-top:1px solid var(--line);background:#fcfdff}
.admin-event-form.compact{padding:12px 0 2px;border-top:0;background:transparent}
.admin-field-help{display:block;margin-top:5px;color:#98a2b3;font-size:7.5px;line-height:1.4}
.admin-event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-event-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(20,38,68,.03)}
.admin-event-banner{position:relative;height:138px;overflow:hidden;background:#eef2f7}
.admin-event-banner img{width:100%;height:100%;display:block;object-fit:cover}
.admin-event-status{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:999px;background:#fff;color:#344054;font-size:7px;font-weight:900;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.admin-event-status.status-published{background:#ecfdf3;color:#067647}.admin-event-status.status-draft{background:#f2f4f7;color:#475467}.admin-event-status.status-finished{background:#eff4ff;color:#3538cd}.admin-event-status.status-cancelled{background:#fff1f3;color:#c01048}
.admin-event-card-body{padding:12px}
.admin-event-card-head{display:flex;align-items:flex-start;gap:10px}
.admin-event-card-head h3{margin:0 0 4px;font-size:11.5px;line-height:1.35}
.admin-event-card-head p{margin:0;color:#7f8a9d;font-size:7.8px;line-height:1.5}
.admin-event-link{flex:none;padding:6px 8px;border:1px solid #d7deea;border-radius:8px;background:#fff;color:#475467;font-size:7.5px;font-weight:850}
.admin-event-edit{margin-top:10px;border-top:1px solid var(--line)}
.admin-event-edit>summary{list-style:none;padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#475467;font-size:8px;font-weight:900;cursor:pointer}
.admin-event-edit>summary::-webkit-details-marker{display:none}
.admin-event-edit>summary svg{transition:transform .18s ease}
.admin-event-edit[open]>summary svg{transform:rotate(90deg)}
.admin-event-delete{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.admin-event-delete button{width:100%;padding:7px;border:0;background:transparent;color:var(--red);font-size:8px;font-weight:900}
.admin-empty-card{grid-column:1/-1;padding:26px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font-size:9px;text-align:center}

@media(max-width:700px){
    .events-page-grid,.admin-event-list{grid-template-columns:1fr}
    .public-event-image{height:138px}
    .admin-event-banner{height:128px}
}
@media(max-width:520px){
    .home-event-card{min-width:238px;width:238px}
    .home-event-image{height:110px}
    .home-event-body{padding:10px 11px 11px}
    .home-event-btn{min-height:31px}
    .public-event-card{border-radius:16px}
}

/* v80 — Admin Events compact redesign */
.admin-events-v80{max-width:980px;margin:0 auto}
.admin-events-head{align-items:center;margin-bottom:12px}
.admin-event-add-shortcut{height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;border:0;border-radius:10px;background:var(--blue);color:#fff;font-size:9px;font-weight:900;box-shadow:0 5px 14px rgba(23,104,255,.16)}
.admin-event-add-shortcut svg{width:15px;height:15px}
.admin-event-add-shortcut:active{transform:scale(.98)}
.admin-event-upgrade-note{margin-bottom:12px;padding:10px 11px;display:flex;align-items:center;gap:9px;border:1px solid #f1d99f;border-radius:13px;background:#fffaf0;color:#694d15}
.admin-event-upgrade-icon{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;background:#fff1ca;color:#9a6c0b}
.admin-event-upgrade-icon svg{width:16px;height:16px}
.admin-event-upgrade-note b{display:block;font-size:9px;line-height:1.25}
.admin-event-upgrade-note span{display:block;margin-top:2px;font-size:7.5px;line-height:1.45;color:#856923}
.admin-event-upgrade-note>a{padding:7px 9px;flex:none;border-radius:8px;background:#9a6c0b;color:#fff;font-size:7.5px;font-weight:900}
.admin-event-editor{margin-bottom:15px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 4px 14px rgba(20,38,68,.025);scroll-margin-top:76px}
.admin-event-editor>summary{list-style:none;min-height:56px;padding:10px 12px;display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}
.admin-event-editor>summary::-webkit-details-marker{display:none}
.admin-event-editor-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--blue-soft);color:var(--blue)}
.admin-event-editor-icon svg{width:16px;height:16px}
.admin-event-editor summary b{display:block;color:#283548;font-size:10px}
.admin-event-editor summary small{display:block;margin-top:2px;color:#8994a5;font-size:7.5px}
.admin-event-editor-chevron{width:17px;height:17px;flex:none;color:#98a2b3;transition:transform .18s ease}
.admin-event-editor[open]>.admin-event-editor-chevron,.admin-event-editor[open]>summary>.admin-event-editor-chevron{transform:rotate(90deg)}
.admin-event-form-v80{padding:13px;border-top:1px solid var(--line);background:#fbfcfe}
.admin-event-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
.admin-event-form-v80 .form-group{margin-bottom:10px}
.admin-event-form-v80 .label{margin-bottom:5px;font-size:8.5px}
.admin-event-form-v80 .input{height:38px;border-radius:10px;font-size:9.5px}
.admin-event-form-v80 textarea.input{height:78px;padding-top:9px}
.admin-event-form-v80 .file-input{height:auto;min-height:38px;padding:7px 8px;font-size:8px}
.admin-event-form-v80 .admin-field-help{display:block;margin-top:4px;color:#929dad;font-size:6.8px;line-height:1.4}
.admin-event-span-2{grid-column:1/-1}
.admin-event-form-actions{display:flex;justify-content:flex-end;padding-top:2px}
.admin-event-form-actions .btn{height:36px;min-width:132px;border-radius:10px;font-size:8.5px}
.admin-events-section-head{margin:16px 1px 8px;display:flex;align-items:center;justify-content:space-between}
.admin-events-section-head b{display:block;color:#273448;font-size:11px}
.admin-events-section-head span{display:block;margin-top:2px;color:#98a2b3;font-size:7.5px}
.admin-event-list-v80{display:grid;gap:8px}
.admin-event-row-v80{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(20,38,68,.025)}
.admin-event-row-main{min-height:102px;padding:9px;display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:11px}
.admin-event-thumb-v80{width:130px;height:82px;overflow:hidden;border-radius:10px;background:#eef2f7}
.admin-event-thumb-v80 img{width:100%;height:100%;display:block;object-fit:cover}
.admin-event-info-v80{min-width:0}
.admin-event-title-line{display:flex;align-items:center;gap:7px;min-width:0}
.admin-event-title-line h3{min-width:0;margin:0;overflow:hidden;color:#243044;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.admin-event-status-v80{padding:4px 6px;flex:none;border-radius:999px;background:#f2f4f7;color:#475467;font-size:6.5px;font-weight:900;line-height:1}
.admin-event-status-v80.status-published{background:#ecfdf3;color:#067647}
.admin-event-status-v80.status-finished{background:#eef4ff;color:#1768ff}
.admin-event-status-v80.status-cancelled{background:#fff1f3;color:#c01048}
.admin-event-info-v80>p{display:-webkit-box;margin:4px 0 6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#7d899a;font-size:7.7px;line-height:1.45}
.admin-event-meta-v80{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap;color:#7f8a9b;font-size:7.2px;line-height:1.35}
.admin-event-meta-v80 span{min-width:0;display:inline-flex;align-items:center;gap:4px}
.admin-event-meta-v80 svg{width:12px;height:12px;flex:none;color:#9ca6b4}
.admin-event-row-actions{display:flex;align-items:center;gap:6px}
.admin-event-row-actions>a{height:31px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#526075;font-size:7.5px;font-weight:900}
.admin-event-row-actions>a svg{width:13px;height:13px}
.admin-event-edit-v80{border-top:1px solid var(--line);background:#fff}
.admin-event-edit-v80>summary{list-style:none;min-height:36px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5f6b7d;font-size:7.8px;font-weight:900;cursor:pointer;background:#fcfdff}
.admin-event-edit-v80>summary::-webkit-details-marker{display:none}
.admin-event-edit-v80>summary>span{display:flex;align-items:center;gap:6px}
.admin-event-edit-v80>summary svg{width:13px;height:13px}
.admin-event-edit-chevron{transition:transform .18s ease}
.admin-event-edit-v80[open] .admin-event-edit-chevron{transform:rotate(90deg)}
.admin-event-edit-body-v80{border-top:1px solid var(--line)}
.admin-event-edit-body-v80 .admin-event-form-v80{border-top:0}
.admin-event-delete-v80{padding:0 13px 12px;background:#fbfcfe}
.admin-event-delete-v80 button{min-height:34px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffd9df;border-radius:9px;background:#fff;color:#c92f43;font-size:7.8px;font-weight:900}
.admin-event-delete-v80 button svg{width:13px;height:13px}
.admin-event-empty-v80{min-height:170px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #dce3ec;border-radius:14px;background:#fbfcfe;text-align:center;color:#8d98a8}
.admin-event-empty-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:9px;border-radius:13px;background:var(--blue-soft);color:var(--blue)}
.admin-event-empty-icon svg{width:20px;height:20px}
.admin-event-empty-v80 b{color:#445166;font-size:10px}
.admin-event-empty-v80>span:last-child{margin-top:3px;font-size:7.5px}
@media(max-width:720px){
  .admin-events-head{margin-bottom:10px}.admin-event-add-shortcut{height:34px;padding:0 10px}
  .admin-event-upgrade-note{align-items:flex-start}.admin-event-upgrade-note>a{align-self:center}
  .admin-event-row-main{grid-template-columns:96px minmax(0,1fr);min-height:88px;padding:8px;gap:9px}
  .admin-event-thumb-v80{width:96px;height:72px}.admin-event-row-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-1px}
  .admin-event-row-actions>a{height:29px}
}
@media(max-width:520px){
  .admin-events-v80{margin:0}.admin-event-add-shortcut span{display:none}.admin-event-add-shortcut{width:34px;padding:0}
  .admin-event-upgrade-note{padding:9px}.admin-event-upgrade-note span{font-size:7px}.admin-event-upgrade-note>a{padding:6px 8px}
  .admin-event-editor>summary{min-height:52px;padding:9px 10px}.admin-event-editor-icon{width:30px;height:30px}
  .admin-event-form-v80{padding:11px 10px}.admin-event-form-grid{grid-template-columns:1fr}.admin-event-span-2{grid-column:auto}
  .admin-event-form-actions .btn{width:100%;min-width:0}
  .admin-event-row-main{grid-template-columns:82px minmax(0,1fr);min-height:82px;padding:7px;gap:8px}
  .admin-event-thumb-v80{width:82px;height:67px;border-radius:9px}.admin-event-title-line{align-items:flex-start;gap:5px}.admin-event-title-line h3{font-size:9.5px}
  .admin-event-status-v80{padding:3px 5px;font-size:5.8px}.admin-event-info-v80>p{-webkit-line-clamp:1;margin:3px 0 5px;font-size:6.9px}
  .admin-event-meta-v80{display:grid;gap:3px;font-size:6.5px}.admin-event-meta-v80 span:nth-child(3){display:none}
  .admin-event-row-actions{display:none}.admin-event-edit-v80>summary{min-height:34px}.admin-event-delete-v80{padding:0 10px 10px}
}

/* v81 — Event empty state */
.event-empty-upcoming{width:100%;min-width:100%;min-height:76px;padding:16px 14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:15px;background:#fff;color:#8a95a4;font-size:8.5px;font-weight:850;line-height:1.4;text-align:center;box-shadow:0 4px 14px rgba(20,38,68,.03)}
.events-page-grid>.event-empty-upcoming{grid-column:1/-1}
@media(max-width:520px){.event-empty-upcoming{min-height:72px;border-radius:14px;font-size:8px}}

/* v82 - Suggested Opponents modern cards */
.suggested-opponents-scroll{gap:9px;padding-top:2px;padding-bottom:6px}
.suggested-racer-card{min-width:158px;width:158px;scroll-snap-align:start;padding:11px;border:1px solid #e3e8ef;border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(20,38,68,.035)}
.suggested-racer-avatar-wrap{position:relative;width:58px;height:58px;margin:0 auto 9px}
.suggested-racer-avatar{position:relative;width:58px;height:58px;overflow:hidden;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#edf3ff,#f8faff);color:#1768ff;font-size:16px;font-weight:950;letter-spacing:-.03em}
.suggested-racer-avatar.has-photo{background:#eef2f7;color:transparent}
.suggested-racer-avatar img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.suggested-racer-avatar .suggested-avatar-fallback{display:grid;width:100%;height:100%;place-items:center;color:#1768ff}
.suggested-racer-avatar.has-photo .suggested-avatar-fallback{display:none}
.suggested-rank-badge{position:absolute;right:-7px;bottom:-5px;z-index:2;min-width:29px;height:22px;padding:0 6px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;border-radius:999px;background:#253247;color:#fff;font-size:7.5px;font-weight:950;line-height:1;box-shadow:0 2px 7px rgba(20,38,68,.12)}
.suggested-rank-badge.top-rank{background:#1768ff}
.suggested-racer-copy{text-align:center;min-width:0}
.suggested-racer-copy h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937;font-size:10.5px;line-height:1.3}
.suggested-racer-copy p{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a95a4;font-size:7.5px;line-height:1.3}
.suggested-racer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}
.suggested-racer-stats>div{min-width:0;padding:6px 3px;border-radius:9px;background:#f7f9fc;text-align:center}
.suggested-racer-stats b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#253247;font-size:9px;line-height:1.1}
.suggested-racer-stats span{display:block;margin-top:2px;color:#98a2b3;font-size:5.8px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}
.suggested-challenge-btn{width:100%;min-height:30px;margin-top:8px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#1768ff;color:#fff;font-size:7.5px;font-weight:900;line-height:1;transition:background .15s ease,transform .12s ease}
.suggested-challenge-btn:active{background:#0f58dc;transform:scale(.985)}
.opponents-empty-card{width:100%;min-width:100%;min-height:76px;padding:16px 14px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e8ef;border-radius:15px;background:#fff;color:#8a95a4;font-size:8.5px;font-weight:850;line-height:1.4;text-align:center;box-shadow:0 4px 14px rgba(20,38,68,.03)}
#quick-challenge{scroll-margin-top:78px}
@media(max-width:520px){.suggested-racer-card{min-width:151px;width:151px;padding:10px}.suggested-racer-avatar-wrap,.suggested-racer-avatar{width:55px;height:55px}.opponents-empty-card{min-height:72px;border-radius:14px;font-size:8px}}

/* v84 - compact History Match pagination */
.history-pagination-wrap{margin-top:10px}.history-pagination{min-height:38px;padding:5px 6px 5px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e8edf5;border-radius:12px;background:#fbfcfe}.history-page-summary{flex:none;color:#8a95a5;font-size:7px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.history-page-controls{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.history-page-btn{width:27px;height:27px;display:grid;place-items:center;flex:none;border:1px solid #e1e7ef;border-radius:8px;background:#fff;color:#475467;font-size:8px;font-weight:900;text-decoration:none;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.history-page-btn:active{transform:scale(.96)}.history-page-btn.active{border-color:#1768ff;background:#1768ff;color:#fff}.history-page-btn.disabled{background:#f7f8fa;color:#c0c7d0}.history-page-ellipsis{width:14px;text-align:center;color:#98a2b3;font-size:8px;font-weight:800}@media(max-width:420px){.history-pagination{padding-left:8px}.history-page-btn{width:25px;height:25px;border-radius:7px}.history-page-controls{gap:3px}.history-page-summary{font-size:6.6px}}

/* v85 — Profile account security */
.account-security-panel{padding:0;scroll-margin-top:78px}.account-security-panel>summary{list-style:none}.account-security-panel>summary::-webkit-details-marker{display:none}.account-security-summary{min-height:64px;padding:11px 13px;display:flex;align-items:center;gap:10px;cursor:pointer}.account-security-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;background:#eef4ff;color:#1768ff}.account-security-icon svg{width:18px;height:18px}.account-security-summary b{display:block;font-size:10.5px}.account-security-summary span{display:block;margin-top:3px;color:var(--muted);font-size:7.5px}.account-security-chevron{width:17px;height:17px;flex:none;color:#9aa5b5;transition:transform .18s ease}.account-security-panel[open] .account-security-chevron{transform:rotate(90deg)}.account-security-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 13px 13px;border-top:1px solid var(--line);background:#fcfdff}.security-form-card{min-width:0;padding:11px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.security-form-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.security-mini-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:#f1f5ff;color:#1768ff}.security-mini-icon svg{width:15px;height:15px}.security-form-head b{display:block;font-size:9.5px}.security-form-head p{margin:2px 0 0;color:#8994a5;font-size:7px;line-height:1.35}.security-form .form-group{margin-bottom:8px}.security-form .label{font-size:7px}.security-form .input{min-height:38px;font-size:8.5px}.security-form .btn{min-height:36px;font-size:8.5px}.security-password-row{grid-template-columns:1fr}.security-field-error{margin:4px 1px 0;color:#c92f43;font-size:7px;font-weight:750;line-height:1.35}@media(max-width:620px){.account-security-summary{min-height:60px;padding:10px 11px}.account-security-body{grid-template-columns:1fr;padding:10px 11px 11px}.security-form-card{padding:10px}}

/* Event page header v87 */
.event-page-content{padding-top:12px}
.event-page-head-card{margin-bottom:13px;padding:13px 14px;border:0;border-radius:16px;background:linear-gradient(135deg,#1768ff 0%,#0f58dc 100%);box-shadow:0 8px 20px rgba(23,104,255,.16)}
.event-page-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.event-page-head-card h1{margin:0;color:#fff;font-size:17px;font-weight:900;line-height:1.15;letter-spacing:-.03em}
.event-page-total-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:25px;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:8px;font-weight:900;line-height:1;white-space:nowrap;backdrop-filter:blur(6px)}
.event-page-head-divider{height:1px;margin:10px 0 8px;background:rgba(255,255,255,.24)}
.event-page-head-card p{margin:0;color:rgba(255,255,255,.84);font-size:8.5px;font-weight:650;line-height:1.4}
@media(max-width:520px){.event-page-content{padding-top:10px}.event-page-head-card{margin-bottom:11px;padding:11px 12px;border-radius:14px}.event-page-head-card h1{font-size:16px}.event-page-total-badge{min-height:23px;padding:4px 8px;font-size:7.5px}.event-page-head-divider{margin:8px 0 7px}.event-page-head-card p{font-size:8px}}

/* v91 - completed 3 Way Race rooms */
.triple-my-room-open.is-completed{border-color:#d0d5dd!important;background:#e4e7ec!important;color:#667085!important}
.triple-my-room-open.is-completed:active{border-color:#c5cbd3!important;background:#d0d5dd!important;color:#475467!important}


/* v93 - Ready To Race blocks both sending and receiving 1v1 challenges */
.suggested-challenge-btn.is-disabled{background:#eef1f4!important;color:#8b95a3!important;box-shadow:none!important;cursor:not-allowed;pointer-events:none}
.match-challenge-card.is-ready-off{background:#fafbfc!important}
.match-ready-off-notice{min-height:30px;margin:-1px 0 9px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid #dce4ef;border-radius:9px;background:#f2f5f9;color:#5f6d80;font-size:7px;font-weight:900;text-decoration:none}
.match-opponent-picker:disabled{opacity:.58;cursor:not-allowed;background:#f5f7f9}
.match-send-btn:disabled{background:#c7ced8!important;color:#fff!important;opacity:1!important;cursor:not-allowed}
.race-primary-btn:disabled,.challenge-action:disabled{background:#d5dae1!important;color:#fff!important;opacity:1!important;cursor:not-allowed;transform:none!important}
.race-ready-warning{margin:7px 0;padding:7px 9px;border:1px solid #e2e6ec;border-radius:9px;background:#f7f8fa;color:#788494;font-size:6.8px;font-weight:800;line-height:1.45}

/* ===== v94 MARKETPLACE UPGRADE ===== */
.marketplace-page{padding-top:8px}.marketplace-hero{margin:0 0 12px}.marketplace-hero .slide{height:168px}.marketplace-slide{background:#e9eef6}.marketplace-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,40,.02),rgba(12,22,40,.5));pointer-events:none}.marketplace-slide-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:15px 16px 18px;color:#fff}.marketplace-slide-copy h1{max-width:80%;margin:0 0 3px;font-size:18px;line-height:1.1;letter-spacing:-.03em}.marketplace-slide-copy p{max-width:80%;margin:0;font-size:9px;line-height:1.45;color:rgba(255,255,255,.88)}.marketplace-slide-default .marketplace-slide-copy{background:linear-gradient(90deg,rgba(23,104,255,.9),rgba(23,104,255,.08))}.marketplace-toolbar{margin-bottom:10px;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.marketplace-toolbar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.marketplace-toolbar-head h1{margin:0;font-size:16px;letter-spacing:-.025em}.marketplace-toolbar-head p{margin:3px 0 0;color:var(--muted);font-size:8.5px;line-height:1.4}.marketplace-manage-link{padding:7px 9px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:900;white-space:nowrap}.marketplace-filter-form{display:grid;grid-template-columns:minmax(0,1fr) 128px auto;gap:7px}.marketplace-filter-form .input{height:38px;font-size:9.5px}.marketplace-search-btn{height:38px;padding:0 12px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-size:8.5px;font-weight:900}.marketplace-upgrade-note{margin-bottom:10px;padding:10px 12px;border:1px solid #ffd8a8;border-radius:13px;background:#fff8eb;color:#8d5d14;font-size:8.5px;line-height:1.45}.marketplace-product-grid{gap:9px}.market-product-card{display:block;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.market-product-card:active{transform:scale(.985)}.market-product-image{position:relative;height:126px;background:#f2f5f9}.market-product-placeholder,.market-detail-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#f7f9fc);color:var(--blue);font-size:20px;font-weight:950;letter-spacing:-.06em}.market-stock-badge{position:absolute;right:7px;bottom:7px;padding:5px 7px;border-radius:999px;background:rgba(23,32,51,.82);backdrop-filter:blur(7px);color:#fff;font-size:7px;font-weight:900}.market-product-body{padding:10px}.market-product-kicker{display:flex;align-items:center;gap:5px;min-width:0}.market-product-kicker span{padding:3px 5px;border-radius:999px;background:#f2f5f9;color:#6f7b8e;font-size:6.8px;font-weight:850;white-space:nowrap}.market-product-body h3{min-height:27px;margin:6px 0 5px;font-size:10px;line-height:1.34}.market-product-body .price{font-size:11.5px;font-weight:900;color:var(--ink)}.market-product-meta{margin-top:7px;padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #eef1f5;color:var(--muted);font-size:7.5px}.market-rating{color:#a66a00;font-weight:850}.marketplace-empty-card{grid-column:1/-1;min-height:118px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #d8dee8;border-radius:18px;background:#fff;color:var(--ink);text-align:center;box-shadow:0 8px 22px rgba(18,31,53,.05)}.marketplace-empty-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f2f5f9;color:#6f7b8e}.marketplace-empty-card-icon svg{width:19px;height:19px}.marketplace-empty-card strong{font-size:10px;line-height:1.35;font-weight:900;letter-spacing:-.01em}

.marketplace-detail-page{padding-top:10px}.market-back-link{display:inline-flex;margin:0 0 9px;color:#667085;font-size:8.5px;font-weight:850}.market-detail-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-sm)}.market-detail-image{height:250px;overflow:hidden;background:#f1f4f8}.market-detail-image img{width:100%;height:100%;display:block;object-fit:cover}.market-detail-body{padding:15px}.market-detail-badges{display:flex;gap:5px}.market-detail-badges span{padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:7px;font-weight:900}.market-detail-body h1{margin:8px 0 5px;font-size:19px;line-height:1.18;letter-spacing:-.03em}.market-detail-price{font-size:17px;font-weight:950;color:var(--red)}.market-detail-stats{margin:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:13px;overflow:hidden}.market-detail-stats div{padding:9px 8px;text-align:center;border-right:1px solid var(--line)}.market-detail-stats div:last-child{border-right:0}.market-detail-stats span{display:block;margin-bottom:2px;color:var(--muted);font-size:7px;font-weight:800}.market-detail-stats b{font-size:10px}.market-seller-card{display:flex;align-items:center;gap:9px;padding:10px;border-radius:13px;background:#f7f9fc}.market-seller-avatar{width:39px;height:39px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:12px;background:var(--blue);color:#fff;font-size:11px;font-weight:950}.market-seller-avatar img{width:100%;height:100%;object-fit:cover}.market-seller-card span,.market-seller-card small{display:block;color:var(--muted);font-size:7px}.market-seller-card b{display:block;margin:2px 0;font-size:9.5px}.market-description{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.market-description h2{margin:0 0 6px;font-size:11px}.market-description p{margin:0;color:#596579;font-size:9px;line-height:1.65;white-space:pre-line}.market-detail-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1.25fr;gap:7px}.market-wa-btn,.market-order-btn{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;font-size:9px;font-weight:900;text-align:center}.market-wa-btn{background:#eaf9f2;color:#12805b}.market-order-btn{background:var(--red);color:#fff}.market-order-btn.is-owner{background:var(--blue)}.market-wa-btn.is-disabled,.market-order-btn.is-disabled{background:#eef1f5;color:#919baa}.market-order-form{display:grid;grid-template-columns:66px 1fr;gap:6px}.market-qty-control{height:42px;padding:4px 7px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:12px;background:#fff}.market-qty-control label{font-size:7px;font-weight:850;color:var(--muted)}.market-qty-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:10px;font-weight:850}.market-review-section{margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff}.market-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.market-review-head h2{margin:0;font-size:12px}.market-review-head p{margin:2px 0 0;color:var(--muted);font-size:7.5px}.market-review-head>b{font-size:12px;color:#a66a00}.market-review-list{display:grid;gap:7px;margin-top:9px}.market-review-item{padding:9px 10px;border-radius:12px;background:#f8fafc}.market-review-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.market-review-top b{font-size:8.5px}.market-review-top span{color:#d18a00;font-size:9px;letter-spacing:.03em}.market-review-item p{margin:5px 0;color:#5f6a7b;font-size:8.5px;line-height:1.5}.market-review-item small{color:#9aa3b1;font-size:7px}.market-review-empty{padding:12px;color:var(--muted);font-size:8.5px;text-align:center}

/* Profile marketplace center */
.marketplace-center-panel{padding:0!important;overflow:hidden}.marketplace-center-summary{min-height:64px;padding:12px 13px;display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer}.marketplace-center-summary::-webkit-details-marker{display:none}.marketplace-center-summary-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--red-soft);color:var(--red);font-size:13px;font-weight:950}.marketplace-center-summary b{display:block;font-size:10.5px}.marketplace-center-summary span:not(.marketplace-center-count){display:block;margin-top:2px;color:var(--muted);font-size:7.5px}.marketplace-center-count{padding:5px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:7px;font-weight:900}.marketplace-center-chevron{width:17px;height:17px;flex:none;color:#8b95a4;transition:transform .2s}.marketplace-center-panel[open] .marketplace-center-chevron{transform:rotate(90deg)}.marketplace-center-body{padding:0 12px 13px;border-top:1px solid var(--line)}.marketplace-profile-upgrade,.marketplace-profile-error,.marketplace-limit-card{margin-top:11px;padding:10px 11px;border-radius:12px;font-size:8px;line-height:1.5}.marketplace-profile-upgrade{background:#fff8e8;color:#8a5b16}.marketplace-profile-error{background:var(--red-soft);color:#ad2637}.marketplace-limit-card{border:1px solid var(--line);background:#f7f9fc;color:#6f7989;text-align:center}.marketplace-profile-stats{margin-top:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:12px}.marketplace-profile-stats div{padding:8px;text-align:center;border-right:1px solid var(--line)}.marketplace-profile-stats div:last-child{border-right:0}.marketplace-profile-stats b{display:block;font-size:11px}.marketplace-profile-stats span{display:block;margin-top:2px;color:var(--muted);font-size:6.8px;font-weight:800}.marketplace-subpanel{margin-top:10px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe;overflow:hidden}.marketplace-subpanel>summary{min-height:42px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer}.marketplace-subpanel>summary::-webkit-details-marker{display:none}.marketplace-subpanel>summary b{font-size:9px;color:var(--blue)}.marketplace-subpanel>summary span{color:var(--muted);font-size:7px}.marketplace-profile-form{padding:11px;border-top:1px solid var(--line);background:#fff}.marketplace-profile-form .form-group{margin-bottom:9px}.marketplace-profile-form .input{height:38px;font-size:9px}.marketplace-profile-form textarea.input{height:72px}.marketplace-profile-section{margin-top:14px}.marketplace-profile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:7px}.marketplace-profile-section-head h3{margin:0;font-size:10.5px}.marketplace-profile-section-head p{margin:2px 0 0;color:var(--muted);font-size:7.3px}.marketplace-profile-section-head>span{font-size:7.5px;font-weight:900;color:var(--blue)}.marketplace-own-list,.marketplace-order-list{display:grid;gap:7px}.marketplace-own-item,.marketplace-order-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.marketplace-own-item>summary{min-height:55px;padding:8px 9px;display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}.marketplace-own-item>summary::-webkit-details-marker{display:none}.marketplace-own-thumb{width:42px;height:42px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:10px;background:#eef3fb;color:var(--blue);font-size:9px;font-weight:950}.marketplace-own-thumb img{width:100%;height:100%;object-fit:cover}.marketplace-own-item>summary b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.8px}.marketplace-own-item>summary .grow>span{display:block;margin-top:3px;color:var(--muted);font-size:7px}.marketplace-own-status{padding:4px 6px;border-radius:999px;font-size:6.5px!important;font-weight:900}.marketplace-own-status.active{background:#eaf9f2;color:#16815e}.marketplace-own-status.hidden{background:#f1f3f6;color:#778293}.marketplace-own-status.sold{background:var(--red-soft);color:var(--red)}.marketplace-own-editor{padding:10px;border-top:1px solid var(--line);background:#fbfcfe}.marketplace-view-product{display:block;margin-bottom:7px;padding:8px 9px;border-radius:10px;background:var(--blue-soft);color:var(--blue);font-size:7.5px;font-weight:900;text-align:center}.marketplace-delete-product-form{margin-top:6px}.marketplace-delete-product-form button{width:100%;height:34px;border:0;border-radius:10px;background:var(--red-soft);color:var(--red);font-size:7.5px;font-weight:900}.marketplace-profile-empty{padding:13px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);font-size:7.8px;text-align:center}.marketplace-order-card{padding:9px}.marketplace-order-top{display:flex;align-items:flex-start;gap:8px}.marketplace-order-top b{display:block;font-size:8.7px}.marketplace-order-top .grow>span{display:block;margin-top:2px;color:var(--muted);font-size:6.8px}.market-order-status{padding:4px 6px;border-radius:999px;font-size:6.2px;font-weight:900;white-space:nowrap}.market-order-status.pending{background:var(--blue-soft);color:var(--blue)}.market-order-status.seller_completed{background:#fff4dd;color:#a76b00}.market-order-status.completed{background:#eaf9f2;color:#15825f}.marketplace-order-meta{margin-top:7px;padding-top:6px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eff2f5;color:#707b8d;font-size:6.8px}.marketplace-order-action{width:100%;height:33px;margin-top:7px;border:0;border-radius:9px;font-size:7.5px;font-weight:900}.marketplace-order-action.seller{background:var(--blue);color:#fff}.marketplace-order-action.buyer{background:var(--red);color:#fff}.marketplace-order-wait,.marketplace-order-rating{margin-top:7px;padding:7px 8px;border-radius:9px;background:#f6f8fb;color:#6d788a;font-size:7px;line-height:1.4}.marketplace-order-rating{color:#9d6900;background:#fff8e8}.marketplace-rating-form{margin-top:7px;display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:5px}.marketplace-rating-form .input{height:34px;padding:0 8px;font-size:7.5px}.marketplace-rating-form button{padding:0 9px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:7px;font-weight:900}

/* Admin marketplace */
.admin-marketplace-page{display:grid;gap:12px}.admin-marketplace-head{padding:15px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-radius:17px;background:linear-gradient(135deg,#1768ff,#0d54d8);color:#fff}.admin-marketplace-head h1{margin:0;font-size:18px}.admin-marketplace-head p{margin:4px 0 0;font-size:8.5px;color:rgba(255,255,255,.82)}.admin-marketplace-head>span{padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.12);font-size:7.5px;font-weight:900}.admin-marketplace-upgrade{padding:10px 12px;border:1px solid #ffd7a0;border-radius:12px;background:#fff8e8;color:#8a5b16;font-size:8px}.admin-marketplace-upgrade a{font-weight:900;text-decoration:underline}.admin-marketplace-section{padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.admin-marketplace-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.admin-marketplace-section-head h2{margin:0;font-size:12px}.admin-marketplace-section-head p{margin:3px 0 0;color:var(--muted);font-size:7.5px}.admin-marketplace-section-head>span{color:var(--blue);font-size:8px;font-weight:900}.admin-market-banner-add{border:1px solid var(--line);border-radius:12px;background:#f8fafc;overflow:hidden}.admin-market-banner-add>summary{padding:10px 11px;list-style:none;color:var(--blue);font-size:8.5px;font-weight:900;cursor:pointer}.admin-market-banner-add>summary::-webkit-details-marker{display:none}.admin-market-banner-form{padding:11px;border-top:1px solid var(--line);background:#fff}.admin-market-banner-form .form-group{margin-bottom:9px}.admin-market-banner-form .input{height:38px;font-size:9px}.admin-market-switch{margin:0 0 10px;display:flex;align-items:center;gap:6px;color:#586476;font-size:8px;font-weight:800}.admin-market-banner-list{display:grid;gap:7px;margin-top:9px}.admin-market-banner-item{overflow:hidden;border:1px solid var(--line);border-radius:13px}.admin-market-banner-item>summary{padding:8px;display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer}.admin-market-banner-item>summary::-webkit-details-marker{display:none}.admin-market-banner-thumb{width:82px;height:48px;overflow:hidden;flex:none;border-radius:9px;background:#eef1f5}.admin-market-banner-thumb img{width:100%;height:100%;object-fit:cover}.admin-market-banner-item>summary b{display:block;font-size:8.5px}.admin-market-banner-item>summary .grow>span{display:block;margin-top:3px;color:var(--muted);font-size:6.8px}.admin-market-banner-state{padding:4px 6px;border-radius:999px;font-size:6.3px;font-weight:900}.admin-market-banner-state.active{background:#eaf9f2;color:#15815e}.admin-market-banner-state.off{background:#f0f2f5;color:#7d8796}.admin-market-banner-editor{padding:10px;border-top:1px solid var(--line);background:#fbfcfe}.admin-market-banner-actions{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.admin-market-banner-actions button{width:100%;height:32px;border:0;border-radius:9px;background:#eef2f7;color:#5f6a7c;font-size:7.5px;font-weight:900}.admin-market-banner-actions button.danger{background:var(--red-soft);color:var(--red)}.admin-market-empty{padding:13px;border:1px dashed var(--line-strong);border-radius:11px;color:var(--muted);font-size:8px;text-align:center}.admin-market-product-list{display:grid;gap:7px}.admin-market-product-card{padding:8px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-market-product-thumb{width:45px;height:45px;display:grid;place-items:center;overflow:hidden;flex:none;border-radius:10px;background:#eef3fb;color:var(--blue);font-size:8px;font-weight:950}.admin-market-product-thumb img{width:100%;height:100%;object-fit:cover}.admin-market-product-card b{display:block;font-size:8.5px}.admin-market-product-card .grow>span{display:block;margin-top:2px;color:var(--muted);font-size:6.8px}.admin-market-product-card small{display:block;margin-top:3px;color:#465267;font-size:7px;font-weight:850}.admin-market-product-status{padding:4px 6px;border-radius:999px;background:#f1f3f6;color:#737d8c;font-size:6px;font-weight:900}.admin-market-product-status.active{background:#eaf9f2;color:#15815e}.admin-market-product-status.sold{background:var(--red-soft);color:var(--red)}

@media(max-width:520px){.marketplace-hero .slide{height:150px}.marketplace-filter-form{grid-template-columns:minmax(0,1fr) 112px}.marketplace-search-btn{grid-column:1/-1;height:34px}.market-product-image{height:112px}.market-detail-image{height:220px}.market-detail-actions{grid-template-columns:1fr}.market-order-form{grid-template-columns:68px 1fr}.marketplace-rating-form{grid-template-columns:88px minmax(0,1fr)}.marketplace-rating-form button{grid-column:1/-1;height:32px}.admin-marketplace-section{padding:11px}.admin-market-banner-thumb{width:70px;height:44px}}
@media(max-width:380px){.marketplace-product-grid{gap:7px}.market-product-image{height:102px}.marketplace-toolbar{padding:11px}.marketplace-filter-form{grid-template-columns:1fr}.marketplace-search-btn{grid-column:auto}.market-detail-image{height:200px}}

/* Marketplace v95 */
.market-stock-badge.is-empty{background:#c92f43;color:#fff}
.market-back-link{min-height:34px;padding:0 11px;align-items:center;justify-content:center;border-radius:10px;background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(23,104,255,.18)}
.market-back-link:active{background:#0f58dc}
.market-detail-image.is-tappable{position:relative;cursor:zoom-in}
.market-image-hint{position:absolute;right:9px;bottom:9px;padding:5px 7px;border-radius:999px;background:rgba(17,24,39,.68);backdrop-filter:blur(8px);color:#fff;font-size:6.8px;font-weight:850;pointer-events:none}
.market-image-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(7,13,24,.92);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.market-image-modal.is-open{opacity:1;visibility:visible}
.market-image-modal-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.market-image-modal-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.market-image-modal-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer}
body.market-modal-open{overflow:hidden}
.market-detail-badges span.is-empty{background:#fdecef;color:#c92f43}

/* Marketplace profile orders v97 */
.marketplace-center-summary-icon{background:var(--blue-soft);color:var(--blue)}
.marketplace-center-summary-icon svg{width:19px;height:19px}
.marketplace-sales-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.marketplace-sales-stats div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.marketplace-sales-stats div:nth-child(2n){border-right:0}
.marketplace-sales-stats div:nth-last-child(-n+2){border-bottom:0}
.marketplace-sales-stats b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.marketplace-sales-stats span{font-size:6.7px}
.market-order-status.cancelled{background:#f1f3f6;color:#667085}
.marketplace-order-actions-row{margin-top:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.marketplace-order-actions-row form{margin:0}
.marketplace-order-detail-btn,.marketplace-order-cancel-btn{width:100%;height:32px;border-radius:9px;font-size:7.2px;font-weight:900;cursor:pointer}
.marketplace-order-detail-btn{border:1px solid #d9e1ec;background:#fff;color:var(--blue)}
.marketplace-order-cancel-btn{border:0;background:var(--red-soft);color:var(--red)}
.marketplace-order-wait.cancelled{background:#f2f4f7;color:#667085}
.marketplace-order-modal{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,15,28,.58);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.marketplace-order-modal.is-open{opacity:1;visibility:visible}
.marketplace-order-modal-card{width:min(100%,460px);max-height:min(86vh,720px);overflow:auto;border:1px solid rgba(255,255,255,.7);border-radius:19px;background:#fff;box-shadow:0 24px 70px rgba(12,24,48,.25)}
.marketplace-order-modal-head{position:sticky;top:0;z-index:2;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.marketplace-order-modal-head small{display:block;color:var(--blue);font-size:6.5px;font-weight:950;letter-spacing:.08em}
.marketplace-order-modal-head h3{margin:2px 0 0;font-size:12px}
.marketplace-order-modal-close{width:32px;height:32px;display:grid;place-items:center;flex:none;border:0;border-radius:10px;background:#f2f4f7;color:#596579;font-size:19px;line-height:1;cursor:pointer}
.marketplace-order-modal-body{padding:12px 14px}
.marketplace-order-product-row{padding:9px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}
.marketplace-order-product-thumb{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;flex:none;border-radius:10px;background:#edf3ff;color:var(--blue);font-size:8px;font-weight:950}
.marketplace-order-product-thumb img{width:100%;height:100%;object-fit:cover}
.marketplace-order-product-row .grow b{display:block;font-size:8.8px}.marketplace-order-product-row .grow span{display:block;margin-top:3px;color:var(--muted);font-size:6.8px}.marketplace-order-product-row>strong{font-size:8px;color:#243047;white-space:nowrap}
.marketplace-order-detail-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:13px}
.marketplace-order-detail-grid>div{min-height:50px;padding:8px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.marketplace-order-detail-grid>div:nth-child(2n){border-right:0}.marketplace-order-detail-grid>div:nth-last-child(-n+2){border-bottom:0}
.marketplace-order-detail-grid span{display:block;color:var(--muted);font-size:6.5px;font-weight:800}.marketplace-order-detail-grid b{display:block;margin-top:3px;overflow-wrap:anywhere;font-size:7.7px;line-height:1.35}
.marketplace-order-review{margin-top:10px;padding:9px 10px;border-radius:12px;background:#fff8e8}.marketplace-order-review span{display:block;color:#9a6500;font-size:6.7px;font-weight:900}.marketplace-order-review p{margin:4px 0 0;color:#72511c;font-size:7.4px;line-height:1.5}
.marketplace-order-modal-actions{position:sticky;bottom:0;padding:10px 14px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:7px;border-top:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.marketplace-whatsapp-btn,.marketplace-modal-done-btn{min-height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;font-size:7.7px;font-weight:950;text-align:center}
.marketplace-whatsapp-btn{background:#17a866;color:#fff}.marketplace-whatsapp-btn.is-disabled{background:#eef1f5;color:#8a94a4}
.marketplace-modal-done-btn{background:#eef2f7;color:#5d6879;cursor:pointer}
body.marketplace-order-modal-open{overflow:hidden}
@media(max-width:520px){.marketplace-order-modal{align-items:flex-end;padding:10px}.marketplace-order-modal-card{width:100%;max-height:88vh;border-radius:18px 18px 14px 14px}.marketplace-order-detail-grid{grid-template-columns:1fr}.marketplace-order-detail-grid>div{border-right:0}.marketplace-order-detail-grid>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.marketplace-order-detail-grid>div:last-child{border-bottom:0}.marketplace-order-product-row>strong{display:none}}

/* Marketplace profile AJAX orders v98 */
.marketplace-ajax-feedback{margin-top:10px;padding:9px 10px;border:1px solid #cfe3ff;border-radius:11px;background:#edf5ff;color:#1768ff;font-size:7.6px;font-weight:850;line-height:1.45}
.marketplace-ajax-feedback.is-error{border-color:#ffd2d8;background:#fff0f2;color:#c92f43}
.marketplace-order-actions-row.is-single{grid-template-columns:1fr}
.marketplace-ajax-order-form button.is-loading{opacity:.65;cursor:wait}
.marketplace-order-card.is-updated{animation:marketOrderUpdated .65s ease}
@keyframes marketOrderUpdated{0%{box-shadow:0 0 0 0 rgba(23,104,255,.22)}45%{box-shadow:0 0 0 4px rgba(23,104,255,.12)}100%{box-shadow:0 0 0 0 rgba(23,104,255,0)}}

/* v101 - Profile racer overview / garage / history modern tabs */
.racer-hub-card{padding:0;overflow:hidden}.profile-tab-nav{padding:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-bottom:1px solid #e9edf4;background:#f6f8fb}.profile-tab-btn{min-width:0;height:34px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:transparent;color:#758095;font:inherit;font-size:7.4px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.profile-tab-btn:active{transform:scale(.98)}.profile-tab-btn small{min-width:17px;height:17px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e8edf5;color:#7d8796;font-size:5.8px;font-weight:950;line-height:1}.profile-tab-btn.is-active{background:#1768ff;color:#fff;box-shadow:0 4px 12px rgba(23,104,255,.18)}.profile-tab-btn.is-active small{background:rgba(255,255,255,.2);color:#fff}.profile-tab-panels{background:#fff}.profile-tab-panel{padding:12px 13px 13px}.profile-tab-panel[hidden]{display:none!important}.profile-tab-head{min-height:31px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf0f4}.profile-tab-head .section-title{font-size:10.5px}.profile-tab-head .section-caption{font-size:7.3px}.profile-tab-panel .history-pagination-wrap{margin-bottom:0}.profile-tab-panel .tamiya-garage-grid,.profile-tab-panel .match-history-list{margin-top:0}@media(max-width:420px){.profile-tab-nav{gap:4px;padding:5px}.profile-tab-btn{height:33px;padding:0 5px;font-size:6.8px;gap:4px}.profile-tab-btn small{min-width:16px;height:16px;padding:0 4px;font-size:5.5px}.profile-tab-panel{padding:11px}.profile-tab-head{margin-bottom:8px;padding-bottom:8px}}

/* v102 - Profile challenge divider + uniform action-card height */
.user-dashboard .new-challenge-list{
    padding-top:9px;
    border-top:1px solid rgba(255,255,255,.28);
}
.account-security-summary,
.marketplace-center-summary{
    min-height:64px;
    padding:11px 13px;
}
@media(max-width:520px){
    .account-security-summary,
    .marketplace-center-summary{
        min-height:60px;
        padding:10px 11px;
    }
    .user-dashboard .new-challenge-list{padding-top:8px}
}

/* v103 - exact collapsed height for Profile action cards */
.user-dashboard .profile-edit-panel,
.user-dashboard .account-security-panel,
.user-dashboard .marketplace-center-panel{
    padding:0!important;
    overflow:hidden;
}
.user-dashboard .profile-edit-summary,
.user-dashboard .account-security-summary,
.user-dashboard .marketplace-center-summary{
    box-sizing:border-box;
    height:64px;
    min-height:64px;
    padding:11px 13px;
}
@media(max-width:520px){
    .user-dashboard .profile-edit-summary,
    .user-dashboard .account-security-summary,
    .user-dashboard .marketplace-center-summary{
        height:60px;
        min-height:60px;
        padding:10px 11px;
    }
}

/* v104 - compact marketplace order history pagination */
.marketplace-history-pagination{
    margin-top:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}
.marketplace-page-numbers{display:flex;align-items:center;gap:5px}
.marketplace-page-arrow,
.marketplace-page-number{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    box-sizing:border-box;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    color:#667287;
    font-size:7.5px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 3px 10px rgba(30,52,84,.045);
    transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.marketplace-page-arrow svg{width:13px;height:13px}
.marketplace-page-arrow:not(.is-disabled):active,
.marketplace-page-number:not(.is-active):active{transform:scale(.94)}
.marketplace-page-number.is-active{
    border-color:var(--blue);
    background:var(--blue);
    color:#fff;
    box-shadow:0 5px 14px rgba(20,99,255,.18);
}
.marketplace-page-arrow.is-disabled{opacity:.34;box-shadow:none}
.marketplace-page-dots{min-width:14px;text-align:center;color:#a3acb9;font-size:6px;letter-spacing:1px}
@media(max-width:520px){
    .marketplace-history-pagination{margin-top:8px;gap:6px}
    .marketplace-page-numbers{gap:4px}
    .marketplace-page-arrow,.marketplace-page-number{width:28px;height:28px;border-radius:9px;font-size:7px}
}

/* Bebalap v109 - unified red season status labels + empty-state fallback */
.ranking-head p.ranking-season-status-copy{display:inline-flex!important;width:fit-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#e8233d!important;color:#fff!important;opacity:1!important;font-weight:900;text-shadow:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 5px 14px rgba(232,35,61,.14)}
.ranking-empty-state{min-height:238px;padding:30px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e4e9f1;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 10px 28px rgba(16,24,40,.05)}
.ranking-empty-state-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff0f2;color:#e8233d;box-shadow:inset 0 0 0 1px #ffd7dd}
.ranking-empty-state-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ranking-empty-state-kicker{margin-top:14px;color:#e8233d;font-size:6px;font-weight:950;letter-spacing:.13em}
.ranking-empty-state h2{margin:5px 0 0;color:#263449;font-size:15px;line-height:1.2;letter-spacing:-.025em}
.ranking-empty-state p{max-width:320px;margin:7px 0 0;color:#8b96a7;font-size:7px;line-height:1.6;font-weight:700}
.ranking-empty-state-action{height:32px;margin-top:15px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#e8233d;color:#fff;text-decoration:none;font-size:7px;font-weight:950;box-shadow:0 7px 16px rgba(232,35,61,.18)}
.ranking-empty-state-action:active{transform:translateY(1px)}
@media(max-width:520px){.ranking-empty-state{min-height:220px;padding:27px 15px}.ranking-empty-state-icon{width:54px;height:54px;border-radius:16px}.ranking-empty-state h2{font-size:14px}.ranking-empty-state p{max-width:280px}}

/* v111 - Marketplace transaction notice */
.marketplace-important-note{margin:0 0 10px;padding:11px 12px;display:flex;align-items:flex-start;gap:9px;border:1px solid #ffd1d8;border-radius:15px;background:#fff5f6;box-shadow:var(--shadow-sm)}
.marketplace-important-note-icon{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--red);color:#fff;font-size:12px;font-weight:950;line-height:1}
.marketplace-important-note b{display:block;color:#b42335;font-size:8.5px;font-weight:950;letter-spacing:.01em}
.marketplace-important-note p{margin:3px 0 0;color:#667085;font-size:7.7px;font-weight:700;line-height:1.55}
@media(max-width:520px){.marketplace-important-note{padding:10px 11px;gap:8px;border-radius:14px}.marketplace-important-note-icon{width:22px;height:22px;border-radius:7px;font-size:11px}.marketplace-important-note b{font-size:8px}.marketplace-important-note p{font-size:7.2px;line-height:1.5}}

/* v112 - Marketplace important note: yellow wrapper, black icon, solid red label */
.marketplace-important-note{
    border-color:#e3b900!important;
    background:#ffd84d!important;
    box-shadow:0 6px 16px rgba(117,91,0,.12)!important;
}
.marketplace-important-note-icon{
    background:transparent!important;
    color:#111827!important;
    border:0!important;
    box-shadow:none!important;
    font-weight:1000!important;
}
.marketplace-important-note b{
    display:inline-flex!important;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:4px 8px;
    border-radius:7px;
    background:#e8233d!important;
    color:#fff!important;
    font-weight:950!important;
    line-height:1.15;
}
.marketplace-important-note p{
    color:#29220a!important;
}


/* v113 - Marketplace important note corrected colors */
.marketplace-important-note{
    background:#e8233d!important;
    border-color:#d91f38!important;
    box-shadow:0 7px 18px rgba(232,35,61,.18)!important;
}
.marketplace-important-note-icon{
    background:#ffd84d!important;
    color:#111827!important;
    border:0!important;
    box-shadow:none!important;
}
.marketplace-important-note b{
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
}
.marketplace-important-note p{color:#fff!important;}


/* v115 - Marketplace important note: yellow card, black text, white icon wrapper, black icon */
.marketplace-important-note{
    background:#ffd84d!important;
    border-color:#e3b900!important;
    box-shadow:0 7px 18px rgba(117,91,0,.14)!important;
}
.marketplace-important-note-icon{
    background:#fff!important;
    color:#111827!important;
    border:0!important;
    box-shadow:none!important;
}
.marketplace-important-note b{
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#111827!important;
}
.marketplace-important-note p{color:#111827!important;}

/* ===== v117 CURVED APP CHROME ===== */
.topbar{
  width:calc(100% - 16px);
  margin:0 8px;
  border-left:1px solid rgba(231,235,242,.82);
  border-right:1px solid rgba(231,235,242,.82);
  border-bottom:1px solid rgba(219,225,234,.92);
  border-radius:0 0 30px 30px;
  background:rgba(255,255,255,.97);
  box-shadow:0 10px 24px rgba(20,38,68,.075);
  overflow:visible;
}
.bottom-nav{
  width:min(100%,var(--app-width));
  bottom:0;
  height:calc(var(--nav-h) + env(safe-area-inset-bottom));
  padding:6px 7px calc(6px + env(safe-area-inset-bottom));
  border:1px solid rgba(219,225,234,.94);
  border-bottom:0;
  border-radius:30px 30px 0 0;
  background:rgba(255,255,255,.98);
  box-shadow:0 -7px 22px rgba(20,38,68,.08);
  overflow:hidden;
}
.app-shell{
  padding-bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom));
}
@media (max-width:520px){
  .topbar{
    width:calc(100% - 12px);
    margin:0 6px;
    border-radius:0 0 28px 28px;
  }
  .bottom-nav{
    width:100%;
    bottom:0;
    height:calc(66px + env(safe-area-inset-bottom));
    padding:5px 6px calc(5px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0;
  }
  .app-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* ===== v118 MINIMAL NAV ICONS + SOFT TOUCH FEEDBACK ===== */
/* Remove the browser/WebView square tap flash. Keep keyboard focus visible. */
html,
body,
a,
button,
summary,
label,
[role="button"],
input,
select,
textarea{
  -webkit-tap-highlight-color:transparent!important;
}

a,
button,
summary,
[role="button"]{
  touch-action:manipulation;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid rgba(23,104,255,.30);
  outline-offset:2px;
}

/* Bottom navigation: cleaner custom line icons, no large default active block. */
.bottom-nav .nav-item{
  position:relative;
  gap:2px;
  border-radius:14px;
  background:transparent!important;
  transition:color .16s ease,opacity .16s ease,transform .16s cubic-bezier(.2,.75,.25,1);
}
.bottom-nav .nav-icon{
  position:relative;
  width:30px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:transparent;
  transition:background .16s ease,transform .16s cubic-bezier(.2,.75,.25,1),color .16s ease;
}
.bottom-nav .nav-icon svg{
  width:19px;
  height:19px;
  display:block;
  overflow:visible;
}
.bottom-nav .nav-item>svg{display:none}
.bottom-nav .nav-item.active{
  color:var(--blue);
  background:transparent!important;
}
.bottom-nav .nav-item.active .nav-icon{
  background:rgba(23,104,255,.085);
}
.bottom-nav .nav-item.active .nav-icon:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:4px;
  height:4px;
  border-radius:999px;
  background:currentColor;
  transform:translateX(-50%);
}
.bottom-nav .nav-item:active{
  transform:scale(.985)!important;
  opacity:.82;
}
.bottom-nav .nav-item:active .nav-icon{
  transform:scale(.94);
}

/* Softer press feedback app-wide: respect each component's own rounded shape. */
.icon-btn,
.menu-card,
.btn,
.mini-btn,
.challenge-action,
.race-detail-link,
.match-opponent-picker,
.match-racer-option,
.triple-my-room-open,
.triple-room-action,
.triple-my-room-leave,
.triple-leave-room-btn,
.history-detail-link,
.notification-item,
.home-event-btn,
.admin-event-add-shortcut,
.suggested-challenge-btn,
.history-page-btn,
.market-product-card,
.market-back-link,
.profile-tab-btn,
.marketplace-page-arrow,
.marketplace-page-number,
.ranking-empty-state-action,
.admin-notification-btn,
.admin-menu-toggle,
.admin-top-home,
.admin-side-action,
.admin-sidebar .admin-menu a{
  -webkit-tap-highlight-color:transparent!important;
  transition-property:transform,opacity,background-color,border-color,color,box-shadow;
  transition-duration:.14s;
  transition-timing-function:cubic-bezier(.2,.75,.25,1);
}

@media (hover:none) and (pointer:coarse){
  .icon-btn:active,
  .menu-card:active,
  .btn:active,
  .mini-btn:active,
  .challenge-action:active,
  .race-detail-link:active,
  .match-opponent-picker:active,
  .match-racer-option:active,
  .triple-my-room-open:active,
  .triple-room-action:active,
  .triple-my-room-leave:active,
  .triple-leave-room-btn:active,
  .history-detail-link:active,
  .notification-item:active,
  .home-event-btn:active,
  .admin-event-add-shortcut:active,
  .suggested-challenge-btn:active,
  .history-page-btn:active,
  .market-product-card:active,
  .market-back-link:active,
  .profile-tab-btn:active,
  .marketplace-page-arrow:active,
  .marketplace-page-number:active,
  .ranking-empty-state-action:active,
  .admin-notification-btn:active,
  .admin-menu-toggle:active,
  .admin-top-home:active,
  .admin-side-action:active,
  .admin-sidebar .admin-menu a:active{
    transform:scale(.992)!important;
    opacity:.86;
  }
}

@media(max-width:520px){
  .bottom-nav .nav-icon{width:29px;height:26px;border-radius:9px}
  .bottom-nav .nav-icon svg{width:18px;height:18px}
}


/* ===== v119 NAV SELECTION CLEANUP + RACE FLAG ===== */
/* No selection dot: active state is communicated only by icon color/background. */
.bottom-nav .nav-item.active .nav-icon:after{
  content:none!important;
  display:none!important;
}


/* ===== v120 ALT MINIMAL NAV ICONS + ICON-ONLY SELECTION ===== */
/* Keep labels visually neutral; only the icon area communicates the active menu. */
.bottom-nav .nav-item,
.bottom-nav .nav-item.active{
  color:#8b96a7!important;
}
.bottom-nav .nav-item>span:not(.nav-icon),
.bottom-nav .nav-item.active>span:not(.nav-icon){
  color:#8b96a7!important;
  opacity:1!important;
  text-shadow:none!important;
}
.bottom-nav .nav-icon{
  color:#8b96a7;
}
.bottom-nav .nav-item.active .nav-icon{
  color:var(--blue)!important;
  background:rgba(23,104,255,.085)!important;
}
.bottom-nav .nav-item.active .nav-icon:after{
  content:none!important;
  display:none!important;
}


/* ===== v121 MATCH USER GROUP ICON ===== */
/* Match icon is now a minimal two-racer/user-group mark. */


/* ===== v122 GREY ACTIVE ICON WRAPPER ===== */
/* Active selection is shown only on the icon: grey wrapper + white icon. */
.bottom-nav .nav-item.active .nav-icon{
  background:#667085!important;
  color:#ffffff!important;
}
.bottom-nav .nav-item.active .nav-icon svg{
  color:#ffffff!important;
  stroke:currentColor!important;
}
.bottom-nav .nav-item.active>span:not(.nav-icon){
  color:#8b96a7!important;
}

/* ===== v123 FIND MATCH HEADER SPACING ===== */
/* Give the Find Match heading a little breathing room below the curved toolbar. */
.match-discovery-page{
  padding-top:14px;
}
@media (max-width:520px){
  .match-discovery-page{
    padding-top:14px;
  }
}

/* ===== v124 COMPACT NOTIFICATION PAGE HEADER ===== */
/* Keep the notification heading visually light and compact without affecting other pages. */
.notification-page-head{
  padding-top:12px;
  padding-bottom:7px;
}
.notification-page-head h1{
  font-size:17px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.notification-page-head .page-sub{
  margin-top:3px;
  font-size:9px;
  line-height:1.4;
}
@media (max-width:520px){
  .notification-page-head{
    padding-top:10px;
    padding-bottom:6px;
  }
  .notification-page-head h1{
    font-size:16px;
  }
  .notification-page-head .page-sub{
    margin-top:2px;
    font-size:8.5px;
  }
}


/* ===== v125 SIX-ITEM BOTTOM NAV + EVENT ===== */
/* Six compact items: Home, Match, Event, Marketplace, Ranking, Profile. */
.bottom-nav{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.bottom-nav .nav-item>span:not(.nav-icon){
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
@media (max-width:520px){
  .bottom-nav{padding-left:4px;padding-right:4px;}
  .bottom-nav .nav-item{gap:1px;font-size:7px;}
  .bottom-nav .nav-icon{width:28px;height:25px;}
  .bottom-nav .nav-icon svg{width:17.5px;height:17.5px;}
}
@media (max-width:350px){
  .bottom-nav .nav-item{font-size:6.5px;}
  .bottom-nav .nav-icon{width:27px;height:24px;}
}

/* ===== v126 BOTTOM NAV ICON/LABEL SPACING ===== */
/* Give the active icon wrapper breathing room from the label without making the dock taller. */
.bottom-nav .nav-item{
  gap:0!important;
}
.bottom-nav .nav-item>span:not(.nav-icon){
  margin-top:4px;
  line-height:1.05;
}
@media (max-width:350px){
  .bottom-nav .nav-item>span:not(.nav-icon){margin-top:3px;}
}

/* ===== v127 TEXT INPUT: NO FOCUS/SELECTION VISUAL EFFECT ===== */
/* Keep fields visually stable when tapped/focused. Text caret/selection still works normally. */
.input:focus,
.input:focus-visible{
  outline:none!important;
  border-color:var(--line-strong)!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

.match-compact-field input:focus,
.match-compact-field input:focus-visible{
  outline:none!important;
  border-color:#e3e7ed!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):focus-visible,
textarea:focus,
textarea:focus-visible{
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* ===== v128 DENSER + BETTER-PROPORTIONED SIX-ITEM BOTTOM NAV ===== */
/* Make six menus read as one compact control: larger icon/label, tighter columns, less dead space. */
.bottom-nav .nav-item{
  font-size:8.25px;
  line-height:1;
}
.bottom-nav .nav-icon{
  width:33px;
  height:30px;
  border-radius:10px;
}
.bottom-nav .nav-icon svg{
  width:21px;
  height:21px;
}
.bottom-nav .nav-item>span:not(.nav-icon){
  margin-top:4px;
  line-height:1.05;
}
@media (max-width:520px){
  .bottom-nav{
    grid-template-columns:repeat(6,minmax(0,54px));
    justify-content:center;
    column-gap:4px;
    height:calc(64px + env(safe-area-inset-bottom));
    padding:4px 4px calc(4px + env(safe-area-inset-bottom));
  }
  .bottom-nav .nav-item{
    font-size:8px;
  }
  .bottom-nav .nav-icon{
    width:32px;
    height:29px;
    border-radius:10px;
  }
  .bottom-nav .nav-icon svg{
    width:20.5px;
    height:20.5px;
  }
  .app-shell{
    padding-bottom:calc(80px + env(safe-area-inset-bottom));
  }
}
@media (max-width:349px){
  .bottom-nav{
    grid-template-columns:repeat(6,minmax(0,1fr));
    column-gap:0;
  }
  .bottom-nav .nav-item{font-size:7.25px;}
  .bottom-nav .nav-icon{width:30px;height:28px;}
  .bottom-nav .nav-icon svg{width:19.5px;height:19.5px;}
  .bottom-nav .nav-item>span:not(.nav-icon){margin-top:3px;}
}

/* ===== v129 RESTORE NAV SPACING + LARGER ICONS ONLY ===== */
/* Keep the original six-column distribution/label sizing. Only the SVG icons are enlarged. */
.bottom-nav{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  justify-content:stretch!important;
  column-gap:0!important;
}
.bottom-nav .nav-item{
  font-size:8px;
}
.bottom-nav .nav-icon{
  width:30px;
  height:27px;
  border-radius:10px;
}
.bottom-nav .nav-icon svg{
  width:21.5px;
  height:21.5px;
}
.bottom-nav .nav-item>span:not(.nav-icon){
  margin-top:4px;
  line-height:1.05;
}
@media (max-width:520px){
  .bottom-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    justify-content:stretch!important;
    column-gap:0!important;
    height:calc(66px + env(safe-area-inset-bottom));
    padding:5px 4px calc(5px + env(safe-area-inset-bottom));
  }
  .bottom-nav .nav-item{
    font-size:7px;
  }
  .bottom-nav .nav-icon{
    width:28px;
    height:25px;
    border-radius:9px;
  }
  .bottom-nav .nav-icon svg{
    width:20.5px;
    height:20.5px;
  }
  .app-shell{
    padding-bottom:calc(84px + env(safe-area-inset-bottom));
  }
}
@media (max-width:350px){
  .bottom-nav .nav-item{font-size:6.5px;}
  .bottom-nav .nav-icon{width:27px;height:24px;}
  .bottom-nav .nav-icon svg{width:19px;height:19px;}
  .bottom-nav .nav-item>span:not(.nav-icon){margin-top:3px;}
}

/* ===== v130 FIND MATCH: COLLAPSIBLE YOUR MATCHES CARD ===== */
.match-history-card{
  margin-top:18px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(20,38,68,.055);
  overflow:hidden;
}
.match-history-card>summary{
  list-style:none;
}
.match-history-card>summary::-webkit-details-marker{display:none}
.match-history-summary{
  min-height:62px;
  padding:11px 12px 11px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  user-select:none;
  background:#fff;
}
.match-history-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.match-history-summary-copy strong{
  color:#182230;
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
}
.match-history-summary-copy small{
  color:#8a94a3;
  font-size:7.5px;
  line-height:1.35;
  font-weight:650;
}
.match-history-summary-actions{
  flex:none;
  display:flex;
  align-items:center;
  gap:7px;
}
.match-history-count{
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f1f3f6;
  color:#667085;
  font-size:8px;
  line-height:1;
  font-weight:900;
}
.match-history-chevron{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f5f6f8;
  color:#667085;
}
.match-history-chevron svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}
.match-history-card[open] .match-history-chevron svg{transform:rotate(180deg)}
.match-history-card[open] .match-history-summary{
  border-bottom:1px solid #edf0f4;
}
.match-history-body{
  padding:10px;
  background:#f8f9fb;
}
.match-history-card .race-match-list{gap:8px}
@media(max-width:520px){
  .match-history-card{margin-top:15px;border-radius:16px}
  .match-history-summary{min-height:58px;padding:10px 10px 10px 12px}
  .match-history-summary-copy strong{font-size:13px}
  .match-history-summary-copy small{font-size:7px}
  .match-history-chevron{width:27px;height:27px}
  .match-history-body{padding:8px}
}

/* ===== v131 HOME: COLLAPSIBLE UPCOMING EVENTS + SUGGESTED OPPONENTS ===== */
.home-fold-card{
  margin-top:18px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(20,38,68,.05);
  overflow:hidden;
}
.home-fold-card>summary{list-style:none}
.home-fold-card>summary::-webkit-details-marker{display:none}
.home-fold-summary{
  min-height:62px;
  padding:11px 12px 11px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  user-select:none;
  background:#fff;
}
.home-fold-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.home-fold-summary-copy strong{
  color:#182230;
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
}
.home-fold-summary-copy small{
  color:#8a94a3;
  font-size:7.5px;
  line-height:1.35;
  font-weight:650;
}
.home-fold-summary-actions{
  flex:none;
  display:flex;
  align-items:center;
  gap:7px;
}
.home-fold-count{
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f1f3f6;
  color:#667085;
  font-size:8px;
  line-height:1;
  font-weight:900;
}
.home-fold-chevron{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f5f6f8;
  color:#667085;
}
.home-fold-chevron svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}
.home-fold-card[open] .home-fold-chevron svg{transform:rotate(180deg)}
.home-fold-card[open] .home-fold-summary{border-bottom:1px solid #edf0f4}
.home-fold-body{
  padding:9px 10px 10px;
  background:#f8f9fb;
}
.home-fold-toolbar{
  min-height:25px;
  margin-bottom:7px;
  padding:0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.home-fold-toolbar span{
  color:#8a94a3;
  font-size:7px;
  font-weight:800;
}
.home-fold-toolbar a{
  color:var(--blue);
  font-size:7.5px;
  font-weight:900;
}
.home-fold-body .event-scroll,
.home-fold-body .suggested-opponents-scroll{
  margin:0;
}
@media(max-width:520px){
  .home-fold-card{margin-top:15px;border-radius:16px}
  .home-fold-summary{min-height:58px;padding:10px 10px 10px 12px}
  .home-fold-summary-copy strong{font-size:13px}
  .home-fold-summary-copy small{font-size:7px}
  .home-fold-chevron{width:27px;height:27px}
  .home-fold-body{padding:8px}
  .home-fold-toolbar{margin-bottom:6px}
}

/* ===== v132 3 WAY RACE: COLLAPSIBLE ROOM SECTIONS ===== */
.triple-fold-card{
  margin-top:15px;
  border:1px solid #e6eaf0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(20,38,68,.05);
  overflow:hidden;
}
.triple-fold-card>summary{list-style:none}
.triple-fold-card>summary::-webkit-details-marker{display:none}
.triple-fold-summary{
  min-height:62px;
  padding:11px 12px 11px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  user-select:none;
  background:#fff;
}
.triple-fold-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.triple-fold-summary-copy strong{
  color:#182230;
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em;
}
.triple-fold-summary-copy small{
  color:#8a94a3;
  font-size:7.5px;
  line-height:1.35;
  font-weight:650;
}
.triple-fold-summary-actions{
  flex:none;
  display:flex;
  align-items:center;
  gap:7px;
}
.triple-fold-count{
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f1f3f6;
  color:#667085;
  font-size:8px;
  line-height:1;
  font-weight:900;
}
.triple-fold-chevron{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f5f6f8;
  color:#667085;
}
.triple-fold-chevron svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}
.triple-fold-card[open] .triple-fold-chevron svg{transform:rotate(180deg)}
.triple-fold-card[open] .triple-fold-summary{border-bottom:1px solid #edf0f4}
.triple-fold-body{
  padding:9px 10px 10px;
  background:#f8f9fb;
}
.triple-fold-body .triple-room-list,
.triple-fold-body .triple-my-room-list{margin:0}
@media(max-width:520px){
  .triple-fold-card{border-radius:16px}
  .triple-fold-summary{min-height:58px;padding:10px 10px 10px 12px}
  .triple-fold-summary-copy strong{font-size:13px}
  .triple-fold-summary-copy small{font-size:7px}
  .triple-fold-chevron{width:27px;height:27px}
  .triple-fold-body{padding:8px}
}

/* v133 - professional Ranking Kamu card */
.ranking-user-card{
  margin-top:10px!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid #d0d5dd!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(16,24,40,.055);
}
.ranking-user-card .ranking-user-label{
  margin:0!important;
  padding:9px 12px;
  background:#1768ff;
  color:#fff!important;
  font-size:6.4px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:.1em;
}
.ranking-user-card .ranking-user-main{
  padding:11px 12px;
  background:#fff;
}
.ranking-user-card.empty{
  border-color:#d0d5dd!important;
  background:#fff!important;
}
.ranking-user-card .ranking-user-empty{
  padding:13px 12px;
  background:#fff;
  color:#667085;
}
.ranking-user-card[data-ranking-profile]:hover{
  border-color:#d0d5dd!important;
  background:#fff!important;
}
@media(max-width:520px){
  .ranking-user-card .ranking-user-label{padding:8px 10px;font-size:6.2px}
  .ranking-user-card .ranking-user-main{padding:10px}
  .ranking-user-card .ranking-user-empty{padding:12px 10px}
}

/* Bebalap v134 - Marketplace 10/product page + modern sort & pagination */
.marketplace-filter-form{
    grid-template-columns:minmax(0,1fr) 118px 132px auto;
    align-items:center;
}
.marketplace-sort-select{font-weight:800;color:#48556a;background-color:#fff}
.marketplace-product-pagination{
    margin:14px 0 3px;
    padding:8px 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid #e5eaf1;
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 16px rgba(24,39,75,.035);
}
.marketplace-product-page-summary{
    min-width:0;
    display:flex;
    align-items:baseline;
    gap:4px;
    color:#8a95a5;
    font-size:7px;
    font-weight:800;
    white-space:nowrap;
}
.marketplace-product-page-summary strong{color:#4f5d70;font-size:7.5px;font-weight:950;font-variant-numeric:tabular-nums}
.marketplace-product-page-controls{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
.marketplace-product-page-arrow,
.marketplace-product-page-number{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    flex:none;
    box-sizing:border-box;
    border:1px solid #e0e6ee;
    border-radius:9px;
    background:#f9fafc;
    color:#5f6d80;
    font-size:7.5px;
    font-weight:950;
    line-height:1;
    text-decoration:none;
    transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.marketplace-product-page-arrow svg{width:12px;height:12px;stroke-linecap:round;stroke-linejoin:round}
.marketplace-product-page-arrow:not(.is-disabled):active,
.marketplace-product-page-number:not(.is-active):active{transform:scale(.95)}
.marketplace-product-page-number.is-active{border-color:#667085;background:#667085;color:#fff}
.marketplace-product-page-arrow.is-disabled{opacity:.34;background:#f4f6f8}
.marketplace-product-page-dots{width:14px;text-align:center;color:#a5afbd;font-size:6px;font-weight:900;letter-spacing:.8px}
@media(max-width:640px){
    .marketplace-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
    .marketplace-search-input{grid-column:1/-1}
    .marketplace-search-btn{grid-column:1/-1;height:34px}
    .marketplace-product-pagination{padding:7px 8px;gap:7px}
    .marketplace-product-page-arrow,.marketplace-product-page-number{width:27px;height:27px;border-radius:8px;font-size:7px}
    .marketplace-product-page-controls{gap:3px}
    .marketplace-product-page-summary{font-size:6.6px}
    .marketplace-product-page-summary strong{font-size:7px}
}
@media(max-width:360px){
    .marketplace-product-pagination{align-items:flex-start;flex-direction:column}
    .marketplace-product-page-controls{width:100%;justify-content:center}
}


/* Bebalap v135 - seller search/name + roomier marketplace page summary */
.marketplace-filter-form{
    grid-template-columns:minmax(0,1fr) 118px 132px auto;
    align-items:center;
}
.marketplace-search-input,
.marketplace-seller-search-input{grid-column:1/-1}
.marketplace-seller-search-input{margin-top:-1px}
.market-product-seller{
    margin-top:7px;
    min-width:0;
    display:flex;
    align-items:center;
    gap:5px;
    color:#667085;
    font-size:7.2px;
    line-height:1.25;
}
.market-product-seller-label{
    flex:none;
    padding:2px 5px;
    border-radius:999px;
    background:#f2f4f7;
    color:#667085;
    font-size:6.4px;
    font-weight:850;
}
.market-product-seller strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#344054;
    font-size:7.4px;
    font-weight:900;
}
.marketplace-product-page-summary{
    min-height:29px;
    padding:6px 9px;
    box-sizing:border-box;
    border:1px solid #e7ebf0;
    border-radius:9px;
    background:#f7f8fa;
}
@media(max-width:640px){
    .marketplace-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
    .marketplace-search-input,
    .marketplace-seller-search-input{grid-column:1/-1}
    .marketplace-search-btn{grid-column:1/-1;height:34px}
    .marketplace-product-page-summary{min-height:27px;padding:6px 8px;font-size:6.8px}
    .marketplace-product-page-summary strong{font-size:7.2px}
}
@media(max-width:380px){
    .marketplace-filter-form{grid-template-columns:1fr}
    .marketplace-search-input,
    .marketplace-seller-search-input,
    .marketplace-search-btn{grid-column:auto}
}


/* v139 - Ranking empty-state icon: white wrapper, grey icon/border, blue kicker */
.ranking-empty-state-icon{
  background:#fff!important;
  color:#667085!important;
  border:1px solid #d0d5dd!important;
  box-shadow:none!important;
}
.ranking-empty-state-icon svg{
  width:29px!important;
  height:29px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ranking-empty-state-kicker{
  color:#1768ff!important;
}
