:root{--bg:#101012;--panel:#17171b;--panel2:#212126;--line:#313137;--text:#f9f9fb;--muted:#9999a3;--lime:#d3ff44;--orange:#fa7137;--radius:19px;--font-sport:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--font-body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{min-height:100svh}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}.sport-title{font:900 clamp(44px,7vw,92px)/.89 var(--font-sport);letter-spacing:-.025em;text-transform:uppercase;margin:0}.sport-title.smaller{font-size:clamp(39px,5.5vw,72px)}.btn{border:0;border-radius:11px;background:var(--lime);color:#101012;padding:13px 19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px);background:#e2ff81}.btn:active{transform:translateY(1px)}.btn-outline{background:#232327;color:white;border:1px solid #3d3d42}.btn-outline:hover{background:#34343a}.btn-quiet{color:var(--muted);background:transparent}.btn-quiet:hover{color:white;background:var(--panel2)}.btn.smallbtn{padding:9px 12px;font-size:12px}.btn.full{width:100%}.logo{display:flex;gap:10px;align-items:center;font-family:var(--font-sport);font-size:25px;font-weight:900;letter-spacing:.025em}.logo-mark{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--lime);color:#101012;border-radius:10px;font-size:27px;font-weight:900;transform:skew(-7deg)}.topbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,76px);border-bottom:1px solid #252529;gap:16px}.topbar-actions{display:flex;align-items:center;gap:12px}.profile-pill{border:1px solid var(--line);background:#1f1f23;border-radius:99px;padding:5px 13px 5px 5px;color:#fff;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.profile-avatar{display:inline-flex;justify-content:center;align-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--lime);color:#101012;font-weight:900;font-size:12px}.demo-banner{background:#2b2419;border-bottom:1px solid #57402a;color:#ecd4a5;padding:8px clamp(20px,5vw,76px);font-size:11px;line-height:1.5}.register-layout{min-height:100svh;display:grid;grid-template-columns:1.08fr .92fr}.register-visual{display:flex;flex-direction:column;min-height:100svh;padding:36px clamp(28px,5vw,82px);background:radial-gradient(ellipse at 80% 60%,#3c3a20,transparent 47%),linear-gradient(136deg,#18181c,#101012 70%);overflow:hidden;position:relative}.register-visual:before{content:'';position:absolute;pointer-events:none;right:-80px;bottom:10%;width:350px;height:350px;border:2px solid #d3ff442e;border-radius:50%;box-shadow:0 0 0 60px #d3ff4407,0 0 0 120px #d3ff4409}.register-visual>*{position:relative}.register-visual .hero-copy{margin:auto 0;max-width:680px}.register-visual .hero-copy p{max-width:390px;color:#b9b9bd;line-height:1.6}.register-side{padding:45px clamp(25px,6vw,94px);display:flex;justify-content:center;flex-direction:column}.register-side h2{font:900 43px/.95 var(--font-sport);text-transform:uppercase;margin:13px 0}.register-side p{color:var(--muted);font-size:13px;line-height:1.6}.form-stack{display:grid;gap:18px;margin-top:29px}.form-field{display:grid;gap:8px}.form-field label{font-size:12px;font-weight:800;color:#d6d6dc}.form-control{width:100%;border:1px solid #404046;background:#1a1a1e;border-radius:11px;padding:13px 14px;color:white;outline:none;font-size:14px}.form-control::placeholder{color:#77777e}.hint{font-size:11px;color:var(--muted);line-height:1.6}.inline-link{border:0;background:transparent;padding:5px;color:var(--lime);font-weight:700}.home{min-height:calc(100svh - 120px)}.home-hero{max-width:1380px;margin:auto;padding:clamp(45px,7vw,100px) clamp(20px,5vw,70px) 46px}.home-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}.home-intro p{color:#b5b5bd;max-width:390px;line-height:1.5;font-size:14px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{position:relative;overflow:hidden;text-align:left;min-height:330px;background:#202024;color:white;border:1px solid #36363c;border-radius:24px;padding:33px;display:flex;flex-direction:column;justify-content:space-between;transition:border .18s,transform .18s}.mode-card:hover{border-color:var(--lime);transform:translateY(-3px)}.mode-card:nth-child(2){background:linear-gradient(140deg,#242627,#1b2420)}.mode-card:after{content:'';position:absolute;border:36px solid #ffffff08;border-radius:100%;height:240px;width:240px;right:-93px;top:-75px}.mode-card h2{font:900 clamp(38px,4.6vw,60px)/.95 var(--font-sport);text-transform:uppercase;margin:0;max-width:360px;position:relative;z-index:1}.mode-card p{color:#b4b4bc;font-size:13px;max-width:300px;line-height:1.5;position:relative;z-index:1}.card-top{display:flex;align-items:center;justify-content:space-between;z-index:1}.card-emoji{font-size:44px}.arrow-bubble{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--lime);color:#111;font-size:26px;font-weight:800}.home-strip{display:flex;align-items:center;justify-content:space-between;margin-top:25px;color:#83838b;font-size:12px;gap:14px}.home-strip strong{color:white}.dashboard{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100svh - 106px);min-height:560px}.sidebar{background:#17171b;border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}.sidebar-main{padding:25px 20px 20px}.sidebar h1{font:900 47px/.95 var(--font-sport);text-transform:uppercase;margin:8px 0 10px}.sidebar p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.tabline{display:flex;gap:5px;padding:5px;background:#26262b;border-radius:11px;margin-top:19px}.tabline button{flex:1;background:none;color:#9999a3;font-size:12px;font-weight:800;border:0;border-radius:8px;padding:11px 3px}.tabline button.selected{background:var(--lime);color:#101012}.filter-label{font-size:10px;color:#96969e;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin:25px 0 12px}.sport-options{display:flex;flex-wrap:wrap;gap:7px}.chip{display:flex;align-items:center;gap:6px;border:1px solid #34343b;background:#232328;color:#dfdfe2;border-radius:50px;padding:9px 11px;font-size:11px;font-weight:800}.chip.selected{background:var(--lime);border-color:var(--lime);color:#121212}.search{margin-top:22px}.countline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 20px;font-size:11px;font-weight:800;color:#a8a8ad;letter-spacing:.03em}.court-list{padding:8px 12px 25px;display:grid;align-content:start;gap:8px;overflow-y:auto}.court-row{display:flex;gap:12px;align-items:center;padding:12px;background:#222227;border:1px solid transparent;color:#fff;border-radius:13px;text-align:left;width:100%}.court-row.active,.court-row:hover{border-color:#9cbf33;background:#2a2b25}.court-sport{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#34343b;border-radius:11px;font-size:22px}.court-title{font-size:12px;font-weight:800;line-height:1.25}.court-desc{font-size:10px;color:#aaaab1;margin-top:6px;line-height:1.3}.tiny-status{display:inline-flex;align-items:center;gap:5px;color:#d2d2d5;font-size:10px}.status-dot{display:inline-block;background:#6e6e75;border-radius:50%;height:7px;width:7px}.status-dot.live{background:#d3ff44;box-shadow:0 0 8px #d3ff4455}.map-area{position:relative;background:#172223;min-height:0;overflow:hidden}.map{position:absolute;inset:0;z-index:1;background:#1d292b}.map-fallback{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 45% 40%,#254346,#192b2e 65%,#112125);z-index:1}.map-fallback:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px}.map-fallback svg{position:absolute;top:2%;left:4%;height:96%;width:92%;filter:drop-shadow(10px 12px 8px #07181870)}.fallback-pin{position:absolute;transform:translate(-50%,-50%);border:3px solid #18272a;background:#17171b;color:white;display:flex;align-items:center;justify-content:center;font-size:20px;width:45px;height:45px;border-radius:50%;box-shadow:0 4px 13px #0009;z-index:4}.fallback-pin.joinable,.pin-emoji.joinable{border-color:var(--lime)}.fallback-pin.active{transform:translate(-50%,-50%) scale(1.15);z-index:8}.pin-emoji{width:42px;height:42px;background:#17171c;border:3px solid #e4e4de;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:21px;box-shadow:0 2px 12px #0007}.leaflet-container{background:#1d292b;font-family:var(--font-body)}.leaflet-control-attribution{font-size:9px!important}.map-topcontrols{position:absolute;top:18px;left:18px;right:18px;z-index:450;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:12px}.map-topcontrols>*{pointer-events:auto}.map-pill{background:#131417ed;border:1px solid #45464b;color:#fff;border-radius:50px;padding:10px 14px;font-size:11px;font-weight:800;box-shadow:0 5px 30px #0004;display:flex;gap:8px;align-items:center}.map-pill .bright{color:var(--lime)}.map-bottom{position:absolute;z-index:450;left:18px;bottom:18px}.detail-panel{position:absolute;z-index:500;right:18px;top:18px;bottom:18px;width:min(380px,calc(100% - 36px));overflow:auto;background:#17171bf5;border:1px solid #3d3d42;border-radius:20px;box-shadow:0 15px 48px #0009}.detail-head{padding:22px 22px 15px}.detail-panel h2{font:900 35px/.98 var(--font-sport);text-transform:uppercase;margin:6px 0 7px}.detail-meta{font-size:11px;color:#a1a1aa}.detail-image{height:142px;margin:0 17px;background:radial-gradient(circle at 70% 30%,#d3ff4427,transparent 38%),repeating-linear-gradient(90deg,#ffffff11 0 2px,transparent 2px 47px),#292d2c;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-image .placeholder-caption{position:absolute;bottom:11px;left:12px;font-size:9px;background:#0e0e11b9;padding:5px 8px;border-radius:6px;letter-spacing:.04em;color:#eee}.detail-content{padding:18px 22px}.detail-row{display:flex;gap:9px;align-items:center;margin-bottom:10px;color:#bdbdc5;font-size:11px}.detail-row b{color:#fff}.pill-tag{border:1px solid #55555a;color:#bcbcc2;font-size:9px;border-radius:99px;padding:5px 8px;display:inline-flex;gap:6px;align-items:center}.session-card{margin-top:16px;background:#23272a;border:1px solid #4c513f;border-radius:12px;padding:13px}.session-card.available{border-color:#7e973d;background:#272d1f}.session-card strong{font-size:12px}.session-card p{font-size:11px;color:#a6a6ab;margin:5px 0 10px;line-height:1.5}.session-meta{display:flex;justify-content:space-between;gap:6px;color:#cbccd0;font-size:10px}.detail-buttons{display:flex;gap:8px;margin-top:17px}.detail-buttons>.btn{flex:1;padding:12px 5px;font-size:12px}.icon-close{border:none;background:#34343b;color:white;border-radius:50%;height:29px;width:29px;display:flex;justify-content:center;align-items:center;font-size:19px}.top-right{position:absolute;right:14px;top:13px;z-index:5}.empty-result{text-align:center;color:#a8a8b0;font-size:12px;padding:25px 10px;line-height:1.5}.modal-scrim{position:fixed;inset:0;background:#070708bb;backdrop-filter:blur(7px);z-index:800;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(100%,470px);max-height:92svh;overflow:auto;background:#1b1b20;border:1px solid #414147;border-radius:24px;box-shadow:0 30px 75px #000b;padding:28px;position:relative}.modal h2{font:900 42px/.95 var(--font-sport);text-transform:uppercase;margin:11px 0 12px}.modal p{font-size:12px;color:#b5b5bd;line-height:1.6}.modal .field-heading{font-size:14px;font-weight:800;margin-bottom:12px}.choice-row{display:flex;gap:9px}.choice{flex:1;border:1px solid #424248;background:#26262c;color:#fff;border-radius:12px;padding:12px;line-height:1.3;text-align:center;font-weight:800;font-size:12px}.choice.active{background:var(--lime);color:#141416;border-color:var(--lime)}.step-count{display:flex;align-items:center;justify-content:space-between;background:#28282d;border:1px solid #3e3e44;border-radius:13px;padding:8px}.step-count strong{font:900 41px var(--font-sport)}.step-count button{border:0;background:#414148;color:white;height:41px;width:47px;border-radius:8px;font-size:24px}.question{margin:24px 0}.question .eyebrow{margin-bottom:9px}.subtle-note{font-size:10px;color:#898994;line-height:1.5}.modal-divider{height:1px;background:var(--line);margin:18px 0}.modal-actions{display:flex;justify-content:space-between;gap:8px;margin-top:22px}.modal-actions .btn:last-child{flex:1}.link-back{display:inline-flex;align-items:center;gap:7px;color:#bebec5;background:transparent;border:0;padding:0;font-size:11px;font-weight:800}.future-select{margin-top:16px;display:flex;gap:7px;flex-wrap:wrap}.future-select button{border:1px solid #404046;border-radius:8px;background:#26262a;color:#ddd;padding:8px 10px;font-size:11px;font-weight:700}.future-select button.selected{color:#111;background:#d3ff44;border-color:#d3ff44}.review-list{display:grid;gap:11px}.review-item{padding:13px;border:1px solid #38383e;border-radius:11px;background:#242429}.review-item h3{margin:0 0 7px;font-size:14px}.review-item p{margin:0 0 10px}.review-item .review-actions{display:flex;gap:7px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);background:var(--lime);color:#131414;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;z-index:1000;transition:.2s;box-shadow:0 12px 28px #0009;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.tiny{font-size:10px}.footer-home{padding:23px clamp(20px,5vw,76px);font-size:10px;color:#676771;border-top:1px solid #26262c;display:flex;justify-content:space-between;gap:20px}.profile-menu{position:absolute;z-index:700;right:clamp(20px,5vw,76px);top:65px;background:#222227;border:1px solid #414148;padding:10px;border-radius:12px;width:230px;box-shadow:0 10px 40px #0007}.profile-menu button{width:100%;padding:12px;background:transparent;color:white;border:0;border-radius:8px;text-align:left;font-size:12px;font-weight:700}.profile-menu button:hover{background:#333339}.back-to-home{background:none;border:none;color:#9999a3;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.back-to-home:hover{color:#fff}.btn-warn{background:#f5bf58;color:#111}.photo-preview{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.photo-preview img{width:75px;height:65px;border-radius:8px;object-fit:cover}.map-mode-indicator{display:flex;gap:6px;align-items:center}.map-mode-indicator:before{content:'';height:7px;width:7px;border-radius:50%;background:var(--lime)}
@media(max-width:900px){.register-layout{grid-template-columns:1fr}.register-visual{min-height:340px;padding:27px 28px}.register-visual .hero-copy{margin-top:55px}.register-side{padding:30px 25px 55px}.register-side h2{font-size:35px}.dashboard{grid-template-columns:265px minmax(0,1fr)}.sidebar h1{font-size:38px}.detail-panel{max-width:340px}.mode-card{padding:25px;min-height:295px}}
@media(max-width:640px){.topbar{padding:12px 17px}.topbar .logo{font-size:22px}.logo-mark{width:32px;height:32px}.profile-pill span.name{display:none}.profile-pill{padding:4px}.topbar-actions{gap:4px}.topbar-actions .back-to-home{font-size:0}.topbar-actions .back-to-home:before{content:'←';font-size:19px}.demo-banner{padding:7px 16px}.home-hero{padding:47px 19px 35px}.home-intro{display:block}.home-intro p{margin-top:21px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:235px;padding:22px}.mode-card h2{font-size:44px}.card-emoji{font-size:35px}.home-strip{display:block;line-height:1.8}.dashboard{display:flex;flex-direction:column;height:calc(100svh - 95px);min-height:650px}.sidebar{flex-shrink:0;display:block;overflow:visible}.sidebar-main{padding:12px 15px 13px}.sidebar h1{font-size:33px;margin:5px 0}.sidebar p{display:none}.tabline{margin-top:10px}.filter-label{margin:13px 0 8px}.sport-options{gap:5px}.chip{padding:7px 9px}.search{margin-top:12px}.countline,.court-list{display:none}.map-area{flex:1;min-height:340px}.map-topcontrols{top:10px;left:10px;right:10px}.map-pill{padding:8px 10px;font-size:10px}.map-bottom{left:10px;bottom:10px}.detail-panel{right:0;top:auto;bottom:0;width:100%;height:auto;max-height:77%;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}.detail-head{padding:18px 21px 13px}.detail-image{height:108px}.detail-content{padding:13px 20px 20px}.detail-panel h2{font-size:29px}.detail-buttons{margin-top:14px}.modal{padding:23px;border-radius:20px}.modal h2{font-size:36px}.footer-home{padding:15px 18px;display:block}.register-visual .hero-copy h1{font-size:66px}}
/* Keep secondary information vertically stacked in court rows. */
.court-title,.court-desc{display:block}
.map-empty{position:absolute;z-index:450;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 40px));border:1px solid #656756;background:#191a1deF;box-shadow:0 12px 40px #000a;border-radius:17px;padding:24px;text-align:center}.map-empty strong{display:block;font:900 36px/1 var(--font-sport);margin:12px 0}.map-empty p{font-size:12px;color:#b6b6bf;line-height:1.6}.map-empty .btn{margin-top:8px}
@media(max-width:640px){.map-bottom .btn{padding:10px 11px;font-size:12px}.fallback-pin{width:36px;height:36px;font-size:17px;border-width:2px}}

/* Identidad visual elegida para CANCHAPP: símbolo C deportivo y wordmark personalizado */
.logo{display:flex;align-items:center;gap:10px;min-width:0}
.logo-symbol{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.logo-wordmark{display:block;width:185px;max-width:100%;height:auto;object-fit:contain}
.register-visual .logo-symbol{width:47px;height:47px}
.register-visual .logo-wordmark{width:233px}
@media(max-width:640px){.topbar .logo{gap:7px}.topbar .logo-symbol{width:29px;height:29px}.topbar .logo-wordmark{width:145px}.register-visual .logo-symbol{width:37px;height:37px}.register-visual .logo-wordmark{width:195px}}