/* CapoeiraTrainer: neon movement artwork, quiet chrome, thumb-sized controls. */
:root{--verde:#7be66b;--verde-deep:#28663f;--amarelo:#b4f580;--bg:#0b1419;--card:#142128;--card2:#1c2e35;--line:#2b4047;--ink:#f4f8f5;--ink-dim:#abbfb9;--ink-faint:#819b92}
[hidden]{display:none!important}body{background:var(--bg)}header{background:#0c161df2;border-bottom:1px solid #243a3e;backdrop-filter:blur(18px)}main{padding-bottom:110px}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d7ffc7;outline-offset:4px}
.ui-icon{width:23px;height:23px;flex:0 0 auto;display:inline-block;vertical-align:middle;pointer-events:none}.app-control{display:inline-flex;align-items:center;justify-content:center;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#172a30;color:var(--verde);cursor:pointer}
.desktop-topnav{display:none!important}#bottom-nav{display:flex!important;position:fixed;z-index:150;bottom:0;left:0;right:0;gap:0;background:#0d1b22f5;border-top:1px solid #345048;backdrop-filter:blur(18px);padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));justify-content:center}
#bottom-nav #role-nav{display:contents}#bottom-nav .nav-tab,#bottom-nav .role-tool{position:relative;flex:1 1 0;max-width:200px;min-width:0;min-height:61px;border:0!important;border-radius:12px;background:none!important;color:#92aaa1!important;display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:650;padding:6px 3px;white-space:normal;text-align:center;line-height:1.2;letter-spacing:0}
#bottom-nav .nav-tab .nav-img{width:28px!important;height:28px!important;object-fit:contain;filter:none;opacity:.65}#bottom-nav .nav-label{font-size:11px!important}#bottom-nav .on{color:var(--verde)!important;background:#263c2b80!important}#bottom-nav .on .nav-img{opacity:1}#bottom-nav .role-tool .ui-icon{width:25px;height:25px}#role-nav:empty{display:none!important}
.home-title{font-size:clamp(25px,4vw,35px);letter-spacing:-1px;text-align:left;max-width:920px;margin:10px auto 22px}.path-grid{gap:16px}.path-card,.path-play,.path-duo{background:linear-gradient(140deg,#1f3834,#102128);border:1px solid #38534b;color:#d9f9d1;border-radius:24px;padding:15px 15px 24px;box-shadow:0 18px 45px #0003}.path-card:hover{border-color:var(--verde);transform:translateY(-2px)}.path-card img{height:clamp(160px,25vw,260px);aspect-ratio:auto;object-fit:contain;border-radius:0;filter:none}.path-label{font-size:clamp(27px,3vw,34px);letter-spacing:-1px;padding:14px 15px 0}.path-arrow{color:var(--verde);right:25px;bottom:24px}.player-count{background:#274331;color:var(--verde);border:1px solid #4c7254;top:16px;left:16px}
.homework-callout{width:100%;max-width:920px;margin:0 auto 22px;display:flex;align-items:center;gap:16px;text-align:left;padding:10px 17px;border:1px solid #76c66f;border-radius:20px;background:linear-gradient(110deg,#223e2e,#142b29);color:var(--ink);cursor:pointer}.homework-callout>img{width:84px;height:84px;object-fit:contain}.homework-callout>span{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.homework-callout small{color:var(--verde);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.homework-callout strong{font-size:18px;overflow:hidden;text-overflow:ellipsis}.homework-callout span span{font-size:11px;color:var(--ink-dim)}.homework-callout>.ui-icon{color:var(--verde)}
#camera{max-width:980px;margin:auto}#camera>h2{font-size:25px;margin:0 0 15px}#mode-pills{display:flex!important;gap:6px!important;flex-wrap:nowrap!important;margin:0 0 18px!important;background:#14252c;padding:5px;border-radius:17px;width:fit-content;max-width:100%}#mode-pills .pillbtn{border:0!important;min-width:88px;min-height:42px;background:transparent;color:var(--ink-dim);padding:8px 14px!important;font-size:13px!important;white-space:nowrap}#mode-pills .pillbtn.on{background:var(--verde);color:#102716}.mode-symbol{background:none!important;color:inherit!important;width:20px!important;height:20px!important;font-size:17px}#mode-pills .pimg{display:none!important}
#training-level-help,#mode-hint,#cam-fsbar,#cam-gear,.debug-stat{display:none!important}#camera>.btn-row:empty{display:none}#camera>#cam-status{font-size:12px;min-height:0;margin:7px 0}#session-setup{background:#13232a;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:15px}.setup-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:750;margin-bottom:11px}#setup-note{font-size:11px;font-weight:400;color:var(--ink-dim)}#diff-pills{margin:0!important;gap:8px}#diff-pills .pillbtn{background:#192e34;border:1px solid #31494b;border-radius:13px;min-height:59px;padding:8px!important;font-size:12px}.difficulty-stars{color:var(--verde);font-size:16px;line-height:1.2}#diff-pills .on{background:#2b4830;color:#ddffd2;border-color:var(--verde)}#diff-pills .on .difficulty-stars{color:var(--verde)}
#vid-wrap{position:relative;height:clamp(360px,58vh,580px)!important;min-height:330px!important;border:1px solid #355147;border-radius:22px;background:radial-gradient(ellipse at center,#182e2e,#0c191f 72%);overflow:hidden}#camera-guide{inset:62px 0 85px;gap:8px}#camera-guide img{height:80%;max-width:60%;object-fit:contain;opacity:.68}#camera-guide span{font-size:11px;color:#c7e4cd}#cam,#pose-canvas{object-fit:contain!important}
#camera-toolbar{position:absolute;top:10px;left:10px;right:10px;z-index:75;display:flex;align-items:center;gap:8px;justify-content:space-between;pointer-events:none}#camera-toolbar>*{pointer-events:auto}.camera-tools{display:flex;gap:5px;flex-shrink:0}.camera-tools>button{position:static!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:9px!important;margin:0!important;border-radius:13px!important;background:#0a171dda!important;color:#93bfa0!important;border:1px solid #3a5149!important;font-size:16px!important}.camera-tools>button.on{color:var(--verde)!important;background:#24472ce6!important;border-color:#649a67!important}.camera-tools .ui-icon{height:21px;width:21px}#cam-demo-toggle::after{content:none!important}.session-move{display:flex;gap:8px;align-items:center;min-height:42px;min-width:0;max-width:45%;padding:8px 11px;border:1px solid #456348;border-radius:13px;background:#102821eb;color:var(--verde);cursor:pointer;text-align:left}.session-move span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.session-move .ui-icon{height:18px;width:18px}
#camera-transport{position:absolute;left:12px;right:12px;bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:75}#camera-transport #cam-start,#camera-transport #cam-stop{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;min-height:54px;min-width:180px;max-width:72%;padding:12px 26px;border-radius:18px;font-size:16px;box-shadow:0 10px 30px #0005}#cam-start{background:var(--verde);color:#142b1d}#camera-transport .hidden{display:none!important}#session-options{background:#12272bea;color:#abcbb3}#app-exit-fullscreen{display:none!important}.cuechip{bottom:88px!important;max-width:90%;font-size:16px!important;pointer-events:none}.statgrid{margin-top:11px;gap:7px!important}.stat{padding:11px 5px;border:1px solid #263f40;border-radius:13px;background:#14252b}.stat .v{font-size:22px}.stat .l{font-size:10px;margin-top:5px}.stat .l>[aria-hidden]{display:none}#solo-goal{margin:12px 0}.meter{height:5px}.meter.big{height:7px}#camera>#acc-cards{margin-top:18px}
.app-dialog{color:var(--ink);background:#112127;border:1px solid #47604f;border-radius:23px;padding:21px;width:min(94vw,650px);max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #000b}.app-dialog::backdrop{background:#030b10bf;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.dialog-head h2{font-size:22px;letter-spacing:-.6px;margin:0}.dialog-head>.icon-button{flex-shrink:0}.preview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.preview-tabs button{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #345047;background:#182d32;color:#adc6b8;border-radius:13px;min-height:45px;padding:9px;cursor:pointer}.preview-tabs button.on{background:#294b31;color:var(--verde);border-color:#79bd6e}.preview-tabs button:disabled{opacity:.35;cursor:default}#preview-media{border-radius:16px;overflow:hidden;background:#0a171d}#preview-media video,#preview-media canvas{display:block;width:100%;height:min(44vh,390px);object-fit:contain}#preview-empty{padding:20px;text-align:center;color:var(--ink-dim);font-size:13px}.preview-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.preview-controls input{flex:1;min-width:0;accent-color:var(--verde)}.preview-controls output{font-size:12px;white-space:nowrap}.preview-note{font-size:11px;line-height:1.5;color:#aac0b4}.preview-controls>.icon-button{height:42px;min-height:42px}.preview-note:empty{display:none}#preview-train{width:100%;display:flex;gap:9px;align-items:center;justify-content:center;background:var(--verde);color:#14301b;border-radius:14px}#preview-angles{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.move-picker{width:min(95vw,820px)}.move-picker #acc-move{border:0;margin:0;background:none}.move-picker #acc-move>.ctrl-header{display:none}.move-picker #acc-move>.ctrl-body{display:block;padding:0}#move-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px!important}.move-choice{position:relative;min-width:0}.move-choice>.pillbtn{width:100%;height:145px;min-height:0!important;padding:14px 8px 12px!important;margin:0;border:1px solid #344e45;background:#172d30!important;color:#e0f0e5;border-radius:18px!important;gap:8px!important}.move-choice>.pillbtn.on{background:#284631!important;border-color:var(--verde);color:#e5ffdb!important}.move-choice .pimg{width:75px!important;height:75px!important;filter:none!important}.move-preview-trigger{position:absolute;top:5px;right:5px;width:35px;height:35px;min-height:35px;display:grid;place-items:center;border:1px solid #52735b;border-radius:11px;background:#142b23;color:var(--verde);cursor:pointer}.move-preview-trigger .ui-icon{width:17px;height:17px}.move-preview-trigger.feature-locked{opacity:.45}.mimg{object-fit:contain!important}.card-vid-badge{color:var(--verde)}
.homework-task{padding:12px 0 20px;border-bottom:1px solid var(--line)}.homework-task h3{margin:0 0 12px}.homework-sequence{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.homework-move{min-width:95px;max-width:120px;background:#1b3032;border:1px solid #405547;border-radius:12px;padding:8px;color:var(--ink);display:flex;align-items:center;flex-direction:column;gap:6px;font-size:11px;cursor:pointer}.homework-move img{width:57px;height:57px;object-fit:contain}.homework-move.complete{border-color:var(--verde);background:#264f30}.homework-task video{width:100%;max-height:230px;border-radius:12px;margin-top:12px}.homework-task .bigbtn{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;background:var(--verde);color:#17351d}.homework-task p,.homework-session-result{font-size:12px;color:var(--verde)}.homework-task button:disabled{opacity:.4;cursor:default}.compact-dialog{max-width:390px}.voice-info{font-size:12px;line-height:1.5;color:var(--ink-dim)}#insane-toggle{width:100%;min-height:52px;margin-bottom:12px;color:var(--verde);border-radius:14px;background:#223c2e}.no-bonus+#voice-info{margin-top:0}
.creator-capture-choices .capture-choice{background:#1b3730!important;color:var(--verde)!important;border:1px solid #44654d}.capture-choice>.ui-icon{width:51px;height:51px}.creator-action{background:#1e3e2d;color:var(--verde);border:1px solid #619759}.creator-ai{background:var(--verde);color:#163622}.creator-save{background:#284d33;color:#ddffd0}.creator-steps li{background:#192d30}.creator-steps .current{border-color:var(--verde)}.creator-steps .done{color:var(--verde)}#cc-type button{border-radius:13px;min-height:44px;background:#1c3036}.minibtn{min-width:38px;min-height:38px;padding:7px!important}.minibtn .ui-icon{height:18px;width:18px}#mc-lib-list .app-control{color:#a6d39e}#mc-lib-list [data-mla="delclip"],#mc-lib-list [data-mla="del"]{color:#d3988d}.ui-icon+span{vertical-align:middle}#movecreator h2{display:flex;gap:11px;align-items:center}.header-brand h1{font-weight:800}.header-brand img{border-radius:50%!important}#xp-pill .ui-icon{width:15px;height:15px}#user-profile-pill img{filter:none}#user-profile-pill{background:#1a3032;color:#dcece0}.rolebadge{color:var(--verde)!important}
/* Fullscreen follows the device's orientation. No CSS rotation or hidden gesture bar. */
body:has(#camera.fsmode) header,body:has(#camera.fsmode) #bottom-nav{display:none!important}#camera.fsmode{position:fixed;inset:0!important;width:100%!important;height:100dvh!important;transform:none!important;padding:0!important;margin:0;max-width:none;background:#081218;z-index:500;overflow:hidden}#camera.fsmode #vid-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0;border:0}#camera.fsmode #camera-toolbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto}#camera.fsmode #camera-transport{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:12px;right:12px}#camera.fsmode #mode-pills,#camera.fsmode #session-setup,#camera.fsmode>#cam-status,#camera.fsmode #cam-fs,#camera.fsmode #free-panel,#camera.fsmode #solo-goal{display:none!important}#camera.fsmode #app-exit-fullscreen{display:inline-flex!important}#camera.fsmode .statgrid{position:absolute;top:74px;left:50%;transform:translateX(-50%);width:auto;display:flex;justify-content:center;gap:4px!important;padding:5px 8px;background:#0d201cbc;border:1px solid #304e3f;border-radius:13px;z-index:74;max-width:80vw}.fsmode .stat{padding:1px 9px;background:none;border:0}.fsmode .stat .v{font-size:18px}.fsmode .stat .l{font-size:8px;letter-spacing:0}.fsmode #camera-guide{inset:115px 0 115px}.fsmode #cam-summary{z-index:90!important;top:130px;bottom:100px!important;left:5vw!important;right:5vw!important;max-height:none!important;margin:0!important}.fsmode #cue-chip{position:absolute!important;bottom:100px!important}.fsmode .vbar{top:135px;bottom:110px;width:25px}.fsmode .countdown{z-index:80}.fsmode #cam-demo-pip{display:none!important}#camera.fsmode #suggest-chip{font-size:13px}.fsmode #camera-transport .bigbtn{min-width:160px!important}
@media(max-width:639px){main{padding:18px 14px 100px}.header-brand h1{font-size:17px!important;letter-spacing:-.5px}.header-brand img{width:28px!important;height:28px!important}header{height:62px;gap:6px;padding:0 12px}#xp-pill{display:none}#user-profile-pill{padding:7px!important;min-height:34px;min-width:34px}#user-profile-pill span{display:none}#lang-btn{font-size:11px}.home-title{font-size:26px;margin-bottom:18px}.path-grid{grid-template-columns:1fr;gap:14px}.path-card{display:grid;grid-template-columns:1.4fr 1fr;min-height:188px;padding:10px 17px 10px 6px;border-radius:22px}.path-card img{height:170px;width:100%;aspect-ratio:auto}.path-label{font-size:28px;padding:0 0 0 10px}.path-arrow{bottom:17px;right:22px;font-size:24px}.homework-callout{gap:9px;padding:8px 12px;margin-bottom:20px}.homework-callout>img{width:65px;height:65px}.homework-callout strong{font-size:15px}.homework-callout small{font-size:9px}#mode-pills{width:100%;justify-content:space-between}#mode-pills .pillbtn{flex:1;min-width:0;font-size:12px!important;padding:8px!important}#camera>h2{padding:0!important;font-size:24px}#setup-note{display:none}#session-setup{padding:12px}.setup-heading{font-size:13px}#vid-wrap{height:420px!important}#camera-toolbar{flex-wrap:wrap;align-items:start}.session-move{max-width:43%;padding:9px 7px}.camera-tools{gap:4px}.camera-tools>button{min-width:35px!important;width:35px!important;height:37px!important;min-height:37px!important;padding:8px!important;border-radius:11px!important}.camera-tools .ui-icon{width:18px;height:18px}.session-move .ui-icon{display:none}.session-move span{font-size:11px}#camera-transport #cam-start,#camera-transport #cam-stop{font-size:15px;min-width:160px}.app-dialog{padding:15px;width:calc(100vw - 20px);border-radius:20px}.dialog-head h2{font-size:20px}#move-pills{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.move-choice>.pillbtn{height:142px;padding:12px 5px!important;font-size:10px!important}.move-choice .pimg{height:70px!important;width:70px!important}.move-preview-trigger{width:33px;height:33px;min-height:33px;top:4px;right:4px}.creator-steps{gap:5px}.creator-steps li{font-size:10px;gap:4px}.creator-capture-choices .capture-choice{gap:7px;padding:17px}.creator-actions .ui-icon{height:30px;width:30px}#cc-type{gap:5px;flex-wrap:nowrap;overflow:auto}#cc-type button{min-width:0;font-size:11px;gap:5px;padding:8px}#cc-type .ui-icon{height:18px;width:18px}.clip-range-actions .ui-icon{width:18px;height:18px}}
@media(max-width:370px){.header-brand h1{font-size:14px!important}.header-brand img{width:22px!important;height:22px!important}.camera-tools>button{width:32px!important;min-width:32px!important;padding:6px!important}#bottom-nav .role-tool,#bottom-nav .nav-label{font-size:10px!important}.session-move{max-width:37%}}
@media(orientation:landscape) and (max-height:550px){#camera.fsmode .statgrid{top:12px;left:50%;max-width:35vw;transform:translateX(-50%)}#camera.fsmode #camera-toolbar{align-items:start}.fsmode .session-move{max-width:24%}.fsmode .stat .l{display:none}.fsmode .stat{padding:2px 6px}.fsmode #camera-transport{bottom:12px}.fsmode #camera-guide{inset:60px 0 80px}.fsmode #cam-summary{top:65px;bottom:75px!important}.fsmode #camera-transport .bigbtn{min-height:45px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.app-dialog{margin:auto!important;inset:0;max-width:calc(100vw - 24px);box-sizing:border-box}
#cc-type button.on{background:var(--verde);color:#16301d;border-color:var(--verde)}
#camera.mode-roda .vbar{display:none!important}#user-profile-pill>.ui-icon{width:20px;height:20px;color:var(--verde)}
#duo-setup{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}#duo-setup #roda-trackmode{display:flex;gap:7px}#duo-setup #roda-trackmode button{flex:1;min-height:44px;font-size:12px;gap:7px}#duo-setup #roda-trackmode .on{background:#2b4830;border-color:var(--verde);color:var(--verde)}#duo-setup #roda-names{display:grid;grid-template-columns:1fr 1fr;gap:8px}#roda-names input{min-width:0;width:100%;box-sizing:border-box;font-size:12px}#roda-info{font-size:10px;color:var(--ink-dim)}#roda-info:has(#roda-target-lbl:empty){display:none}#roda-bars{display:none!important}#camera.mode-roda .statgrid{display:none!important}#camera-duo-score{position:absolute;top:64px;left:12px;right:12px;display:flex;gap:10px;z-index:76;pointer-events:none}.camera-player-score{flex:1;min-width:0;padding:8px 10px;background:#0a1c21dc;border:1px solid #365448;border-radius:13px}.camera-player-score .goalcap{margin:0 0 5px;font-size:11px;gap:8px}.camera-player-score .goalcap>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-player-score .meter{height:4px}.mode-roda #camera-guide{inset:115px 0 85px}.fsmode.mode-roda #camera-guide{inset:125px 0 115px}
@media(orientation:landscape) and (max-height:550px){.fsmode #camera-duo-score{top:12px;left:25%;right:25%}.fsmode.mode-roda #camera-guide{inset:70px 0 85px}.camera-player-score .goalcap{font-size:10px}.camera-player-score{padding:5px 8px}}
#camera.fsmode #vid-wrap{z-index:1!important}#camera.fsmode .statgrid{z-index:90!important}#camera.fsmode #free-panel:not(.hidden){display:contents!important}#camera.fsmode #free-panel>.card{display:none}#camera.fsmode #suggest-chip{top:130px!important;bottom:auto!important;font-size:13px;padding:7px 13px;max-width:80vw}
@media(max-width:639px){.camera-tools>button{min-width:40px!important;width:40px!important;height:42px!important;min-height:42px!important}.session-move{max-width:36%}.move-preview-trigger{width:40px;height:40px;min-height:40px}#bottom-nav .role-tool{font-size:10px}#camera-toolbar{gap:4px}}
@media(orientation:landscape) and (max-height:550px){#camera.fsmode #suggest-chip{top:58px!important}#camera.fsmode .statgrid{max-width:32vw}}
.library-clip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-clip-name .ui-icon{width:17px;height:17px;color:var(--verde)}.library-move-row>img{object-fit:contain!important}.mcard{font:inherit;text-align:center;cursor:pointer;width:100%}.mcard .card-vid-badge{background:#203d29;color:var(--verde);padding:5px;display:grid;place-items:center;border-radius:9px}.mcard .card-vid-badge .ui-icon{height:15px;width:15px}
@media(max-width:639px){.library-clip-row{flex-wrap:wrap;margin-bottom:10px!important;padding:10px!important;border:1px solid #2b4540;border-radius:12px}.library-clip-name{flex-basis:100%!important;max-width:100%}.library-clip-row .minibtn{flex:1;min-width:35px}.library-move-row{gap:5px!important}.library-move-row>b{min-width:0;overflow:hidden;text-overflow:ellipsis}.library-move-row>.pillbtn{min-height:30px}.library-move-row>.minibtn{min-width:33px!important;padding:6px!important}.library-move-row>img{width:27px!important;height:27px!important}}

#session-options-dialog #session-option-items .pillbtn{color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px}
#session-options-dialog #session-option-items .pillbtn.on{background:#31532f;color:#c1ff9e!important;border-color:#7be66b}
#session-options-dialog #session-option-items .pillbtn.on *{color:inherit!important;stroke:currentColor}