.training-setup{box-sizing:border-box;isolation:isolate;width:100%;height:100dvh;min-height:350px;padding:clamp(14px,3vh,28px) max(20px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#f6fafc;background:linear-gradient(90deg,#031d2bec 0%,#052737b5 48%,#05213210 85%),linear-gradient(#0000 55%,#031b2bee),url(/assets/environments/los-minas-matte-v1.jpg) 50%/cover;flex-direction:column;gap:clamp(8px,2vh,18px);font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.training-setup *{box-sizing:border-box}.training-setup button{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(#143748,#0a2635);border:1px solid #628a9c;border-radius:10px;min-height:44px;padding:10px 12px;font-weight:800}.training-setup button:focus-visible{outline-offset:3px;outline:3px solid #4ee7ff}.training-setup button[aria-pressed=true],.training-setup .training-start{color:#082333;background:linear-gradient(#ffe36a,#ffc321);border-color:#ffe568;box-shadow:0 3px #b88019}.training-heading{z-index:2;align-items:center;gap:20px;display:flex}.training-heading button{border-color:#2ddcf4;width:60px;font-size:40px;line-height:35px}.training-heading h1{margin:0;font-size:clamp(23px,3.7vw,42px);font-style:italic;font-weight:950;line-height:1.05}.training-heading p{color:#9ddbec;margin:5px 0 0;font-size:clamp(12px,1.7vw,22px)}.training-controls{z-index:2;flex-direction:column;flex:1;justify-content:center;gap:clamp(8px,2vh,16px);width:63%;min-height:0;display:flex}.training-current,.training-row{background:#042333db;border:1px solid #256179;border-radius:15px;min-width:0;margin:0;padding:clamp(10px,2vh,22px);box-shadow:inset 0 1px #79d1e111}.training-current{align-items:center;gap:18px;display:flex}.training-current img{object-fit:cover;border:1px solid #4b9bb1;border-radius:12px;width:clamp(46px,6vw,78px);height:clamp(46px,6vw,78px)}.training-current small{color:#add0de;font-size:clamp(10px,1.2vw,16px);display:block}.training-current strong{text-transform:uppercase;font-size:clamp(14px,1.8vw,23px);display:block}.training-place{border-left:1px solid #428aa2;align-items:center;gap:15px;margin-left:10px;padding-left:clamp(12px,2vw,40px);display:flex}.training-place>span{color:#2dddf2;font-size:40px}.training-current em{color:#8cb4c4;margin-left:auto;font-size:clamp(10px,1.3vw,17px);font-weight:800;transform:rotate(-9deg)}.training-row{grid-template-columns:38% 62%;align-items:center;display:grid}.training-label{align-items:center;gap:clamp(8px,1.5vw,20px);padding-right:8px;display:flex}.training-label>span{color:#39dcf4;font-size:clamp(25px,4vw,48px)}.training-label h2{margin:0;font-size:clamp(14px,1.85vw,24px)}.training-label p{color:#b1cddd;margin:5px 0 0;font-size:clamp(10px,1.15vw,15px)}.training-options{gap:10px;display:flex}.training-options button{white-space:nowrap;flex:1;min-width:0;padding:10px 5px;font-size:clamp(10px,1.2vw,16px)}.training-difficulty-copy{color:#a9c8d8;grid-column:2;margin:12px 0 0;font-size:clamp(10px,1.1vw,14px)}.training-avatar{z-index:1;pointer-events:none;width:39%;height:83%;position:absolute;bottom:11%;right:0}.training-avatar canvas{outline:0;width:100%;height:100%;display:block}.training-avatar-status{color:#c5edff;text-align:center;z-index:3;max-width:27%;font-size:14px;position:absolute;top:47%;right:5%}.training-avatar .training-avatar-status{max-width:90%;left:5%;right:5%}.training-avatar-status button{pointer-events:auto;margin:12px auto;display:block}.training-actions{z-index:2;justify-content:space-between;align-items:center;gap:15px;display:flex}.training-actions button{min-height:clamp(44px,9vh,72px);padding:10px 24px;font-size:clamp(12px,1.8vw,24px)}.training-start{min-width:40%}.training-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (height<=500px){.training-setup{gap:8px;padding-top:10px}.training-heading{gap:12px}.training-heading button{width:44px;font-size:32px}.training-heading h1{font-size:25px}.training-heading p{margin:2px 0;font-size:12px}.training-controls{gap:7px}.training-current,.training-row{border-radius:10px;padding:8px 10px}.training-current img{width:44px;height:44px}.training-place>span{font-size:27px}.training-label p{margin-top:2px}.training-difficulty-copy{margin-top:7px}.training-options{gap:6px}.training-current{gap:10px}.training-actions button{padding:8px 14px;font-size:14px}.training-label h2{font-size:14px}.training-avatar{height:84%;bottom:9%}}@media (width<=730px){.training-controls{width:65%}.training-current em{display:none}.training-current strong{font-size:13px}.training-place{gap:8px;margin-left:0;padding-left:12px}.training-row{grid-template-columns:34% 66%}.training-label>span{display:none}.training-options button{font-size:9px}.training-actions button{font-size:12px}.training-label p,.training-difficulty-copy{font-size:9px}.training-current small{font-size:10px}}.training-heading,.training-actions{flex-shrink:0}.training-role{border:0;gap:8px;min-width:0;margin:0 0 0 auto;padding:0;display:flex}.training-role legend{letter-spacing:.12em;color:#a8d9e6;margin-bottom:4px;font-size:10px}.training-heading .training-role button{width:auto;min-width:100px;min-height:44px;padding:10px 14px;font-size:13px;line-height:1.1}@media (height<=500px){.training-role legend{margin-bottom:2px;font-size:9px}.training-heading .training-role button{min-width:88px;padding:8px;font-size:11px}.training-role{gap:6px}.training-heading{min-height:59px}}@media (orientation:portrait){.training-heading{flex-wrap:wrap}.training-role{width:100%;margin-left:0}.training-role button{flex:1}.training-avatar{top:140px}}.training-current button[aria-pressed=true] small{color:#18394b}.training-barrio-dialog button.training-barrio-card[aria-pressed=true] small{color:#b4d7e5}.training-barrio-dialog .training-barrio-carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4bbdd1 #052737;gap:16px;padding:4px 4px 12px;scroll-padding:4px;display:flex;position:relative;overflow-x:auto}.training-barrio-dialog button.training-barrio-card{text-align:left;scroll-snap-align:start;min-width:0;box-shadow:none;color:#fff;background:#0b3648;border:2px solid #39778a;flex:0 0 85%;padding:0;display:block;position:relative;overflow:hidden}.training-barrio-dialog .training-barrio-card img{object-fit:cover;border:0;border-radius:0;width:100%;height:clamp(120px,30dvh,230px);display:block}.training-barrio-card-caption{color:#f6fafc;background:#052737;padding:12px;display:block}.training-barrio-card-caption strong{text-transform:uppercase;font-size:21px;display:block}.training-barrio-card-caption small{color:#b4d7e5;margin-top:4px;font-size:12px;font-weight:500;display:block}.training-barrio-dialog button.training-barrio-card[aria-pressed=true]{border-color:#ffda44;box-shadow:0 0 0 1px #ffda44}.training-barrio-badge{color:#ffe16a;background:#052737ee;border-radius:6px;padding:5px 9px;font-size:12px;position:absolute;top:9px;left:9px}.training-barrio-navigation{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.training-barrio-navigation button{min-width:44px;min-height:44px;font-size:24px;line-height:1}.training-barrio-navigation button:disabled{opacity:.35;cursor:default}.training-barrio-navigation span{text-align:center;color:#b4d7e5;font-size:13px}@media (height<=420px){.training-barrio-card img{height:110px}.training-barrio-card-caption{padding:8px 10px}.training-barrio-card-caption strong{font-size:18px}.training-barrio-card-caption small{font-size:11px}.training-barrio-dialog .training-barrio-carousel{padding-bottom:4px}.training-barrio-navigation{margin-top:3px}}.training-setup button.training-place{text-align:left;background:#073043;border-color:#38a6c3;flex-shrink:0;gap:9px;min-height:44px;margin-left:0;padding:6px 10px}.training-place>span:nth-child(2){font-size:inherit;color:inherit}.training-place .training-place-chevron{font-size:18px}.training-barrio-dialog{color:#f6fafc;background:#052737;border:1px solid #39bddb;border-radius:16px;width:min(560px,90vw);max-height:88dvh;padding:22px;overflow:auto;box-shadow:0 20px 70px #0008}.training-barrio-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00121ecc}.training-barrio-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.training-barrio-dialog h2{margin:3px 0 0;font-size:24px;font-style:italic}.training-barrio-dialog header small{color:#79dced;letter-spacing:.1em}.training-barrio-dialog header button{min-width:44px;font-size:24px}.training-barrio-options{gap:12px;display:grid}.training-barrio-options button{text-align:left;align-items:center;gap:16px;min-height:76px;padding:14px;display:flex}.training-barrio-options button>span:first-child{font-size:26px}.training-barrio-options button>span:last-child{margin-left:auto;font-size:24px}.training-barrio-options strong{text-transform:uppercase;font-size:20px;display:block}.training-barrio-options small{margin-top:5px;font-size:13px;font-weight:500;display:block}.training-barrio-dialog p{color:#b4d7e5;margin:16px 0 0;font-size:12px}@media (height<=420px){.training-barrio-dialog{padding:14px}.training-barrio-dialog header{margin-bottom:10px}.training-barrio-options{gap:8px}.training-barrio-options button{min-height:66px;padding:10px}.training-barrio-dialog p{margin-top:10px}}@media (height<=500px) and (orientation:landscape){.training-setup{gap:6px;padding-bottom:10px}.training-controls{justify-content:space-evenly;gap:5px}.training-current,.training-row{padding:4px 10px}.training-current img{width:40px;height:40px}.training-difficulty-copy{margin-top:4px;font-size:9px}.training-label p{font-size:9px}.training-heading p{line-height:14px}.training-current{min-height:50px}.training-row{min-height:54px}}@media (orientation:portrait){.training-setup{height:auto;min-height:100dvh;overflow:auto}.training-controls{width:100%;margin-top:42vh}.training-avatar{width:100%;height:40vh;top:70px;bottom:auto;right:0}.training-current em{display:none}.training-actions{flex-wrap:wrap}.training-actions button{flex:1}.training-row{grid-template-columns:32% 68%}}.game-exit-transition{z-index:1000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#7fd9ec;background:#071d2a;place-items:center;margin:0;font:700 1rem/1.4 system-ui,sans-serif;display:grid;position:fixed;inset:0}.match-exit-dialog{box-sizing:border-box;color:#f3faff;background:#092638;border:1px solid #65c8df;border-radius:20px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;font-family:inherit;overflow:auto;box-shadow:0 16px 60px #0009}.match-exit-dialog::backdrop{background:#00131cbf}.match-exit-kicker{color:#72d6e7;letter-spacing:.14em;font-size:12px;font-weight:800}.match-exit-dialog h2{margin:10px 0;font-size:24px}.match-exit-dialog p{font-size:15px;line-height:1.45}.match-exit-dialog [role=alert]{color:#ffd975}.match-exit-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.match-exit-actions button{color:#fff;cursor:pointer;background:#143c50;border:1px solid #7acbde;border-radius:10px;flex:1;min-height:48px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700}.match-exit-actions button:last-child{color:#122632;background:#ffce44;border-color:#ffe48f}.match-exit-actions button:disabled{opacity:.7;cursor:wait}.match-exit-actions button:focus-visible{outline-offset:3px;outline:3px solid #fff}