/* Illustrated entry points and a quiet, touch-first player profile. */
#home .path-grid,#play .path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#home .path-card,#play .path-card{position:relative;display:block;padding:0;aspect-ratio:3/2;border:1px solid #355646;border-radius:26px;background:#0b2019;overflow:hidden;box-shadow:0 12px 28px #0002;text-align:left;transition:transform .2s,border-color .2s}
#home .path-card>img,#play .path-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none;opacity:1}
#home .path-card:hover,#play .path-card:hover{border-color:#a9df80;transform:translateY(-2px)}
#home .path-card .path-label,#play .path-card .path-label{position:absolute;left:24px;bottom:22px;z-index:1;color:#f1f7e7;font-size:clamp(24px,3.1vw,38px);line-height:1;font-weight:800;text-shadow:0 2px 12px #03130c;margin:0;padding:0}
#home .path-card .path-arrow,#play .path-card .path-arrow{position:absolute;bottom:20px;right:20px;color:#c2ef9c;width:36px;height:36px;display:grid;place-items:center;font-size:25px;border:1px solid #87ac6970;border-radius:50%;background:#17302499}
#play .path-card .player-count{top:15px;left:15px;background:#153b2a;color:#d8edc9;border:1px solid #46674c;font-size:16px;min-width:30px;min-height:30px}
.homework-callout.challenge-browse{margin-top:20px;min-height:190px;background:#11271f;border-color:#3c5c43;overflow:hidden;border-radius:26px;display:grid;grid-template-columns:43% 1fr auto;padding:0 22px 0 0;gap:22px}
.homework-callout.challenge-browse>img{width:100%;height:200px;object-fit:cover}.challenge-browse strong{font-size:27px;color:#edf6df}.challenge-browse small{display:none}
#homework-callout{background:#143026;border:1px solid #536d40;border-radius:22px;padding:0 18px 0 0;overflow:hidden;min-height:110px}#homework-callout>img{width:170px;height:120px;object-fit:cover;margin:0}#homework-progress{font-size:12px;color:#b6c9b9}
.homework-task{border:1px solid #345245!important;border-radius:24px!important;overflow:hidden;background:#122820!important;padding:0 20px 20px!important}.homework-task .challenge-cover{width:calc(100% + 40px);max-width:none;height:210px;object-fit:cover;display:block;margin:0 -20px 18px}.homework-task h3{margin:0 0 6px!important}.homework-task>p{font-size:12px;color:#adc2b3}.homework-task .homework-sequence{margin:14px 0}.homework-task>.bigbtn{margin-top:16px}.homework-task details{font-size:12px}
.player-hub{--hub-line:#314b40;--hub-muted:#acc0b2;--hub-green:#b8ef88;max-width:1120px;margin:auto;color:#edf5e9;overflow-x:clip}.player-hub button,.hub-dialog button{font:inherit;cursor:pointer}.player-hub h2,.player-hub h3,.player-hub h4{margin:0;line-height:1.15;overflow-wrap:anywhere}.player-hub button:focus-visible,.hub-dialog button:focus-visible{outline:3px solid #c3f48f;outline-offset:3px}
#capoeirista:has(.player-hub)>h2{display:none}.hub-hero{padding:20px 2px 24px}.hub-person{display:flex;align-items:center;gap:15px}.hub-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#1d362b;border:2px solid #658d54}.hub-person>div{min-width:0;flex:1}.hub-person h2{font-size:clamp(24px,3vw,34px);overflow-wrap:anywhere}.hub-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:10px;color:#aac69a;font-weight:700;display:block;margin-bottom:7px}.hub-settings-button{flex-shrink:0}.hub-settings-button>span,.hub-dialog .dialog-head>.icon-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hub-total{display:flex;align-items:baseline;gap:9px;padding:22px 0 0 80px}.hub-total>.ui-icon{width:23px;height:23px;color:#bfed7c;align-self:center}.hub-total b{font-size:42px;letter-spacing:-.04em;color:#daf3bb}.hub-total span{font-size:12px;color:#b5c8ad}
.hub-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:start}.hub-overview{display:grid;gap:18px;min-width:0}.hub-panel{border:1px solid var(--hub-line);border-radius:24px;background:linear-gradient(135deg,#132820,#11241f);padding:22px;min-width:0}.hub-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.hub-heading h3,.hub-chart>h3{font-size:20px}.hub-link{padding:4px 0;background:none;border:0;color:#bce795;font-size:11px!important;display:flex;align-items:center;gap:6px}.hub-link .ui-icon{width:17px;height:17px;order:1}
.hub-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hub-stat{display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;border-radius:20px;background:#1a3126;border:1px solid #38533e;padding:18px}.hub-stat>.ui-icon{width:27px;height:27px;color:#adcf89;grid-row:1/3}.hub-stat b{font-size:25px;line-height:1.2}.hub-stat small{font-size:11px;color:var(--hub-muted)}
.hub-chart .progress-radar{display:block;width:100%;max-height:285px;margin:0 auto}.hub-chart .radar-details{font-size:12px;background:#10271d;padding:12px;border:1px solid #3b5847;border-radius:14px;overflow:auto}.hub-chart .radar-details[hidden]{display:none}.hub-chart>.small-note{font-size:11px;margin:8px 0 0;color:#9ab69b}.hub-chart .radar-details h4{font-size:14px}.hub-chart .radar-details table{font-size:11px}.hub-chart .radar-current{fill:#a8e97644;stroke:#abe77c}
.hub-medal-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-medal{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;color:#e7eed8;border:0;background:none;padding:0;min-width:0}.hub-medal>img{width:100%;max-width:94px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 8px #0004)}.hub-medal>span{font-size:11px;line-height:1.25;min-height:28px}.hub-medal-check{position:absolute;top:4px;right:3px;width:18px;height:18px;border-radius:50%;background:#b3e97d;color:#14321c;font-size:12px}.hub-medal.bronze>img{filter:sepia(.65) saturate(.7) hue-rotate(340deg)}.hub-medal.silver>img{filter:grayscale(1) brightness(1.2)}.hub-medal.emerald>img{filter:hue-rotate(32deg) saturate(.8)}.hub-medal.sun>img{filter:brightness(1.12) drop-shadow(0 0 9px #a6db4a50)}.hub-medal.locked>img{filter:grayscale(1) brightness(.65);opacity:.55}.hub-medal.locked>span{color:#9dac9f}
.hub-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#294631;color:#dcf7c5;border:1px solid #547747;border-radius:14px;min-height:44px;padding:10px 16px}.hub-button>.ui-icon{width:20px;height:20px}.hub-button:disabled{opacity:.6}.hub-tabs,.hub-scope{display:flex;gap:5px;background:#0b1d17;border-radius:15px;padding:5px;margin-bottom:20px}.hub-tabs>button,.hub-scope>button{border:0;color:#acc0b2;background:none;border-radius:11px;min-height:42px;padding:8px 10px;flex:1;font-size:12px;font-weight:700}.hub-tabs>button.selected{background:#bce995;color:#173022}.hub-scope{margin-top:18px;background:none;border-bottom:1px solid #355141;border-radius:0;padding:0;gap:14px}.hub-scope>button{border-radius:0}.hub-scope>button.selected{color:#c5eea0;border-bottom:2px solid #bce995}.hub-group-name{font-size:12px;color:#b7cfad;text-align:center}.hub-your-rank{display:flex;align-items:center;gap:9px;background:linear-gradient(110deg,#2b482d,#1b3627);border:1px solid #6b8c4e;border-radius:17px;padding:13px 16px;flex-wrap:wrap}.hub-your-rank>span{font-size:12px;color:#d4e6c9}.hub-your-rank>b{font-size:29px;line-height:1}.hub-your-rank>small{flex:1;text-align:right;font-size:11px;color:#b9d4a6}
.hub-podium{display:flex;align-items:end;justify-content:center;gap:7px;margin:23px 0 18px}.hub-podium-place{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:0;border-radius:17px;background:#223a2b;border:1px solid #3d5c3e;padding:6px 5px 15px;position:relative}.hub-podium-place>img{height:64px;width:64px;object-fit:contain;margin-top:-10px}.hub-podium-place>b{font-size:12px;margin-top:-6px;color:#dfd39b}.hub-podium-place>strong{font-size:12px;line-height:1.2;min-height:30px;max-width:100%;overflow-wrap:anywhere;margin:10px 0 4px}.hub-podium-place>small{font-size:11px;color:#c8d8bb}.hub-podium-place.place-1{order:1;background:linear-gradient(155deg,#3d4929,#243c28);border-color:#8c9956;padding-bottom:26px}.hub-podium-place.place-1>img{width:82px;height:82px}.hub-podium-place.place-2{order:0}.hub-podium-place.place-2>img{filter:grayscale(1)}.hub-podium-place.place-3{order:2}.hub-podium-place.place-3>img{filter:sepia(.6) hue-rotate(340deg) saturate(.7)}.hub-podium-place.is-me{box-shadow:0 0 0 2px #bce995}
.hub-rank-row{display:grid;grid-template-columns:26px 30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 6px;border-bottom:1px solid #2b4638;font-size:12px}.hub-rank-row.is-me{background:#2a4731;border-radius:12px;color:#d5f9b5}.hub-rank-row strong{font-size:12px;color:#c9e1b5}.hub-rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-place{color:#9cb39f;font-size:12px}.hub-initial{width:28px;height:28px;display:grid;place-items:center;background:#304a38;border-radius:50%;color:#d7e8cd}.hub-rank-gap{text-align:center;letter-spacing:5px;color:#739074;padding:7px}.hub-note{display:block;color:#a4b5a7;font-size:11px;line-height:1.4;margin:12px 0 0}.hub-empty{text-align:center;padding:24px 12px;color:#b6c5b3}.hub-empty>.ui-icon{width:45px;height:45px;color:#a4c880}.hub-empty>img{width:100%;max-width:280px;aspect-ratio:3/2;object-fit:cover;border-radius:20px}.hub-empty p{font-size:13px}
.hub-challenges{margin-top:20px}.hub-challenges>.hub-tabs{width:min(100%,380px)}.hub-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hub-task{border:1px solid #3b5942;border-radius:20px;overflow:hidden;background:#1a3023;min-width:0;display:flex;flex-direction:column}.hub-task-art{position:relative}.hub-task-art>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.hub-day{position:absolute;top:10px;left:10px;background:#16321dd9;color:#d4edbe;border:1px solid #89ae6655;font-size:10px;border-radius:10px;padding:5px 9px}.hub-task-body{padding:16px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.hub-task-body h4{font-size:18px;line-height:1.2;min-height:42px;overflow-wrap:anywhere}.hub-task-body>.hub-kicker{font-size:9px;letter-spacing:.07em}.hub-task-moves{display:flex;gap:7px;margin:8px 0 12px}.hub-task-moves>img{width:36px;height:36px;object-fit:contain;padding:4px;background:#102519;border-radius:10px}.hub-task-go{margin-top:auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;background:#bddf8d;color:#18351f;border:0;border-radius:12px;gap:8px;padding:8px;font-weight:700!important;font-size:12px!important}.hub-task-go>.ui-icon{width:18px;height:18px}.hub-task .earned-stars{margin:10px 0 15px}.hub-task.completed{border-color:#7b8b4f}.hub-task .hub-note{margin:0 0 10px}
.hub-dialog{background:#12261e;color:#e4f0dc;border:1px solid #536c48;border-radius:25px;max-width:650px}.hub-dialog .dialog-head{position:sticky;top:-24px;z-index:1;background:#12261e;padding:8px 0 15px}.hub-dialog .dialog-head h2{font-size:23px}.hub-dialog .card{background:#1c3427;border:1px solid #38543e;border-radius:16px;margin-bottom:14px;padding:16px}.hub-dialog .ipt{min-width:0;color:#e3f3d9;background:#12291e;border-color:#4e6849}.hub-dialog .status:empty{display:none}.hub-rank-setup{margin:20px 0 0;border-top:1px solid #39513b;padding-top:16px}.hub-rank-setup>summary{font-size:13px;margin-bottom:12px;cursor:pointer}.hub-medal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.hub-medal-grid .hub-medal>img{max-width:125px}.hub-award{text-align:center;padding:10px 20px 25px}.hub-award>img{width:230px;display:block;margin:0 auto 15px}.hub-award>strong{color:#c6ef94}.hub-award progress{width:100%;accent-color:#b9e988;height:10px}
@media(max-width:720px){#home .path-grid,#play .path-grid{grid-template-columns:1fr;gap:16px}#home .path-card,#play .path-card{aspect-ratio:3/2;border-radius:23px}#home .path-card .path-label,#play .path-card .path-label{font-size:29px;left:20px;bottom:19px}.hub-layout{grid-template-columns:1fr;gap:16px}.hub-hero{padding-top:8px}.hub-total{padding-left:0;justify-content:center;padding-top:20px}.hub-total b{font-size:40px}.hub-panel{padding:19px;border-radius:22px}.hub-avatar{width:52px;height:52px}.hub-person{gap:11px}.hub-person h2{font-size:26px}.hub-heading h3{font-size:19px}.hub-chart .progress-radar{max-height:270px}.hub-task-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -19px;padding:0 19px 10px;gap:14px}.hub-task{flex:0 0 79%;scroll-snap-align:center;max-width:300px}.hub-task-grid>.hub-empty{width:100%}.hub-medal>span{font-size:10px}.homework-callout.challenge-browse{display:block;position:relative;aspect-ratio:3/2;padding:0;min-height:0}.homework-callout.challenge-browse>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.homework-callout.challenge-browse>span{position:absolute;bottom:20px;left:20px}.homework-callout.challenge-browse>.ui-icon{position:absolute;right:20px;bottom:22px}.challenge-browse strong{font-size:28px}#homework-callout>img{width:110px;height:110px}.hub-dialog{padding:20px;max-width:94vw}.hub-dialog .dialog-head{top:-20px}.hub-person .hub-settings-button{width:42px;height:42px;min-width:42px}.hub-stats{gap:10px}.hub-stat{padding:15px}.homework-task .challenge-cover{height:auto;aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){#home .path-card,#play .path-card{transition:none}#home .path-card:hover,#play .path-card:hover{transform:none}}