@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Montserrat:wght@500;600;700;800&display=swap";.pub{overflow-x:clip}.lp-top.ph{--lp-blue:#4a85b8;--lp-blue-d:#3c74a5;--lp-orange:#f5a55a;gap:20px;justify-content:flex-start}.ph .lp-brand{text-decoration:none}.ph-nav{display:flex;align-items:center;gap:2px;margin-right:auto}.ph-group{position:relative}.ph-trigger{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:15px;font-weight:700;padding:10px 12px;border-radius:10px}.ph-trigger:hover,.ph-trigger[aria-expanded=true]{background:#fff2}.ph-trigger svg{transition:transform .15s}.ph-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.ph-panel{position:absolute;top:100%;left:0;min-width:250px;padding:8px;background:var(--lp-blue-d);border-radius:0 0 14px 14px;box-shadow:0 10px 24px #0003;display:flex;flex-direction:column;z-index:40}.ph-panel[hidden],.ph-drawer[hidden]{display:none}.ph-item{display:block;width:100%;text-align:left;color:#fff;font-size:15px;font-weight:600;padding:10px 12px;border-radius:10px;text-decoration:none}.ph-item:hover,.ph-item:focus-visible{background:#ffffff26}.ph-right{display:flex;align-items:center;gap:10px}.ph-burger{display:none;color:#fff;padding:6px;border-radius:10px}.ph-burger:hover{background:#fff2}.ph-drawer{display:none}@media(max-width:900px){.lp-top.ph{padding:0 16px;justify-content:space-between}.lp-top.ph .ph-nav,.ph-right>.lp-link,.ph-right>.lp-btn{display:none}.ph-burger{display:inline-flex}.ph-drawer{position:fixed;z-index:35;top:64px;left:0;right:0;bottom:0;display:block;overflow-y:auto;background:var(--lp-blue-d);padding:12px 16px 28px}.ph-drawer[hidden]{display:none}.ph-dgroup{padding:10px 0;border-bottom:1px solid #ffffff30}.ph-dgroup strong{display:block;color:#ffd24d;font-family:var(--display);font-size:16px;padding:4px 12px}.ph-dbtns{display:flex;gap:10px;padding-top:18px}.ph-dbtns .lp-btn{flex:1}}@media(max-width:380px){.lp-top.ph .lp-brand{font-size:24px}}#an-toan{scroll-margin-top:84px}.pub-body{min-height:calc(100vh - 154px)}.pub-page{max-width:1040px;margin:0 auto;padding:32px 16px 56px}.pub-page>h1{font-size:36px;margin-bottom:8px}.pub-lead{margin-bottom:22px!important;font-size:17px!important}.pub-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 1px 3px #0000000f;margin-bottom:18px}.pub-card h2{font-size:22px;margin:4px 0 10px}.pub-card h2:not(:first-child){margin-top:20px}.pub-card li{font-size:16px;line-height:1.6;color:var(--lp-text)}.pub-note{font-size:14px!important;margin-top:12px!important;color:var(--lp-text)}.pub-msg{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.pub .lp-btn{min-width:0}.pub-actions.row .lp-btn.small{padding:8px 14px}.pub .seg button{color:var(--lp-ink)}.pub .seg button.on{color:#fff}.pub .level-pick{color:var(--lp-ink)}.pub .level-pick.on b{color:#fff}.pub .level-grid{margin-bottom:6px}.pub-intro{display:flex;gap:24px;align-items:center}.pub-intro h1{font-size:34px;margin-bottom:8px}.pub-intro ul{padding-left:20px;margin:12px 0}.pub-ma{flex:none}.pub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pub-course{display:block;text-decoration:none;margin:0;transition:transform .12s}.pub-course:hover{transform:translateY(-2px)}.pub-course small{color:var(--lp-blue);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pub-course p{font-size:15px;margin-top:6px}.pub-count{display:inline-flex;align-items:center;gap:4px;margin-top:12px;color:var(--lp-blue);font-weight:800}.pub-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:14px;color:var(--lp-text)}.pub-crumbs a{color:var(--lp-blue);font-weight:700}.pub-unit ul{list-style:none;padding:0;display:grid;gap:4px}.pub-unit a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--lp-ink);font-weight:600;text-decoration:none}.pub-unit a:hover{background:#eef4fa}.pub-unit a svg{margin-left:auto;color:var(--lp-blue);flex:none}.pub-unit em{font-style:normal;font-size:12px;font-weight:800;color:#fff;background:#e0564b;border-radius:8px;padding:2px 8px}.pub-lesson small{color:var(--lp-blue);font-weight:700}.pub-lesson h1{font-size:32px;margin:4px 0 12px}.pub-lesson ul{padding-left:20px}.pub-stage{padding:12px 16px}@media(min-width:851px){.pub-stage{height:calc(100vh - 88px)}.pub-stage .workspace{height:100%}}.pub-game{max-width:1100px}.pub-game-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.pub-board{min-width:0}.pub-board .board-wrap{max-width:min(100%,640px)}.pub-side{display:flex;flex-direction:column;gap:14px;min-width:0}.pub-ma-row{display:flex;align-items:center;gap:10px}.pub-bubble{background:#fff;border-radius:14px;padding:10px 14px;font-weight:700;color:var(--lp-ink)!important;box-shadow:0 1px 3px #0000001a}.pub-cta{background:#fff;border-radius:16px;padding:16px;border:2px solid var(--lp-orange)}.pub-cta h2{font-size:20px;margin-bottom:6px}.pub-cta .lp-btn{margin-top:12px;width:100%}.pub-moves{list-style:none;margin:0;padding:8px 12px;background:#fff;border-radius:14px;max-height:240px;overflow-y:auto}.pub-moves li{display:grid;grid-template-columns:34px 1fr 1fr;font-size:15px;padding:3px 0;color:var(--lp-ink)}.pub-moves i{font-style:normal;color:var(--lp-text)}.pub-moves .empty{display:block;color:var(--lp-text)}@media(max-width:850px){.pub-game-grid,.pub-grid{grid-template-columns:minmax(0,1fr)}.pub-page>h1,.pub-intro h1,.pub-lesson h1{font-size:28px}.pub-intro{flex-direction:column;align-items:flex-start}.pub-moves{max-height:140px}}@media(max-width:600px){.ph-drawer{top:56px}}.guest-card .kid-portrait{grid-column:2}.guest-btns{grid-column:1/-1;display:flex;gap:8px;width:100%;margin-top:6px}.guest-btns .btn{flex:1;padding:9px 6px;font-size:15px}.lp.pub-in-app{min-height:0;background:none;overflow:visible}.pub-in-app .pub-page{max-width:1100px;padding:0 0 40px}.pub-in-app .pub-stage{height:calc(100vh - 80px);padding:0}.lp{--lp-blue:#4a85b8;--lp-blue-d:#3c74a5;--lp-ink:#22303f;--lp-text:#4a5563;--lp-orange:#f5a55a;--lp-bg:#f4f4f4;min-height:100vh;background:var(--lp-bg);color:var(--lp-ink);font-family:Montserrat,system-ui,sans-serif;overflow-x:hidden}.lp h1,.lp h2,.lp h3{font-family:var(--display);font-weight:800;text-transform:none;letter-spacing:0;color:var(--lp-ink);margin:0;line-height:1.2}.lp p{margin:0;color:var(--lp-text);font-size:16px;line-height:1.6}.lp ul{margin:0}.lp-top{position:sticky;top:0;z-index:30;height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--lp-blue);box-shadow:0 2px 6px #0002}.lp-top nav{display:flex;align-items:center;gap:10px}.lp-brand{display:flex;align-items:center;gap:4px;font-family:var(--display);font-weight:800;font-size:28px;line-height:1;color:#fff}.lp-brand>span{font-family:Georgia,serif;font-size:36px;color:#ffd24d}.lp-brand b{font-weight:500}.lp-link{color:#fff;font-size:15px;font-weight:600;padding:8px 12px;border-radius:10px}.lp-link:hover{background:#fff2}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:340px;padding:14px 28px;border-radius:14px;background:var(--lp-orange);color:#fff;font-family:var(--display);font-weight:800;font-size:20px;box-shadow:0 3px #d98a3f;transition:filter .15s,transform .1s}.lp-btn:hover{filter:brightness(1.05)}.lp-btn:active{transform:translateY(2px);box-shadow:0 1px #d98a3f}.lp-btn.small{min-width:0;padding:7px 16px;font-size:15px;border-radius:10px}.lp-btn.line{background:#fff;color:var(--lp-blue);box-shadow:0 0 0 2px #d7e3ef inset,0 3px #d7e3ef}.lp-hero{position:relative;height:700px;overflow:hidden}.lp-art-hero{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#8fd0f5}.lp-art-hero picture{display:contents}.lp-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:62% 100%}.lp-art-hero:after{content:"";position:absolute;z-index:3;left:-10%;right:-10%;bottom:-70px;height:120px;border-radius:50%;background:var(--lp-bg)}.lp-hero-copy{position:absolute;z-index:4;left:max(32px,5vw);top:56px;width:min(560px,44vw)}.lp-hero-copy:before{content:"";position:absolute;z-index:-1;top:-60px;right:-90px;bottom:-50px;left:-120px;background:radial-gradient(closest-side,#ffffffd9,#fff9 55%,#fff0);pointer-events:none}.lp-hero h1{font-size:54px;line-height:1.08;color:#1d3a24;text-shadow:0 2px 0 #ffffffcc}@keyframes lp-bob{50%{transform:translateY(-8px)}}.lp-actions.lp-hero-cta{position:absolute;z-index:4;left:0;right:0;bottom:18px;flex-direction:row;justify-content:center;gap:18px;padding:0 16px}.lp-hero-cta .lp-btn{min-width:300px;box-shadow:0 3px #d98a3f,0 10px 24px #1f4d2a40}.lp-actions{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 16px 0}.lp-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:20px 48px;padding:44px 16px 10px}.lp-stats>div{display:flex;align-items:center;gap:12px}.lp-stats strong{display:block;font-family:var(--display);font-weight:800;font-size:28px;line-height:1.1;color:var(--lp-ink)}.lp-stats small{font-size:14px;color:var(--lp-text)}.lp-tile{display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0;overflow:hidden}.lp-stats .lp-tile{width:52px;height:52px;color:#fff;box-shadow:inset 0 -4px #00000026}.c-red{background:#e0564b}.c-teal{background:#3fb8af}.c-yellow{background:#f3b72e}.c-purple{background:#8a6bd1}.lp-sec{max-width:1040px;margin:0 auto;padding:64px 20px 0}.lp-sec>h2{text-align:center;font-size:34px;margin-bottom:10px}.lp-sub{text-align:center;margin-bottom:28px!important}.lp-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lp-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.lp-card-art{position:relative;aspect-ratio:16/10;background:var(--lp-blue)}.lp-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.lp-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:250px;aspect-ratio:1;flex-shrink:0;border-radius:4px;overflow:hidden}.lp-board>span{position:relative;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.lp-board .l{background:#ebecd0}.lp-board .d{background:#5d7aa3}.lp-board .hl{background:#f5b851}.lp-board .piece.art{width:90%;height:90%}.lp-board i{position:absolute;width:30%;height:30%;border-radius:50%;background:#22303f40}.lp-card-body{padding:16px 22px 22px}.lp-card-body h3{display:flex;align-items:center;gap:10px;font-size:23px;margin-bottom:8px}.lp-card-body h3 svg{color:var(--lp-blue)}.lp-card-body p{font-size:15px}.lp-why{background:#fff;border-radius:20px;padding:10px 40px;box-shadow:0 1px 3px #0000000f;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}.lp-why article{padding:34px 0;border-bottom:1px solid #d9d9d9;text-align:center}.lp-why article:nth-last-child(-n+2){border-bottom:0}.lp-why-art{height:180px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:18px}.lp-why-art>span{width:96px;margin:0 -8px;position:relative;z-index:1}.lp-why-art>span svg{display:block;width:100%;height:auto}.lp-why-art .lp-board{width:120px;margin:0 -30px 18px;z-index:0;border-radius:6px}.lp-why-chart{width:auto!important;margin-left:6px!important;color:#fff;background:var(--lp-blue);border-radius:20px;padding:16px;align-self:center}.lp-why h3{font-size:23px;margin-bottom:12px}.lp-why ul{text-align:left;display:inline-block;padding-left:20px}.lp-why li{font-size:15px;line-height:1.6;color:var(--lp-text)}.lp-news{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-news-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.lp-news-card .lp-card-body h3{font-size:19px}.lp-news-art{height:160px;display:flex;align-items:center;justify-content:center;background-image:conic-gradient(#ffffff1f 25%,transparent 0 50%,#ffffff1f 0 75%,transparent 0);background-size:52px 52px}.lp-news-race{display:flex;align-items:center;gap:14px}.lp-news-race>span{display:flex;flex-direction:column;align-items:center;gap:6px}.lp-news-race>span>svg{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid #fff}.lp-news-race b{font-family:var(--display);font-size:22px;color:#fff;line-height:1}.lp-news-race em{font-style:normal;font-family:var(--display);font-weight:800;font-size:26px;color:#ffd24d}.lp-news-cup{color:#ffd24d;filter:drop-shadow(0 4px 0 #00000026)}.lp-news-pieces{display:flex;align-items:flex-end}.lp-news-pieces .piece.art{width:80px;height:80px;margin:0 -6px}.lp-news-pieces .piece.art:nth-child(2){width:100px;height:100px}.lp-news-card.purple .lp-news-art{background-color:#8a6bd1}.lp-news-card.orange .lp-news-art{background-color:#f3a04a}.lp-news-card.green .lp-news-art{background-color:#7aa95c}.lp-news-card.purple h3 svg{color:#8a6bd1}.lp-news-card.orange h3 svg{color:#e08a2e}.lp-news-card.green h3 svg{color:#5f8f43}.lp-band{margin-top:72px;background:var(--lp-blue);text-align:center;padding:56px 16px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.lp-band h2{display:flex;align-items:center;gap:10px;font-size:34px;color:#fff;margin-bottom:12px}.lp-band h2 svg{color:#ffd24d}.lp-band p{color:#eef4fa;font-size:17px;max-width:560px;margin-bottom:26px}.lp-band-kids{display:flex;align-items:flex-end;margin-top:34px}.lp-band-kids span{width:130px;margin:0 -10px;display:block}.lp-band-kids span:nth-child(2n){width:118px}.lp-band-kids svg{display:block;width:100%;height:auto}.lp-final{text-align:center;padding:64px 16px 56px}.lp-final .tma-pose{margin:0 auto}.lp-final h2{font-size:34px;margin-bottom:10px}.lp-final .lp-actions{padding-top:22px}.lp-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px!important;font-size:14px!important;font-weight:600}.lp-safe svg{color:var(--lp-blue)}.lp-foot{background:var(--lp-blue);color:#fff;padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}.lp-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}.lp-foot a{font-size:14px;font-weight:600;opacity:.9}.lp-foot a:hover{opacity:1;text-decoration:underline}.lp-foot small{font-size:13px;opacity:.8}@media(max-width:900px){.lp-hero{height:620px}.lp-hero h1{font-size:40px}.lp-hero-copy{width:min(420px,48vw)}.lp-stats{grid-template-columns:repeat(2,auto)}.lp-news{grid-template-columns:1fr}.lp-news-card{display:grid;grid-template-columns:160px 1fr}.lp-news-art{height:auto;min-height:130px}}@media(max-width:820px){.lp-cards{grid-template-columns:1fr}.lp-why{grid-template-columns:1fr;padding:6px 24px}.lp-why article:nth-last-child(2){border-bottom:1px solid #d9d9d9}}@media(max-width:600px){.lp-top{height:56px;padding:0 12px}.lp-brand{font-size:22px}.lp-brand>span{font-size:28px}.lp-link{padding:6px 8px;font-size:14px}.lp-hero{height:auto;overflow:visible}.lp-art-hero{position:relative;height:400px}.lp-hero-img{object-position:50% 100%}.lp-hero-copy{display:contents}.lp-hero-copy:before{display:none}.lp-hero h1{position:absolute;z-index:4;top:18px;left:0;right:0;padding:0 16px;text-align:center;font-size:28px;text-shadow:0 2px 0 #ffffffd9,0 0 18px #fff,0 0 30px #fff}.lp-art-hero:after{bottom:-40px;height:70px}.lp-actions.lp-hero-cta{position:static;flex-direction:column;align-items:center;padding:20px 16px 0}.lp-hero-cta .lp-btn{min-width:0}.lp-btn{min-width:0;width:100%;font-size:18px}.lp-top .lp-btn{width:auto}.lp-actions{padding:20px 16px 0}.lp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:32px 16px 0}.lp-stats strong{font-size:22px}.lp-stats small{font-size:12px}.lp-stats .lp-tile{width:44px;height:44px}.lp-sec{padding:52px 14px 0}.lp-sec>h2,.lp-final h2,.lp-band h2{font-size:26px}.lp-board{width:170px}.lp-why{padding:4px 18px}.lp-why-art{height:150px}.lp-why-art>span{width:80px}.lp-news-card{grid-template-columns:1fr}.lp-news-art{height:140px}.lp-band{padding-top:44px}.lp-band-kids span{width:76px;margin:0 -7px}.lp-band-kids span:nth-child(2n){width:68px}.lp-foot{padding:22px 16px;justify-content:center;text-align:center}.lp-foot nav{justify-content:center}}@media(prefers-reduced-motion:reduce){.lp *{animation:none!important;transition:none!important}}:root{font-family:Montserrat,system-ui,sans-serif;color:#373027;background:#f7f6f4;font-synthesis:none;font-size:18px;font-weight:400;--red:#c8323f;--red-dark:#a92633;--blue:#4a90c2;--purple:#4a3a55;--ink:#3b3434;--cream:#f2efe6;--display:"Baloo 2","Montserrat",system-ui,sans-serif;--muted:#837f7a;--line:#e7e4df;--radius:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1{font-size:39px;letter-spacing:-1.1px;font-weight:600;line-height:1.4;margin-bottom:10px}h2{font-size:27px;font-weight:600;letter-spacing:-.55px;line-height:1.45}h3{font-size:22px;line-height:1.5;font-weight:600;margin-bottom:8px}h4{font-size:18px;margin-bottom:8px}p{color:var(--mt-605d57,#605d57);line-height:1.85;font-size:20px}small{font-size:17px;line-height:1.6}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--ml-bcab63,#bcab63);outline-offset:3px}input,select,textarea{width:100%;border:1px solid var(--ml-e1ddd7,#e1ddd7);border-radius:8px;background:var(--mb-ffffff,#ffffff);color:var(--mt-373027,#373027);padding:11px 13px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #53432c11}textarea{resize:vertical;min-height:90px;line-height:1.7}select{cursor:pointer}label{display:flex;flex-direction:column;gap:9px;font-size:18px;font-weight:500;margin-bottom:19px}label small{color:var(--muted);font-weight:400}form{display:grid;gap:0}.app{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;background:var(--mb-fcfbf9,#fcfbf9);border-right:1px solid var(--line);padding:32px 18px 16px;z-index:20;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;margin:0 9px 37px;white-space:nowrap;font-size:30px;font-weight:700;letter-spacing:-1px}.brand-light{font-weight:400;color:var(--mt-6b655c,#6b655c)}.brand-mark{display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:53px;color:var(--blue);width:33px}.nav-section{font-size:14px;font-weight:600;letter-spacing:1.5px;color:var(--mt-615d57,#615d57);padding:0 14px;margin-bottom:15px}.nav-section.middle{margin:28px 0 12px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;padding:12px 14px;border-radius:8px;margin:3px 0;color:var(--mt-605d58,#605d58);font-size:17px;font-weight:450;text-align:left;transition:.15s}.nav-item.active{background:var(--mb-eeeae4,#eeeae4);color:var(--mt-52422c,#52422c);font-weight:600}.nav-item:hover{background:var(--mb-f0ede9,#f0ede9)}.nav-item.active:before{content:"";width:3px;height:18px;position:absolute;left:0;background:var(--red);border-radius:0 3px 3px 0}.nav-item b{font-size:14px;background:var(--mb-e2dbd2,#e2dbd2);border-radius:5px;padding:2px 5px;margin-left:auto}.account{border-top:1px solid var(--line);padding:20px 4px 0;display:flex;gap:10px;text-align:left;align-items:center;font-size:15px}.account small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.account>svg{margin-left:auto;color:var(--muted)}.avatar{border-radius:50%;background:#e9e3db;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px;font-weight:600;color:#63533d}.app-body{margin-left:238px;flex:1;min-width:0}.icon-btn{padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--mt-80796f,#80796f)}.icon-btn:hover{background:var(--mb-eae7e2,#eae7e2)}main{padding:34px 40px 0;max-width:1580px;margin:auto}.eyebrow{font-size:14px;letter-spacing:1.8px;font-weight:600;color:var(--mt-655d53,#655d53);margin-bottom:12px}.page-heading{margin-bottom:27px}.page-heading p{font-size:18px;color:var(--mt-605d57,#605d57);margin:0}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.card{background:var(--mb-ffffff,#ffffff);border:1px solid var(--line);border-radius:var(--radius)}.dashboard-grid{display:grid;grid-template-columns:1.95fr 1fr;gap:22px}.daily-hero{background:var(--blue);color:var(--mt-ffffff,#ffffff);padding:31px 32px;border-radius:var(--radius);position:relative;overflow:hidden;min-height:258px}.daily-hero .eyebrow{color:var(--mt-bfac91,#bfac91);font-size:14px}.daily-hero h2{font-size:39px;letter-spacing:-.8px;line-height:1.45;margin:13px 0}.daily-hero p{font-size:15px;color:var(--mt-cac2b7,#cac2b7);max-width:340px;line-height:1.9;position:relative;z-index:1}.hero-bottom{display:flex;gap:20px;align-items:center;margin-top:23px;position:relative;z-index:1}.hero-bottom>span{font-size:14px;display:flex;align-items:center;gap:6px;color:var(--mt-d0c6b8,#d0c6b8)}.hero-knight{font-size:235px;line-height:1;font-family:Georgia,serif;color:var(--mt-af9c8122,#af9c8122);position:absolute;right:0;bottom:10px;transform:rotate(-12deg)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:var(--red);color:var(--mt-ffffff,#ffffff);border:1px solid transparent;border-radius:7px;padding:12px 17px;font-weight:500;font-size:17px;line-height:1.5;transition:.15s}.btn:hover{filter:brightness(1.08)}.btn.cream{background:var(--mb-ede6dd,#ede6dd);color:var(--mt-463825,#463825);padding:12px 17px}.btn.outline{border-color:var(--ml-e3ded7,#e3ded7);color:var(--mt-635a4e,#635a4e);background:#fff}.btn.small{font-size:15px;padding:9px 12px}.btn.full{width:100%}.focus-card{padding:28px 26px;display:flex;flex-direction:column}.card-label{display:flex;gap:9px;align-items:center;font-size:14px;letter-spacing:1px;font-weight:500;color:var(--mt-665d52,#665d52);margin-bottom:19px}.focus-card h3{font-size:30px;line-height:1.5;letter-spacing:-.6px;margin-bottom:13px}.focus-card p{font-size:17px;color:var(--mt-625d55,#625d55);line-height:1.9}.source-line{margin-top:auto;font-size:14px;letter-spacing:1.2px;color:var(--mt-635d54,#635d54);padding-top:12px;border-top:1px solid var(--ml-efece7,#efece7)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:23px 0 30px}.stat{padding:20px 21px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--mt-625d55,#625d55)}.stat-top svg{color:var(--mt-685e50,#685e50)}.stat>strong{display:block;font-size:39px;font-weight:550;letter-spacing:-1px;margin:13px 0 4px}.stat>small{font-size:14px;color:var(--mt-645d54,#645d54)}.dashboard-lower{display:grid;grid-template-columns:1.46fr 1fr;gap:23px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}.section-heading h2{font-size:22px;margin-bottom:7px}.section-heading p{font-size:14px;color:var(--mt-635d55,#635d55);margin:0}.section-heading select{width:102px;font-size:14px;padding:9px}.plan-card{padding:26px 25px 0}.plan-item{display:flex;align-items:center;width:100%;padding:17px 0;border-top:1px solid var(--ml-f0ede9,#f0ede9);gap:13px;text-align:left}.step-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mt-84735c,#84735c);background:var(--mb-f2eee8,#f2eee8)}.step-1{background:var(--mb-f5eee1,#f5eee1);color:var(--mt-ae9161,#ae9161)}.step-2{background:var(--mb-eeeef5,#eeeef5);color:var(--mt-828497,#828497)}.step-3{background:var(--mb-eaf0f3,#eaf0f3);color:var(--mt-6d8b94,#6d8b94)}.plan-text{flex:1}.plan-text strong{font-size:15px;font-weight:550;display:block}.plan-text small{font-size:14px;color:var(--mt-635d55,#635d55);display:block;margin-top:6px}.plan-text small span{padding:0 4px}.duration{font-size:14px;color:var(--mt-645d53,#645d53)}.plan-item>svg{color:var(--mt-675e51,#675e51)}.plan-item:hover .plan-text strong{color:var(--red)}.plan-footer{font-size:14px;color:var(--mt-645d53,#645d53);background:var(--mb-faf8f6,#faf8f6);margin:9px -25px 0;padding:15px 25px;border-radius:0 0 14px 14px;border-top:1px solid var(--ml-f0ece6,#f0ece6);display:flex;align-items:center;gap:7px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--mb-a28f74,#a28f74)}.board-feature{padding:23px 24px}.board-feature .section-heading{margin-bottom:15px}.tag{display:inline-flex;align-items:center;background:var(--mb-f0ece7,#f0ece7);color:var(--mt-665e52,#665e52);font-size:14px;font-weight:600;letter-spacing:.4px;border-radius:4px;padding:5px 8px;line-height:1.4}.tag.green{background:var(--mb-f1ece6,#f1ece6);color:var(--mt-6f5f49,#6f5f49)}.tag.amber{background:var(--mb-fcf1db,#fcf1db);color:var(--mt-8b632d,#8b632d)}.board-feature h3{font-size:22px;margin:10px 0 0}.board-feature-footer{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--mt-645d54,#645d54);margin-top:15px}.board-feature-footer>span{display:flex;align-items:center;gap:6px}.turn-dot{width:8px;height:8px;background:var(--mb-ffffff,#ffffff);border:1px solid var(--ml-a49682,#a49682);border-radius:50%;display:inline-block}.text-btn{color:var(--mt-746045,#746045);font-size:15px;display:inline-flex;gap:5px;align-items:center;font-weight:550;padding:0}.board-wrap{position:relative;width:100%;max-width:650px;margin:auto}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;border-radius:5px;overflow:hidden;box-shadow:0 3px 8px #3a312512;container-type:inline-size;border:4px solid #ede7df}.square{position:relative;aspect-ratio:1;padding:0;display:flex;justify-content:center;align-items:center;min-width:0;border-radius:0;overflow:hidden}.square.light{background:#ece5db}.square.dark{background:#a29077}.square.selected{background:#d0bc69}.square.last{box-shadow:inset 0 0 0 100px #b89f7c50}.piece{font-family:Arial Unicode MS,Apple Symbols,DejaVu Sans,serif;font-size:10cqw;line-height:1;z-index:1;pointer-events:none}.white-piece{color:#fffefa;-webkit-text-stroke:1px #423d35;filter:drop-shadow(0 2px 1px #3b332855)}.black-piece{color:#352d23;-webkit-text-stroke:.5px #282015;filter:drop-shadow(0 2px 1px #ffffff33)}.rank,.file{position:absolute;font-size:1.9cqw;font-weight:600;color:var(--mt-6a5b45,#6a5b45);z-index:2;pointer-events:none}.dark .rank,.dark .file{color:var(--mt-ece5dc,#ece5dc)}.rank{left:5%;top:5%}.file{right:6%;bottom:3%}.legal{width:23%;height:23%;border-radius:50%;background:var(--mb-483e3144,#483e3144);position:absolute;z-index:3;pointer-events:none}.legal.capture{width:95%;height:95%;border:5px solid var(--ml-483e3144,#483e3144);background:transparent}.promotion{position:absolute;z-index:10;top:35%;left:5%;right:5%;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 50px #0004;text-align:center}.promotion>div{display:flex;justify-content:center}.promotion button{font-size:55px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:26px 0;margin-top:25px;border-top:1px solid var(--line);color:var(--mt-645d54,#645d54);font-size:14px}.page-footer>span:first-child{font-size:14px;letter-spacing:2px}.workspace{display:grid;grid-template-columns:minmax(320px,1.28fr) minmax(280px,1fr);gap:28px;align-items:start;max-width:1250px}.player-line{display:flex;align-items:center;gap:11px;padding:14px 0}.player-line strong{display:block;font-size:18px}.player-line small{display:block;color:var(--mt-635d54,#635d54);font-size:14px;margin-top:4px}.player-line>.tag{margin-left:auto}.player-icon{background:var(--mb-eae4dc,#eae4dc);border-radius:7px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;font-size:34px}.clock{margin-left:auto;padding:8px 15px;border-radius:7px;background:var(--mb-ede9e3,#ede9e3);min-width:96px;text-align:center;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:1px}.clock.own{color:var(--mt-ffffff,#ffffff);background:var(--blue)}.board-caption{display:flex;gap:8px;justify-content:space-between;padding:13px 0;color:var(--mt-645d54,#645d54);font-size:14px}.board-caption>span{display:flex;gap:6px;align-items:center}.padded{padding:26px}.padded>.btn{margin:7px 7px 0 0}.padded p{font-size:18px}.padded h2{font-size:27px}.padded h4{margin-top:23px}.concept{padding:23px;margin-top:12px}.concept p{font-size:18px}.concept small{color:var(--mt-655d53,#655d53);font-size:14px}.concept .card-label{margin-bottom:11px}.coach-panel{margin-top:14px;overflow:hidden}.coach-header{padding:22px;display:flex;gap:13px;border-bottom:1px solid var(--line);align-items:center}.coach-avatar{width:43px;height:43px;background:var(--blue);color:#ece6dd;font-size:42px;display:flex;justify-content:center;align-items:center;border-radius:11px}.coach-header h3{font-size:18px;margin-bottom:2px}.coach-header small{font-size:14px;color:var(--mt-645d53,#645d53)}.coach-body{padding:26px}.coach-body h2{font-size:29px;line-height:1.6;margin-top:18px}.coach-body p{font-size:18px}.coach-body>.muted{display:block;font-size:14px;text-align:center;margin-top:13px}.coach-foot{background:var(--mb-f8f5f2,#f8f5f2);font-size:14px;color:var(--mt-675e51,#675e51);padding:17px 20px;display:flex;gap:8px;align-items:center;border-top:1px solid var(--line)}.hint-track{display:flex;gap:6px;margin:25px 0 12px}.hint-track span{height:4px;flex:1;background:var(--mb-ede8e2,#ede8e2);border-radius:4px}.hint-track span.on{background:var(--mb-917d60,#917d60)}.hint-box{padding:16px;background:var(--mb-f4f0eb,#f4f0eb);border:1px solid var(--ml-e8e0d5,#e8e0d5);border-radius:8px;margin:18px 0}.hint-box>div{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--mt-776040,#776040)}.hint-box p{margin:10px 0 0}.hint-box strong{font-size:18px;display:block;margin-top:12px}.hint-box>.analysis{display:block}.analysis{border:1px solid var(--ml-e8e3dc,#e8e3dc);border-radius:8px;margin:20px 0;overflow:hidden;background:var(--mb-fbf9f7,#fbf9f7)}.analysis-top{display:flex;gap:15px;align-items:center;padding:15px}.analysis-top>strong{font-size:34px;min-width:65px}.analysis-top>span{font-size:14px;color:var(--mt-665d52,#665d52)}.analysis-top small{display:block;color:var(--mt-675e51,#675e51)}.pv{padding:11px 12px;border-top:1px solid var(--ml-ece7df,#ece7df);display:flex;align-items:center;gap:9px;font-family:monospace;font-size:17px}.pv b{background:var(--mb-ede7df,#ede7df);color:var(--mt-685e4f,#685e4f);padding:3px 6px;border-radius:3px;font-size:14px}.pv>span{flex:1}.pv small{color:var(--mt-6c5f4b,#6c5f4b)}.button-row{display:flex;gap:10px;margin-top:12px}.button-row>*{flex:1}.review-due{display:flex;gap:7px;font-size:15px;color:var(--mt-675e51,#675e51);margin:18px 0}.muted{color:var(--mt-645d54,#645d54)}.small-text{font-size:15px!important}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px;flex-wrap:wrap}.tabs{display:flex;gap:5px;margin-bottom:20px;flex-wrap:wrap}.tabs button{padding:10px 15px;color:var(--mt-645d53,#645d53);border-radius:7px;font-size:17px}.tabs button.active{background:var(--mb-ede7df,#ede7df);color:var(--mt-5e4c33,#5e4c33);font-weight:600}.toolbar .tabs{margin:0}.search{flex-direction:row;align-items:center;background:var(--mb-ffffff,#ffffff);border:1px solid var(--line);padding:0 10px;border-radius:7px;margin:0;color:var(--mt-665e51,#665e51)}.search input{background:transparent;border:0;box-shadow:none;font-size:15px;padding:10px}.meta{font-size:14px;color:var(--mt-655d53,#655d53);margin-bottom:10px}.meta span{margin:0 5px}.training-banner{display:flex;gap:22px;align-items:center;padding:25px;margin-bottom:30px;background:var(--mb-f1ede7,#f1ede7)}.training-banner>svg{color:var(--mt-88765e,#88765e)}.training-banner>div{flex:1}.training-banner h2{margin-bottom:5px}.training-banner p{font-size:17px;margin:0}.training-banner+.page-heading{display:none}.empty{padding:70px 25px;text-align:center;max-width:600px;margin:auto}.empty>svg{color:var(--mt-968874,#968874);margin-bottom:15px}.empty p{font-size:18px}.empty h3{font-size:26px}.move-list{max-height:340px;min-height:160px;overflow:auto;background:var(--mb-fbf9f7,#fbf9f7);border:1px solid var(--ml-f0ece7,#f0ece7);border-radius:7px;margin-bottom:20px}.move-pair{display:grid;grid-template-columns:40px 1fr 1fr;padding:8px 10px;font-size:17px}.move-pair:nth-child(2n){background:var(--mb-f3efe9,#f3efe9)}.move-pair>span{color:var(--mt-675e50,#675e50)}.move-pair button{text-align:left;color:var(--mt-493e2f,#493e2f);opacity:1}.move-pair button.selected{color:var(--red);font-weight:700}.rules-list{margin:25px 0;display:grid;gap:17px;font-size:17px;color:var(--mt-665e52,#665e52)}.rules-list>div{display:flex;align-items:center;gap:10px}.result-box{margin-top:22px;padding:20px;background:var(--mb-f3efea,#f3efea);border:1px solid var(--ml-eae3d9,#eae3d9);border-radius:9px}.result-box p{font-size:17px}.result-box small{color:var(--mt-665d52,#665d52)}.download-link{display:flex;align-items:center;gap:7px;color:var(--mt-866d4b,#866d4b);font-size:17px;margin-top:22px}.pgn-input{min-height:230px;font-family:monospace}.file-upload{border:1px dashed var(--ml-d2c7b8,#d2c7b8);padding:20px;flex-direction:row;align-items:center;justify-content:center;color:var(--mt-6d5f4a,#6d5f4a);font-size:17px;cursor:pointer}.file-upload input{display:none}.game-row{display:flex;align-items:center;gap:14px;padding:18px 0;width:100%;border-bottom:1px solid var(--ml-f0ece7,#f0ece7);text-align:left}.game-row>span:first-child{flex:1}.game-row strong{font-size:17px;display:block}.game-row small{display:block;font-size:14px;color:var(--mt-665d52,#665d52);margin-top:7px}.analysis-loading{padding:90px 30px;text-align:center}.analysis-loading>svg{color:var(--red);margin-bottom:20px}.analysis-loading progress{display:block;width:60%;margin:20px auto;accent-color:var(--red)}.analysis-loading small{color:var(--mt-645d54,#645d54)}.detail-row{display:flex;justify-content:space-between;font-size:17px;margin:20px 0;color:var(--mt-655d52,#655d52)}.detail-row b{color:var(--mt-625645,#625645)}.mistake-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:25px;align-items:start}.mistake-card{display:flex;gap:22px;padding:20px;margin-bottom:15px}.tiny-board{width:150px;flex-shrink:0}.mistake-card h3{margin-top:12px}.mistake-card p{font-size:17px;margin-bottom:6px}.mistake-card small{font-size:14px;color:var(--mt-665e51,#665e51);display:block;margin-bottom:14px}.trend{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:15px;gap:9px;margin:22px 0}.trend>div{width:100%;height:6px;background:var(--mb-f1ede7,#f1ede7);border-radius:5px;overflow:hidden}.trend i{display:block;height:100%;background:var(--mb-a38f73,#a38f73)}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 45px}.skill>div:first-child{display:flex;justify-content:space-between;font-size:17px;margin-bottom:10px}.skill-bar{height:7px;background:var(--mb-f1ede8,#f1ede8);border-radius:4px;overflow:hidden}.skill-bar i{display:block;background:var(--mb-a59072,#a59072);height:100%;border-radius:4px}.skill small{display:block;font-size:14px;color:var(--mt-665d52,#665d52);margin-top:7px}.spaced{margin-top:24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px}.divider{height:1px;background:var(--line);margin:27px 0}.goal{display:flex;align-items:center;gap:25px;padding:25px}.goal>svg{color:var(--mt-a48d49,#a48d49)}.goal p{margin:0;font-size:17px}.goal small{color:var(--mt-675e51,#675e51)}.history-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.history-row>div{flex:1}.history-row strong{font-size:17px}.history-row small{display:block;font-size:14px;color:var(--mt-685e50,#685e50);margin-top:6px}.history-icon{width:35px;height:35px;border-radius:9px;background:var(--mb-fcf1dd,#fcf1dd);color:var(--mt-bc9a50,#bc9a50);display:flex;align-items:center;justify-content:center}.history-icon.success{background:var(--mb-f0ebe3,#f0ebe3);color:var(--mt-9f8560,#9f8560)}.modal-bg{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:var(--mb-261e1488,#261e1488);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{padding:30px;width:600px;max-height:90vh;overflow:auto}.modal .mini-board{max-width:290px;margin:auto}.modal p{font-size:18px}.modal blockquote{margin:20px 0;padding:15px;border-left:3px solid var(--ml-a79377,#a79377);background:var(--mb-f3eee8,#f3eee8);line-height:1.8}.toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:16px 22px;background:var(--mb-372c1d,#372c1d);color:#fff;border-radius:10px;box-shadow:0 10px 35px #2a221633;max-width:90vw;font-size:18px}.toast button{color:#fff;display:flex}.loading-page{display:flex;height:100vh;align-items:center;justify-content:center;gap:15px;color:var(--red)}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:var(--mb-ffffff,#ffffff)}.auth-art{background:#352b1c;color:#f3efea;padding:42px 9vw 35px;overflow:hidden;position:relative}.auth-art .brand{margin:0 0 65px;color:#f6f2ed}.auth-art .brand-mark,.auth-art .brand-light{color:#d4c8b7}.auth-art .eyebrow{color:#c0ae94}.auth-art h1{font-size:62px;font-weight:500;letter-spacing:-2px;line-height:1.35}.auth-art p{color:#bbb0a1;font-size:18px}.auth-board{width:340px;max-width:100%;margin:30px 0;transform:perspective(800px) rotateX(10deg) rotate(-5deg);box-shadow:0 30px 60px #18130d55}.auth-art>small{font-size:14px;letter-spacing:3px;color:#a89985}.auth-form{align-self:center;padding:50px 6vw;max-width:650px;width:100%}.auth-form>.tag{margin-bottom:22px}.auth-form h2{font-size:38px;letter-spacing:-1px}.auth-form>p{font-size:18px;margin-bottom:28px}.auth-form .btn{padding:14px}.auth-switch{margin-top:24px}.privacy{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mt-665e51,#665e51);margin-top:42px}.mobile-menu{display:none}@media(min-width:1450px){:root{font-size:20px}.nav-item,.plan-text strong{font-size:18px}.plan-text small{font-size:15px}.stat-top{font-size:17px}.stat>small{font-size:15px}.daily-hero p{font-size:18px}.hero-bottom>span{font-size:15px}.focus-card p{font-size:18px}.board-feature-footer{font-size:15px}}@media(max-width:1150px){.sidebar{width:205px;padding-left:10px;padding-right:10px}.app-body{margin-left:205px}main{padding:28px 25px 0}.brand{font-size:27px}.dashboard-grid{grid-template-columns:1.6fr 1fr}.daily-hero{padding:25px}.hero-bottom{gap:12px;flex-wrap:wrap}.focus-card{padding:24px 20px}.focus-card h3{font-size:26px}.stats-grid{gap:12px}.stat{padding:17px 14px}.dashboard-lower{grid-template-columns:1.3fr 1fr}.plan-card{padding-left:18px;padding-right:18px}.plan-item{gap:8px}.plan-footer{margin-left:-18px;margin-right:-18px;padding-left:18px}.duration{display:none}.workspace{gap:20px}.coach-body{padding:20px}.padded{padding:22px}.auth-art{padding-left:7vw;padding-right:7vw}.auth-form{padding:40px 5vw}.auth-art h1{font-size:52px}}@media(max-width:850px){.sidebar{transform:translate(-100%);width:238px;box-shadow:10px 0 40px #2a221622}.sidebar.visible{transform:translate(0)}.app-body{margin-left:0}.mobile-menu{display:flex;position:fixed;top:12px;right:12px;z-index:21;background:var(--mb-fcfbf9,#fcfbf9);border:1px solid var(--line);box-shadow:0 4px 14px #2a221622}.workspace{grid-template-columns:minmax(280px,1.2fr) minmax(250px,1fr)}.auth{grid-template-columns:1fr 1fr}.auth-art{padding:35px}.auth-art h1{font-size:46px}.auth-art .brand{margin-bottom:50px}.auth-form{padding:30px}.auth-form h2{font-size:33px}}@media(max-width:650px){h1{font-size:33px;letter-spacing:-.6px}main{padding:24px 17px 0}.dashboard-grid{grid-template-columns:1fr;gap:16px}.daily-hero{min-height:265px}.daily-hero h2{font-size:38px}.daily-hero p{font-size:17px;max-width:270px}.hero-knight{right:-30px}.focus-card{padding:20px}.focus-card h3{font-size:26px}.focus-card h3 br{display:none}.focus-card .card-label{margin-bottom:13px}.focus-card p{font-size:18px}.source-line{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin:17px 0 24px}.stat-top{font-size:14px}.stat>strong{font-size:38px}.stat>small{font-size:14px}.dashboard-lower{grid-template-columns:1fr;gap:17px}.plan-item{padding:18px 0}.plan-text strong{font-size:17px}.plan-text small{font-size:14px}.duration{display:block;font-size:14px}.board-feature .mini-board{max-width:360px;margin:auto}.board-feature-footer{font-size:14px}.workspace,.two-col,.mistake-layout{grid-template-columns:1fr}.workspace>section .board-wrap{max-width:500px}.coach-panel{margin-top:0}.coach-body h2{font-size:30px}.coach-body p{font-size:18px}.coach-body>.muted{font-size:15px}.board-caption{font-size:14px}.meta{font-size:15px}.tag{font-size:14px}.tabs button{padding:9px 11px;font-size:15px}.search{width:100%}.heading-row{align-items:flex-start;flex-direction:column}.training-banner{flex-wrap:wrap}.training-banner>svg{width:28px}.training-banner p{font-size:15px}.training-banner>div{min-width:180px}.skill-grid{grid-template-columns:1fr}.tiny-board{width:110px}.mistake-card{gap:15px;padding:16px}.mistake-card h3{font-size:21px}.mistake-card small{font-size:14px;word-break:break-word}.history-row{gap:10px}.history-row strong{font-size:15px}.history-row .tag{font-size:14px}.page-footer{font-size:14px;gap:12px}.page-footer>span:first-child{font-size:14px}.auth{display:block}.auth-art{padding:27px 25px}.auth-art .brand{margin-bottom:35px}.auth-art h1{font-size:42px}.auth-art h1 br{display:none}.auth-art p{font-size:17px;max-width:70%}.auth-board{display:none}.auth-art>small{display:none}.auth-form{padding:32px 25px}.auth-form h2{font-size:34px}.auth-form>p{font-size:18px}.auth-art .eyebrow{font-size:14px}.privacy{margin-top:28px}.modal{padding:22px}.btn{font-size:17px}.padded p{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.coach-ask{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.coach-ask h4{font-size:19px;margin:0 0 12px}.coach-ask-btns{display:grid;gap:10px}.coach-ask-btns button{font:inherit;font-size:17px;font-weight:700;text-align:left;min-height:54px;padding:12px 16px;border-radius:14px;border:2px solid var(--ml-4f8a33,#4f8a33);background:var(--mb-ffffff,#fff);color:var(--mt-2f5a1c,#2f5a1c);cursor:pointer;box-shadow:0 4px #4f8a3333}.coach-ask-btns button:hover:not(:disabled),.coach-ask-btns button.active{background:var(--mb-e6f5da,#e6f5da)}.coach-ask-btns button:disabled{opacity:.6;cursor:default}.coach-answer{margin-top:14px;padding:14px 16px;background:var(--mb-ffffff,#fff);border-radius:14px;border:2px solid var(--ml-cfe6bd,#cfe6bd);color:var(--mt-373027,#373027)}.coach-answer strong{display:block;font-size:17px;color:var(--mt-2f5a1c,#2f5a1c);margin-bottom:6px}.coach-answer p{font-size:17px;line-height:1.45;margin:6px 0}:root{font-size:18px;--muted:#6b5f57;--line:#ddd7c8;color:var(--ink);background:var(--cream)}body{background:var(--cream);color:var(--ink)}p{font-size:18px;color:var(--mt-5a4f4f,#5a4f4f)}h1,h2,h3,.eyebrow,.btn,.nav-item,.tabs button,.brand,.card-label,.section-heading h2,.player-line strong{font-family:var(--display);font-weight:800;letter-spacing:.3px}h1,h2,.eyebrow,.btn,.nav-item,.tabs button,.card-label{text-transform:uppercase}h1{font-size:44px;line-height:1.15;letter-spacing:.5px;color:var(--ink)}h2{font-size:32px;line-height:1.2}h3{font-size:24px;line-height:1.3}.eyebrow{font-size:17px;letter-spacing:1px;color:var(--blue)}.page-heading p{font-size:18px}input,select,textarea{font-size:18px;padding:16px;border:2px solid var(--line);border-radius:6px;background:var(--mb-fffdf8,#fffdf8)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4a90c233}label{font-size:17px;font-weight:700}.btn{min-height:56px;padding:14px 24px;font-size:20px;border-radius:6px;background:var(--red);color:var(--mt-ffffff,#fff);gap:12px}.btn:hover{filter:none;background:var(--red-dark)}.btn.cream{background:var(--cream);color:var(--ink)}.btn.cream:hover{background:var(--mb-ffffff,#fff)}.btn.outline{background:var(--mb-fffdf8,#fffdf8);color:var(--ink);border:2px solid var(--ink)}.btn.outline:hover{background:var(--ink);color:var(--mt-ffffff,#fff)}.btn.small{min-height:46px;font-size:17px;padding:10px 16px}.text-btn{font-size:17px;color:var(--red);font-weight:700}.icon-btn{padding:10px;color:var(--ink)}.sidebar{width:280px;background:var(--cream);border-right:3px solid var(--line);padding:28px 16px 18px}.app-body{margin-left:280px}.brand{font-size:30px;color:var(--ink);margin-bottom:30px}.brand-mark{font-size:46px;color:var(--red);width:40px}.nav-section{font-size:14px;color:var(--mt-8a7d72,#8a7d72);font-weight:800}.nav-item{font-size:18px;padding:14px 16px;color:var(--ink);border-radius:6px;margin:4px 0}.nav-item svg{width:24px;height:24px;flex-shrink:0}.nav-item:hover{background:var(--mb-e6e0d1,#e6e0d1)}.nav-item.active{background:var(--red);color:var(--mt-ffffff,#fff)}.nav-item.active:before{display:none}.nav-item b{font-size:14px;background:var(--blue);color:var(--mt-ffffff,#fff)}.account,.account small{font-size:14px}.avatar{width:44px;height:44px;font-size:16px;background:var(--blue);color:#fff;font-weight:700}.card{background:var(--mb-fffdf8,#fffdf8);border:2px solid var(--line);border-radius:8px}.daily-hero{background:var(--blue);border-radius:8px;min-height:300px}.daily-hero .eyebrow{color:var(--mt-ffffff,#fff)}.daily-hero h2{font-size:44px;line-height:1.1;color:var(--mt-ffffff,#fff)}.daily-hero p{font-size:18px;color:var(--mt-f2efe6,#f2efe6);max-width:460px}.hero-bottom>span{font-size:16px;color:var(--mt-f2efe6,#f2efe6)}.hero-knight{color:var(--mt-ffffff26,#ffffff26)}.focus-card{background:var(--purple);border-color:var(--purple);color:var(--mt-ffffff,#fff)}.focus-card h3{color:var(--mt-ffffff,#fff);font-family:var(--display);font-size:30px}.focus-card p,.focus-card .card-label,.focus-card .source-line{color:var(--mt-e4dce9,#e4dce9)}.focus-card .source-line{border-color:var(--ml-ffffff33,#ffffff33)}.training-banner{background:var(--red);border-color:var(--red);color:var(--mt-ffffff,#fff)}.training-banner p,.training-banner>svg{color:var(--mt-fbe9ea,#fbe9ea)}.stat>strong{font-family:var(--display);font-weight:800;font-size:42px;color:var(--red)}.stats-grid .stat:nth-child(2)>strong{color:var(--blue)}.stats-grid .stat:nth-child(3)>strong{color:var(--purple)}.tag{font-size:14px;padding:6px 10px;border-radius:4px;font-weight:700}.tabs button{font-size:18px;padding:12px 18px;color:var(--ink)}.tabs button.active{background:var(--blue);color:var(--mt-ffffff,#fff)}.step-icon{width:52px;height:52px;border-radius:8px}.player-icon{width:48px;height:48px;font-size:32px}.player-line strong{font-size:20px}.clock{font-size:30px;padding:10px 18px;min-width:120px;font-weight:700}.clock.own{background:var(--red)}.coach-avatar{background:var(--purple)}.toast{background:var(--ink);font-size:18px}.auth{background:var(--cream)}.auth-art{background:var(--purple)}.auth-art h1{font-size:54px;color:#fff;font-weight:800}.auth-art .eyebrow{color:#f2c94c}.auth-art p{color:#e4dce9}.skill-bar,.trend>div{height:12px}.skill-bar i,.trend i{background:var(--blue)}.hint-track span{height:8px}.hint-track span.on{background:var(--mb-f2a93b,#f2a93b)}.board{border:10px solid #6b4a34;border-radius:8px;box-shadow:0 8px 24px #3b343433;position:relative;overflow:visible}.square{overflow:visible}.square.light{background:var(--sq-light,#f0d9b5)}.square.dark{background:var(--sq-dark,#b58863)}.square.selected{background:#f6d860}.square.last{box-shadow:inset 0 0 0 100px #f7e26b88}.piece{font-size:11.5cqw}.rank,.file{font-size:2.6cqw;font-weight:800;color:var(--sq-dark,var(--mt-b58863,#b58863))}.dark .rank,.dark .file{color:var(--sq-light,var(--mt-f0d9b5,#f0d9b5))}.piece.art{width:94%;height:94%;display:flex;-webkit-text-stroke:0;filter:none}.piece.art svg{width:100%;height:100%;overflow:visible}.legal{width:30%;height:30%;background:var(--mb-3b343455,#3b343455)}.legal.capture{width:92%;height:92%;border:6px solid var(--ml-c8323f88,#c8323f88);background:transparent}.promotion button{font-size:56px;padding:0 6px}.square.arriving>.piece{visibility:hidden}.fading-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;animation:captured .45s ease forwards;pointer-events:none}.moving-piece{position:absolute;left:0;top:0;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;z-index:6;pointer-events:none;transition:transform .45s ease-in-out}@keyframes captured{to{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){.moving-piece{transition:none}.fading-wrap{animation:none;opacity:0}}@media(max-width:1150px){.sidebar{width:250px}.app-body{margin-left:250px}h1,.daily-hero h2{font-size:38px}}@media(max-width:850px){.sidebar{width:280px}.app-body{margin-left:0}}@media(max-width:650px){h1{font-size:32px}h2{font-size:26px}.daily-hero h2{font-size:32px}.auth-art h1{font-size:38px}.btn{font-size:18px}.stat>strong{font-size:34px}.clock{font-size:24px;min-width:100px}}@media(min-width:651px)and (max-width:850px){.app-body:has(.workspace){height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-body:has(.workspace) main{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;padding-top:18px;padding-bottom:16px}main:has(.workspace) .page-footer{display:none}main:has(.workspace) .page-heading{margin-bottom:14px}main:has(.workspace) .page-heading .eyebrow{margin-bottom:2px}main:has(.workspace) .page-heading h1{font-size:30px;margin-bottom:0;line-height:1.2}main:has(.workspace) .page-heading p{font-size:16px}.workspace{flex:1;min-height:0;width:100%;grid-template-rows:minmax(0,1fr);align-items:stretch}.workspace>*{min-height:0;overflow-y:auto;overscroll-behavior:contain}.workspace>:first-child{container-type:size}.workspace>:first-child .board-wrap{max-width:min(100cqw,calc(100cqh - 20px))}.workspace>:first-child:has(.player-line) .board-wrap{max-width:min(100cqw,calc(100cqh - 185px))}.workspace>:first-child:has(.tutor.strip) .board-wrap{max-width:min(100cqw,calc(100cqh - 185px))}.workspace>:first-child:has(.clock) .board-wrap{max-width:min(100cqw,calc(100cqh - 150px))}.workspace>:first-child:has(>select) .board-wrap{max-width:min(100cqw,calc(100cqh - 100px))}.workspace .player-line{padding:6px 0}.workspace .player-line .clock{padding:4px 16px}.workspace .board-caption{padding:8px 0}.workspace>.coach-panel{margin-top:0}}@media(min-width:851px){.app-body:has(main>.workspace>:first-child .board){height:100vh;overflow:hidden}main:has(>.workspace>:first-child .board){--sidebar-w:280px;--reserve:0px;--board:min(calc(100vh - 32px - var(--reserve)),calc(100vw - var(--sidebar-w) - 64px - 28px - 400px),760px);height:100vh;max-width:none;margin:0;padding:16px 32px;display:grid;grid-template-columns:var(--board) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);column-gap:28px}main:has(>.workspace>:first-child .player-line){--reserve:110px}main:has(>.workspace>:first-child .tutor.strip){--reserve:136px}main:has(>.workspace>:first-child .clock){--reserve:146px}main:has(>.workspace>:first-child>select){--reserve:70px}main:has(>.workspace>:first-child .board)>*{grid-column:2;min-width:0}main:has(>.workspace>:first-child .board)>.workspace{display:contents}main:has(>.workspace>:first-child .board)>.page-footer{display:none}main:has(>.workspace>:first-child .board)>.workspace>:first-child{grid-column:1;grid-row:1/-1;align-self:start;min-width:0}main:has(>.workspace>:first-child .board)>.workspace>:last-child{grid-column:2;grid-row:-2/-1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:0}main:has(>.workspace>:first-child .board) .board-wrap{max-width:none;width:100%}main:has(>.workspace>:first-child .board) .page-heading{margin-bottom:14px}main:has(>.workspace>:first-child .board) .page-heading .eyebrow{margin-bottom:2px}main:has(>.workspace>:first-child .board) .page-heading h1{font-size:30px;line-height:1.2;margin-bottom:4px}main:has(>.workspace>:first-child .board) .page-heading p{font-size:16px}main:has(>.workspace>:first-child .board) .player-line{padding:6px 0}main:has(>.workspace>:first-child .board) .player-line .clock{padding:4px 16px}main:has(>.workspace>:first-child .board) .board-caption{padding:8px 0}}@media(min-width:851px)and (max-width:1150px){main:has(>.workspace>:first-child .board){--sidebar-w:250px}}.tutor.strip{display:flex;align-items:center;gap:12px;height:80px;margin-bottom:10px;padding:8px 10px 8px 8px;background:var(--mb-fffdf8,#fffdf8);border:2px solid var(--line);border-radius:38px}.tutor-avatar{position:relative;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--purple);color:var(--cream);box-shadow:0 3px #2f2338}.tutor-avatar .tma{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);height:70px;width:auto;max-width:none}.tutor-wave{position:absolute;right:-6px;bottom:0;display:flex;gap:2px;align-items:flex-end;height:18px;padding:3px 4px;border-radius:10px;background:var(--red);opacity:0;transition:opacity .2s}.tutor-avatar.talking .tutor-wave{opacity:1}.tutor-wave i{width:3px;height:5px;border-radius:2px;background:var(--mb-ffffff,#fff);animation:tutor-wave .7s ease-in-out infinite}.tutor-wave i:nth-child(2){animation-delay:.15s}.tutor-wave i:nth-child(3){animation-delay:.3s}.tutor-bubble{flex:1;min-width:0;margin:0;font-size:17px;line-height:1.4;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutor-controls{display:flex;gap:6px;align-items:center;flex-shrink:0;position:relative}.tutor-controls button{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--line);background:var(--mb-fffdf8,#fffdf8);color:var(--ink)}.tutor-controls button:hover{border-color:var(--ink)}.tutor-controls .tutor-main{background:var(--red);border-color:var(--red);color:var(--mt-ffffff,#fff)}.tutor-controls .tutor-main:hover{background:var(--red-dark);border-color:var(--red-dark)}.tutor-note{position:absolute;top:-6px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--mb-f2a93b,#f2a93b);color:var(--mt-ffffff,#fff);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:help}.square.tutor-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 5px #f2a93b;background:#f2a93b33;animation:tutor-pulse 1.2s ease-in-out infinite}.tutor-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:7;pointer-events:none}.tutor-arrows line{stroke:#f2a93bdd;stroke-width:.17;stroke-linecap:round}.tutor-arrows marker path{fill:#f2a93bdd}@keyframes tutor-wave{50%{height:12px}}@keyframes tutor-pulse{50%{background:#f2a93b10;box-shadow:inset 0 0 0 3px #f2a93b99}}@media(prefers-reduced-motion:reduce){.tma *,.tutor-wave i,.square.tutor-mark:after{animation:none}}.lesson-panel{display:flex;flex-direction:column;padding:0}.lesson-tabs{position:sticky;top:0;z-index:4;display:flex;gap:6px;padding:12px;background:var(--mb-fffdf8,#fffdf8);border-bottom:2px solid var(--line)}.lesson-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border-radius:24px;font-family:var(--display);font-weight:800;font-size:17px;color:var(--ink);background:var(--cream)}.lesson-tabs button b{width:24px;height:24px;border-radius:50%;background:var(--mb-fffdf8,#fffdf8);font-size:14px;display:inline-flex;align-items:center;justify-content:center}.lesson-tabs button.active{background:var(--blue);color:var(--mt-ffffff,#fff)}.lesson-tabs button.active b{color:var(--blue)}.lesson-tabs button:disabled{opacity:.45}.lesson-body{flex:1;padding:18px 20px}.lesson-body h3{font-size:24px;line-height:1.3;margin-bottom:10px;display:flex;align-items:center;gap:8px}.lesson-body p{font-size:17px;line-height:1.6}.lesson-body .hint-track{margin:6px 0 12px}.lesson-body .hint-box{margin:12px 0}.turn-note{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}.result-banner{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:10px;margin-bottom:12px}.result-banner strong{font-family:var(--display);font-weight:800;font-size:24px}.result-banner span{font-size:16px;line-height:1.5}.result-banner.good{background:var(--mb-e3f4e1,#e3f4e1);color:var(--mt-256b2e,#256b2e)}.result-banner.retry{background:var(--mb-fdf0dc,#fdf0dc);color:var(--mt-9a5a12,#9a5a12)}.lesson-body details{border:2px solid var(--line);border-radius:10px;margin:10px 0;background:var(--mb-fffdf8,#fffdf8)}.lesson-body summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:17px}.lesson-body details[open] summary{border-bottom:2px solid var(--line)}.lesson-body details>:not(summary){margin:12px 14px}.lesson-body details .analysis{margin:12px 14px}.lesson-source{display:flex;align-items:center;gap:6px;margin-top:12px}.lesson-actions-bar{position:sticky;bottom:0;z-index:4;padding:12px;background:var(--mb-fffdf8,#fffdf8);border-top:2px solid var(--line);display:grid;gap:8px}.lesson-actions-bar .button-row{margin:0}@media(max-width:650px){.tutor.strip{height:auto;min-height:68px;border-radius:20px}.tutor-avatar{width:52px;height:52px}.tutor-avatar .tma{height:58px}.tutor-controls button{width:38px;height:38px}.lesson-tabs button{font-size:15px}}.lesson-actions-bar{gap:6px;padding:10px 12px}.lesson-actions-bar .btn{min-height:48px;padding:8px 14px;font-size:17px;white-space:nowrap}.lesson-actions-bar .button-row{gap:6px}.lesson-actions-bar .button-row .btn{min-height:42px;font-size:15px}.lesson-body .analysis-top>strong{font-size:26px;min-width:0;white-space:nowrap}.lesson-body .analysis-top>span{font-size:14px}.course-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.course-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 24px 24px;background:var(--purple);color:var(--cream);border-radius:8px;min-height:360px}.course-card:before{content:"";position:absolute;top:-9px;left:28px;border:9px solid transparent;border-top:0;border-bottom-color:var(--purple)}.course-card small{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.5px;color:var(--mt-d9cfe2,#d9cfe2)}.course-card h2{margin:0 0 10px;font-size:30px;color:var(--mt-ffffff,#fff)}.course-card ul{margin:6px 0 16px;padding-left:22px;display:grid;gap:8px;font-size:17px;line-height:1.4}.course-card .btn{margin-top:auto}.course-card.soon{background:var(--mb-5d4f68,#5d4f68)}.course-card.soon .btn{background:var(--mb-f2c94c,#f2c94c);color:var(--ink)}.course-progress{display:grid;gap:6px;margin-bottom:14px}.course-progress span{height:12px;border-radius:6px;background:var(--mb-ffffff2e,#ffffff2e);overflow:hidden}.course-progress i{display:block;height:100%;background:var(--mb-f2c94c,#f2c94c);border-radius:6px}.course-progress small{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:var(--mt-e4dce9,#e4dce9)}.unit{margin:0 0 26px}.unit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.unit-head h2{margin:0;font-size:26px}.lesson-path{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.path-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:12px;background:var(--mb-fffdf8,#fffdf8);border:2px solid var(--line);text-align:center;min-height:170px}.path-node strong{font-size:16px;line-height:1.3;color:var(--ink)}.path-node small{font-size:14px;color:var(--muted)}.node-dot{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:28px;background:var(--mb-e8e2d4,#e8e2d4);color:var(--muted);box-shadow:0 4px #d4ccbb}.path-node.done .node-dot{background:var(--mb-3f9b4f,#3f9b4f);color:var(--mt-ffffff,#fff);box-shadow:0 4px #2c7238}.path-node.current{border-color:var(--red)}.path-node.current .node-dot{background:var(--red);color:var(--mt-ffffff,#fff);box-shadow:0 4px 0 var(--red-dark);animation:node-pulse 1.6s ease-in-out infinite}.path-node.current small{color:var(--red);font-weight:700}.path-node.locked,.path-node.soon{opacity:.6}.path-node:not(:disabled):hover{border-color:var(--ink)}.node-tag{padding:2px 8px;border-radius:10px;background:var(--mb-f2c94c,#f2c94c);color:var(--ink)!important;font-weight:700}.stars{display:inline-flex;gap:2px;font-size:20px;line-height:1}.stars b{color:var(--mt-d8d0bf,#d8d0bf)}.stars b.on{color:var(--mt-f2a93b,#f2a93b)}.lesson-done .stars{font-size:46px;margin-bottom:6px}.lesson-done{text-align:center}.step-progress{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--mb-fffdf8,#fffdf8);border-bottom:2px solid var(--line)}.step-progress small{font-weight:700;color:var(--ink);white-space:nowrap}.step-bar{flex:1;height:12px;border-radius:6px;background:var(--cream);overflow:hidden}.step-bar i{display:block;height:100%;background:var(--mb-3f9b4f,#3f9b4f);border-radius:6px;transition:width .3s}.quiz-options{display:grid;gap:10px;margin:12px 0}.quiz-options button{padding:14px 16px;border-radius:10px;border:2px solid var(--line);background:var(--mb-fffdf8,#fffdf8);text-align:left;font-size:17px;font-weight:600;color:var(--ink)}.quiz-options button:hover{border-color:var(--blue)}.quiz-options button.right{border-color:var(--ml-3f9b4f,#3f9b4f);background:var(--mb-e3f4e1,#e3f4e1)}.quiz-options button.wrong{border-color:var(--ml-e08a2c,#e08a2c);background:var(--mb-fdf0dc,#fdf0dc)}.board-star{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:7cqw;color:var(--mt-f2a93b,#f2a93b);text-shadow:0 2px 0 #b8741d;z-index:3;pointer-events:none;animation:star-bob 1.4s ease-in-out infinite}.theme-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}@keyframes node-pulse{50%{transform:scale(1.06)}}@keyframes star-bob{50%{transform:translateY(-6%) scale(1.08)}}@media(prefers-reduced-motion:reduce){.path-node.current .node-dot,.board-star{animation:none}}@media(max-width:1150px){.course-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.course-cards{grid-template-columns:1fr}.course-card{min-height:0}.lesson-path{grid-template-columns:repeat(2,minmax(0,1fr))}}.course-card .soon-badge+small{margin-top:30px}.soon-badge{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:12px;background:var(--mb-f2c94c,#f2c94c);color:var(--ink);font-size:13px;font-weight:800;text-transform:uppercase}.heading-row>.btn{white-space:nowrap;flex-shrink:0}.onboard{--panel:#3b78a6;min-height:100vh;background:var(--blue);color:#fff;position:relative;overflow:hidden;padding:22px 40px 36px;display:flex;flex-direction:column}.onboard-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.onboard>:not(.onboard-scene){position:relative;z-index:1}.onboard-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.onboard-brand{font-family:var(--display);font-weight:800;font-size:34px;display:flex;gap:6px;align-items:center;color:#fff}.onboard-brand>span{font-size:44px;color:var(--cream);font-family:Georgia,serif;line-height:1}.onboard-brand b{font-weight:500}.onboard-back{display:flex;align-items:center;gap:4px;color:#fff;font-size:20px;font-weight:700;padding:6px 10px;border-radius:999px}.onboard-back:hover{background:#ffffff26}.onboard-dots{display:flex;gap:10px;justify-content:center;margin-top:4px}.onboard-dots i{width:14px;height:14px;border-radius:50%;background:#ffffff59}.onboard-dots i.on{background:#fff}.onboard-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;width:100%;max-width:1180px;margin:0 auto;padding:12px 0}.ribbon{position:relative;margin:0;padding:0 58px;font-size:44px;line-height:1.15;text-transform:none;color:var(--mt-ffffff,#fff);text-align:center}.ribbon span{position:relative;z-index:1;display:inline-block;background:var(--mb-6a4c8c,#6a4c8c);padding:10px 40px 14px;border-radius:8px;box-shadow:0 6px #00000026}.ribbon:before,.ribbon:after{content:"";position:absolute;top:24px;bottom:-18px;width:76px;background:var(--purple)}.ribbon:before{left:4px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,24px 50%)}.ribbon:after{right:4px;clip-path:polygon(0 0,100% 0,calc(100% - 24px) 50%,100% 100%,0 100%)}.onboard-title{color:#fff;font-size:46px;text-transform:none;margin:0;text-align:center;line-height:1.2}.onboard .btn.big{min-width:320px;min-height:64px;font-size:24px;border-radius:999px;background:var(--red);color:#fff;box-shadow:0 6px 0 var(--red-dark);text-transform:none;border:0}.onboard .btn.big:hover{background:var(--red)}.onboard .btn.big:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--red-dark)}.onboard .btn.big.alt{background:#f2b632;color:var(--ink);box-shadow:0 6px #c98f17}.onboard-switch{color:#fff;font-size:20px;margin:0;text-align:center}.onboard-switch button{color:#ffe08a;font-weight:800;text-decoration:underline;font-size:20px;padding:0 4px}.onboard-note{color:#fff;font-size:18px;margin:0;text-align:center;max-width:640px;line-height:1.5}.onboard-error{background:#fff;color:var(--red-dark);font-weight:700;border-radius:12px;padding:10px 16px;margin:0;font-size:17px;text-align:center;line-height:1.4}.onboard-actions{display:flex;justify-content:center;width:100%}.who{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:22px}.who-side{display:flex;flex-direction:column;align-items:center;gap:26px;padding:28px 24px 34px;border-radius:26px;background:var(--mb-ffffff17,#ffffff17)}.who-side.adult{background:var(--mb-00000014,#00000014)}.side-ribbon{background:var(--panel);color:var(--mt-ffffff,#fff);padding:8px 54px;font-size:28px;margin:0;text-transform:none;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%)}.polaroids{display:flex;justify-content:center;gap:4px}.polaroid{width:150px;background:#fff;padding:8px 8px 10px;border-radius:6px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;gap:6px;color:var(--ink);border:0}.polaroid:nth-child(1){transform:rotate(-5deg)}.polaroid:nth-child(2){transform:rotate(3deg) translateY(-6px)}.polaroid:nth-child(3){transform:rotate(-2deg)}.polaroid svg{width:100%;display:block;border-radius:3px}.polaroid.role b{font-size:17px;font-family:var(--display);font-weight:800}.polaroid.role.on{outline:5px solid #ffe08a;outline-offset:3px}.avatar-step{display:grid;grid-template-columns:minmax(200px,330px) minmax(0,580px);gap:40px;align-items:center;justify-content:center;width:100%}.avatar-stage svg{width:100%;max-height:54vh;display:block}.builder{background:var(--mb-ffffff,#fff);border-radius:22px;box-shadow:0 10px 30px #00000026;color:var(--ink);display:flex;flex-direction:column;position:relative;padding-bottom:72px;min-width:0}.builder-tabs{display:flex;justify-content:space-around;border-bottom:2px solid var(--line);padding:8px 8px 0;gap:2px}.builder-tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;color:var(--mt-8a837a,#8a837a);border-bottom:4px solid transparent;margin-bottom:-2px;min-width:0;flex:1}.builder-tabs button.on{color:var(--red);border-color:var(--red)}.builder-tabs small{font-size:13px;font-weight:800;white-space:nowrap}.builder-options{padding:22px;display:flex;flex-direction:column;gap:18px;overflow:auto;max-height:44vh;min-height:220px}.swatches{display:flex;flex-wrap:wrap;gap:12px}.swatch{width:52px;height:52px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--line);padding:0}.swatch.on{box-shadow:0 0 0 4px var(--red)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.look-tile{border-radius:16px;overflow:hidden;border:4px solid var(--ml-ffffff,#fff);box-shadow:0 0 0 2px var(--line);padding:0;background:var(--mb-d6ecfb,#d6ecfb)}.look-tile svg{display:block;width:100%}.look-tile.on{box-shadow:0 0 0 4px var(--red)}.btn.soft.random{position:absolute;right:16px;bottom:14px;background:var(--cream);color:var(--ink);min-height:46px;font-size:17px;border-radius:999px;padding:8px 18px;text-transform:none;box-shadow:0 3px 0 var(--line)}.level-cards{display:grid;grid-template-columns:repeat(3,minmax(0,290px));gap:22px;justify-content:center;width:100%}.level-card{background:#fff;color:var(--ink);border-radius:22px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 8px #00000026;border:5px solid transparent;transition:transform .15s}.level-card span{font-size:84px;line-height:1;color:var(--purple);font-family:Arial Unicode MS,Apple Symbols,DejaVu Sans,serif}.level-card b{font-family:var(--display);font-size:24px;line-height:1.2}.level-card small{font-size:16px;color:var(--muted)}.level-card.on{border-color:#ffe08a;transform:translateY(-6px)}.name-step{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.portrait-frame{width:190px;border-radius:28px;overflow:hidden;border:6px solid #fff;box-shadow:0 8px #00000026;background:#d6ecfb}.portrait-frame svg{display:block;width:100%}.name-pill{display:flex;align-items:center;gap:12px;background:var(--mb-ffffff,#fff);color:var(--blue);font-family:var(--display);font-weight:800;font-size:28px;padding:6px 82px 6px 6px;border-radius:999px;min-width:400px;max-width:100%;box-shadow:0 6px #0000001f}.name-pill b{flex:1;text-align:center;overflow-wrap:anywhere}.name-face{width:70px;height:70px;border-radius:50%;overflow:hidden;flex:none;background:var(--mb-dcebfb,#dcebfb);border:3px solid var(--ml-cfe0f5,#cfe0f5)}.name-face svg{display:block;width:100%;height:100%}.name-status{margin:0;min-height:24px;font-size:17px;font-weight:700;color:var(--mt-ffffff,#fff);text-align:center}.name-status.ok{color:var(--mt-b9f6c4,#b9f6c4)}.field-hint{color:var(--mt-ffffff,#fff);font-size:15px;margin:-6px 0 0}@media(max-height:760px)and (min-width:651px){.name-step .panel{gap:8px;padding:14px 20px}.name-step .onboard-field input{padding:8px 12px}}.name-status .name-retry{color:var(--mt-ffffff,#fff);font-size:inherit}.name-hints{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;color:var(--mt-ffffff,#fff);font-weight:700}.name-hints .name-chip{padding:4px 14px}.name-builder{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,3fr);gap:14px;width:100%;max-width:1100px;align-items:start}.name-group{background:var(--panel);border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.name-group h2{margin:0;font-family:var(--display);font-size:19px;color:var(--mt-ffffff,#fff)}.name-chips{display:flex;flex-wrap:wrap;gap:8px;overflow:auto;max-height:40vh;padding:2px}.name-chip{background:var(--mb-ffffff,#fff);color:var(--ink);font-family:var(--display);font-weight:800;font-size:16px;padding:7px 14px;border-radius:999px;border:3px solid transparent}.name-chip.on{background:var(--mb-ffe08a,#ffe08a);border-color:var(--red)}.name-stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--mb-ffffff,#fff);border-radius:999px;padding:4px}.name-stepper button{width:44px;height:44px;border-radius:50%;background:var(--cream);color:var(--ink);display:flex;align-items:center;justify-content:center}.name-stepper output{font-family:var(--display);font-weight:800;font-size:20px;color:var(--blue)}.name-num .btn{min-height:46px;font-size:16px;padding:8px 14px;text-transform:none}.panel{background:var(--panel);border-radius:28px;padding:30px clamp(20px,8vw,130px) 36px;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:stretch;gap:16px}.panel .btn.big{align-self:center;margin-top:10px}.onboard-field{color:#fff;font-size:19px;font-weight:700;margin:0;gap:8px}.field-box{display:flex;align-items:center;background:var(--mb-ffffff24,#ffffff24);border-radius:16px;padding-right:8px}.field-box input,.field-box input:focus{background:transparent;border:0;color:var(--mt-ffffff,#fff);font-size:20px;padding:16px 20px;box-shadow:none}.field-box input::placeholder{color:var(--mt-ffffffa6,#ffffffa6)}.field-box:focus-within{outline:3px solid var(--ml-ffe08a,#ffe08a)}.field-box button{color:var(--mt-ffffff,#fff);display:flex;padding:8px}.save-panel{align-items:center}.copy-row{display:flex;align-items:stretch;border-radius:999px;background:var(--cream);overflow:hidden}.copy-row span{flex:1;display:flex;gap:10px;align-items:center;padding:12px 18px;font-family:var(--display);font-weight:800;font-size:22px;min-width:0;overflow-wrap:anywhere}.copy-row button{background:var(--blue);color:var(--mt-ffffff,#fff);padding:0 18px;display:flex;align-items:center}.copy-row button.pass{background:var(--mb-f2b632,#f2b632);color:var(--ink)}.login-face{width:110px;align-self:center;border-radius:50%;overflow:hidden;border:5px solid var(--ml-ffffff,#fff)}.login-face svg{display:block;width:100%}.kid-card{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;gap:6px;margin:-10px 4px 20px}.kid-portrait{width:112px;border-radius:20px;overflow:hidden;border:5px solid #fff;box-shadow:0 5px 0 var(--line);padding:0;background:#d6ecfb}.kid-portrait svg{display:block;width:100%}.kid-card strong{grid-column:1/-1;font-family:var(--display);font-size:22px;font-weight:800;color:var(--ink);text-align:center;overflow-wrap:anywhere;line-height:1.2}.kid-stats{grid-column:1/-1;display:flex;gap:10px}.kid-stats span{display:flex;align-items:center;gap:6px;background:var(--mb-ffffff,#fff);border-radius:999px;padding:4px 14px;font-weight:800;font-size:17px;box-shadow:0 3px 0 var(--line)}.kid-stats span:first-child svg{color:var(--mt-f2b632,#f2b632);fill:#f2b632}.kid-stats span:last-child svg{color:var(--red)}.nav-item{padding:7px 10px;gap:14px}.nav-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mt-ffffff,#fff);box-shadow:inset 0 -3px #00000026}.nav-item .nav-icon svg{width:22px;height:22px}.nav-icon.red{background:var(--red)}.nav-icon.blue{background:var(--blue)}.nav-icon.purple{background:var(--mb-6a4c8c,#6a4c8c)}.nav-icon.yellow{background:var(--mb-f2b632,#f2b632)}.nav-icon.green{background:var(--mb-4caf6a,#4caf6a)}.nav-item.active .nav-icon{background:var(--mb-ffffff,#fff);color:var(--red)}.player-avatar{width:46px;height:46px;border-radius:12px;overflow:hidden;flex-shrink:0;border:3px solid #fff;box-shadow:0 2px 0 var(--line);background:#d6ecfb}.player-avatar svg{display:block;width:100%;height:100%}.avatar-card{display:flex;align-items:center;gap:28px;padding:18px 28px;margin-bottom:22px;background:linear-gradient(#d6ecfb,#fff 85%)}.avatar-card-art{width:120px;flex-shrink:0}.avatar-card-art svg{width:100%;display:block}.avatar-card h2{margin-bottom:2px}.avatar-card p{margin-bottom:12px;font-size:18px}.avatar-modal{width:min(1000px,96vw);background:var(--cream)}.avatar-modal .avatar-step{grid-template-columns:minmax(150px,250px) minmax(0,1fr);gap:24px;margin:10px 0 22px}.avatar-modal .avatar-stage{background:#d6ecfb;border-radius:20px;padding:14px}.page-scene{display:none}.app{--scene-left:280px}@media(max-width:1150px){.app{--scene-left:250px}}@media(max-width:850px){.app{--scene-left:0px}}@media(min-width:651px){.app-body:has(main .workspace .board){position:relative}.app:has(>.app-body main .workspace .board)>.page-scene{display:block;position:fixed;top:0;left:var(--scene-left);width:calc(100% - var(--scene-left));height:100%;z-index:0;pointer-events:none}.app-body:has(main .workspace .board)>:not(.page-scene){position:relative;z-index:1}.app-body:has(main .workspace .board) main .page-heading .eyebrow{color:#6a4c8c}}@media(max-width:850px){.who{grid-template-columns:1fr}.avatar-step{grid-template-columns:1fr;gap:16px}.avatar-stage{width:190px;margin:auto}.level-cards{grid-template-columns:minmax(0,520px)}.name-builder{grid-template-columns:1fr}.name-chips{max-height:236px}}@media(max-width:650px){.onboard{padding:14px 16px 28px}.onboard-brand{font-size:24px}.onboard-brand>span{font-size:32px}.onboard-back{font-size:17px}.ribbon{font-size:26px;padding:0 30px}.ribbon span{padding:8px 16px 10px}.ribbon:before,.ribbon:after{width:40px;top:16px;bottom:-12px}.onboard-title{font-size:30px}.polaroid{width:94px;padding:5px 5px 7px}.polaroid.role b{font-size:13px}.onboard .btn.big{min-width:0;width:100%;font-size:21px}.side-ribbon{font-size:22px;padding:6px 34px}.who-side{padding:20px 12px 24px;gap:20px}.panel{padding:22px 16px 26px}.level-card{flex-direction:row;text-align:left;padding:16px}.level-card span{font-size:54px}.level-card b{font-size:20px}.builder-tabs small{display:none}.builder-options{padding:16px}.swatch{width:44px;height:44px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.name-pill{min-width:0;font-size:22px}.portrait-frame{width:150px}.avatar-card{gap:16px;padding:16px}.avatar-card-art{width:90px}}.onboard-brand,.onboard-back{text-shadow:0 2px 8px #1f4f7a99}@media(max-width:650px){.level-card{display:grid;grid-template-columns:60px 1fr;column-gap:14px;align-items:center}.level-card span{grid-row:1/3}}.settings-card{max-width:900px}.settings-card+.settings-card{margin-top:24px}.settings-card>p{margin:4px 0 20px}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.theme-option{display:flex;flex-direction:column;gap:14px;padding:14px;border:3px solid var(--line);border-radius:14px;background:var(--mb-ffffff,#fff);text-align:left;cursor:pointer;color:var(--ink)}.theme-option:hover{border-color:var(--blue)}.theme-option:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.theme-option.active{border-color:var(--ml-4caf6a,#4caf6a);box-shadow:0 0 0 3px #4caf6a33}.theme-text strong{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:22px}.theme-text strong svg{color:var(--mt-4caf6a,#4caf6a)}.theme-text small{display:block;font-size:16px;color:var(--muted);margin-top:2px}.theme-preview{display:flex;height:120px;border-radius:10px;overflow:hidden;border:2px solid var(--line)}.tp-side{width:24%}.tp-board{display:grid;grid-template-columns:repeat(4,1fr);width:84px;height:84px;margin:auto;border-radius:3px;overflow:hidden}.tp-board b:nth-child(8n+1),.tp-board b:nth-child(8n+3),.tp-board b:nth-child(8n+6),.tp-board b:nth-child(8n+8){background:var(--tp-light)}.tp-board b{background:var(--tp-dark)}.theme-preview.classic{background:var(--cream);--tp-light:#f0d9b5;--tp-dark:#b58863}.theme-preview.classic .tp-side{background:#fcfbf9;border-right:2px solid var(--line)}.theme-preview.classic .tp-board{border:4px solid #6b4a34}.theme-preview.meadow{background:linear-gradient(#7cc6f2,#d8effc 60%,#8fd486 60%);--tp-light:#f3f3f3;--tp-dark:#77a24f}.theme-preview.meadow .tp-side{background:#4f8a33}.theme-preview.ocean{background:linear-gradient(#bfeefb,#2aa6c8 38%,#0d5a86);--tp-light:#e9e9d6;--tp-dark:#4f6f99}.theme-preview.ocean .tp-side{background:#0f4c5c}.theme-preview.space{background:linear-gradient(#0f0a35,#2a1a6b 70%,#4a2a8a);--tp-light:#f1ecfa;--tp-dark:#9b84c9}.theme-preview.space .tp-side{background:#2a1a55}.theme-preview.candy{background:linear-gradient(#f4b6df,#e2d4fb 60%,#ffd0e5 60%);--tp-light:#fff7f9;--tp-dark:#eeb4c4}.theme-preview.candy .tp-side{background:#c2307f}.theme-preview.modern{background:#f0f2f5;--tp-light:#f3f3f3;--tp-dark:#77a24f}.theme-preview.modern .tp-side{background:#fff;border-right:1px solid #e4e6eb}.theme-preview.modern-dark{background:#18191a;--tp-light:#e8e8e8;--tp-dark:#8a939b}.theme-preview.modern-dark .tp-side{background:#242526}.theme-preview.snow{background:linear-gradient(#b9dcf3,#eef8fd 60%,#f5fbff 60%);--tp-light:#eef6fb;--tp-dark:#8fb9d6}.theme-preview.snow .tp-side{background:#3b7fb5}.theme-preview.desert{background:linear-gradient(#f78fb0,#ffa971 55%,#c4633a 55%);--tp-light:#f5ecd9;--tp-dark:#c9ad7f}.theme-preview.desert .tp-side{background:#a8452a}.app[data-theme=meadow]{--th-sky:#9fd6f6;--th-side:#4f8a33;--th-side-active:#457a2c;--th-side-deep:#3f7a2a;--th-side-soft:#d7ecc6;--th-brand-light:#e4f4d6;--th-note:#eaf6df;--th-portrait:#7fb85f;--th-btn:#d9762a;--th-btn-hover:#c4661d;--th-outline:#a982e0;--th-outline-soft:#a982e033;--th-eyebrow:#3d5f9e;--th-heading-shadow:0 1px 0 #ffffffb0;--th-glass-text:#2f5a22;--th-shadow:#1f4f7a1f;--th-shadow-board:#1f4f7a40;--th-line:#bfe0a8}.app[data-theme=ocean]{--th-sky:#2aa6c8;--th-side:#0f4c5c;--th-side-active:#0a3a48;--th-side-deep:#072d38;--th-side-soft:#b5e3ea;--th-brand-light:#cdeff3;--th-note:#e0f6f8;--th-portrait:#3aa6b9;--th-btn:#e2634f;--th-btn-hover:#cc523f;--th-outline:#1f8fa8;--th-outline-soft:#1f8fa833;--th-eyebrow:#0d5a73;--th-heading-shadow:0 1px 0 #ffffffb0;--th-glass-text:#0f4c5c;--th-shadow:#0a3a481f;--th-shadow-board:#0a3a4840;--th-line:#a8dbe5}.app[data-theme=space]{--th-sky:#1b1446;--th-side:#2a1a55;--th-side-active:#3c2478;--th-side-deep:#150c33;--th-side-soft:#cbbdf0;--th-brand-light:#e3dbff;--th-note:#ece6ff;--th-portrait:#6f56c4;--th-btn:#d9622a;--th-btn-hover:#c4531e;--th-outline:#8f6be6;--th-outline-soft:#8f6be633;--th-eyebrow:#ffd98a;--th-heading-shadow:0 1px 2px #00000080;--th-glass-text:#2a1a55;--th-shadow:#0000004d;--th-shadow-board:#00000066;--th-line:#cbbdf0}.app[data-theme=candy]{--th-sky:#f6c9e8;--th-side:#c2307f;--th-side-active:#a82370;--th-side-deep:#8a1b5c;--th-side-soft:#ffd3ea;--th-brand-light:#ffe0f0;--th-note:#fff0f8;--th-portrait:#ee8fc2;--th-btn:#7d4fc4;--th-btn-hover:#6a40ad;--th-outline:#e0457b;--th-outline-soft:#e0457b33;--th-eyebrow:#a82370;--th-heading-shadow:0 1px 0 #ffffffb0;--th-glass-text:#8a1b5c;--th-shadow:#a823701f;--th-shadow-board:#a8237040;--th-line:#f3b9d9}.app[data-theme=snow]{--th-sky:#cfe8f7;--th-side:#3b7fb5;--th-side-active:#2f6a9c;--th-side-deep:#245580;--th-side-soft:#d4e9f8;--th-brand-light:#e3f1fb;--th-note:#eef7fd;--th-portrait:#8cc3ea;--th-btn:#d9762a;--th-btn-hover:#c4661d;--th-outline:#5a8fd6;--th-outline-soft:#5a8fd633;--th-eyebrow:#2f6a9c;--th-heading-shadow:0 1px 0 #ffffffb0;--th-glass-text:#245580;--th-shadow:#2455801f;--th-shadow-board:#24558040;--th-line:#bcd9ee}.app[data-theme=desert]{--th-sky:#ffa971;--th-side:#a8452a;--th-side-active:#8f3820;--th-side-deep:#732c18;--th-side-soft:#f6d0bd;--th-brand-light:#fbdccb;--th-note:#fdeadf;--th-portrait:#e49a6e;--th-btn:#7a4a9c;--th-btn-hover:#673d85;--th-outline:#c4502a;--th-outline-soft:#c4502a33;--th-eyebrow:#7a1f4e;--th-heading-shadow:0 1px 0 #ffffffb0;--th-glass-text:#732c18;--th-shadow:#732c181f;--th-shadow-board:#732c1840;--th-line:#f0cdb2}.app[data-theme=space]{--th-heading:#f3efff}.app[data-theme=space] .page-heading h1,.app[data-theme=space] .page-heading p{color:var(--th-heading)}.scene .tw{animation:twinkle 3.6s ease-in-out infinite}.scene .tw.t1{animation-delay:-.9s}.scene .tw.t2{animation-delay:-1.8s;animation-duration:4.6s}.scene .tw.t3{animation-delay:-2.7s;animation-duration:2.8s}.scene .drift{animation:drift-up 9s ease-in-out infinite}.scene .drift.d1{animation-delay:-3s;animation-duration:11s}.scene .drift.d2{animation-delay:-6s;animation-duration:7s}.scene .fall{animation:fall 12s linear infinite}.scene .fall.d1{animation-delay:-4s;animation-duration:15s}.scene .fall.d2{animation-delay:-8s;animation-duration:10s}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.25}}@keyframes drift-up{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(60px)}}@media(prefers-reduced-motion:reduce){.scene .tw,.scene .drift,.scene .fall{animation:none}}.app:not([data-theme=classic]){background:var(--th-sky)}.app:not([data-theme=classic]) .page-scene{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app:not([data-theme=classic]) .app-body>:not(.page-scene){position:relative;z-index:1}.app:not([data-theme=classic]) .sidebar{background:var(--th-side);border-right:none;color:#fff}.app:not([data-theme=classic]) .brand,.app:not([data-theme=classic]) .kid-card strong,.app:not([data-theme=classic]) .sidebar .icon-btn,.app:not([data-theme=classic]) .nav-item{color:#fff}.app:not([data-theme=classic]) .brand-mark{color:#ffd23f;text-shadow:0 3px 0 var(--th-side-deep)}.app:not([data-theme=classic]) .brand-light{color:var(--th-brand-light)}.app:not([data-theme=classic]) .nav-section{color:var(--th-side-soft)}.app:not([data-theme=classic]) .nav-item:hover{background:#ffffff26}.app:not([data-theme=classic]) .nav-item.active{background:var(--th-side-active);color:#fff}.app:not([data-theme=classic]) .nav-item.active .nav-icon{background:#fff;color:var(--th-side-active)}.app:not([data-theme=classic]) .nav-item b{background:#fff;color:var(--th-side-active)}.nav-item b.nav-alert,.app .nav-item b.nav-alert{min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;display:inline-grid;place-items:center;border-radius:999px;background:var(--red);color:var(--mt-ffffff,#fff);font-size:13px;font-weight:800;line-height:1}.app:not([data-theme=classic]) .kid-portrait{background:var(--th-portrait);border-color:var(--th-side-active);box-shadow:0 5px 0 var(--th-side-deep)}.app:not([data-theme=classic]) .kid-stats span{box-shadow:0 3px 0 var(--th-side-deep)}.app:not([data-theme=classic]) .card,.app:not([data-theme=classic]) .daily-hero{border:none;border-radius:18px;box-shadow:0 6px #00000014,0 10px 30px var(--th-shadow)}.app:not([data-theme=classic]) .page-heading h1,.app:not([data-theme=classic]) .page-heading p{text-shadow:var(--th-heading-shadow)}.app:not([data-theme=classic]) .page-heading .eyebrow{color:var(--th-eyebrow)}.app [data-ink]{text-shadow:none!important}.app [data-ink=light]{color:#fff!important}.app [data-ink=dark]{color:var(--th-glass-text,#1f1f1f)!important}.app [data-ink=deep]{color:#161616!important}.app:not([data-theme=classic]) .page-footer{color:var(--th-glass-text);background:#ffffffd9;border-top:none;border-radius:14px;padding:16px 22px;margin-bottom:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600}.app:not([data-theme=classic]) .btn{border-radius:14px;background:var(--th-btn);box-shadow:inset 0 -5px #0000002b}.app:not([data-theme=classic]) .btn:hover{background:var(--th-btn-hover)}.app:not([data-theme=classic]) .btn.cream{background:#fff;color:var(--ink)}.app:not([data-theme=classic]) .btn.outline{background:#fff;color:var(--ink);border-color:var(--th-outline);box-shadow:inset 0 -4px 0 var(--th-outline-soft)}.app:not([data-theme=classic]) .btn.outline:hover{background:var(--th-outline);color:#fff}.app:not([data-theme=classic]) .board{border:none;border-radius:4px;box-shadow:0 10px 30px var(--th-shadow-board)}.app:not([data-theme=classic]) .kid-stats span{color:var(--ink)}.look-picker{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}.look-preview{display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;overflow:hidden;box-shadow:0 6px #00000014;container-type:inline-size}.look-preview .piece{font-size:24cqw;line-height:1}.look-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--line)}.look-tabs button{display:flex;align-items:center;gap:8px;padding:10px 16px;font-family:var(--display);font-weight:800;font-size:18px;color:var(--muted);border-bottom:4px solid transparent;margin-bottom:-2px}.look-tabs button.active{color:var(--mt-2f7d48,#2f7d48);border-color:var(--ml-4caf6a,#4caf6a)}.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px}.look-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:3px solid transparent;border-radius:16px;background:#fff;box-shadow:0 4px 0 var(--line);cursor:pointer;color:var(--ink)}.look-swatch:hover{border-color:var(--blue)}.look-swatch.active{border-color:#4caf6a;box-shadow:0 0 0 3px #4caf6a33}.look-swatch:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.look-swatch small{font-size:14px;font-weight:700;text-align:center}.swatch-board,.swatch-pieces{display:grid;width:70px;border-radius:8px;overflow:hidden;container-type:inline-size}.swatch-board{grid-template-columns:1fr 1fr}.swatch-pieces{grid-template-columns:1fr 1fr;width:96px;--sq-light:#f3f3f3;--sq-dark:#9cc77c}.swatch-pieces .piece{font-size:38cqw;line-height:1}.look-grid:has(.look-swatch.pieces){grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}@media(max-width:850px){.look-picker{grid-template-columns:1fr}.look-preview{max-width:300px;margin:auto;width:100%}}.promotion button .piece.art{width:64px;height:64px}.sound-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.sound-card>div:first-child{flex:1 1 380px}.sound-card p{margin:4px 0 0}.sound-card .btn{white-space:nowrap}.world-map{max-width:1120px;margin:0 auto;background:#c4e5f8;border-radius:26px;padding:20px 26px 46px;position:relative}.map-top{display:flex;margin-bottom:14px}.map-intro{background:var(--mb-e8d6a6,#e8d6a6);border-radius:24px;padding:26px 28px 24px;box-shadow:inset 0 0 0 6px #d9c38c}.map-intro-head{display:flex;gap:24px;align-items:flex-start}.map-book{width:86px;height:100px;border-radius:12px;background:var(--mb-e2463b,#e2463b);color:var(--mt-ffffff,#fff);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset -8px -12px #b8322a,0 5px #8f2620}.map-book svg{width:46px;height:46px}.map-intro small{font-weight:800;color:var(--mt-8a6a2a,#8a6a2a);letter-spacing:1px;font-size:15px}.map-intro h1{font-size:34px;text-transform:none;margin:2px 0 8px;letter-spacing:0}.map-intro p{color:var(--mt-5a4a2a,#5a4a2a);margin:0;font-size:18px}.medal-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px;background:#d8c08a;border-radius:20px;padding:14px 20px;box-shadow:inset 0 -5px #c6aa6e}.medal-kid{display:flex;align-items:flex-end;margin-right:8px}.medal-kid .hero-avatar{height:112px;width:auto}.medal-kid .hero-piece{width:62px;height:76px;margin-left:-26px}.hero-piece{display:flex;align-items:flex-end;justify-content:center}.hero-piece .piece.art{width:100%;height:100%}.medal{width:84px;height:84px;border-radius:50%;background:#4f7f33;border:7px solid #3f6a27;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;transition:transform .15s}.medal:hover{transform:translateY(-3px)}.medal .piece.art{filter:brightness(0) opacity(.45)}.medal.started{background:#7bb661;border-color:#5f9a48}.medal.started .piece.art{filter:brightness(0) opacity(.6)}.medal.done{background:#fff3c4;border-color:#f2b632}.medal.done .piece.art{filter:none}.next-lesson{margin:28px 0 10px}.next-lesson h3{font-size:20px;text-transform:none;margin-bottom:12px}.next-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center}.bubble{position:relative;background:var(--mb-ffffff,#fff);border-radius:22px;padding:24px 28px;min-height:170px;box-shadow:0 6px #0000000f}.bubble:after{content:"";position:absolute;right:-30px;bottom:60px;border:16px solid transparent;border-left:20px solid var(--ml-ffffff,#fff)}.bubble.solo{min-height:0}.bubble.solo:after{display:none}.bubble h2{font-size:28px;text-transform:none;margin-bottom:8px;letter-spacing:0}.bubble p{margin:0}.bubble ul{margin:0;padding-left:22px;color:var(--mt-5a4f4f,#5a4f4f);font-size:18px;line-height:1.6}.coach{margin:0;display:flex;flex-direction:column;align-items:center}.coach .hero-piece{width:170px;height:190px}.coach figcaption{background:var(--mb-ffffff,#fff);border-radius:12px;padding:6px 18px;font-family:var(--display);font-weight:800;font-size:19px;color:var(--mt-7a4b14,#7a4b14);margin-top:-4px;box-shadow:0 3px #00000014}.big-start,.stone-start{border:0;color:#fff;font-family:var(--display);font-weight:800;background:#f0a04b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px}.big-start{width:100%;margin-top:22px;min-height:78px;border-radius:22px;font-size:30px;box-shadow:inset 0 -7px #d8862a}.big-start:hover,.stone-start:hover{background:#e8913f}.world{margin-top:40px;position:relative}.world-sky{position:relative;height:250px;margin:0 6%}.unit-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.world-hero{position:absolute;left:3%;bottom:-26px;display:flex;align-items:flex-end;z-index:2}.world-hero .hero-avatar{height:170px;width:auto}.world-hero .hero-piece{width:120px;height:150px;margin-left:-46px}.world-ribbon{position:relative;z-index:1;margin:0 5%;background:var(--rib);border-radius:22px;padding:20px 150px 18px;text-align:center;box-shadow:inset 0 -7px 0 var(--rib-shade)}.world-ribbon:before,.world-ribbon:after{content:"";position:absolute;top:28px;bottom:-22px;width:9%;background:var(--rib-shade);z-index:-1}.world-ribbon:before{left:-6%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,28% 50%)}.world-ribbon:after{right:-6%;clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%)}.world-ribbon h2{color:var(--rib-ink);font-size:40px;text-transform:none;margin:0;letter-spacing:0;text-shadow:0 2px 0 #00000014}.world-ribbon small{color:var(--rib-ink);font-weight:700;font-size:17px;display:inline-flex;gap:6px;align-items:center;text-decoration:underline}.world-tab{position:absolute;right:36px;top:-24px;width:94px;height:136px;background:#e8913f;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding-bottom:22px;cursor:pointer;z-index:3;box-shadow:inset -6px 0 #d27a2a}.world-tab b{font-size:17px}.world-tab:focus-visible{outline:3px solid #fff;outline-offset:-6px}.world-field{position:relative;margin-top:-34px;padding:84px 0 40px;background:#6fa24f;border-radius:28px 28px 0 0;overflow:hidden}.world-field:before,.world-field:after{content:"";position:absolute;background:#84bd5f;border-radius:0 46px 46px 0;width:110px;height:110px;left:0;top:110px}.world-field:after{left:auto;right:0;top:auto;bottom:60px;border-radius:46px 0 0 46px}.world-soil{height:42px;background:#6b4a2e;border-radius:0 0 28px 28px;border-top:8px solid #5c8f3e}.stone-row{position:relative;z-index:1;min-height:216px;display:flex;justify-content:center;align-items:flex-start}.stone-row.pos1 .stone:not(.current){transform:translate(140px)}.stone-row.pos3 .stone:not(.current){transform:translate(-140px)}.stone{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;color:#fff;cursor:pointer}.stone:disabled{cursor:default}.stone-disc{position:relative;width:108px;height:94px;border-radius:50%;border:0;background:#78ad58;box-shadow:0 10px #4c7d33,inset 0 0 0 8px #6a9e4c;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#23401a;font-family:var(--display);font-size:46px;font-weight:800}.stone-disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 42%,#ffffff2e 42% 58%,transparent 58%);pointer-events:none}.stone-disc svg{width:46px;height:46px}.stone.done .stone-disc{background:#f4c84a;box-shadow:0 10px #c99a1e,inset 0 0 0 8px #e6b532;color:#fff}.stone.practice .stone-disc{background:#f0a04b;box-shadow:0 10px #c46f22,inset 0 0 0 8px #e38a35;color:#fff}.stone:not(:disabled):hover .stone-disc{transform:translateY(-3px)}.stone .stars{margin-top:4px}.stone .stars b{font-size:22px}.stone-label{background:#ffffffeb;color:var(--ink);border-radius:999px;padding:5px 14px;font-weight:700;font-size:15px;max-width:230px;text-align:center;line-height:1.3;margin-top:6px}.stone.locked .stone-label,.stone.soon .stone-label{background:#fff9;color:#3c4a33}.stone.current{padding:6px 0 30px;max-width:560px;text-align:center}.stone.current .stone-disc{width:136px;height:118px;background:#9bd17a;box-shadow:0 12px #4c7d33,inset 0 0 0 10px #84bd5f;color:#fff;font-size:62px;text-shadow:0 3px 0 #4c7d3366;cursor:pointer;animation:node-pulse 1.6s ease-in-out infinite}.stone.current h3{color:#fff;font-size:32px;text-transform:none;letter-spacing:0;text-shadow:0 2px 0 #00000030;margin:22px 0 4px}.stone.current small{color:#e8f5dc;font-size:17px}.stone-start{min-width:360px;min-height:64px;border-radius:20px;font-size:28px;box-shadow:inset 0 -6px #d8862a;margin-top:18px}.prop-spot{position:absolute;top:24px;width:120px;height:100px;pointer-events:none}.prop-spot.left{left:20%}.prop-spot.right{right:20%}.field-prop{width:100%;height:100%}.to-top{position:fixed;right:28px;bottom:28px;width:66px;height:66px;border-radius:50%;border:0;background:var(--mb-f0a04b,#f0a04b);color:var(--mt-ffffff,#fff);box-shadow:0 5px #d8862a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30}@media(prefers-reduced-motion:reduce){.stone.current .stone-disc{animation:none}}@media(max-width:850px){.next-row{grid-template-columns:minmax(0,1fr) 120px}.coach .hero-piece{width:110px;height:130px}.world-ribbon{padding:16px 110px 16px 20px;text-align:left}.world-ribbon h2{font-size:30px}.world-tab{right:16px;width:76px;height:112px}.world-hero .hero-avatar{height:130px}.world-hero .hero-piece{width:90px;height:116px}}@media(max-width:650px){.world-map{padding:14px 10px 30px;border-radius:18px}.map-intro{padding:18px 16px}.map-intro-head{gap:14px}.map-book{width:56px;height:66px}.map-book svg{width:30px;height:30px}.map-intro h1{font-size:25px}.map-intro p{font-size:16px}.medal-row{gap:8px;padding:12px}.medal-kid{display:none}.medal{width:52px;height:52px;border-width:4px;padding:3px}.next-row{grid-template-columns:1fr}.coach{display:none}.bubble{min-height:0;padding:18px}.bubble:after{display:none}.bubble h2{font-size:23px}.big-start{font-size:22px;min-height:64px}.world{margin-top:26px}.world-sky{height:140px;margin:0}.world-hero{left:0;bottom:-16px}.world-hero .hero-avatar{height:96px}.world-hero .hero-piece{width:58px;height:74px;margin-left:-22px}.world-ribbon{margin:0 4px;padding:12px 80px 12px 14px;border-radius:16px}.world-ribbon:before,.world-ribbon:after{display:none}.world-ribbon h2{font-size:22px}.world-ribbon small{font-size:14px}.world-tab{width:58px;height:88px;right:8px;top:-12px;padding-bottom:16px}.world-tab b{font-size:13px}.world-tab svg{width:20px;height:20px}.world-field{padding-top:58px}.world-field:before,.world-field:after{width:56px;height:70px}.stone-row{min-height:196px}.stone-row.pos1 .stone:not(.current){transform:translate(64px)}.stone-row.pos3 .stone:not(.current){transform:translate(-64px)}.stone-disc{width:84px;height:74px;font-size:36px}.stone-disc svg{width:36px;height:36px}.stone-label{font-size:14px;max-width:170px}.stone.current .stone-disc{width:108px;height:94px;font-size:48px}.stone.current h3{font-size:24px}.stone-start{min-width:0;width:calc(100vw - 80px);max-width:360px;font-size:22px}.prop-spot{width:70px;height:58px;top:40px}.prop-spot.left{left:4%}.prop-spot.right{right:4%}.to-top{right:14px;bottom:14px;width:52px;height:52px}}main:has(>.workspace>.intro-screen){--reserve:124px}.intro-screen{position:relative;background:var(--mb-262826,#262826);border:4px solid var(--ml-e8913f,#e8913f);border-radius:22px;padding:84px 0 36px;overflow:hidden}.intro-screen .board{border:0;border-radius:0;box-shadow:none}.intro-bubble{position:absolute;top:12px;left:14px;right:14px;z-index:5;background:var(--mb-ffffff,#fff);color:var(--ink);border-radius:16px;padding:10px 16px;font-weight:700;font-size:18px;line-height:1.35;min-height:52px;display:flex;align-items:center;box-shadow:0 4px #0000004d}.intro-bubble:after{content:"";position:absolute;bottom:-12px;left:clamp(16px,calc(var(--tail) - 12px),calc(100% - 40px));border:12px solid transparent;border-bottom:0;border-top-color:var(--ml-ffffff,#fff)}.intro-cast{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.actor{position:absolute;width:25%;height:27%;transform:translate(-50%,-100%);transform-origin:50% 100%;transition:left .45s ease-in-out,top .45s ease-in-out;animation:actor-pop .55s cubic-bezier(.3,1.6,.5,1) both}.actor>.piece.art{width:100%;height:100%;filter:drop-shadow(0 6px 4px #0005)}.actor.talking>.piece{animation:actor-talk .5s ease-in-out infinite alternate;transform-origin:50% 100%}@keyframes actor-pop{0%{transform:translate(-50%,-100%) scale(0)}to{transform:translate(-50%,-100%) scale(1)}}@keyframes actor-talk{to{transform:translateY(-5%) rotate(-3deg)}}.intro-panel{display:flex;flex-direction:column;background:var(--mb-3d3a35,#3d3a35);border-radius:22px;overflow:hidden;padding:0}.intro-panel>header{background:var(--mb-5c8f3e,#5c8f3e);color:var(--mt-ffffff,#fff);padding:16px;font-family:var(--display);font-weight:800;font-size:22px;display:flex;gap:8px;justify-content:center;align-items:center}.intro-wall{flex:1;position:relative;background:repeating-linear-gradient(90deg,var(--mb-7a4a2b,#7a4a2b) 0 88px,var(--mb-5f3820,#5f3820) 88px 93px);padding:34px 22px 26px;min-height:340px}.intro-scroll{position:relative;z-index:1;background:var(--mb-f8e9c4,#f8e9c4);border-radius:8px;padding:0 22px 24px;max-width:340px;box-shadow:0 8px #00000040;text-align:center}.scroll-top{background:var(--mb-86bf5c,#86bf5c);color:var(--mt-ffffff,#fff);margin:0 -22px 16px;padding:12px 10px;border-radius:8px 8px 0 0;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.5px}.intro-scroll h2{font-size:26px;text-transform:none;letter-spacing:0;color:var(--mt-7a4b14,#7a4b14);margin-bottom:10px}.intro-scroll ul{text-align:left;margin:0;padding-left:20px;color:var(--mt-5a4a2a,#5a4a2a);font-size:17px;line-height:1.55}.intro-coach{position:absolute;right:6px;bottom:10px;width:150px;height:180px;margin:0;z-index:2}.intro-coach .tma{position:absolute;right:0;bottom:0;width:100%;height:auto}.intro-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 0;color:var(--mt-e8e0d0,#e8e0d0);font-weight:700}.intro-controls button{width:44px;height:44px;border-radius:50%;border:0;background:var(--mb-ffffff1f,#ffffff1f);color:var(--mt-ffffff,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer}.intro-go{margin:14px 20px 20px;min-height:68px;border:0;border-radius:20px;background:var(--mb-5b8fc7,#5b8fc7);color:var(--mt-ffffff,#fff);font-family:var(--display);font-weight:800;font-size:26px;box-shadow:inset 0 -6px #3f72aa;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.intro-go:hover{filter:brightness(1.06)}.intro-go.ready{background:var(--mb-f0a04b,#f0a04b);box-shadow:inset 0 -6px #d8862a;animation:node-pulse 1.6s ease-in-out infinite}.replay-intro{display:inline-flex;align-items:center;gap:6px;font-size:15px;margin-top:6px}@media(prefers-reduced-motion:reduce){.actor{animation:none;transition:none}.actor.talking>.piece,.intro-go.ready{animation:none}}@media(max-width:850px){.intro-wall{min-height:0;padding:22px 16px 20px}.intro-scroll{max-width:none;margin-right:110px}.intro-coach{width:100px;height:120px}.intro-go{font-size:22px;min-height:60px}}@media(max-width:650px){.intro-screen{padding:96px 0 20px;border-radius:16px}.intro-bubble{font-size:16px;top:8px;left:8px;right:8px}.intro-scroll{margin-right:80px;padding:0 14px 16px}.scroll-top{margin:0 -14px 12px}.intro-scroll h2{font-size:21px}.intro-scroll ul{font-size:15px}.intro-coach{width:80px;height:96px}.intro-panel{margin-top:16px}}.intro-skip-mini{display:none}@media(max-width:650px){.intro-skip-mini{display:flex;align-items:center;gap:6px;position:absolute;right:10px;bottom:6px;z-index:6;border:0;border-radius:999px;background:var(--mb-5b8fc7,#5b8fc7);color:var(--mt-ffffff,#fff);font-weight:800;font-size:14px;padding:6px 14px}.intro-screen{padding-bottom:44px}}.intro-panel>header{position:relative}.intro-back{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:var(--mb-ffffff2e,#ffffff2e);color:var(--mt-ffffff,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer}.intro-back:hover{background:var(--mb-ffffff4d,#ffffff4d)}.kid-stats .streak svg{color:var(--mt-f08a24,#f08a24);fill:#f6b04a}.coach-hero{display:grid;grid-template-columns:150px minmax(0,1fr) 300px;gap:24px;align-items:center;background:var(--mb-e8d6a6,#e8d6a6);border-radius:24px;padding:22px 26px;box-shadow:inset 0 0 0 6px #d9c38c;margin-bottom:12px}.coach-mascot{margin:0;width:150px;height:170px}.coach-mascot>.piece.art{width:100%;height:100%}.coach-say small{font-weight:800;letter-spacing:1px;color:var(--mt-8a6a2a,#8a6a2a);font-size:14px}.coach-say p{position:relative;background:var(--mb-ffffff,#fff);border-radius:18px;padding:16px 20px;margin:6px 0 14px;font-size:19px;font-weight:600;color:var(--ink);box-shadow:0 4px #0000000f}.coach-say .big-start{margin-top:0;min-height:60px;font-size:24px}.goal-box{display:flex;gap:16px;align-items:center;background:var(--mb-ffffff,#fff);border-radius:20px;padding:16px;box-shadow:0 4px #0000000f}.goal-ring{--p:0;flex-shrink:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--mb-f08a24,#f08a24) calc(var(--p)*1%),var(--mb-f2e6cc,#f2e6cc) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.goal-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--mb-ffffff,#fff)}.goal-ring>*{position:relative}.goal-ring b{font-family:var(--display);font-size:28px;line-height:1}.goal-ring small{font-size:12px;color:var(--muted)}.goal-text{display:flex;flex-direction:column;gap:4px}.goal-text strong{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:19px}.goal-text strong svg{color:var(--mt-f08a24,#f08a24);fill:#f6b04a}.goal-text small{font-size:14px;color:var(--muted)}.week-dots{display:flex;gap:6px;margin:4px 0}.week-dots i{width:16px;height:16px;border-radius:50%;background:var(--mb-eee2c6,#eee2c6)}.week-dots i.on{background:var(--mb-f08a24,#f08a24);box-shadow:0 0 0 3px #f6b04a55}.point-rules{font-size:15px;color:var(--muted);margin:0 0 22px}.train-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.train-note{margin:0 0 12px}.tset-filters{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:18px}.tset-group+.tset-group{margin-top:26px}.tset-group h3{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:21px}.tset-group h3 small{font-family:inherit;font-size:14px;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0}.tset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.tset{display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;font:inherit;color:var(--ink);background:var(--mb-ffffff,#fff);border:0;border-top:6px solid var(--rib);border-radius:16px;padding:14px 16px;box-shadow:0 3px #0000000f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button.tset:hover{transform:translateY(-2px);box-shadow:0 6px #00000014}button.tset:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.tset-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px}.tset-top small{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase}.tset-title{font-family:var(--display);font-size:19px;font-weight:800;line-height:1.2}.tset-topic{font-size:13px;font-weight:600;color:var(--muted)}.tset-prog{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:4px;font-size:13px;font-weight:600;color:var(--muted)}.tset-prog small{font-size:12px;font-style:italic}.tset-new{font-style:italic}.tset-go{display:inline-flex;align-items:center;gap:2px;align-self:flex-end;padding:5px 4px 5px 12px;border-radius:999px;font-size:15px;font-weight:800;color:var(--red)}.tset.rec{box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 40%,transparent),0 3px #0000000f}.tset.rec .tset-go{background:var(--red);color:var(--mt-ffffff,#fff)}.tset.mastered{box-shadow:0 0 0 3px #f2b63266,0 3px #0000000f}.tset.locked{cursor:default;background:var(--mb-f7f3ea,#f7f3ea)}.tset.locked .tset-title{color:var(--mt-7b7068,#7b7068)}.tset.locked .lock-note{margin-top:auto}.set-badge.rec{color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--mb-ffffff,#fff))}@media(prefers-reduced-motion:reduce){.tset{transition:none}button.tset:hover{transform:none}}@media(max-width:650px){.tset-filters{flex-direction:column;align-items:stretch;gap:8px}.tset-filters .chip-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 0;min-width:0;max-width:100%}.tset-filters .chip-tabs::-webkit-scrollbar{display:none}.tset-filters .chip-tabs button{flex:none}.tset{padding:12px 14px;gap:6px}.tset-grid{gap:12px}}.train-tabs .tab-short{display:none}@media(max-width:650px){.train-tabs .tab-long{display:none}.train-tabs .tab-short{display:inline}.train-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px}.train-tabs button svg{flex:none}}.train-head h2,.train-sub{font-size:26px;margin:0}.train-sub{margin:30px 0 12px}.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.set-card{display:flex;flex-direction:column;gap:10px;background:var(--mb-ffffff,#fff);border-radius:18px;padding:16px 18px;border-top:8px solid var(--rib);box-shadow:0 4px #0000000f}.set-card h3{font-size:21px;text-transform:none;letter-spacing:0;margin:0}.set-card .theme-tags{display:flex;flex-wrap:wrap;gap:6px}.set-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.set-top small{font-weight:800;color:var(--muted);font-size:13px}.set-badge{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:13px;color:var(--mt-b8741d,#b8741d);background:var(--mb-fff3c4,#fff3c4);border-radius:999px;padding:3px 10px}.set-badge.locked{color:var(--mt-6b5f57,#6b5f57);background:var(--mb-eee8dc,#eee8dc)}.set-stats{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);font-weight:600}.set-bar{height:8px;border-radius:999px;background:var(--mb-eee8dc,#eee8dc);overflow:hidden}.set-bar i{display:block;height:100%;background:var(--mb-4caf6a,#4caf6a);border-radius:999px}.set-card.locked{background:var(--mb-f7f3ea,#f7f3ea)}.set-card.locked h3{color:var(--mt-7b7068,#7b7068)}.set-card.mastered{box-shadow:0 0 0 3px #f2b63266,0 4px #0000000f}.lock-note{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.lock-note p{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:15px;color:var(--mt-7a4b14,#7a4b14);font-weight:600;line-height:1.4}.lock-note p svg{flex-shrink:0;margin-top:2px}@media(max-width:1100px){.coach-hero{grid-template-columns:120px minmax(0,1fr)}.coach-mascot{width:120px;height:140px}.goal-box{grid-column:1/-1}}@media(max-width:650px){.coach-hero{grid-template-columns:1fr;padding:16px}.coach-mascot{display:none}.coach-say p{font-size:17px}.coach-say .big-start{font-size:20px;min-height:54px}.goal-box{grid-column:auto}.train-head{flex-direction:column;align-items:flex-start;gap:6px}}.drill-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.chip-tabs{display:flex;flex-wrap:wrap;gap:8px}.chip-tabs button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:var(--mb-ffffff,#fff);color:var(--ink);font-weight:700;font-size:16px;cursor:pointer;text-transform:none}.chip-tabs button b{min-width:22px;padding:0 6px;border-radius:999px;background:var(--mb-f1ece2,#f1ece2);font-size:13px;line-height:22px;text-align:center}.chip-tabs button:hover{border-color:var(--blue)}.chip-tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--mt-ffffff,#fff)}.chip-tabs button.active b{background:var(--mb-ffffff33,#ffffff33)}.drill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.drill-card{display:flex;flex-direction:column;gap:14px;justify-content:space-between;background:var(--mb-ffffff,#fff);border-radius:18px;padding:16px 18px;border-top:8px solid var(--drill);box-shadow:0 4px #0000000f}.drill-main{display:flex;gap:16px;align-items:flex-start}.drill-art{flex-shrink:0;width:88px;height:88px;border-radius:18px;background:color-mix(in srgb,var(--drill) 16%,var(--mb-ffffff,#fff));display:flex;align-items:flex-end;justify-content:center;padding:6px}.drill-art>.piece.art{width:100%;height:100%}.drill-text{min-width:0}.drill-text h3{font-size:21px;line-height:1.25;text-transform:none;letter-spacing:0;margin:4px 0}.drill-text p{margin:0;font-size:16px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drill-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted);font-weight:600}.drill-chip{color:var(--mt-ffffff,#fff);background:var(--drill);border-radius:999px;padding:2px 10px;font-weight:800;font-size:13px}.drill-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.drill-actions .btn{white-space:nowrap;text-transform:none;font-size:17px;min-height:46px;border-radius:12px}.drill-actions .text-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.drill-card.locked{background:var(--mb-f7f3ea,#f7f3ea)}.drill-card.locked .drill-art{filter:grayscale(.7);opacity:.75}.drill-card.locked h3{color:var(--mt-7b7068,#7b7068)}@media(max-width:650px){.drill-grid{grid-template-columns:1fr}.drill-art{width:64px;height:64px;border-radius:14px}.drill-text h3{font-size:19px}.chip-tabs button{font-size:14px;padding:6px 11px}}.lock-note .btn{text-transform:none;white-space:normal;text-align:left;font-size:15px;min-height:40px}.training-banner .lock-note p{color:var(--mt-ffffff,#fff)}.training-banner .lock-note p svg{color:var(--mt-ffffff,#fff)}a.nav-item,a.brand{text-decoration:none;cursor:pointer}.not-found{max-width:640px}.calc-steps{margin:0 0 16px;padding-left:22px;color:var(--muted);font-size:16px;line-height:1.6}.ui-select{position:relative;width:100%}.ui-select-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 14px 10px 16px;border:2px solid var(--line);border-radius:12px;background:var(--mb-ffffff,#fff);color:var(--ink);font:inherit;font-size:17px;font-weight:700;text-align:left;cursor:pointer;box-shadow:0 3px #0000000d}.ui-select-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-button svg{flex-shrink:0;color:var(--muted);transition:transform .15s}.ui-select-button:hover{border-color:var(--blue)}.ui-select-button:focus-visible{outline:3px solid var(--ml-4a90c255,#4a90c255);border-color:var(--blue)}.ui-select.open .ui-select-button{border-color:var(--blue)}.ui-select.open .ui-select-button svg{transform:rotate(180deg)}.ui-select-list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--mb-ffffff,#fff);border-radius:14px;border:2px solid var(--line);box-shadow:0 14px 34px #2a221626;animation:select-in .12s ease-out}.ui-select-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;color:var(--ink)}.ui-select-list li small{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-top:1px}.ui-select-list li.active{background:var(--mb-eef5fb,#eef5fb)}.ui-select-list li.selected{color:var(--blue)}.ui-select-list li svg{flex-shrink:0;color:var(--blue)}@keyframes select-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.ui-select-list{animation:none}}.ui-select.compact{width:auto;min-width:130px}.ui-select.compact .ui-select-button{min-height:42px;font-size:15px;padding:6px 10px 6px 14px}.ui-select.compact .ui-select-list{left:auto;min-width:150px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:19px}.field-label{font-size:17px;font-weight:700}.calc-layout{--calc-board:max(300px,min( calc(100vh - 212px) , calc(100vw - 760px) ));display:grid;grid-template-columns:var(--calc-board) minmax(320px,1fr);gap:28px;align-items:start}.calc-board{display:flex;flex-direction:column;gap:12px;position:sticky;top:34px}@media(max-width:1150px){.calc-board{top:28px}}.calc-side .page-heading{margin-bottom:18px}.calc-side .page-heading h1{font-size:34px}@media(max-width:900px){.calc-layout{grid-template-columns:1fr}.calc-board{position:static}}main:has(.calc-layout) .page-footer{display:none}main:has(.calc-layout){padding-bottom:24px}.calc-board .board-wrap{width:100%;max-width:none;margin:0}.ui-select-list li.disabled{opacity:.55;cursor:not-allowed}.result-box small{display:block;margin-top:8px}.pl-progress{width:100%;max-width:520px;height:14px;border-radius:999px;background:var(--mb-ffffff59,#ffffff59);overflow:hidden}.pl-progress i{display:block;height:100%;background:var(--mb-ffe08a,#ffe08a);transition:width .3s}.pl-card{background:var(--mb-ffffff,#fff);color:var(--ink);border-radius:22px;padding:18px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px #00000026}.pl-card h2{text-transform:none;font-size:22px;margin:0;line-height:1.3}.pl-board{width:100%;max-width:460px;margin:0 auto}.pl-feedback{margin:0;min-height:1.4em;text-align:center;font-weight:800;font-size:19px}.pl-feedback.right{color:var(--mt-2f8a3f,#2f8a3f)}.pl-feedback.wrong{color:var(--mt-c27614,#c27614)}.pl-actions{flex-wrap:wrap;gap:16px}.pl-summary{margin:0;font-size:18px}.pl-level h2{font-size:19px;margin:0 0 6px}.pl-chips{display:flex;flex-wrap:wrap;gap:8px}.pl-chip{display:flex;flex-direction:column;padding:6px 12px;border-radius:12px;font-weight:700;font-size:15px;background:var(--mb-e8e2d4,#e8e2d4);color:var(--muted)}.pl-chip small{font-size:12px}.pl-chip.known{background:var(--mb-e3f4e1,#e3f4e1);color:var(--mt-2f6f3b,#2f6f3b)}.pl-chip.study{background:var(--mb-fdf0dc,#fdf0dc);color:var(--mt-8a5410,#8a5410)}@media(max-width:650px){.onboard-main .btn.big{min-width:0;max-width:100%}}.stone-known{font-size:13px;font-weight:800;padding:2px 8px;border-radius:10px;background:#e3f4e1;color:#2f6f3b}.pl-reminder{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.pl-reminder p{margin:0}.pl-page{height:100vh;height:100dvh;min-height:0;padding-bottom:16px}.pl-page .onboard-main{min-height:0;gap:12px;padding:4px 0}.pl-page .onboard-title{font-size:36px}.pl-page .pl-card{max-width:900px;width:auto;min-width:min(520px,100%);min-height:0;overflow:auto;padding:16px 20px;gap:10px}.pl-page .pl-board{width:min(460px,calc(100dvh - 290px));min-width:200px;max-width:100%}.pl-quiz{display:flex;flex-direction:column;gap:10px;min-height:0}.pl-quiz .quiz-options{margin:0}@media(min-width:760px){.pl-quiz.with-board{flex-direction:row;align-items:center;gap:20px}.pl-quiz.with-board .pl-board{width:min(400px,calc(100dvh - 260px));flex:none;margin:0}.pl-quiz.with-board .quiz-options{width:340px}}@media(max-width:650px){.pl-page .onboard-title{font-size:26px}.pl-page .pl-card{min-width:0;width:100%;padding:12px}.pl-page .pl-board{width:min(100%,calc(100dvh - 270px))}.pl-quiz.with-board .pl-board{width:min(100%,calc(100dvh - 470px))}.pl-quiz .quiz-options button{padding:10px 12px;font-size:16px}}.pl-page .onboard-actions{flex-wrap:wrap;gap:12px 16px;flex-shrink:0}.pl-page .onboard-main>:not(.pl-card){flex-shrink:0}@media(max-width:650px){.pl-page .onboard-actions{flex-direction:column;gap:12px}.pl-page .btn.big{min-height:50px;font-size:18px;line-height:1.25;padding:8px 16px;white-space:normal;height:auto}}.pl-roadmap{margin-top:40px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pl-roadmap h3{margin:0 0 4px}.pl-roadmap p{margin:0;font-size:17px}@media(max-width:650px){.pl-roadmap{margin-top:28px;padding:16px}.pl-roadmap .btn{width:100%}}.app .app-body>.mobile-menu.mobile-menu{position:fixed;z-index:21}.app:not([data-theme=classic]) .app-body .board-caption.board-caption{background:#ffffffd9;border-radius:12px;padding:8px 14px;margin-top:8px;color:var(--th-glass-text);font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-banner{display:flex;align-items:center;gap:18px;padding:18px 22px;margin-bottom:20px;flex-wrap:wrap}.arena-banner>div{flex:1;min-width:220px}.arena-banner h2{margin:0 0 4px;font-size:24px}.arena-banner p{margin:0 0 6px}.arena-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 22px;margin-bottom:20px}.arena-rating small,.arena-diff small{display:block;font-weight:800;letter-spacing:1px;font-size:13px;color:var(--muted);margin-bottom:4px}.arena-rating strong{font-family:var(--display);font-size:44px;line-height:1}.arena-sec{margin-top:26px}.arena-sec h2{display:inline-block;font-size:26px;margin:0 0 12px}.rating-chip{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:3px 12px;border-radius:999px;background:var(--mb-fff3c4,#fff3c4);color:var(--mt-8a5a12,#8a5a12);font-weight:800;font-size:15px}.rating-chip svg{fill:#f6b04a}.rating-chip b.up{color:var(--mt-2f7a3b,#2f7a3b)}.rating-chip b.down{color:var(--mt-c8323f,#c8323f)}.arena-say{margin:0 0 10px;padding:10px 14px;border-radius:14px;background:var(--mb-f6f1e4,#f6f1e4);font-weight:600;font-size:16px}.arena-say.wrong{background:var(--mb-fde3df,#fde3df);color:var(--mt-9b2a22,#9b2a22)}.arena-moves{font-family:var(--display);font-size:17px;line-height:1.5;margin:8px 0}.arena-hints{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px}.arena-hints li{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:12px;background:var(--mb-fff7d6,#fff7d6);font-size:15px;font-weight:600}.arena-hints svg{flex-shrink:0;margin-top:2px;color:var(--mt-b8741d,#b8741d)}.app:not([data-theme=classic]) .arena-sec h2{background:#ffffffd9;border-radius:12px;padding:6px 16px;color:var(--th-glass-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:1279px){.arena-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.arena-cats{grid-template-columns:1fr}}.arena-cat{--cat-deep:color-mix(in srgb,var(--cat) 72%,#000);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--mb-ffffff,#fff);box-shadow:0 4px #0000000f,0 14px 26px -18px var(--cat-deep);transition:transform .2s ease,box-shadow .2s ease}.arena-cat:hover{transform:translateY(-4px);box-shadow:0 6px #0000000f,0 20px 30px -16px var(--cat-deep)}.arena-cat-head{position:relative;isolation:isolate;min-height:132px;padding:16px 14px 16px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:6px;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--cat) 88%,#000),var(--cat-deep))}.arena-cat-head:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:conic-gradient(#ffffff1c 25%,transparent 0 50%,#ffffff1c 0 75%,transparent 0) 0 0/26px 26px;-webkit-mask:linear-gradient(200deg,#000 10%,transparent 75%);mask:linear-gradient(200deg,#000 10%,transparent 75%)}.arena-cat-head small{display:block;font-size:13px;font-weight:700;line-height:1.35;opacity:.92;margin-bottom:4px}.arena-cat-head h3{margin:0;font-size:25px;line-height:1.1;color:#fff;text-transform:none;letter-spacing:0}.arena-cat-art{flex:none;width:86px;height:98px;margin:-8px -4px -22px 0;filter:drop-shadow(0 6px 0 #0000002e);transform-origin:50% 90%;transition:transform .3s ease}.arena-cat-art>.piece.art{width:100%;height:100%}.arena-cat:hover .arena-cat-art{transform:rotate(-9deg) translateY(-4px)}.arena-cat-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:18px}.arena-cat-stats{display:flex;flex-wrap:wrap;gap:8px}.arena-cat-stats span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--cat) 14%,var(--mb-ffffff,#fff))}.arena-cat-stats svg{color:var(--cat)}.arena-cat-stats b{font-weight:800}.app .arena-cat .btn{margin-top:auto;width:100%;background:var(--cat-deep);box-shadow:0 4px color-mix(in srgb,var(--cat) 50%,#000)}@media(prefers-reduced-motion:reduce){.arena-cat,.arena-cat-art{transition:none}.arena-cat:hover,.arena-cat:hover .arena-cat-art{transform:none}}@media(max-width:650px){.arena-top,.arena-banner{padding:14px 16px}.arena-rating strong{font-size:36px}}.solution-mode .moving-piece{transition-duration:1.1s}.solution-viewer{display:grid;gap:10px;margin-top:12px;padding:12px;border-radius:14px;background:var(--mb-fffdf8,#fffdf8);border:2px solid var(--line)}.sol-count{display:flex;justify-content:space-between;align-items:baseline;font-size:17px}.sol-count span,.sol-note{color:var(--mt-6b6258,#6b6258);font-size:15px}.sol-bar{height:8px;border-radius:8px;background:var(--mb-e8e2d6,#e8e2d6);overflow:hidden}.sol-bar i{display:block;height:100%;background:var(--blue);transition:width .4s}.sol-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sol-controls .btn{min-height:52px;font-size:18px;justify-content:center}.sol-controls .btn.small{min-height:46px;font-size:15px}.sol-controls .btn:disabled{opacity:.5}.sol-controls .sol-auto.on{background:var(--mb-e3f1d8,#e3f1d8);border-color:var(--ml-457a2c,#457a2c);color:var(--mt-2f5a22,#2f5a22)}.app:not([data-theme=classic]) .solution-viewer{background:#fff;border-color:var(--th-line)}@media(prefers-reduced-motion:reduce){.solution-mode .moving-piece{transition:none}}@media(max-width:650px){.sol-controls .btn{padding:8px 6px;font-size:16px}.sol-controls .btn.small{font-size:14px}}.tma{display:block;overflow:visible}.tma *{transform-box:fill-box}.tma-body{transform-origin:50% 95%;animation:tma-breathe 3.6s ease-in-out infinite}.tma-eye-shut{opacity:0}.tma-eye-open{animation:tma-eye-open 4s infinite}.tma-eye-shut{animation:tma-eye-shut 4s infinite}.tma-talk{display:none}.tma-talk image{opacity:0}.tma-talk .tma-f3{opacity:1}.tma-arm{transform-origin:55.6% 74%}.tma.talking .tma-mouth-still{display:none}.tma.talking .tma-talk{display:block}.tma.talking .tma-talk image{animation:tma-frame .48s steps(1) infinite}.tma.talking .tma-talk .tma-f1{animation-delay:-.36s}.tma.talking .tma-talk .tma-f2{animation-delay:-.24s}.tma.talking .tma-talk .tma-f3{animation-delay:-.12s}.tma.talking .tma-body{animation:tma-lecture 1.6s ease-in-out infinite}.tma.talking .tma-arm{animation:tma-point 1.2s ease-in-out infinite}@keyframes tma-breathe{50%{transform:scaleY(1.025)}}@keyframes tma-eye-open{0%,92%,97%,to{opacity:1}93%,96%{opacity:0}}@keyframes tma-eye-shut{0%,92%,97%,to{opacity:0}93%,96%{opacity:1}}@keyframes tma-frame{0%{opacity:1}25%,to{opacity:0}}.tma-pose{display:block;object-fit:contain}@keyframes tma-lecture{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-2.5deg)}70%{transform:translateY(-1px) rotate(2deg)}}@keyframes tma-point{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-8deg)}}@media(prefers-reduced-motion:reduce){.tma *{animation:none!important}}.parent-analysis{margin-top:14px}.parent-analysis>summary{cursor:pointer;font-size:14px;color:var(--mt-776040,#776040)}.parent-analysis .analysis{margin:10px 0 0}.level-cards{grid-template-columns:repeat(2,minmax(0,420px))}.level-card{display:grid;grid-template-columns:70px 1fr;column-gap:16px;align-items:center;text-align:left;padding:20px 22px}.level-card span{grid-row:1/3;font-size:64px;text-align:center}@media(max-width:850px){.level-cards{grid-template-columns:minmax(0,520px)}}@media(max-width:650px){.level-card{grid-template-columns:52px 1fr;padding:14px 16px}.level-card span{font-size:48px}}@media(max-width:650px){.level-cards{gap:12px}}.onboard-tutor{display:flex;align-items:center;gap:12px;max-width:760px;width:100%;margin:0 auto 14px;background:#fffdf7;color:#3b3434;border-radius:18px;padding:8px 12px 8px 8px;box-shadow:0 5px #0002}.onboard-tutor-ma{flex:0 0 auto;width:64px;height:52px;display:flex;align-items:center;justify-content:center}.onboard-tutor-ma .tma{height:52px;width:auto}.onboard-tutor p{flex:1;margin:0;font-size:16px;line-height:1.5;color:#3b3434}.onboard-tutor-ctl{display:flex;gap:6px}.onboard-tutor-ctl button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1ece4;color:#5a4a33}@media(max-width:650px){.onboard-tutor{gap:8px;padding:6px 8px 6px 4px}.onboard-tutor-ma{width:46px}.onboard-tutor-ma .tma{height:40px}.onboard-tutor p{font-size:14px}.onboard-tutor-ctl button{width:32px;height:32px}}.onboard{min-height:100dvh}.onboard-top{flex-wrap:nowrap}.onboard-top .onboard-tutor{flex:1;margin:0 auto;max-width:640px;box-shadow:0 4px #0002}.onboard-top .onboard-tutor p{font-size:15px;line-height:1.4}.onboard-top .onboard-brand,.onboard-top .onboard-back{flex:0 0 auto}@media(max-height:900px)and (min-width:651px){.onboard{padding:14px 32px 18px}.onboard-main{gap:16px;padding:6px 0}.ribbon{font-size:34px}.ribbon span{padding:6px 32px 9px}.ribbon:before,.ribbon:after{top:16px;bottom:-12px;width:60px}.onboard-title{font-size:36px}.who-side{gap:16px;padding:18px 20px 22px}.side-ribbon{font-size:24px;padding:6px 44px}.polaroid{width:118px}.onboard .btn.big{min-height:54px;font-size:21px}.level-card{padding:14px 18px}.level-card span{font-size:52px}.avatar-stage svg{max-height:46vh}.builder-options{max-height:34vh;min-height:160px;padding:16px}.builder{padding-bottom:64px}.panel{padding:20px clamp(20px,6vw,100px) 24px;gap:12px}.login-face{width:80px}.name-step{gap:10px}.name-pill{font-size:24px}.name-face{width:58px;height:58px}.name-status{font-size:15px;min-height:20px}.name-group{padding:10px 14px;gap:6px}.name-chips{max-height:37vh}.name-chip{padding:5px 12px;font-size:15px}.name-stepper button{width:38px;height:38px}}@media(max-height:720px)and (min-width:651px){.name-chips{max-height:30vh}.ribbon{font-size:28px}.polaroid{width:100px}.side-ribbon{font-size:20px}.onboard-switch,.onboard-switch button{font-size:17px}.level-card b{font-size:20px}.level-card small{font-size:14px}.level-card span{font-size:44px}.onboard-field{font-size:17px}.onboard-field input{padding:8px 12px}}@media(max-width:650px){.onboard-top{flex-wrap:wrap}.onboard-top .onboard-tutor{order:3;flex-basis:100%;max-width:none;margin-top:8px}.onboard-main{gap:14px}.who{gap:12px}.who-side{gap:10px;padding:12px 10px 14px}.polaroid{width:84px}.side-ribbon{font-size:19px;padding:4px 28px}.onboard-switch{font-size:17px}.avatar-stage{width:150px}.avatar-stage svg{max-height:26vh}.builder-options{max-height:26vh;min-height:120px;padding:12px}.level-card small{font-size:13px;line-height:1.35}.level-card b{font-size:18px}.level-card{padding:10px 14px}}@media(max-width:650px){.onboard{padding:10px 14px 16px}.ribbon{font-size:22px}.ribbon span{padding:6px 14px 8px}.onboard .btn.big{min-height:50px;font-size:19px}.onboard-top .onboard-tutor p{font-size:13px}.onboard-dots{margin-top:2px}.onboard-dots i{width:10px;height:10px}.name-step{gap:8px}.name-pill{font-size:20px;min-width:0;width:100%;padding:5px 58px 5px 5px}.name-face{width:48px;height:48px}.name-builder{gap:8px}.name-chip{padding:5px 10px;font-size:14px}.name-status{font-size:14px}.onboard-note{font-size:15px}.level-cards{gap:10px}}@media(max-width:650px)and (max-height:760px){.polaroid{width:66px;padding:4px 4px 6px}.polaroid.role b{font-size:11px}.who-side{gap:8px;padding:8px 8px 10px}.onboard-main{gap:10px;padding:4px 0}.avatar-stage{width:110px}.avatar-stage svg{max-height:18vh}.builder-options{max-height:22vh;min-height:100px}.builder{padding-bottom:58px}.level-card small{display:none}.level-card{padding:8px 12px}.level-card span{font-size:36px}.panel{padding:14px 16px 16px;gap:10px}.step-art,.login-face{display:none}.onboard-field input{padding:8px 12px}}@media(max-width:650px)and (max-height:760px){.who .onboard .btn.big,.who-side .btn.big{min-height:44px}.ribbon{font-size:20px}}@media(max-width:650px)and (max-height:760px){.level-card b{grid-row:1/3;align-self:center}}.play-rating{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-weight:700;color:var(--ink)}.play-rating b{font-family:var(--display);font-size:22px}.app:not([data-theme=classic]) .play-rating{background:#ffffffd9;border-radius:14px;padding:8px 14px;width:fit-content;max-width:100%}.play-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:28px}.play-card{display:flex;flex-direction:column;gap:12px;min-width:0}.play-card.wide{grid-column:1/-1}.play-card h2{display:flex;align-items:center;gap:8px}.play-card p{margin:0}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.level-pick{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--mb-fffdf8,#fffdf8);color:var(--ink);min-width:0}.level-pick b{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-family:var(--display);font-size:18px}.level-pick strong{display:block;font-family:var(--display);font-size:16px;line-height:1.2}.level-pick small{display:block;font-size:13px;line-height:1.25;color:var(--muted)}.level-pick:hover{border-color:var(--ink)}.level-pick.on{border-color:var(--red);background:var(--mb-fff1f1,#fff1f1)}.level-pick.on b{background:var(--red);color:var(--mt-ffffff,#fff)}.fen-box summary{cursor:pointer;font-weight:700}.fen-box textarea{width:100%;margin-top:8px;min-height:64px}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid var(--line);border-radius:10px;background:var(--mb-fffdf8,#fffdf8);color:var(--ink);font-weight:700;font-size:16px}.seg button.on{background:var(--ink);border-color:var(--ink);color:var(--mt-ffffff,#fff)}.join-form{display:flex;gap:10px}.join-form input{flex:1;min-width:0;font-family:var(--display);font-size:24px;letter-spacing:4px;text-transform:uppercase;text-align:center}.room-list{display:flex;flex-direction:column;gap:8px}.room-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.room-row>div:not(.player-avatar){flex:1;min-width:0}.room-row strong{display:block;overflow-wrap:anywhere}.room-row small{display:block;color:var(--muted);font-size:14px}.play-wait{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:520px;margin:10px auto}.play-wait p{margin:0}.wait-clock,.room-code{font-family:var(--display);font-weight:800;font-size:56px;line-height:1;color:var(--ink)}.room-code{letter-spacing:8px;background:var(--cream);border-radius:14px;padding:14px 22px;font-size:48px}.wait-ask{background:var(--cream);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center}.wait-ask .button-row{justify-content:center}.player-line{position:relative}.emote-bubble{position:absolute;left:62px;top:-6px;z-index:3;background:var(--mb-ffffff,#fff);color:var(--ink);border:2px solid var(--ink);border-radius:14px 14px 14px 2px;padding:4px 12px;font-weight:700;font-size:16px;box-shadow:0 3px #0002;animation:emote-pop .25s ease-out}.emote-bubble.own{background:var(--mb-fff1b8,#fff1b8)}@keyframes emote-pop{0%{transform:scale(.6);opacity:0}}.clock.low{background:var(--red);color:var(--mt-ffffff,#fff)}.online-side{display:flex;flex-direction:column;gap:10px}.online-side .btn.full{width:100%}.emote-bar{display:flex;flex-wrap:wrap;gap:6px}.emote-bar button{padding:7px 12px;border-radius:999px;border:2px solid var(--line);background:var(--mb-fffdf8,#fffdf8);color:var(--ink);font-weight:700;font-size:15px}.emote-bar button:hover{border-color:var(--ink)}.draw-offer{background:var(--cream);border-radius:12px;padding:12px}.draw-offer p{margin:0 0 8px}.end-panel{text-align:center}.rating-change{font-family:var(--display);font-size:24px;font-weight:800}.rating-change.up{color:var(--mt-2f7d32,#2f7d32)}.rating-change.down{color:var(--red)}.end-panel .button-row{justify-content:center}.more-wrap{position:relative}.more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:190px;background:var(--mb-fffdf8,#fffdf8);border:2px solid var(--ink);border-radius:12px;padding:6px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column}.more-menu button{text-align:left;padding:10px 12px;border-radius:8px;color:var(--ink);font-weight:700}.more-menu button:hover{background:var(--cream)}.reason-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.reason-list label{display:flex;align-items:center;gap:8px;font-weight:600}@media(max-width:850px){.play-hub{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.wait-clock{font-size:46px}.room-code{font-size:38px;letter-spacing:5px}.level-pick small{display:none}}.wait-ask .button-row{flex-wrap:wrap;width:100%}.wait-ask .button-row .btn{flex:1 1 150px;white-space:nowrap}.online-side{display:flex;flex-direction:column}.player-line .emote-bubble{top:auto;bottom:calc(100% - 6px);left:44px;white-space:nowrap}@media(max-width:850px){.online-side .end-panel{order:-1;margin:0 0 16px}}.player-line .emote-bubble{bottom:auto;top:50%;left:auto;right:150px;transform:translateY(-50%);animation:none}@media(max-width:650px){.player-line .emote-bubble{right:118px;font-size:14px}}@media(max-width:650px){.player-line .emote-bubble{right:auto;left:44px;top:calc(100% - 4px);transform:none}}.play-note{display:flex;gap:6px;align-items:center;font-size:15px;margin-top:14px}.play-hub.single{display:block}.play-hub.single>section{margin-bottom:0}.play-hub.single>section>h2:first-child{display:none}.play-hub.single>section>h2:first-child+p{margin-top:0}.play-rating{flex-wrap:wrap}.search-faces{position:relative;background:var(--mb-cfe6f7,#cfe6f7);box-shadow:0 0 0 3px #f2b632,0 2px 0 var(--line)}.search-faces>span{position:absolute;top:0;right:0;bottom:0;left:0;animation:face-flick .26s ease-out}.search-faces>span svg{filter:grayscale(.35) blur(.4px)}@keyframes face-flick{0%{transform:translateY(-70%);opacity:.2}to{transform:none;opacity:1}}.search-empty{display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:24px;font-weight:800;color:var(--muted);background:var(--mb-eef1f4,#eef1f4)}.search-side{display:flex;flex-direction:column;gap:12px}.search-side p{margin:0}.search-timer{display:flex;align-items:center;gap:10px;color:var(--red)}.search-timer .wait-clock{font-size:34px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.time-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.time-chips button{padding:8px 12px;border-radius:999px;border:2px solid var(--line);background:var(--mb-ffffff,#fff);color:var(--ink);font-weight:700;font-size:14px}.time-chips button.on{background:var(--ink);color:var(--mt-ffffff,#fff);border-color:var(--ink)}.search-room .player-line strong{display:block}@media(prefers-reduced-motion:reduce){.search-faces>span{animation:none}}.search-faces>span{animation:face-flick .6s ease-out}@keyframes face-flick{0%{transform:translateY(-40%);opacity:0}to{transform:none;opacity:1}}.player-figure{width:50px;height:78px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;position:relative;margin:0}.player-figure svg{display:block;height:100%;width:auto;overflow:visible}.player-figure.search-faces{background:none;box-shadow:none}.player-figure.search-faces>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end}.player-figure.search-faces svg{filter:grayscale(.3) opacity(.9)}.player-figure.search-empty span{width:40px;height:40px;border-radius:50%;background:var(--mb-eef1f4,#eef1f4);color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;font-weight:800;margin-bottom:14px}.avatar-svg.lively{animation:av-bob 1.4s ease-in-out infinite;transform-origin:50% 100%}.avatar-svg.lively .av-arm-l{transform-origin:72px 158px;animation:av-swing-l 1.4s ease-in-out infinite}.avatar-svg.lively .av-arm-r{transform-origin:128px 158px;animation:av-wave 2.8s ease-in-out infinite}.avatar-svg.lively .av-foot-l{transform-origin:64px 307px;animation:av-tap 1.4s ease-in-out infinite}.avatar-svg.lively .av-foot-r{transform-origin:136px 307px;animation:av-tap 1.4s ease-in-out infinite .7s}@keyframes av-bob{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-4%) scaleY(1.02)}}@keyframes av-swing-l{0%,to{transform:rotate(4deg)}50%{transform:rotate(-8deg)}}@keyframes av-wave{0%,55%,to{transform:rotate(0)}65%{transform:rotate(-38deg)}75%{transform:rotate(-24deg)}85%{transform:rotate(-38deg)}}@keyframes av-tap{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}.search-faces .avatar-svg.lively{animation-duration:.9s}@media(prefers-reduced-motion:reduce){.avatar-svg.lively,.avatar-svg.lively *{animation:none!important}}.player-figure{width:54px;height:84px;margin:0}@media(min-width:851px){.online-room .board-wrap,.search-room .board-wrap{max-width:min(650px,calc(100dvh - 240px))}.online-room>section:first-child,.search-room>section:first-child{max-width:min(650px,calc(100dvh - 240px))}}.play-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;max-width:1520px}.play-stage.side-hidden{grid-template-columns:minmax(0,1fr)}.stage-main{position:relative;min-width:0;container-type:inline-size}.stage-status{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:center;margin:0 0 12px;font-size:15px;color:var(--ink);min-height:36px}.stage-status b{font-family:var(--display);font-size:21px}.stage-status span{color:var(--muted);font-size:14px}.stage-status .btn{margin-right:auto}.stage-row{--col:clamp(84px,13cqw,150px);--top:150px;--b:min(calc(100cqw - 2*var(--col) - 32px),calc(100dvh - var(--top)),720px);display:grid;grid-template-columns:var(--col) var(--b) var(--col);gap:16px;justify-content:center;align-items:end}.stage-board{width:var(--b)}.stage-board .board-wrap{max-width:none}.stage-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.stage-figure{height:clamp(100px,calc(var(--b)*.42),230px);width:100%;display:flex;align-items:flex-end;justify-content:center}.stage-figure svg{height:100%;width:auto;max-width:100%;overflow:visible}.stage-name{text-align:center;line-height:1.25;width:100%}.stage-name strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;overflow-wrap:anywhere}.stage-name small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.stage-clock{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:999px;background:var(--mb-f4f2ee,#f4f2ee);color:var(--mt-77716a,#77716a);font-size:clamp(17px,calc(var(--col)*.17),24px);font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 3px #0000001f}.stage-clock svg{width:.8em;height:.8em}.stage-clock.run{background:var(--mb-4a4642,#4a4642);color:var(--mt-ffffff,#fff)}.stage-clock.low{background:var(--red);color:var(--mt-ffffff,#fff)}.stage-bubble{position:absolute;top:auto;left:50%;translate:-50% 0;right:auto;bottom:calc(100% + 6px);white-space:nowrap;z-index:4}.side-toggle{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:var(--mb-3f7d3a,#3f7d3a);color:var(--mt-ffffff,#fff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px #0000002e;z-index:5;border:0}.play-stage.side-hidden .side-toggle{right:-34px}.stage-side{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto}.stage-side .section-heading{align-items:center;margin-bottom:12px}.stage-side .section-heading h2{font-size:20px;margin:0}.stage-side .more-wrap{position:relative}.stage-side .move-list{max-height:28dvh;min-height:90px}.stage-figure.search-faces{position:relative;background:none!important;box-shadow:none!important;border:0;border-radius:0}.stage-figure.search-faces>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;animation:face-flick .6s ease-out}.stage-figure.search-faces svg{filter:grayscale(.3) opacity(.9)}.stage-figure.search-empty{align-items:center}.stage-figure.search-empty span{width:56px;height:56px;border-radius:50%;background:var(--mb-eef1f4,#eef1f4);color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:28px;font-weight:800}.search-side{display:flex;flex-direction:column;gap:10px}.search-side p{margin:0;font-size:15px}.search-side .search-timer .wait-clock{font-size:28px}.search-side .wait-ask{padding:12px;border-radius:12px;background:var(--mb-f4f2ee,#f4f2ee)}.search-side .wait-ask p{margin-bottom:8px}.search-side .button-row{margin-top:0;flex-wrap:wrap}.search-side .time-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}.search-side .time-chips button{padding:6px 8px;font-size:13px}@media(max-height:760px)and (min-width:851px){.stage-row{--top:120px}.stage-figure{height:clamp(90px,calc(var(--b)*.34),190px)}.stage-status{margin-bottom:8px}}@media(min-width:1600px){.stage-row{--col:clamp(84px,13cqw,170px);--b:min(calc(100cqw - 2*var(--col) - 32px),calc(100dvh - var(--top)),760px)}}@media(min-width:851px)and (max-width:1180px){.play-stage.side-hidden .stage-side{display:none}}@media(max-width:850px){.play-stage,.play-stage.side-hidden{grid-template-columns:1fr}.side-toggle{display:none}.stage-row{--b:100%;grid-template-columns:1fr;gap:8px}.stage-board{width:100%;order:2}.stage-player{flex-direction:row;gap:10px}.stage-player.opp{order:1}.stage-player.me{order:3}.stage-figure,.stage-figure.search-faces,.stage-figure.search-empty{height:84px;width:54px;flex-shrink:0}.stage-figure.search-empty span{width:40px;height:40px;font-size:22px}.stage-name{text-align:left;flex:1}.stage-name strong{font-size:15px}.stage-clock{width:auto;min-width:104px;font-size:21px;padding:7px 14px}.stage-bubble{left:64px;translate:none;top:-6px;bottom:auto}.stage-side{position:static;max-height:none}.stage-side .move-list{max-height:none}.stage-status .btn{margin-right:0}}@media(min-width:851px)and (max-width:1180px){.play-stage,.play-stage.side-hidden{grid-template-columns:minmax(0,1fr)}.play-stage .stage-side,.play-stage.side-hidden .stage-side{display:block;position:static;max-height:none}.side-toggle{display:none}.stage-row{--b:min(calc(100cqw - 2*var(--col) - 32px),calc(100dvh - var(--top)),640px)}.stage-side .move-list{max-height:200px}}.stage-name strong{font-size:13.5px}.stage-name{background:var(--mb-fffdf8,#fffdf8);border-radius:12px;padding:6px 8px;box-shadow:0 2px #0000001a;text-align:center}.stage-name strong{display:block;-webkit-line-clamp:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--ink)}.stage-name small{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:var(--muted);margin-top:1px;white-space:nowrap}.stage-name.own{box-shadow:0 0 0 2px var(--blue),0 2px #0000001a}.color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1.5px solid var(--ml-4a4642,#4a4642);flex-shrink:0}.color-dot.w{background:var(--mb-ffffff,#fff)}.color-dot.b{background:var(--mb-2f2a26,#2f2a26)}.stage-row{--col:clamp(96px,13cqw,150px)}@media(min-width:1600px){.stage-row{--col:clamp(96px,13cqw,170px)}}@media(max-width:850px){.stage-name{background:none;box-shadow:none;padding:0;text-align:left}.stage-name.own{box-shadow:none}.stage-name small{justify-content:flex-start}}.stage-row{--col:clamp(110px,14cqw,150px)}@media(min-width:1600px){.stage-row{--col:clamp(110px,13cqw,170px)}}.stage-name strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow-wrap:anywhere;font-size:13px;line-height:1.2}@media(min-width:1181px){.play-stage .stage-side{height:clamp(440px,calc(100dvh - 110px),820px);max-height:none;display:flex;flex-direction:column;overflow:hidden}.stage-side>*{flex-shrink:0}.stage-side>.move-list{flex:1 1 auto;min-height:80px;max-height:none;overflow:auto;margin-bottom:12px}.stage-side>.end-panel{margin-top:auto}.search-side>.time-chips{margin-top:auto}.search-side{overflow:auto}}.time-picker-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;z-index:6;background:var(--mb-ffffff26,#ffffff26);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.time-picker{width:min(380px,100%);max-height:100%;overflow:auto;background:var(--mb-f2f0ec,#f2f0ec);border-radius:22px;box-shadow:0 14px 40px #2a221640;text-align:center;display:flex;flex-direction:column}.time-picker h2{margin:0;padding:18px 16px 4px;background:var(--mb-ffffff,#fff);color:var(--blue);font-family:var(--display);font-size:34px;line-height:1.1}.time-picker-art{display:flex;align-items:flex-end;justify-content:center;gap:2px;background:var(--mb-ffffff,#fff);padding:8px 16px 14px}.tp-kid{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#d6ecfb;border:4px solid #fff;box-shadow:0 3px #0000001a}.tp-kid svg{display:block;width:100%;height:100%}.tp-pawns{display:flex;font-size:44px;line-height:1;margin:0 -6px 6px;z-index:1}.tp-pawns i{font-style:normal}.tp-pawns i:first-child{color:#f2c94c;-webkit-text-stroke:1.5px #9a7417;transform:rotate(-10deg)}.tp-pawns i:last-child{color:#3a332c;transform:rotate(10deg)}.time-picker-list{display:flex;flex-direction:column;gap:10px;padding:16px 22px 8px}.tp-btn{border:0;border-radius:16px;padding:12px;background:#f2ae5c;color:#fff;font-family:var(--display);font-size:22px;font-weight:800;box-shadow:0 5px #d98d34;cursor:pointer;transition:transform .1s}.tp-btn:hover{filter:brightness(1.05)}.tp-btn:active{transform:translateY(3px);box-shadow:0 2px #d98d34}.tp-btn.on{background:#e88f2e;box-shadow:0 5px #b86a17}.time-picker>p{margin:4px 18px 16px;font-size:13px}@media(max-height:760px){.time-picker h2{font-size:28px;padding-top:12px}.tp-kid{width:72px;height:72px}.tp-pawns{font-size:34px}.tp-btn{padding:9px;font-size:19px}.time-picker-list{gap:8px;padding:12px 18px 6px}}@media(max-width:850px){.time-picker-wrap{position:fixed;background:var(--mb-1f2a3a66,#1f2a3a66)}}.time-picker-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--mb-1f2a3a59,#1f2a3a59);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}.time-picker{max-height:calc(100dvh - 32px)}.time-picker h2{text-transform:none;letter-spacing:0}.tp-pawns{font-size:58px;margin:0 -10px 4px}.tp-pawns i{font-family:Arial Unicode MS,Apple Symbols,DejaVu Sans,serif;filter:drop-shadow(0 2px 1px #0003)}@media(max-height:760px){.tp-pawns{font-size:46px}}.time-picker{position:relative}.tp-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:#f1ece4;color:#5a4a33;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.time-picker-wrap{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:850px){.time-picker-wrap{background:none}}.time-picker-wrap,.app .time-picker-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--mb-00000047,#00000047);-webkit-backdrop-filter:none;backdrop-filter:none}.tp-btn{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.1;padding:12px 12px 10px}.tp-btn b{font-size:26px;font-weight:800}.tp-btn small{font-family:var(--body,inherit);font-size:13px;font-weight:600;opacity:.92;margin-top:2px}@media(max-height:760px){.tp-btn{padding:9px 10px 8px}.tp-btn b{font-size:22px}}.search-stage .stage-status{justify-content:flex-start;gap:12px}.search-stage .stage-status .btn{margin-right:0}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--mb-fffdf8,#fffdf8);color:var(--ink)!important;font-size:14px!important;font-weight:700;box-shadow:0 2px #0000001a}@media(min-width:851px){.search-stage .stage-status{position:relative;justify-content:center}.search-stage .stage-status .btn{position:absolute;left:0;top:50%;transform:translateY(-50%)}}.end-modal{background:var(--mb-ffffff,#fff);padding:26px 24px 22px;gap:8px}.end-modal h2{background:none;padding:6px 30px 0;color:var(--ink);font-size:34px}.end-modal .end-reason{margin:0;color:var(--muted);font-weight:700;font-size:16px}.end-modal .rating-change{margin:0;font-weight:800}.end-actions{display:flex;flex-direction:column;gap:12px;margin-top:12px}.end-btn{border:0;border-radius:16px;padding:14px;background:var(--mb-e9e7e3,#e9e7e3);color:var(--mt-6f6a64,#6f6a64);font-family:var(--display);font-size:22px;font-weight:800;box-shadow:0 5px #d2cfca;cursor:pointer}.end-btn.light{background:var(--mb-f3f2ef,#f3f2ef);box-shadow:0 5px #e2e0dc}.end-btn:disabled{opacity:.6;cursor:default}.end-actions .tp-btn{font-size:22px;padding:14px}.rematch-ask{background:var(--mb-fff6e6,#fff6e6);border-radius:16px;padding:12px}.rematch-ask b{display:block;margin-bottom:8px}.rematch-ask .button-row{gap:8px}.rematch-ask .button-row>*{flex:1;font-size:18px;padding:10px}.end-reopen{margin-top:10px}@media(min-width:1181px){.play-stage>.stage-main{align-self:center}}.stage-side .draw-offer{padding:10px 12px}.stage-side .draw-offer p{font-size:14px;line-height:1.4;margin:0 0 8px}.stage-side .draw-offer .button-row,.stage-side .side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.stage-side .draw-offer .btn,.stage-side .side-actions .btn{width:100%;min-height:0;padding:8px 6px;font-size:14px;white-space:nowrap;gap:6px}.stage-side .emote-bar{gap:5px}.stage-side .emote-bar button{padding:4px 10px;font-size:13px;border-width:1.5px}.emote-bar.emote-icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:6px}.emote-bar.emote-icons button,.stage-side .emote-bar.emote-icons button{padding:0;aspect-ratio:1;max-width:44px;width:100%;justify-self:center;border-radius:50%;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .15s}.emote-bar.emote-icons button:hover{transform:scale(1.15)}.emote-bubble.icon{font-size:30px;line-height:1.15;padding:2px 10px}@media(min-width:1181px){.stage-side>.move-list{min-height:64px}}.stage-side .more-wrap>.btn{min-height:0;padding:6px 12px;line-height:1}@media(max-width:1180px){.stage-side>.draw-offer,.stage-side>.emote-bar,.stage-side>.side-actions{margin-top:10px}}.tutor-arrows line.bad{stroke:#d64545cc}.tutor-arrows marker.bad path{fill:#d64545cc}.tutor-arrows line.good{stroke:#3f9a4bdd}.tutor-arrows marker.good path{fill:#3f9a4bdd}.k-great{--k:#2f8fd8}.k-best{--k:#3f9a4b}.k-good{--k:#7fae5a}.k-inaccuracy{--k:#d9a91c}.k-mistake{--k:#e8893a}.k-miss{--k:#d65a8a}.k-blunder{--k:#d64545}.k-none{--k:#b9b2a8}.kind-badge{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:999px;background:var(--k);color:var(--mt-ffffff,#fff);font-weight:800;font-size:13px;line-height:1}.kind-badge.on-board{position:absolute;z-index:8;width:5.5%;min-width:22px;height:auto;aspect-ratio:1;padding:0;transform:translate(-70%,-30%);font-size:clamp(10px,1.3vw,15px);box-shadow:0 2px 6px #0004;border:2px solid var(--ml-ffffff,#fff);pointer-events:none}.review-summary{display:flex;flex-direction:column;gap:14px}.review-summary>h2{margin:0;font-size:22px}.acc-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acc-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;background:var(--cream);text-align:center;min-width:0}.acc-card.me{outline:2px solid var(--ml-3f9a4b55,#3f9a4b55)}.acc-card strong{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-medal{position:absolute;top:6px;left:8px;font-size:20px}.acc-face{width:64px;height:64px;border-radius:14px;overflow:hidden;background:var(--mb-ffffff,#fff);display:grid;place-items:center;border:2px solid var(--ml-7fae5a,#7fae5a)}.acc-face svg{max-width:100%;max-height:100%}.acc-initial{font-weight:800;font-size:28px;color:var(--ink)}.acc-score{display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-radius:10px;background:var(--mb-ffffff,#fff);min-width:90px}.acc-card.me .acc-score{background:var(--ink);color:var(--mt-ffffff,#fff)}.acc-score small{font-size:11px;opacity:.8}.acc-score b{font-size:22px;line-height:1.1}.kind-table{display:grid;gap:4px}.kind-row{display:grid;grid-template-columns:32px 26px 1fr 26px 32px;align-items:center;gap:8px;padding:3px 0}.kind-row>b{text-align:center;color:var(--k);font-size:17px}.kind-row>span{text-align:center;color:var(--k);font-weight:700;font-size:14px}.review-summary-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.review-summary-foot .btn.small{min-height:0;padding:8px 12px}.ply-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:10px}.ply-pair{display:inline-flex;align-items:center;gap:3px;flex:none}.ply-pair small{color:var(--muted);font-size:12px;font-weight:700}.ply{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:8px;border:1.5px solid transparent;background:var(--mb-fffdf8,#fffdf8);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.ply i{width:8px;height:8px;border-radius:50%;background:var(--k)}.ply.active{border-color:var(--ink);background:var(--ink);color:var(--mt-ffffff,#fff)}@media(max-width:650px){.kind-row{grid-template-columns:28px 24px 1fr 24px 28px}}.kind-row>span:not(.kind-badge){text-align:center;color:var(--k);font-weight:700;font-size:14px}.kind-row>span.kind-badge{color:var(--mt-ffffff,#fff);text-align:center;justify-self:center}.review-summary{gap:10px}.acc-face{width:50px;height:50px}.acc-card{padding:8px}.kind-table{gap:0}.kind-row{padding:1px 0}.kind-row .kind-badge{height:22px;min-width:22px;font-size:11px}.review-summary-foot .download-link{margin:0}.k-brilliant{--k:#13a89e}.k-book{--k:#a5794d}.review-opening{margin:-4px 0 0;font-size:14px;font-weight:600;color:var(--muted)}.quick-stats{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 12px;flex-wrap:wrap}.quick-stats.loading{gap:8px;font-size:14px;color:var(--muted)}.quick-stats.loading progress{width:100%;height:8px}.qs-acc{display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:12px;background:var(--ink);color:var(--mt-ffffff,#fff)}.qs-acc small{font-size:11px;opacity:.85}.qs-acc b{font-size:22px;line-height:1.1}.qs-item{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;row-gap:2px}.qs-item b{font-size:22px;color:var(--k)}.qs-item small{grid-column:1/-1;text-align:center;font-size:12px;font-weight:700;color:var(--k)}.quick-stats-note{font-size:13px;color:var(--muted);margin:4px 0 10px}main:has(.rv-stage)>.page-footer{display:none}.rv-stage{container-type:inline-size;display:flex;flex-direction:column;gap:10px}.rv-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.rv-head h2{margin:0;text-align:center;font-size:22px}.rv-head .btn.small{min-height:0;padding:7px 10px}.step-count{font-weight:700;font-size:14px;min-width:58px;text-align:center}.rv-body{--coach:clamp(190px,24cqw,270px);--b:min(calc(100cqw - var(--coach) - 28px), calc(100dvh - 250px) ,760px);display:grid;grid-template-columns:var(--coach) var(--b);gap:28px;justify-content:center;align-items:center}.rv-main{display:flex;flex-direction:column;gap:8px;min-width:0}.rv-coach{display:flex;flex-direction:column;align-items:center;gap:6px}.rv-bubble{position:relative;background:var(--mb-ffffff,#fff);border-radius:16px;padding:12px 14px;box-shadow:0 4px 14px #0002;width:100%;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--k)}.rv-bubble:after{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-9px;border:9px solid transparent;border-bottom:0;border-top-color:var(--ml-ffffff,#fff)}.rv-bubble p{margin:0;font-size:14px;line-height:1.5}.rv-bubble .rv-move{font-size:13px;color:var(--muted)}.rv-bubble-title{display:flex;align-items:center;gap:6px;font-size:16px}.rv-bubble-title b{font-size:17px}.rv-bubble-title>span:not(.kind-badge){color:var(--k);font-weight:700}.rv-bubble .btn{align-self:flex-start;min-height:0;padding:7px 12px;font-size:13px}.rv-coach-foot{display:flex;align-items:flex-end;gap:10px}.rv-flip{width:38px;height:38px;border-radius:50%;border:2px solid var(--line);background:var(--mb-ffffff,#fff);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.rv-evalbar{display:flex;align-items:center;gap:8px}.rv-face{width:36px;height:36px;border-radius:10px;overflow:hidden;background:var(--mb-ffffff,#fff);border:2px solid var(--ml-7fae5a,#7fae5a);display:grid;place-items:center;flex:none}.rv-face svg{max-width:100%;max-height:100%}.rv-face .acc-initial{font-size:18px}.rv-track{position:relative;flex:1;height:22px;border-radius:8px;background:var(--mb-3a332c,#3a332c);overflow:hidden;border:1px solid var(--ml-3a332c,#3a332c)}.rv-track i{position:absolute;left:0;top:0;bottom:0;background:var(--mb-ffffff,#fff);transition:width .3s}.rv-evalbar.flipped .rv-track{background:var(--mb-ffffff,#fff)}.rv-evalbar.flipped .rv-track i{background:var(--mb-3a332c,#3a332c)}.rv-track small{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--mt-ffffff,#fff);mix-blend-mode:difference}.rv-board .board-wrap{max-width:none}.rv-board:not(.k-none) .square.last{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--k) 55%,transparent)}.rv-nav{display:flex;align-items:center;gap:4px}.rv-nav>button{flex:none;width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.rv-nav>button:disabled{opacity:.3;cursor:default}.rv-nav .ply-strip{flex:1;margin:0;padding:4px 2px}.ply .kind-badge{min-width:18px;height:18px;font-size:10px;padding:0 3px}.ply{gap:5px}.rv-actions{display:grid;grid-template-columns:auto 1fr auto;gap:10px}.rv-actions .btn{min-height:0;padding:11px 16px}.rv-actions .btn.on{background:var(--ink);color:var(--mt-ffffff,#fff)}@media(max-width:850px){.rv-body{--b:min(100cqw,600px);grid-template-columns:var(--b)}.rv-coach{order:2;align-items:stretch}.rv-bubble:after{display:none}.rv-coach-foot{justify-content:space-between;align-items:center}.rv-coach-foot>svg{width:64px;height:auto}.rv-head{padding-right:52px}}.game-list{display:flex;flex-direction:column;padding:8px 12px}.gl-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:12px 8px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:var(--ink);font:inherit;border-radius:10px}.gl-row:last-child{border-bottom:0}.gl-row:hover:not(:disabled){background:var(--mb-00000008,#00000008)}.gl-row:disabled{opacity:.55;cursor:default}.gl-result{min-width:62px;text-align:center;padding:6px 8px;border-radius:10px;font-weight:800;font-size:14px;background:var(--cream)}.gl-result.win{background:var(--mb-e3f3e5,#e3f3e5);color:var(--mt-2c7a3a,#2c7a3a)}.gl-result.lose{background:var(--mb-fbe5e5,#fbe5e5);color:var(--mt-b33a3a,#b33a3a)}.gl-result.draw{background:var(--mb-eef1f5,#eef1f5);color:var(--mt-4a5a6e,#4a5a6e)}.gl-main{display:flex;flex-direction:column;gap:2px;min-width:0}.gl-main strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-main small{font-size:13px;color:var(--muted)}.gl-stats{display:flex;flex-direction:column;align-items:flex-end}.gl-stats b{font-size:18px}.gl-stats small{font-size:12px;color:var(--muted)}.gl-stats.new small{color:var(--blue)}@media(max-width:650px){.gl-row{grid-template-columns:auto 1fr auto;gap:10px}.gl-row>svg{display:none}}.online-bar-wrap{position:sticky;top:8px;z-index:60;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.online-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--mb-2f3b4a,#2f3b4a);color:var(--mt-ffffff,#fff);box-shadow:0 6px 18px #0003;font-size:15px}.online-bar span{flex:1}.online-bar button{border:0;border-radius:10px;padding:8px 14px;font-weight:800;font-size:14px;background:var(--mb-f2a93b,#f2a93b);color:var(--mt-2b2118,#2b2118);cursor:pointer;white-space:nowrap}.online-bar button.ghost{background:transparent;color:var(--mt-ffffff,#fff);border:2px solid var(--ml-ffffff66,#ffffff66)}.online-bar.offer{background:var(--mb-1f6f43,#1f6f43)}.link-btn{border:0;background:none;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline;padding:4px}@media(max-width:650px){.online-bar{flex-wrap:wrap;margin-right:52px}}.avatar-svg{transition:transform .25s ease-out}.avatar-svg.lively.mood-joy{animation:av-joy .55s ease-in-out infinite}.avatar-svg.lively.mood-joy .av-arm-l,.avatar-svg.lively.mood-impressed .av-arm-l{animation:av-cheer-l .5s ease-in-out infinite alternate}.avatar-svg.lively.mood-joy .av-arm-r,.avatar-svg.lively.mood-impressed .av-arm-r{animation:av-cheer-r .5s ease-in-out infinite alternate}.avatar-svg.lively.mood-impressed{animation:av-bob .7s ease-in-out infinite}.avatar-svg.lively.mood-shocked{animation:av-shake .12s linear infinite alternate}.avatar-svg.lively.mood-sad{animation:av-droop .5s ease-out forwards}.avatar-svg.lively.mood-sad .av-arm-l,.avatar-svg.lively.mood-sad .av-arm-r{animation:none}.avatar-svg.lively.mood-thinking{animation:av-think 1.6s ease-in-out infinite alternate}.avatar-svg.lively.mood-worried{animation:av-tremble .09s linear infinite alternate}@keyframes av-joy{0%,to{transform:translateY(0) scaleY(.98)}50%{transform:translateY(-9%) scaleY(1.02)}}@keyframes av-cheer-l{0%{transform:rotate(22deg)}to{transform:rotate(38deg)}}@keyframes av-cheer-r{0%{transform:rotate(-22deg)}to{transform:rotate(-38deg)}}@keyframes av-shake{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}@keyframes av-droop{to{transform:translateY(2%) scaleY(.96) rotate(-1.5deg)}}@keyframes av-think{0%{transform:rotate(-1.5deg)}to{transform:rotate(-4deg)}}@keyframes av-tremble{0%{transform:translate(-.5%) rotate(-.4deg)}to{transform:translate(.5%) rotate(.4deg)}}.tma.mood-joy .tma-body{animation:tma-hop .5s ease-in-out infinite}.tma.mood-impressed .tma-body{animation:tma-hop .8s ease-in-out infinite}.tma.mood-impressed .tma-arm{animation:tma-point .5s ease-in-out infinite}.tma.mood-shocked .tma-body{animation:tma-shake .12s linear infinite alternate}.tma.mood-sad .tma-body{animation:tma-droop .5s ease-out forwards}.tma.mood-thinking .tma-body{animation:tma-think 1.6s ease-in-out infinite alternate}.tma.mood-worried .tma-body{animation:tma-tremble .09s linear infinite alternate}@keyframes tma-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tma-shake{0%{transform:translate(-1.2px)}to{transform:translate(1.2px)}}@keyframes tma-droop{to{transform:translateY(2px) scaleY(.96) rotate(-2deg)}}@keyframes tma-think{0%{transform:rotate(-1deg)}to{transform:rotate(-4deg)}}@keyframes tma-tremble{0%{transform:translate(-.4px)}to{transform:translate(.4px)}}@media(prefers-reduced-motion:reduce){.avatar-svg,.avatar-svg.lively[class*=mood-],.avatar-svg.lively[class*=mood-] *,.tma[class*=mood-] *{animation:none!important;transition:none!important}}.play-stage .stage-side{overflow-y:auto}.stage-side .result-box{padding:14px;margin:0}.stage-side .result-box h3{font-size:18px;margin:0 0 4px}.stage-side .result-box p{font-size:14px;margin:0 0 6px}.stage-side .result-box .btn{white-space:nowrap;width:100%}.stage-side .quick-stats{gap:10px;margin:4px 0 8px}.qs-acc small{color:var(--mt-ffffff,#fff)}.stage-side .result-box .download-link{display:none}.stage-side .result-box h3{font-size:17px}.rv-menu-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.rv-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:71;min-width:260px;background:var(--mb-ffffff,#fff);border-radius:16px;box-shadow:0 10px 30px #0003;padding:8px;display:flex;flex-direction:column}.rv-menu button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:11px 12px;border-radius:10px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.rv-menu button:hover:not(:disabled){background:var(--mb-00000008,#00000008)}.rv-menu button:disabled{opacity:.4;cursor:default}.rv-menu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.rv-actions,.an-nav{position:relative}.an-nav .rv-menu{left:auto;right:0}main:has(.an-stage)>.page-footer{display:none}.an-stage{container-type:inline-size;--panel:clamp(300px,32cqw,400px);--b:min(calc(100cqw - var(--panel) - 72px), calc(100dvh - 160px) ,760px);display:grid;grid-template-columns:auto var(--panel);gap:20px;align-items:start;justify-content:center}.an-left{display:flex;gap:10px;align-items:stretch}.an-evalbar{position:relative;width:26px;border-radius:8px;background:var(--mb-f4f4f4,#f4f4f4);overflow:hidden;border:1px solid var(--ml-00000022,#0002);align-self:center;height:var(--b)}.an-evalbar span{position:absolute;left:0;right:0;top:0;background:var(--mb-3a332c,#3a332c);transition:height .4s}.an-evalbar span.w{background:var(--mb-f4f4f4,#f4f4f4)}.an-evalbar:has(span.w){background:var(--mb-3a332c,#3a332c)}.an-evalbar small{position:absolute;left:0;right:0;text-align:center;font-size:10px;font-weight:800;writing-mode:horizontal-tb}.an-evalbar small.top{bottom:4px;color:var(--mt-3a332c,#3a332c)}.an-evalbar small.bottom{top:4px;color:var(--mt-ffffff,#fff)}.an-boardcol{display:flex;flex-direction:column;gap:8px;width:var(--b)}.an-board .board-wrap{max-width:none}.an-player{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:var(--mb-ffffffcc,#ffffffcc)}.an-name{display:flex;flex-direction:column;min-width:0}.an-name strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-captured{display:flex;align-items:center;gap:0;font-size:17px;line-height:1;min-height:18px}.an-captured i{font-style:normal;margin-right:-3px}.an-captured i.w{color:var(--mt-ffffff,#fff);-webkit-text-stroke:1px #3a332c}.an-captured i.b{color:var(--mt-3a332c,#3a332c)}.an-captured small{margin-left:8px;font-size:12px;font-weight:700;color:var(--muted)}.an-panel{display:flex;flex-direction:column;gap:10px;padding:14px;max-height:calc(100dvh - 32px);position:sticky;top:16px}.an-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.an-head h2{margin:0;text-align:center;font-size:20px}.an-back{border:0;background:none;cursor:pointer;color:var(--ink);padding:4px}.an-verdict{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}.an-row{display:flex;align-items:center;gap:8px;font-size:15px}.an-row>span:nth-child(2){flex:1}.an-row b{font-size:16px}.an-row>span:nth-child(2){color:var(--k,var(--ink))}.an-row.var{flex-wrap:wrap}.an-chip{display:inline-block;padding:4px 9px;border-radius:8px;background:var(--mb-ffffff,#fff);border:1px solid var(--line);font-weight:800;font-size:13px;color:var(--ink);white-space:nowrap}.an-chip.ghost{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.an-lines{display:flex;flex-direction:column;gap:6px}.an-line{display:flex;align-items:center;gap:8px;border:0;background:var(--mb-f6f3ec,#f6f3ec);border-radius:10px;padding:7px 8px;text-align:left;cursor:pointer;font:inherit}.an-line:hover{background:var(--mb-efe9dc,#efe9dc)}.an-san{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.an-opening{margin:0;font-size:14px;font-weight:700;color:var(--muted)}.an-moves{flex:1;min-height:80px;overflow:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px 8px;font-size:14px;border-top:1px solid var(--line);padding-top:8px}.an-pair{display:inline-flex;align-items:center;gap:2px}.an-pair small{color:var(--muted);font-weight:700;margin-right:2px}.an-ply{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:3px 6px;border-radius:7px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}.an-ply.active{background:var(--mb-e8893a,#e8893a);color:var(--mt-ffffff,#fff)}.an-ply .kind-badge{min-width:17px;height:17px;font-size:9px;padding:0 3px}.an-result{font-weight:800;margin-left:6px}.an-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.an-nav>button{width:38px;height:38px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--ink);border-radius:10px}.an-nav>button:hover:not(:disabled){background:var(--mb-00000008,#00000008)}.an-nav>button:disabled{opacity:.3}@media(max-width:1000px){.an-stage{--b:min( calc(100cqw - 40px) ,620px);grid-template-columns:1fr}.an-panel{position:static;max-height:none}.an-moves{max-height:160px}}@media(max-width:650px){.an-stage{padding-top:52px}}@media(max-width:1000px){.an-stage{grid-template-columns:minmax(0,1fr)}.an-panel,.an-line{min-width:0}}.stage-side .result-box .button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0}.stage-side .result-box .button-row .btn{min-width:0;padding:10px 6px;font-size:14px}.search-stats{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--muted);line-height:1.6}.search-stats i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mb-3f9a4b,#3f9a4b);margin-right:7px;box-shadow:0 0 0 3px #3f9a4b33}.search-stats b{color:var(--ink)}.play-stage .search-side{display:flex;flex-direction:column}.play-stage .search-side>.search-stats{margin-top:auto}.rematch-note{margin:-2px 0 2px;text-align:center;font-size:14px;color:var(--muted)}.stage-status.first-move{background:var(--mb-fff3d6,#fff3d6);border:2px solid var(--ml-f2a93b,#f2a93b);color:var(--mt-7a4b00,#7a4b00);border-radius:14px;padding:8px 14px}.stage-status.first-move.mine{background:var(--mb-fde8e8,#fde8e8);border-color:var(--ml-d64545,#d64545);color:var(--mt-9b2c2c,#9b2c2c);animation:fm-pulse 1s ease-in-out infinite}@keyframes fm-pulse{50%{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.stage-status.first-move.mine{animation:none}}.stage-status.first-move{padding:4px 14px}@media(min-width:851px){.stage-status.first-move{white-space:nowrap}}.stage-status.first-move b{font-size:15px}@media(min-width:1181px){.play-stage{transition:grid-template-columns .35s ease,column-gap .35s ease}.play-stage.side-hidden{grid-template-columns:minmax(0,1fr) 0px;column-gap:0}.play-stage .stage-side{min-width:0;overflow:hidden;transition:opacity .3s ease,transform .35s ease,padding .35s ease,border-width .35s ease,visibility 0s linear 0s}.play-stage .stage-side>*{min-width:272px}.play-stage.side-hidden .stage-side{opacity:0;transform:translate(24px);padding-left:0;padding-right:0;border-width:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .35s ease,padding .35s ease,border-width .35s ease,visibility 0s linear .35s}}@media(prefers-reduced-motion:reduce){.play-stage,.play-stage .stage-side,.play-stage.side-hidden .stage-side{transition:none}}.settings-tabs{max-width:900px;gap:8px;margin-bottom:22px}.settings-tabs button{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);background:var(--mb-fffdf8,#fffdf8)}.settings-tabs button.active{border-color:var(--blue)}@media(max-width:650px){.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tabs button{justify-content:center;padding:11px 8px;white-space:nowrap}.settings-tabs button:last-child:nth-child(odd){grid-column:1/-1}}.avatar-card+.settings-card{max-width:none;margin-bottom:22px}.account-card h2{margin-bottom:6px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.account-row h3{font-size:19px;margin:0 0 4px}.account-row p{margin:0;font-size:18px;word-break:break-all}.account-row p.muted{word-break:normal;font-size:16px}.account-edit{flex:none;width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--mb-ede7df,#ede7df);color:var(--ink)}.account-edit:hover{background:var(--mb-e2dacd,#e2dacd)}.account-sound{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}.switch{flex-direction:row;align-items:center;gap:10px;margin:0;cursor:pointer;position:relative}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:54px;height:30px;border-radius:30px;background:var(--mb-cfc8bd,#cfc8bd);position:relative;transition:background .2s}.switch-track:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--mb-ffffff,#fff);transition:transform .2s;box-shadow:0 1px 3px #0003}.switch input:checked+.switch-track{background:var(--blue)}.switch input:checked+.switch-track:after{transform:translate(24px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--ml-bcab63,#bcab63);outline-offset:3px}.account-foot{display:flex;justify-content:flex-end;padding-top:16px}.account-foot .link-btn{font-size:17px;color:var(--red)}@media(prefers-reduced-motion:reduce){.switch-track,.switch-track:after{transition:none}}.pref-switch,.pref-seg{margin-top:12px}.pref-seg{max-width:420px}.square.premove{box-shadow:inset 0 0 0 100px #c8323f55}.rating-chip .unrated{font-size:12px;font-weight:700;background:var(--mb-efe7d6,#efe7d6);color:var(--mt-6b5a3e,#6b5a3e);border-radius:999px;padding:1px 8px}.blocked-row{border-bottom:0}.blocked-row>div{flex:1}.app[data-theme=danang]{--th-sky:#9cc9f0;--th-side:#1d4e89;--th-side-active:#163e6e;--th-side-deep:#102f55;--th-side-soft:#c8dcf3;--th-brand-light:#dbe8f8;--th-note:#eaf2fc;--th-portrait:#f2b632;--th-btn:#e0532f;--th-btn-hover:#c8441f;--th-outline:#d99a0f;--th-outline-soft:#d99a0f33;--th-eyebrow:#1d4e89;--th-heading-shadow:0 1px 0 #ffffffb0;--th-glass-text:#163e6e;--th-shadow:#102f551f;--th-shadow-board:#102f5540;--th-line:#c9dcf0}.app[data-theme=danang] .brand-mark{color:#f5b724}.theme-preview.danang{background:linear-gradient(#6aa6e6,#bfe0f7 50%,#3d8fcf 50%);--tp-light:#f5ecd9;--tp-dark:#c9ad7f}.theme-preview.danang .tp-side{background:#1d4e89}.dn-fire{transform-box:fill-box;transform-origin:left center;animation:dn-fire 1.2s ease-in-out infinite alternate}@keyframes dn-fire{0%{transform:scale(.7);opacity:.75}to{transform:scale(1.1);opacity:1}}@media(prefers-reduced-motion:reduce){.dn-fire{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--mb-3b343429,#3b343429);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--mb-3b343459,#3b343459)}::-webkit-scrollbar-button{display:none}.app:not([data-theme=classic]) .sidebar::-webkit-scrollbar-thumb,html:has(.app[data-theme=space])::-webkit-scrollbar-thumb{background-color:#ffffff40}.app:not([data-theme=classic]) .sidebar::-webkit-scrollbar-thumb:hover,html:has(.app[data-theme=space])::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#3b343433 transparent}.app:not([data-theme=classic]) .sidebar{scrollbar-color:#ffffff4d transparent}html:has(.app[data-theme=space]){scrollbar-color:#ffffff4d transparent}}.play-tiles{display:grid;gap:18px}.play-tiles.big{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:18px}.play-tiles.small{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.play-tile{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;color:var(--ink);cursor:pointer;border-radius:22px;background:color-mix(in srgb,var(--mode) 12%,#fff);border-color:color-mix(in srgb,var(--mode) 25%,#fff);transition:transform .15s,box-shadow .15s}.play-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001f}.play-tile:active{transform:translateY(0)}.pt-top{flex:1;display:flex;align-items:center;gap:16px;padding:18px 20px;position:relative}.pt-top small{flex:1;font-size:16px;line-height:1.5;color:var(--mt-4d4740,#4d4740)}.pt-top .tag{position:absolute;top:12px;right:12px}.pt-art{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--mb-ffffff,#fff);color:var(--mode);box-shadow:0 4px color-mix(in srgb,var(--mode) 30%,transparent)}.play-tiles.big .pt-art{width:118px;height:118px;border-radius:28px;background:transparent;box-shadow:none}.pt-teacher{display:block;width:104px}.pt-teacher svg{width:100%;height:auto;display:block}.play-tiles.big .pt-random .pt-art{width:auto}.pt-duo{display:flex;align-items:center;gap:4px}.pt-duo>svg{width:62px;height:62px;border-radius:50%;border:3px solid var(--ml-ffffff,#fff);box-shadow:0 4px color-mix(in srgb,var(--mode) 30%,transparent);overflow:hidden}.pt-duo b{font-family:var(--display);font-size:18px;color:var(--mode);margin:0 2px}.pt-go{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px 14px;padding:12px 18px;border-radius:16px;background:var(--mode);color:var(--mt-ffffff,#fff);box-shadow:inset 0 -5px #00000026}.pt-go strong{font-family:var(--display);font-size:22px;line-height:1.2;text-transform:uppercase;letter-spacing:.3px}.play-tiles.small .pt-go strong{font-size:18px}.play-tile:hover .pt-go{filter:brightness(1.06)}.play-tile:focus-visible{outline:3px solid var(--mode);outline-offset:3px}@media(max-width:650px){.play-tiles{gap:12px}.play-tiles.big{margin-bottom:12px}.play-tiles.big .pt-art{width:86px;height:86px}.pt-teacher{width:78px}.pt-duo>svg{width:48px;height:48px}.pt-top{padding:14px 16px}.pt-go strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.play-tile{transition:none}.play-tile:hover{transform:none}}.avatar-modal h2:focus{outline:none}.tour-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:6px 0 20px}.tour-rules>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--mb-f6f1ea,#f6f1ea);font-size:16px;font-weight:600;color:var(--ink)}.tour-rules span{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mb-ffffff,#fff);color:var(--mt-c98a12,#c98a12);box-shadow:0 3px #e8dccb}.tr-divs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:6px 0 18px}.tr-div.on{box-shadow:0 0 0 4px var(--mode),0 10px 24px #0000001f}.tr-div .pt-top{padding:14px 16px}.tr-div .pt-art{width:60px;height:60px}.tr-div .pt-top small{font-size:15px}.tr-div .pt-go strong{font-size:19px}.tr-times{margin-bottom:18px}.tr-times .field-label{display:block;font-weight:600;font-size:16px;margin-bottom:8px}.tr-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px;align-items:start;margin-bottom:22px}.tr-side{display:grid;gap:18px}.tr-table-wrap{overflow-x:auto}.tr-table{width:100%;border-collapse:collapse;font-size:17px}.tr-table th{text-align:left;font-size:14px;letter-spacing:.8px;color:var(--muted);padding:6px 8px}.tr-table td{padding:7px 8px;border-top:1px solid var(--line)}.tr-table tr.me td{background:var(--mb-fff4d6,#fff4d6);font-weight:700}.tr-table td:last-child,.tr-table th:last-child{text-align:right}.tr-who{display:flex;align-items:center;gap:10px;min-width:0}.tr-who small{color:var(--muted);font-size:14px}.tr-av{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;display:block;border:2px solid var(--ml-ffffff,#fff);box-shadow:0 2px #0002}.tr-av svg{width:100%;height:100%;display:block}.tr-av.big{width:64px;height:64px}.tr-vs{display:flex;align-items:center;gap:14px;margin-bottom:12px}.tr-vs p{margin:0;font-size:18px;line-height:1.5}.tr-next .btn{margin-top:10px}.tr-hist-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.tr-hist-row>span:nth-child(2){flex:1;min-width:0}.tr-hist-row strong{display:block;font-size:17px}.tr-hist-row small{color:var(--muted);font-size:14px}.tr-hist-res{font-weight:600;font-size:16px}.tr-medal{font-size:30px;width:40px;text-align:center}.tr-round{width:40px;font-family:var(--display);font-weight:800;color:var(--blue)}.tr-res{font-weight:700}.tr-res.Thắng{color:var(--mt-2f8f4e,#2f8f4e)}.tr-res.Thua{color:var(--red)}.tr-res.Hòa{color:var(--mt-8a7a3a,#8a7a3a)}.tr-quit{justify-self:center;color:var(--muted);text-decoration:underline;font-weight:500}.tr-history{margin-top:20px}.tr-history h2{font-size:22px}.tr-pending{margin-bottom:18px;background:var(--mb-fff4d6,#fff4d6)}.tr-final{max-width:760px;text-align:center}.tr-final .tr-table-wrap{text-align:left;margin:16px 0}.tr-trophy{font-size:96px;line-height:1.1;animation:tr-pop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes tr-pop{0%{transform:scale(.2) rotate(-20deg);opacity:0}}@media(max-width:850px){.tr-grid{grid-template-columns:1fr}}@media(max-width:650px){.tr-table{font-size:16px}.tr-av{width:34px;height:34px}.tr-trophy{font-size:72px}}@media(prefers-reduced-motion:reduce){.tr-trophy{animation:none}}.vs-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;pointer-events:none}.vs-half{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--mt-ffffff,#fff);text-align:center;padding:24px}.vs-me{background:linear-gradient(135deg,var(--mb-3a7bd5,#3a7bd5),var(--mb-1e4f9c,#1e4f9c));animation:vs-left .45s cubic-bezier(.2,.9,.3,1.2) both}.vs-opp{background:linear-gradient(225deg,var(--mb-e8603c,#e8603c),var(--mb-b8341f,#b8341f));animation:vs-right .45s cubic-bezier(.2,.9,.3,1.2) both}.vs-figure{width:min(170px,30vw)}.vs-figure svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 0 #00000026)}.vs-half strong{font-family:var(--display);font-size:clamp(20px,3vw,34px);text-shadow:0 3px 0 #00000033;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-half small{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;opacity:.92}.vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(64px,11vw,140px);font-weight:800;color:var(--mt-ffd23f,#ffd23f);-webkit-text-stroke:4px #3b2a12;text-shadow:0 8px 0 #3b2a12;animation:vs-pop .5s .35s cubic-bezier(.2,1.6,.4,1) both}.vs-intro.out .vs-me{animation:vs-open-left .6s ease-in both}.vs-intro.out .vs-opp{animation:vs-open-right .6s ease-in both}.vs-intro.out .vs-badge{animation:vs-fade .35s ease-in both}@keyframes vs-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes vs-right{0%{transform:translate(100%)}to{transform:none}}@keyframes vs-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-6deg);opacity:1}}@keyframes vs-open-left{to{transform:translate(-100%)}}@keyframes vs-open-right{to{transform:translate(100%)}}@keyframes vs-fade{to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(-6deg)}}@media(max-width:650px){.vs-intro{grid-template-columns:1fr;grid-template-rows:1fr 1fr}@keyframes vs-left{0%{transform:translateY(-100%)}to{transform:none}}@keyframes vs-right{0%{transform:translateY(100%)}to{transform:none}}@keyframes vs-open-left{to{transform:translateY(-100%)}}@keyframes vs-open-right{to{transform:translateY(100%)}}}@media(prefers-reduced-motion:reduce){.vs-me,.vs-opp,.vs-badge{animation:none}.vs-intro.out{transition:opacity .4s;opacity:0}}.friend-card{margin-bottom:16px}.friend-card h2{display:flex;align-items:center;gap:8px;font-size:22px;margin:0 0 12px}.friend-safe{display:flex;gap:6px;align-items:center;font-size:15px;margin:0 0 14px}.friend-msg{margin:10px 0 0;font-weight:700;font-size:15px}.friend-msg.ok{color:var(--mt-2b7d4a,#2b7d4a)}.friend-msg.bad{color:var(--red)}.friend-actions{display:flex;gap:8px;flex:0 0 auto;margin:0}.friend-row small{display:flex;align-items:center;gap:6px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--mb-b9b4ad,#b9b4ad);display:inline-block}.status-dot.online{background:var(--mb-4caf6a,#4caf6a)}.status-dot.playing{background:var(--mb-f2a93b,#f2a93b)}.friend-wait{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:15px}@media(max-width:650px){.room-row.friend-row{flex-wrap:wrap}.room-row.friend-row>.friend-actions{flex:1 1 100%;width:100%}.friend-row .friend-actions>*{flex:1;min-width:0}.friend-card .join-form{flex-wrap:wrap}.friend-card .join-form>*{flex:1 1 100%}}.friend-card .join-form input{text-transform:none;letter-spacing:0;text-align:left;font-weight:600}.nav-divider{height:1px;background:var(--line);margin:14px 14px 8px}.app:not([data-theme=classic]) .nav-divider{background:#fff3}.step-art{width:110px;height:110px;align-self:center;margin-top:-10px}.ticket{display:flex;width:100%;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 10px #00000026;overflow:hidden}.ticket-stub{position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff4dc;border-right:3px dashed #e3cfa8}.ticket-stub .portrait-frame{width:130px;border-color:#fff;box-shadow:none}.ticket-stamp{position:absolute;right:-18px;bottom:14px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8546b;color:#fff;font-family:Georgia,serif;font-size:28px;transform:rotate(-14deg);box-shadow:0 0 0 4px #fff}.ticket-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:18px 20px 18px 30px}.ticket-kicker{font-weight:800;letter-spacing:1.4px;color:#c2552d;font-size:13px}.ticket-line{display:flex;flex-direction:column;gap:4px}.ticket-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--muted)}.consent{flex-direction:row;align-items:flex-start;gap:10px;font-size:16px;font-weight:600;margin:4px 0 14px;cursor:pointer}.consent input{width:22px;height:22px;flex:none;margin-top:2px}@media(max-width:650px){.ticket{flex-direction:column}.ticket-stub{border-right:0;border-bottom:3px dashed #e3cfa8}.ticket-stamp{right:14px;bottom:-18px}.ticket-body{padding:24px 16px 16px}.step-art{width:80px;height:80px}}.guardian-input{display:flex;align-items:center;gap:8px}.guardian-input input{flex:1;min-width:0}.doc-page{max-width:900px;margin:0 auto;color:var(--ink);line-height:1.6;font-size:17px;background:var(--mb-fffdf8,#fffdf8);border-radius:14px;padding:40px clamp(20px,8%,110px) 48px}.doc-head{text-align:center;margin-bottom:14px}.doc-head h1{text-transform:none;font-family:var(--display);font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 14px}.doc-intro{margin:0;text-align:left}.doc-intro a,.doc-note a{color:var(--blue);text-decoration:underline}.doc-updated{font-size:14px;color:var(--muted);margin:0 0 20px}.doc-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--mb-ffffff,#fff);margin-bottom:20px}.doc-search:focus-within{border-color:var(--blue)}.doc-search input{flex:1;min-width:0;border:0;outline:0;background:none;min-height:44px;font-size:16px;color:var(--ink)}.doc-toc{margin:0 0 34px}.doc-toc strong{display:none}.doc-toc ol{list-style:none;margin:0;padding:0}.doc-toc li{padding:3px 0}.doc-toc a{color:var(--blue)}.doc-toc a:hover{text-decoration:underline}.doc-section{scroll-margin-top:16px;margin-bottom:30px}.doc-section h2{text-transform:none;font-family:var(--display);font-size:28px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 10px}.doc-section p,.doc-section ul{margin:0 0 14px}.doc-section ul{padding-left:22px}.doc-section li{margin-bottom:4px}.doc-section a{color:var(--blue);text-decoration:underline}.doc-note{font-style:italic;color:var(--muted);margin:0 0 14px}.doc-note-warn{color:var(--ink)}.doc-kid{margin:0 0 14px;padding-left:22px}.doc-kid-item{margin-bottom:4px}.doc-table-wrap{overflow-x:auto;margin:0 0 14px}.doc-table{border-collapse:collapse;width:100%;min-width:520px;font-size:16px}.doc-table th,.doc-table td{text-align:left;vertical-align:top;padding:8px 12px 8px 0;border-bottom:1px solid var(--line)}.doc-table th{font-weight:700}.doc-faq{margin-bottom:10px}.doc-faq summary{cursor:pointer;font-weight:700}.doc-faq-a{padding:6px 0 4px 18px}.doc-fill{background:var(--mb-fff2a8,#fff2a8);color:inherit;padding:0 3px;border-radius:3px}.doc-empty{color:var(--muted);padding:20px 0}.public-doc{min-height:100vh;background:var(--cream);padding-bottom:24px}.public-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:940px;margin:0 auto;padding:16px 20px}.public-bar .brand{margin:0;font-size:26px;color:var(--ink)}.public-bar .btn{min-height:46px;padding:8px 18px;font-size:16px}.public-doc main{padding:8px 20px 0;max-width:940px}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:14px;font-weight:600}.legal-links a{text-decoration:underline;opacity:.85}.legal-links a:hover{opacity:1}.public-doc>.legal-links{padding:20px;color:var(--muted)}.onboard>.legal-links,.onboard-main>.legal-links{margin-top:14px;color:#fff}.side-links{margin-top:auto;padding:18px 8px 4px}.side-links .legal-links{justify-content:flex-start;gap:6px 14px;font-size:13px;color:var(--muted)}.side-links .legal-links a{text-decoration:none;opacity:1}.side-links .legal-links a:hover{color:var(--ink);text-decoration:underline}.app:not([data-theme=classic]) .side-links .legal-links{color:#ffffffd9}.app:not([data-theme=classic]) .side-links .legal-links a:hover{color:#fff}.btn.danger,.danger-link{color:var(--mt-b3202c,#b3202c)}.account-foot{gap:22px;align-items:center}.account-foot .danger-link{background:none;color:var(--mt-b3202c,#b3202c)}@media(max-width:650px){.doc-page{padding:26px 18px 30px;font-size:16px;border-radius:10px}.doc-head h1{font-size:30px}.doc-section h2{font-size:23px}.public-bar{padding:12px 16px}.public-doc main{padding:8px 16px 0}.page-footer{flex-wrap:wrap}}.club-c-red{--cc:#c8323f}.club-c-blue{--cc:#4a90c2}.club-c-green{--cc:#3d9a5f}.club-c-purple{--cc:#7a5ab8}.club-c-yellow{--cc:#d9a21b}.club-c-teal{--cc:#2a9d9a}.club-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.club-card{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:16px;background:var(--mb-fffdf8,#fffdf8);color:var(--ink);text-decoration:none;overflow:hidden}.club-band{position:relative;display:flex;align-items:center;justify-content:center;height:64px;background:var(--cc);color:var(--mt-ffffff,#fff)}.club-new{position:absolute;top:10px;right:12px;width:14px;height:14px;border-radius:50%;background:var(--mb-ffffff,#fff);border:3px solid var(--red)}.club-body{display:flex;flex-direction:column;gap:4px;padding:12px 14px}.club-body small{color:var(--muted,#6b6257);font-size:14px}.club-meta{font-size:14px;font-weight:700}.club-meta em{font-style:normal;margin-left:8px;padding:2px 8px;border-radius:10px;background:var(--cc);color:var(--mt-ffffff,#fff);font-size:12px}.club-dot{width:14px;height:14px;border-radius:50%;background:var(--cc);flex:0 0 auto}.club-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:22px;margin-bottom:16px;border-radius:18px;background:var(--cc);color:var(--mt-ffffff,#fff)}.club-hero h1,.club-hero .eyebrow{color:var(--mt-ffffff,#fff);margin:0}.club-hero p{margin:6px 0 0;color:var(--mt-ffffff,#fff)}.club-hero .btn{background:var(--mb-fffdf8,#fffdf8);color:var(--ink)}.club-swatches{display:flex;gap:10px;flex-wrap:wrap}.club-swatch{width:36px;height:36px;border-radius:50%;border:3px solid transparent;background:var(--cc);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0}.club-swatch.on{border-color:var(--ink)}.club-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}.club-news{display:flex;flex-direction:column;gap:10px}.club-news article{position:relative;padding:12px 44px 12px 14px;border:2px solid var(--line);border-radius:12px;background:var(--mb-fffdf8,#fffdf8)}.club-news p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}.club-news small{color:var(--muted,#6b6257)}.club-news .account-edit{position:absolute;top:8px;right:8px}.club-period{margin:8px 0 14px}.club-board{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.club-board li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--mb-fffdf8,#fffdf8)}.club-board li.me{border-color:var(--blue);background:var(--mb-eaf3fa,#eaf3fa)}.club-board li strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.club-board li em{font-style:normal;margin-left:8px;padding:2px 8px;border-radius:10px;background:var(--blue);color:var(--mt-ffffff,#fff);font-size:12px}.club-board .player-avatar{width:40px;height:40px;flex:0 0 auto}.club-rank{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--mb-e8e3da,#e8e3da);font-weight:800;flex:0 0 auto}.club-rank.gold{background:var(--mb-f2c14e,#f2c14e)}.club-rank.silver{background:var(--mb-c9ced4,#c9ced4)}.club-rank.bronze{background:var(--mb-d9955a,#d9955a)}.club-tag{font-weight:700;color:var(--blue)}.club-checks{display:flex;flex-direction:column;gap:8px;margin:10px 0}.club-check{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:0;padding:8px 10px;border:2px solid var(--line);border-radius:12px;cursor:pointer}.club-check input{width:20px;height:20px;flex:0 0 auto}.club-check small{display:block}.club-check .player-avatar{width:40px;height:40px;flex:0 0 auto}@media(max-width:650px){.club-grid{grid-template-columns:1fr}.club-hero{padding:18px}.club-hero .btn{width:100%}}@media(max-width:650px){.club-info-actions{flex-direction:column}}.club-hero{display:block;padding:26px 28px}.club-top{display:flex;gap:22px;align-items:flex-start}.club-emblem{flex:none;width:120px;height:120px;border-radius:14px;background:var(--mb-ffffff2e,#ffffff2e);display:grid;place-items:center;font-size:76px;line-height:1;color:var(--mt-ffffff,#fff);text-shadow:0 4px 0 #0000001f}.club-head{flex:1;min-width:0}.club-hero h1{text-transform:none;font-size:36px;letter-spacing:-.4px;line-height:1.15;overflow-wrap:anywhere}.club-meta{margin:8px 0 0;opacity:.9;font-size:16px}.club-card .club-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 0;font-size:14px}.club-card .club-meta em{margin-left:0;white-space:nowrap}.club-admins{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:15px}.club-admins>span:first-child{opacity:.9;margin-right:2px}.club-admin{width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--mb-ffffff,#fff);display:block;border:2px solid var(--ml-ffffffb3,#ffffffb3)}.club-admin svg{display:block;width:100%;height:100%}.club-back{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:10px}.club-report-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:2px 0;border:0;background:none;color:var(--mt-ffffff,#fff);opacity:.85;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer}.club-report-link:hover{opacity:1}.club-about{border-top:2px solid var(--ml-ffffff59,#ffffff59);margin-top:20px;padding-top:16px}.club-about h2{text-transform:none;color:var(--mt-ffffff,#fff);font-size:26px;margin:0 0 6px}.club-about p{margin:0;font-size:17px;line-height:1.55}.club-tabs{display:flex;max-width:none}.club-tabs button{flex:1}@media(max-width:650px){.club-list-tabs{flex-wrap:nowrap}.club-list-tabs button{min-width:0;white-space:normal;text-align:center;line-height:1.25}}.club-req-pill{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--red);color:var(--mt-ffffff,#fff);font-size:14px;font-weight:800;border:2px solid var(--ml-ffffff,#fff)}.club-req-note{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--red);font-size:14px;font-weight:800}.club-tabs .tab-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;border-radius:999px;background:var(--red);color:var(--mt-ffffff,#fff);font-size:13px;font-weight:800;vertical-align:middle;box-sizing:border-box}@media(max-width:650px){.club-hero{padding:18px}.club-top{flex-wrap:wrap;gap:14px}.club-emblem{width:72px;height:72px;font-size:46px}.club-head{flex:1 1 calc(100% - 90px)}.club-hero h1{font-size:26px}.club-back{flex:1 1 100%}.club-about h2{font-size:21px}}.friend-row small .ward-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.ward-card .friend-row{align-items:flex-start}.ward-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:center;margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--mb-f6f2ea,#f6f2ea);width:100%;max-width:520px;font-size:14px}.ward-k{color:var(--muted);font-size:13px;white-space:nowrap}.ward-v{color:var(--ink);min-width:0;overflow-wrap:anywhere}.ward-switch{gap:8px;font-size:14px}.ward-switch .switch-track{flex:0 0 auto;width:38px;height:22px}.ward-switch .switch-track:after{top:3px;left:3px;width:16px;height:16px}.ward-switch input:checked+.switch-track:after{transform:translate(16px)}.ward-clubs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ward-facts .ward-chip{background:var(--mb-ffffff,#fff)}.perm-list{display:flex;flex-direction:column}.perm-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.perm-row:first-child{border-top:0;padding-top:4px}.perm-ico{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--mb-f6f2ea,#f6f2ea);color:var(--ink)}.perm-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.perm-text strong{font-size:15px;color:var(--ink)}.perm-text small{font-size:13px;color:var(--muted);font-weight:400;line-height:1.45}.perm-row input:disabled+.switch-track{opacity:.5}@media(max-width:650px){.ward-facts{grid-template-columns:1fr;gap:2px}.ward-k{margin-top:6px}.ward-k:first-child{margin-top:0}}.ward-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--mb-e8f1fa,#e8f1fa);color:var(--blue);font-weight:700;font-size:13px}.ward-chip button{width:20px;height:20px;border-radius:50%;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;padding:0}.ward-chip button:hover{background:var(--mb-4a90c22e,#4a90c22e)}.friend-actions .ward-state{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--cream);color:var(--muted);font-weight:700;font-size:14px}.friend-row .friend-actions{align-items:center}.ward-card .friend-actions{flex:0 0 auto;width:auto;margin-left:auto;justify-content:flex-end}.ward-card .friend-actions>*{flex:0 0 auto;white-space:nowrap}@media(max-width:650px){.ward-card .friend-actions{flex:1 1 100%;flex-direction:column;align-items:stretch}.ward-card .friend-actions>*{width:100%}}.rating-wrap{position:relative;display:inline-block}.rating-badge{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-bottom:1px dotted var(--muted)}.rating-badge sup{color:var(--red);font-weight:800;margin-left:1px}.rating-pop{position:fixed;z-index:1000;display:block;padding:12px 14px;border:2px solid var(--line);border-radius:8px;background:var(--mb-fffdf8,#fffdf8);color:var(--ink);font-size:15px;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 8px 24px #2a221626}.rating-card .rating-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.rating-stats small{display:block;color:var(--muted);font-size:14px}.rating-stats strong{font-size:22px;display:inline-flex;align-items:center;gap:6px}.rating-ranges{margin:8px 0}.rating-ranges button{min-height:44px}.rating-empty{display:grid;gap:12px;justify-items:start}.rating-chart svg{width:100%;height:auto;display:block;touch-action:manipulation}.rc-grid{stroke:var(--line);stroke-width:1}.rc-label{fill:var(--muted);font-size:12px}.rc-peak{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 4;opacity:.55}.rating-chart svg:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.rc-line{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round}.rc-dot{fill:#fffdf8;stroke:var(--blue);stroke-width:2;pointer-events:none}.rc-dot.last{fill:var(--blue)}.rc-dot.sel{fill:var(--red);stroke:var(--red)}.rc-tip{margin:6px 0 0;font-size:16px}.rc-win{color:var(--mt-2f7d3a,#2f7d3a);font-weight:700}.rc-loss{color:var(--red);font-weight:700}.rc-draw{color:var(--muted);font-weight:700}@media(max-width:520px){.rating-card .rating-stats{grid-template-columns:1fr 1fr}.rating-pop{left:auto;right:0}}.start-level{display:flex;flex-direction:column;gap:2px;margin:4px 0 16px}.start-level b{font-size:24px;font-family:var(--display)}.start-level p{margin:2px 0 0}.kid-stats span{position:relative;cursor:help}.kid-stats span:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.kid-stats span:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:190px;padding:8px 11px;border-radius:10px;background:var(--mb-fffdf8,#fffdf8);color:var(--ink);border:1px solid var(--line);font:600 13px/1.4 Montserrat,system-ui,sans-serif;text-align:left;white-space:normal;box-shadow:0 6px 18px #0003;opacity:0;visibility:hidden;transition:opacity .15s;z-index:30;pointer-events:none}.kid-stats span:first-child:after{left:0;transform:none}.kid-stats span:last-child:after{left:auto;right:0;transform:none}.kid-stats span:hover:after,.kid-stats span:focus:after{opacity:1;visibility:visible}.tr-div .pt-art.tr-art{width:88px;height:88px;background:none;box-shadow:none;border-radius:0}.tr-emblem{position:relative;display:block;width:88px;height:88px;filter:drop-shadow(0 4px 0 color-mix(in srgb,var(--mode) 35%,transparent))}.tr-badge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tr-piece{position:absolute;left:17%;top:9%;width:66%;height:72%;display:flex;align-items:center;justify-content:center}.tr-piece .piece.art{width:100%;height:100%}.tr-div:hover .tr-emblem,.tr-div.on .tr-emblem{animation:tr-bob .9s ease-in-out}@keyframes tr-bob{0%,to{transform:translateY(0)}40%{transform:translateY(-5px) rotate(-3deg)}70%{transform:translateY(0) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.tr-div:hover .tr-emblem,.tr-div.on .tr-emblem{animation:none}}@media(max-width:650px){.tr-div .pt-art.tr-art,.tr-emblem{width:72px;height:72px}}.club-badges{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.club-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:12px;font-weight:700;border:1px solid var(--line)}.club-hero .club-badge{background:var(--mb-ffffff33,#ffffff33);color:var(--mt-ffffff,#fff);border-color:var(--ml-ffffff59,#ffffff59)}.club-search{flex-direction:row;align-items:center;gap:10px;margin:8px 0 14px;padding:0 12px;border:2px solid var(--line);border-radius:12px;background:var(--mb-ffffff,#fff)}.club-search input{border:0;box-shadow:none;background:transparent;padding:12px 0}.club-radios{display:flex;flex-direction:column;gap:8px}.club-radio{flex-direction:row;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border:2px solid var(--line);border-radius:12px;cursor:pointer;font-weight:400}.club-radio.on{border-color:var(--blue);background:var(--mb-eaf3fa,#eaf3fa)}.club-radio input{width:20px;height:20px;flex:0 0 auto;margin-top:2px}.club-radio b{display:block;font-weight:700}.club-radio small{display:block;font-size:14px}.club-q{display:flex;flex-direction:column;gap:8px;padding:12px;border:2px solid var(--line);border-radius:12px;margin:8px 0}.club-q-head{display:flex;justify-content:space-between;align-items:center}.club-preview .button-row{max-width:360px}.club-leave{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.club-leave>*{flex:0 0 auto}.club-req{padding-bottom:10px;border-bottom:1px solid var(--line)}.club-answers{margin:6px 0 0;padding:10px 12px;border-radius:10px;background:var(--cream);font-size:15px}.club-answers dt{font-weight:700;color:var(--muted);font-size:14px}.club-answers dd{margin:0 0 8px;overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:650px){.club-leave>*{flex:1 1 100%}.club-preview .button-row{max-width:none}}.doc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;background:var(--cream);padding:0 16px 32px;color:var(--ink);text-align:left}.doc-overlay-bar{position:sticky;top:0;z-index:1;display:flex;max-width:900px;margin:0 auto;padding:14px 0;background:var(--cream)}.doc-overlay-bar .btn{min-height:44px;font-size:16px;padding:8px 18px;gap:6px}.consent a{text-decoration:underline;font-weight:700;color:inherit}.app .app-body.app-body>.bell{position:relative;z-index:22;display:flex;justify-content:flex-end;max-width:1580px;margin:0 auto;padding:14px 40px 0}@media(min-width:851px){.app-body:not(:has(.workspace))>.bell~main{padding-top:6px}.app .app-body.app-body:has(.workspace)>.bell{position:absolute;z-index:22;top:29px;right:44px;padding:0;margin:0;max-width:none}.app-body:has(.workspace)>.bell~main .heading-row{padding-right:58px}.app-body:has(.workspace) .bell-btn{width:42px;height:42px}}.bell-anchor{position:relative}@media(max-width:1150px){.app .app-body.app-body>.bell{padding:14px 25px 0}}.bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--mb-fcfbf9,#fcfbf9);border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 14px #2a221622;cursor:pointer}.bell-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:var(--red);color:var(--mt-ffffff,#fff);font-size:12px;font-weight:800;line-height:1;border:2px solid var(--ml-fcfbf9,#fcfbf9)}.bell-panel{position:absolute;top:56px;right:0;width:380px;max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;background:var(--mb-fffdf8,#fffdf8);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px #2a22162e;overflow:hidden;color:var(--ink)}.bell-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.bell-head h2{margin:0;font-size:20px}.bell-all{background:none;border:0;padding:4px 0;color:var(--blue);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.bell-list{list-style:none;margin:0;padding:6px;overflow-y:auto}.bell-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px;border:0;border-radius:12px;background:var(--mb-fdf1e6,#fdf1e6);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.bell-item:hover{background:var(--mb-f8e6d6,#f8e6d6)}.bell-item.read{background:none;opacity:.6}.bell-item.read:hover{background:var(--mb-f3efe8,#f3efe8);opacity:.85}.bell-icon{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:var(--mt-ffffff,#fff)}.bell-icon.t-club-request,.bell-icon.t-friend-request{background:var(--red)}.bell-icon.t-club-approved,.bell-icon.t-friend-accepted{background:var(--mb-3d9a5f,#3d9a5f)}.bell-icon.t-club-news{background:var(--mb-d9a21b,#d9a21b)}.bell-icon.t-challenge-missed{background:var(--mb-7a5ab8,#7a5ab8)}.bell-icon.t-club-declined{background:var(--mb-837f7a,#837f7a)}.bell-icon.t-club-comment,.bell-icon.t-club-reply{background:var(--mb-2a9d9a,#2a9d9a)}.bell-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.bell-text small{font-size:13px;font-weight:700;color:var(--blue)}.bell-item.read .bell-text{font-weight:400}.bell-item.read .bell-text small{color:var(--muted);font-weight:400}.bell-dot{flex:none;width:11px;height:11px;margin-top:6px;border-radius:50%;background:var(--red)}.bell-empty{padding:18px 16px;margin:0}@media(max-width:850px){.app .app-body.app-body>.bell{position:fixed;top:12px;right:64px;padding:0;margin:0;max-width:none;display:block}.bell-btn{width:44px;height:44px;border-radius:12px}}@media(max-width:650px){.bell-panel{position:fixed;top:66px;left:12px;right:12px;width:auto}}.post-list{display:flex;flex-direction:column;gap:14px}.post{border:2px solid var(--line);border-radius:14px;background:var(--mb-fffdf8,#fffdf8);padding:14px 16px 6px}.post-head{display:flex;align-items:center;gap:10px}.post-head>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.post-head b{font-size:16px}.post-head small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px}.post-head small span{display:inline-flex;align-items:center;gap:3px}.post-tools{display:flex;align-items:center;gap:2px}.post-tools .account-edit{width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%;background:none;color:var(--muted)}.post-tools .account-edit:hover{background:var(--mb-f3efe8,#f3efe8);color:var(--ink)}.post-text{margin:10px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.5}.post-stats{display:flex;justify-content:space-between;align-items:center;padding:4px 0 8px;color:var(--muted);font-size:14px}.post-stats span{display:inline-flex;align-items:center;gap:5px}.post-stats button{background:none;border:0;padding:0;color:var(--muted);font:inherit;cursor:pointer}.post-stats button:hover{text-decoration:underline}.post-like-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--blue);color:var(--mt-ffffff,#fff);font-style:normal}.post-actions{display:flex;border-top:1px solid var(--line);padding:4px 0}.post-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.post-actions button:hover{background:var(--mb-f3efe8,#f3efe8)}.post-actions button.on{color:var(--blue)}.post-menu{position:relative}.post-menu-list{position:absolute;right:0;top:100%;z-index:5;min-width:230px;padding:6px;background:var(--mb-fffdf8,#fffdf8);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #2a22162e}.post-menu-list button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}.post-menu-list button:hover{background:var(--mb-f3efe8,#f3efe8)}.cmt-thread{border-top:1px solid var(--line);padding:10px 0 8px;display:flex;flex-direction:column;gap:10px}.cmt{display:flex;gap:8px;align-items:flex-start}.cmt.hidden .cmt-bubble{opacity:.55;border:1px dashed var(--muted)}.cmt-avatar{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid var(--line)}.cmt-avatar svg{display:block;width:100%;height:100%}.post-head .cmt-avatar{width:42px;height:42px}.cmt-main{flex:1;min-width:0}.cmt-bubble{display:inline-block;max-width:100%;padding:8px 12px;border-radius:16px;background:var(--mb-f0ebe2,#f0ebe2)}.cmt-bubble b{font-size:14px}.cmt-bubble p{margin:2px 0 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.cmt-hidden{display:flex;align-items:center;gap:4px;margin:4px 0 0 4px;color:var(--muted);font-size:12px}.cmt-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:3px 0 0 10px;font-size:13px;color:var(--muted)}.cmt-bar>button{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.cmt-bar>button:hover{text-decoration:underline}.cmt-bar>button.on{color:var(--blue)}.cmt-bar .post-menu .account-edit{padding:2px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:none;color:var(--muted)}.cmt-likes{display:inline-flex;align-items:center;gap:3px}.cmt-replies{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cmt-to{color:var(--blue);font-weight:800}.cmt-replies .cmt-avatar{width:28px;height:28px}.cmt-more-row{display:flex;flex-wrap:wrap;gap:4px 14px}.cmt-more.cmt-less{color:var(--muted)}.cmt-more{background:none;border:0;padding:2px 0;margin-left:10px;color:var(--ink);font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-align:left}.cmt-more:hover{text-decoration:underline}.cmt-compose{position:relative;display:flex;align-items:flex-end;gap:6px;margin-top:6px;flex-wrap:wrap}.cmt-compose textarea{flex:1;min-width:0;min-height:40px;max-height:140px;resize:vertical;padding:9px 14px;border-radius:20px;background:var(--mb-f0ebe2,#f0ebe2);border:1px solid transparent;font-size:15px}.cmt-send{flex:none;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--blue);color:var(--mt-ffffff,#fff);cursor:pointer}.cmt-send:disabled{background:var(--mb-cfc8bd,#cfc8bd);cursor:default}.cmt-compose .friend-msg{flex-basis:100%;margin:0}.cmt-off{display:flex;align-items:center;gap:6px;margin:0}.cmt-off:empty{display:none}@media(max-width:650px){.cmt-replies .cmt-replies .cmt-avatar{width:24px;height:24px}.cmt{gap:6px}.cmt-bar{flex-wrap:nowrap;gap:8px;margin-left:6px;font-size:12px;white-space:nowrap}.post{padding:12px 12px 4px}.post-actions button{padding:8px 4px}}.pm-open{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 16px;padding:8px 10px;border:2px solid var(--line);border-radius:14px;background:var(--mb-fffdf8,#fffdf8);font:inherit;text-align:left;cursor:pointer}.pm-open>span:last-child{flex:1;min-width:0;padding:9px 16px;border-radius:999px;background:var(--mb-f0ebe2,#f0ebe2);color:var(--muted);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-open:hover>span:last-child{background:var(--mb-e8e2d7,#e8e2d7)}.pm{display:flex;flex-direction:column;gap:12px;min-width:min(520px,80vw)}.pm-who{display:flex;align-items:center;gap:10px}.pm-who .cmt-avatar{width:46px;height:46px}.pm-who b{font-size:17px}.pm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pm-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:0;border-radius:8px;background:var(--mb-ece6dc,#ece6dc);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.pm-chip:disabled{cursor:default;opacity:.8}.pm-chip[aria-pressed=false]{color:var(--muted)}.pm .pm-text{width:100%;box-sizing:border-box;min-height:150px;border:0;outline:0;box-shadow:none;resize:vertical;padding:4px 2px;background:none;font-size:22px;line-height:1.4}.pm-text::placeholder{color:var(--mt-a39d94,#a39d94)}.pm-foot{display:flex;justify-content:space-between;gap:10px}.pm .pm-wide{width:100%;justify-content:center}.pm-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;border-radius:8px;background:var(--mb-ece6dc,#ece6dc);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.pm-aud{display:flex;flex-direction:column;gap:6px}.pm .pm-aud-row{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;padding:10px;border-radius:12px;cursor:pointer}.pm-aud-row:hover,.pm-aud-row.on{background:var(--mb-f3efe8,#f3efe8)}.pm-aud-row>span:nth-child(2){flex:1;display:flex;flex-direction:column}.pm-aud-row small{color:var(--muted);font-size:14px;font-weight:400}.pm-aud-row input{width:22px;height:22px;flex:none}.pm-aud-icon{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--mb-ece6dc,#ece6dc)}@media(max-width:650px){.pm{min-width:0}.pm .pm-text{font-size:19px;min-height:120px}}a.who{color:inherit;text-decoration:none}a.who:hover b,a.who:hover strong{text-decoration:underline}.kid-card .side-name{grid-column:1/-1;max-width:100%;color:inherit;text-decoration:none}a.cmt-avatar,a.player-avatar,a.club-admin{display:block;flex:none}.side-name:hover strong{text-decoration:underline}.pf-page{display:flex;flex-direction:column;gap:16px}.pf-page>*{margin:0}.pf-hero{display:flex;align-items:center;gap:22px;padding:24px 26px}.pf-avatar-wrap{position:relative;flex:none;display:block}.pf-avatar-edit{position:absolute;right:-6px;bottom:-6px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ece6dc;color:var(--ink);border:3px solid #fffdf8;box-shadow:0 2px 6px #2a221626}.pf-avatar-edit:hover{background:#e0d8cb}.pf-avatar{display:block;flex:none;width:128px;height:128px;border-radius:22px;overflow:hidden;background:#fff;border:3px solid var(--line)}.pf-avatar svg{display:block;width:100%;height:100%}.pf-head{min-width:0;flex:1}.pf-head h1{margin:0;font-size:34px;text-transform:none;overflow-wrap:anywhere}.pf-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.pf-joined{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:700;font-size:15px}.pf-bio{margin:10px 0 0;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.pf-bio-wait{margin:8px 0 0;color:var(--muted);font-size:14px;font-style:italic;overflow-wrap:anywhere}.pf-bio-btn{margin-top:10px}.pf-bio-edit{margin-top:10px;max-width:560px}.pf-bio-edit textarea{width:100%;box-sizing:border-box;resize:none;text-align:inherit;font-size:16px}.pf-bio-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:6px}.pf-bio-bar>span{display:flex;gap:8px}.ward-bio{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border-radius:10px;background:var(--mb-fff6dd,#fff6dd)}.ward-bio b{overflow-wrap:anywhere}.ward-bio-act{display:flex;gap:6px}.pf-protected{text-align:center}.pf-protected h2{justify-content:center;margin:8px 0}.pf-protected p{margin:0 auto;max-width:520px;color:var(--muted)}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-grid>.card{margin:0}.pf-big{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:22px;font-weight:800}.pf-courses{display:flex;flex-direction:column;gap:10px}.pf-course-head{display:flex;justify-content:space-between;gap:8px;font-size:15px}.pf-course-head{align-items:baseline}.pf-course-head small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);white-space:nowrap;font-size:13px;line-height:1.4}.pf-bar{display:block;height:8px;margin-top:4px;border-radius:999px;background:var(--mb-ece6dc,#ece6dc);overflow:hidden}.pf-bar i{display:block;height:100%;background:var(--blue);border-radius:inherit}.pf-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-facts>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--mb-f6f2ea,#f6f2ea)}.pf-facts b{font-size:22px}.pf-facts small{color:var(--muted);font-size:13px;line-height:1.3}.pf-clubs{display:flex;flex-direction:column;gap:8px}.pf-club{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.pf-club:hover{border-color:var(--cc)}.pf-club b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-club small{color:var(--muted)}@media(max-width:1150px){.pf-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.pf-grid{grid-template-columns:1fr}.pf-hero{flex-direction:column;text-align:center;padding:20px}.pf-avatar{width:104px;height:104px}.pf-head h1{font-size:28px}.pf-tags{justify-content:center}}@media(min-width:851px){body:has(.app>.app-body){overflow:hidden}.app-body{height:100vh;overflow-y:auto}.app .app-body{position:relative;z-index:21}}@property --sb{syntax:"<color>";inherits:true;initial-value:transparent}@media(min-width:851px)and (hover:hover){.app-body,.sidebar{--sb:transparent;transition:--sb .3s ease}.app-body:hover{--sb:var(--sb-body,rgba(128,128,128,.7))}.sidebar:hover{--sb:var(--sb-side,#3b343459)}.app:not([data-theme=classic]){--sb-side:#ffffff73}.app .app-body::-webkit-scrollbar-thumb,.app .sidebar::-webkit-scrollbar-thumb{background-color:var(--sb)!important}@supports not selector(::-webkit-scrollbar){.app-body:not(:hover),.sidebar:not(:hover){scrollbar-color:transparent transparent}}}.sidebar-fold,.sidebar-edge{display:none}@media(min-width:851px)and (hover:hover){.sidebar{transition:transform .3s ease,box-shadow .3s ease}.app-body{transition:margin-left .3s ease}.sidebar>.sidebar-fold{display:flex;position:absolute;top:6px;left:6px;z-index:3;width:30px;height:30px;padding:0;border-radius:8px;color:inherit;background:none;opacity:0;transform:translate(-10px,-10px) scale(.7);transition:opacity .22s ease,transform .25s ease}.sidebar:hover>.sidebar-fold,.sidebar>.sidebar-fold:focus-visible{opacity:.75;transform:none}.app .sidebar>.sidebar-fold.sidebar-fold:hover{opacity:1;background:none}.app.side-folded .sidebar{z-index:30;transform:translate(calc(-1 * var(--side-right)))}.app.side-folded:not(.side-hold) .sidebar:hover,.app.side-folded:not(.side-hold) .sidebar-edge:hover+.sidebar,.app.side-folded .sidebar:has(:focus-visible){transform:none;box-shadow:8px 0 30px #0000004d}.app.side-folded .sidebar-edge{display:block;position:fixed;left:0;top:0;bottom:0;width:20px;z-index:29}.sidebar-tab{position:absolute;left:0;top:50%;width:18px;height:58px;margin-top:-29px;display:flex;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer;border-radius:0 12px 12px 0;background:var(--edge-tab,#fffdf8);color:var(--edge-tab-ink,#837f7a);box-shadow:0 2px 10px #00000026,0 0 0 1px var(--edge-tab-line,#0000000f);transition:transform .3s ease,width .2s ease,color .2s ease;animation:edge-tab .35s ease .25s backwards}.sidebar-tab svg{transition:transform .2s ease}.app{--side-right:280px}.app.side-folded:not(.side-hold):has(.sidebar:hover,.sidebar-edge:hover) .sidebar-tab,.app.side-folded:has(.sidebar :focus-visible) .sidebar-tab{transform:translate(var(--side-right))}.sidebar-edge:hover .sidebar-tab{width:24px;color:var(--edge-tab-hover,#3b3434)}.sidebar-edge:hover .sidebar-tab svg{transform:translate(2px)}.app.side-folded .app-body{margin-left:0}.app.side-folded{--scene-left:0px}.app.side-folded main:has(>.workspace>:first-child .board){--sidebar-w:0px}}@keyframes edge-tab{0%{opacity:0;transform:translate(-100%)}}@media(min-width:851px)and (max-width:1150px)and (hover:hover){.app{--side-right:250px}}.race-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.race-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:16px;background:var(--mb-ffffff,#fff);box-shadow:0 3px #0000000f;color:var(--red)}.race-tile strong{font-family:var(--display);font-size:34px;line-height:1.1;color:var(--ink)}.race-tile small{font-size:13px;font-weight:700;color:var(--muted)}.race-go{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin-bottom:16px}.race-last{flex:1;min-width:240px}.race-last>small{display:block;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.race-last>div{display:flex;flex-wrap:wrap;gap:8px}.race-last p{margin:0}.race-xp{display:flex!important;align-items:center;gap:6px;margin:10px 0 0!important;text-transform:none!important}.race-chip{padding:5px 12px;border-radius:999px;font-size:14px;font-weight:800;background:color-mix(in srgb,var(--muted) 16%,var(--mb-ffffff,#fff));color:var(--ink)}.race-chip.win{background:color-mix(in srgb,#2e9d5b 18%,var(--mb-ffffff,#fff));color:color-mix(in srgb,#2e9d5b 80%,var(--ink))}.race-chip.loss{background:color-mix(in srgb,var(--red) 14%,var(--mb-ffffff,#fff));color:var(--red)}.race-go-btn{display:flex;flex-wrap:wrap;gap:10px}.race-big{min-width:180px;font-size:22px}.race-lb{padding:18px 22px}.race-lb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:12px}.race-lb-head h2{margin:0;font-size:22px}.race-lb-head small{color:var(--muted);font-weight:700}.race-lb-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.race-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.race-rows li{display:flex;align-items:center;gap:12px;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--mb-ffffff,#fff)}.race-rows li.me{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--mb-ffffff,#fff))}.race-rank{width:28px;text-align:center;font-family:var(--display);font-size:20px;color:var(--muted)}.race-name{flex:1;min-width:0}.race-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-score{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--red)}.race-wins{min-width:84px;text-align:right;color:var(--muted);font-weight:700}.race-empty{margin:6px 0 0}.race-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:760px;margin:20px auto}.race-vs-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;border-radius:20px;background:var(--mb-ffffff,#fff);box-shadow:0 4px #0000000f;text-align:center}.race-vs-card .player-avatar{width:92px;height:92px;border-radius:20px}.race-vs-card strong{font-family:var(--display);font-size:22px;overflow-wrap:anywhere}.race-vs-card small{color:var(--muted);font-weight:700}.race-vs-card.bot{border-top:6px solid var(--blue)}.race-vs-card.me{border-top:6px solid var(--red)}.race-bot{width:92px;height:92px;border-radius:20px;display:grid;place-items:center;font-size:62px;line-height:1;color:var(--mt-ffffff,#fff);background:var(--blue)}.race-vs-mid{display:flex;flex-direction:column;align-items:center;gap:4px}.race-vs-mid small{color:var(--muted);font-weight:700}.race-count{font-family:var(--display);font-size:84px;line-height:1;color:var(--red);animation:race-pop .9s ease-out}@keyframes race-pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.race-bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 14px;margin-bottom:14px;border-radius:16px;background:var(--mb-ffffff,#fff);box-shadow:0 3px #0000000f}.race-side{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.race-side.bot{justify-content:flex-end;text-align:right}.race-side b{font-family:var(--display);font-size:17px}.race-side span{display:inline-flex;align-items:center;gap:3px;font-weight:800}.race-side.me span{color:#2e9d5b}.race-side.bot span{color:var(--blue)}.race-dots{display:inline-flex;gap:4px}.race-dots i{width:12px;height:12px;border-radius:50%;border:2px solid var(--muted)}.race-dots i.on{background:var(--red);border-color:var(--red)}.race-timer{font-family:var(--display);font-size:38px;font-variant-numeric:tabular-nums;line-height:1;color:var(--ink)}.race-timer.low{color:var(--red);animation:race-pulse 1s ease-in-out infinite}@keyframes race-pulse{50%{transform:scale(1.1)}}.race-stage{display:grid;grid-template-columns:minmax(0,560px) minmax(220px,1fr);gap:22px;align-items:start}.race-board{border-radius:12px;transition:box-shadow .2s ease}.race-board.ok{box-shadow:0 0 0 6px color-mix(in srgb,#2e9d5b 70%,transparent)}.race-board.bad{box-shadow:0 0 0 6px color-mix(in srgb,var(--red) 70%,transparent)}.race-info p{margin:0 0 10px}.race-sure{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.race-sure span{flex-basis:100%;font-weight:700}.race-result{max-width:640px;margin:10px auto;display:flex;flex-direction:column;gap:16px}.race-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:20px;color:var(--mt-ffffff,#fff);background:var(--muted)}.race-result.win .race-banner{background:#2e9d5b}.race-result.loss .race-banner{background:var(--red)}.race-banner h2{margin:0;color:inherit;font-size:28px}.race-banner p{margin:2px 0 0}.app .race-banner p,.app .race-banner small{color:inherit;opacity:.95}.race-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.race-col{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;border-radius:16px;background:var(--mb-ffffff,#fff);box-shadow:0 3px #0000000f}.race-col.won{box-shadow:0 0 0 3px #f2b63299,0 3px #0000000f}.race-col small{font-weight:800;color:var(--muted)}.race-col strong{font-family:var(--display);font-size:54px;line-height:1.1}.race-col span{color:var(--muted);font-weight:600}.race-col em{margin-top:4px;font-style:normal;font-size:13px;font-weight:800;color:var(--red)}.race-facts{display:flex;flex-wrap:wrap;gap:12px}.race-facts>div{flex:1;min-width:130px;padding:12px 14px;border-radius:14px;background:var(--mb-ffffff,#fff);display:flex;flex-direction:column;gap:2px}.race-facts small{font-size:13px;font-weight:700;color:var(--muted)}.race-facts b{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:22px}.race-facts .up{color:#2e9d5b}.race-facts .down{color:var(--red)}.race-actions{display:flex;flex-wrap:wrap;gap:10px}@media(prefers-reduced-motion:reduce){.race-count,.race-timer.low{animation:none}.race-board{transition:none}}@media(max-width:900px){.race-stage{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.race-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.race-tile strong{font-size:28px}.race-go,.race-lb{padding:14px 16px}.race-go-btn{width:100%}.race-go-btn .btn{flex:1;width:100%}.race-big{min-width:0}.race-lb-pick{width:100%}.race-lb-pick .chip-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.race-wins{display:none}.race-versus{grid-template-columns:1fr 1fr;gap:12px}.race-vs-mid{grid-column:1/-1;order:-1}.race-count{font-size:64px}.race-vs-card{padding:16px 8px}.race-vs-card .player-avatar,.race-bot{width:72px;height:72px;font-size:48px}.race-bar{padding:8px 10px;gap:8px;margin:0 -4px 10px}.race-timer{font-size:30px}.race-side b{font-size:14px}.race-banner h2{font-size:23px}.race-col strong{font-size:44px}}.race-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;font-style:normal}@media(max-width:850px){.race-bar{top:62px;margin-top:52px}.race-versus{margin-top:52px}}.race-friends .room-list{margin-top:8px}.race-friends h2{display:flex;align-items:center;gap:8px}.race-mini{display:flex;flex-direction:column;gap:4px;max-width:240px;margin:0 0 12px}.race-mini small{font-weight:800;color:var(--muted)}.race-mini-board{width:100%}.race-mini .board-wrap{max-width:none}.race-mini .board{border-width:4px;border-radius:6px}.race-mini-cover{aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:8px;border-radius:10px;background:var(--mb-ffffff,#fff);border:3px dashed var(--line);font-family:var(--display);font-size:24px;color:var(--muted)}.race-emotes{margin:0 0 12px}.race-emotes .emote-bar{margin-bottom:6px}.race-bubble{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:14px;border:2px solid var(--ink);background:var(--mb-ffffff,#fff);color:var(--ink);font-weight:700;animation:race-pop .3s ease-out}.race-bubble small{color:var(--muted);margin-right:4px}.race-bubble.icon{font-size:26px;line-height:1.2}.race-done{font-weight:800;color:var(--muted)}.race-wait{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 18px;text-align:center}.race-wait h2,.race-wait p,.race-note{margin:0}@media(max-width:650px){.race-mini{max-width:200px}.race-emotes .emote-bar.emote-icons button{font-size:18px}}.race-info{min-width:0}.race-qrow{display:flex;flex-direction:column}.race-qtext{min-width:0}.race-emotes .emote-bar button:disabled{opacity:.5}@media(max-width:650px){.race-qrow{flex-direction:row;align-items:flex-start;gap:12px}.race-qtext{flex:1}.race-qrow .race-mini{flex:0 0 120px;max-width:120px;margin:0}.race-qrow .race-mini small{font-size:12px}.race-mini-cover{font-size:16px;padding:4px}.race-emotes{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.race-emotes .emote-bar{flex:none;flex-wrap:nowrap;margin:0}.race-emotes .emote-bar.emote-icons{display:flex;gap:4px;margin:0}.race-emotes .emote-bar button{white-space:nowrap;flex:none}.race-emotes .emote-bar.emote-icons button{width:38px;height:34px;aspect-ratio:auto}}.race-random h2{display:flex;align-items:center;gap:8px}.race-random{margin-bottom:16px}.race-random p{margin:0 0 12px}.race-search{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--blue) 14%,var(--mb-ffffff,#fff));color:var(--ink);font-weight:700}.race-search span{flex:1;min-width:180px}.race-search b{font-variant-numeric:tabular-nums}.race-tier{display:inline-block;padding:1px 9px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.5;background:color-mix(in srgb,var(--purple) 16%,var(--mb-ffffff,#fff));color:var(--ink);align-self:flex-start}.race-rows .race-tier{align-self:center}.race-ghost{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:800;background:color-mix(in srgb,var(--purple) 18%,var(--mb-ffffff,#fff));color:var(--ink)}.race-ghost-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px}.race-fw-badge,.race-tierup{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:14px;font-weight:800;font-size:17px;color:var(--ink);background:color-mix(in srgb,#e8b53a 30%,var(--mb-ffffff,#fff))}.race-tierup{background:color-mix(in srgb,#2e9d5b 22%,var(--mb-ffffff,#fff))}.race-fireworks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.race-fireworks i{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;border-radius:50%;background:var(--c);opacity:0;animation:race-spark 1.5s ease-out var(--d) both}@keyframes race-spark{0%{opacity:1;transform:rotate(var(--a)) translate(0) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(var(--r)) scale(.3)}}@media(prefers-reduced-motion:reduce){.race-fireworks{display:none}}@media(max-width:650px){.race-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.race-search span{min-width:0;flex-basis:100%}.race-actions .btn{flex:1 1 100%}}.race-event{margin-bottom:16px}.race-event h2{display:flex;align-items:center;gap:8px;margin:0 0 10px}.race-event p{margin:0 0 10px}.race-event-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:8px}.race-event-head>div{min-width:0}.race-event-head strong{display:block;font-family:var(--display);font-size:22px;overflow-wrap:anywhere}.race-event-head small{color:var(--muted);font-weight:700}.race-event-state{padding:3px 12px;border-radius:999px;font-size:13px;font-weight:800;background:color-mix(in srgb,var(--muted) 16%,var(--mb-ffffff,#fff));color:var(--ink)}.race-event-state.live{background:color-mix(in srgb,#2e9d5b 22%,var(--mb-ffffff,#fff))}.race-event-state.finishing{background:color-mix(in srgb,#e8b53a 30%,var(--mb-ffffff,#fff))}.race-event-wait{display:flex;align-items:center;gap:8px;font-weight:700}.race-event-win{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;font-weight:800;font-size:18px;color:var(--ink);background:color-mix(in srgb,#e8b53a 30%,var(--mb-ffffff,#fff))}.race-event-me{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px}.race-event-me small{color:var(--muted);font-weight:700}.race-event-rows{margin-top:6px}.race-event-rows .race-name small{display:block;color:var(--muted);font-weight:700}.race-event-rows .race-score{white-space:nowrap;color:var(--ink)}.race-rank.m1{border-radius:50%;background:var(--mb-f2c14e,#f2c14e);color:var(--ink)}.race-rank.m2{border-radius:50%;background:var(--mb-c9ced4,#c9ced4);color:var(--ink)}.race-rank.m3{border-radius:50%;background:color-mix(in srgb,#c8814a 60%,var(--mb-ffffff,#fff));color:var(--ink)}.race-rank.m1,.race-rank.m2,.race-rank.m3{width:30px;height:30px;line-height:30px;font-size:17px;flex:none}.race-event-form{display:flex;flex-direction:column;gap:12px}.race-event-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.race-event-form input{max-width:100%}.race-event-form p{margin:0}.race-events h2{display:flex;align-items:center;gap:8px;margin:0 0 10px}.race-events{margin-bottom:16px}.race-event-list{display:flex;flex-direction:column;gap:8px}.race-event-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--mb-ffffff,#fff)}.race-event-row>div{flex:1;min-width:160px}.race-event-row strong{display:block;overflow-wrap:anywhere}.race-event-row small{color:var(--muted);font-weight:700}.race-event-chip{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 12px;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink);background:color-mix(in srgb,#e8b53a 26%,var(--mb-ffffff,#fff))}.race-result .race-event-chip{margin:0}.tab-live{display:inline-block;width:9px;height:9px;margin-left:8px;border-radius:50%;background:#2e9d5b;vertical-align:middle}.post-sys-av{display:grid;place-items:center;background:var(--cc,var(--blue));border-color:var(--cc,var(--blue));color:var(--mt-ffffff,#fff);font-family:var(--display);font-weight:800;font-size:18px}@media(max-width:650px){.race-event-head strong{font-size:19px}.race-event-me .btn,.race-event-row .btn{width:100%}.race-event-rows li{gap:8px;padding:8px}}.app[data-theme^=modern]{--m-frame:#dfe1e5;--m-scroll:rgba(0,0,0,.28);--m-panel:#f5f6f7;--m-bg:#f5f6f7;--m-card:#fff;--m-soft:#f0f2f5;--m-hover:#f2f2f2;--m-chip:#e4e6eb;--m-chip-hover:#d8dadf;--m-text:#050505;--m-muted:#65676b;--m-line:#e4e6eb;--m-line-strong:#ced0d4;--m-primary:#1877f2;--m-primary-hover:#166fe5;--m-primary-soft:#e7f3ff;--m-shadow:0 1px 2px rgba(0,0,0,.2);--m-pop:0 12px 28px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);--ink:var(--m-text);--line:var(--m-line);--cream:var(--m-bg);--muted:var(--m-muted);--blue:var(--m-primary);--radius:8px;--display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--th-sky:var(--m-bg);--th-side:var(--m-bg);--th-side-active:var(--m-primary);--th-side-deep:transparent;--th-side-soft:var(--m-muted);--th-brand-light:var(--m-muted);--th-heading:var(--m-text);--th-heading-shadow:none;--th-eyebrow:var(--m-muted);--th-glass-text:var(--m-text);--th-btn:var(--m-primary);--th-btn-hover:var(--m-primary-hover);--th-outline:var(--m-chip);--th-outline-soft:transparent;--th-shadow:rgba(0,0,0,.08);--th-shadow-board:rgba(0,0,0,.18);--th-line:var(--m-line);--th-note:var(--m-soft);--th-portrait:var(--m-chip);font-family:var(--display);color:var(--m-text);background:var(--m-bg)}.app[data-theme=modern-dark]{--m-frame:#000;--m-scroll:rgba(255,255,255,.3);--m-panel:#121212;--m-bg:#121212;--m-card:#1f1f1f;--m-soft:#2a2a2a;--m-hover:#2a2a2a;--m-chip:#2a2a2a;--m-chip-hover:#3a3a3a;--m-text:#fff;--m-muted:#b3b3b3;--m-line:#2a2a2a;--m-line-strong:#535353;--m-primary:#2d88ff;--m-primary-hover:#4596ff;--m-primary-soft:#263951;--purple:#7d63b8;--red:#e8505c;--m-shadow:0 1px 2px rgba(0,0,0,.4);--m-pop:0 12px 28px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);color-scheme:dark}body:has(.app[data-theme=modern]){background:#dfe1e5}body:has(.app[data-theme=modern-dark]){background:#000}.app[data-theme^=modern]{--mb-e2dacd:var(--m-soft);--mb-e2dbd2:var(--m-soft);--mb-e3f1d8:var(--m-soft);--mb-e3f3e5:var(--m-soft);--mb-e3f4e1:var(--m-soft);--mb-e6e0d1:var(--m-soft);--mb-e6f5da:var(--m-soft);--mb-e8e2d4:var(--m-soft);--mb-e8e2d6:var(--m-soft);--mb-e8e2d7:var(--m-soft);--mb-e8e3da:var(--m-soft);--mb-e8f1fa:var(--m-soft);--mb-e9e7e3:var(--m-soft);--mb-eae4dc:var(--m-soft);--mb-eae7e2:var(--m-soft);--mb-eaf0f3:var(--m-soft);--mb-eaf3fa:var(--m-soft);--mb-ece6dc:var(--m-soft);--mb-ede6dd:var(--m-soft);--mb-ede7df:var(--m-soft);--mb-ede8e2:var(--m-soft);--mb-ede9e3:var(--m-soft);--mb-eee8dc:var(--m-soft);--mb-eeeae4:var(--m-soft);--mb-eeeef5:var(--m-soft);--mb-eef1f4:var(--m-soft);--mb-eef1f5:var(--m-soft);--mb-eef5fb:var(--m-soft);--mb-efe7d6:var(--m-soft);--mb-efe9dc:var(--m-soft);--mb-f0ebe2:var(--m-soft);--mb-f0ebe3:var(--m-soft);--mb-f0ece7:var(--m-soft);--mb-f0ede9:var(--m-soft);--mb-f1ece2:var(--m-soft);--mb-f1ece6:var(--m-soft);--mb-f1ede7:var(--m-soft);--mb-f1ede8:var(--m-soft);--mb-f2eee8:var(--m-soft);--mb-f2f0ec:var(--m-soft);--mb-f3eee8:var(--m-soft);--mb-f3efe8:var(--m-soft);--mb-f3efe9:var(--m-soft);--mb-f3efea:var(--m-soft);--mb-f3f2ef:var(--m-soft);--mb-f4f0eb:var(--m-soft);--mb-f4f2ee:var(--m-soft);--mb-f4f4f4:var(--m-soft);--mb-f5eee1:var(--m-soft);--mb-f6f1e4:var(--m-soft);--mb-f6f1ea:var(--m-soft);--mb-f6f2ea:var(--m-soft);--mb-f6f3ec:var(--m-soft);--mb-f7f3ea:var(--m-soft);--mb-f8f5f2:var(--m-soft);--mb-faf8f6:var(--m-card);--mb-fbe5e5:var(--m-soft);--mb-fbf9f7:var(--m-card);--mb-fcfbf9:var(--m-card);--mb-fde3df:var(--m-soft);--mb-fde8e8:var(--m-soft);--mb-fdf1e6:var(--m-soft);--mb-fff1f1:var(--m-soft);--mb-fff6e6:var(--m-soft);--mb-fffdf8:var(--m-card);--mb-ffffff:var(--m-card);--mb-ffffff17:rgb(255 255 255 / .09);--mb-ffffff1f:rgb(255 255 255 / .12);--mb-ffffff24:rgb(255 255 255 / .14);--mb-ffffff26:rgb(255 255 255 / .15);--mb-ffffff2e:rgb(255 255 255 / .18);--mb-ffffff33:rgb(255 255 255 / .2);--mb-ffffff4d:rgb(255 255 255 / .3);--mb-ffffff59:rgb(255 255 255 / .35);--mb-ffffffcc:rgb(255 255 255 / .8);--ml-3a332c:var(--m-line-strong);--ml-4a4642:var(--m-line-strong);--ml-e1ddd7:var(--m-line);--ml-e3ded7:var(--m-line);--ml-e8e0d5:var(--m-line);--ml-e8e3dc:var(--m-line);--ml-eae3d9:var(--m-line);--ml-ece7df:var(--m-line);--ml-efece7:var(--m-line);--ml-f0ece6:var(--m-line);--ml-f0ece7:var(--m-line);--ml-f0ede9:var(--m-line);--ml-fcfbf9:var(--m-line);--ml-ffffff:var(--m-line);--mt-2b2118:var(--m-text);--mt-373027:var(--m-text);--mt-3a332c:var(--m-text);--mt-493e2f:var(--m-text);--mt-4d4740:var(--m-text);--mt-5a4f4f:var(--m-text);--mt-605d57:var(--m-text);--mt-605d58:var(--m-text);--mt-615d57:var(--m-text);--mt-625645:var(--m-text);--mt-625d55:var(--m-text);--mt-635a4e:var(--m-text);--mt-635d54:var(--m-text);--mt-635d55:var(--m-text);--mt-645d53:var(--m-text);--mt-645d54:var(--m-text);--mt-655d52:var(--m-text);--mt-655d53:var(--m-text);--mt-665d52:var(--m-text);--mt-665e51:var(--m-text);--mt-665e52:var(--m-text);--mt-675e50:var(--m-text);--mt-675e51:var(--m-text);--mt-685e4f:var(--m-text);--mt-685e50:var(--m-text);--mt-6b5f57:var(--m-text);--mt-6b6258:var(--m-text);--mt-6b655c:var(--m-text);--mt-6f6a64:var(--m-text);--mt-77716a:var(--m-text);--mt-7b7068:var(--m-text);--mt-80796f:var(--m-text);--mt-828497:var(--m-muted);--mt-8a7d72:var(--m-muted);--mt-8a837a:var(--m-muted);--mt-a39d94:var(--m-muted);--mt-cac2b7:var(--m-muted)}.app[data-theme=modern-dark]{--mb-cfe6f7:color-mix(in srgb, #cfe6f7 22%, var(--m-card));--mb-d6ecfb:color-mix(in srgb, #d6ecfb 22%, var(--m-card));--mb-dcebfb:color-mix(in srgb, #dcebfb 22%, var(--m-card));--mb-e2dacd:var(--m-soft);--mb-e2dbd2:var(--m-soft);--mb-e3f1d8:var(--m-soft);--mb-e3f3e5:var(--m-soft);--mb-e3f4e1:var(--m-soft);--mb-e6e0d1:var(--m-soft);--mb-e6f5da:var(--m-soft);--mb-e8d6a6:color-mix(in srgb, #e8d6a6 22%, var(--m-card));--mb-e8e2d4:var(--m-soft);--mb-e8e2d6:var(--m-soft);--mb-e8e2d7:var(--m-soft);--mb-e8e3da:var(--m-soft);--mb-e8f1fa:var(--m-soft);--mb-e9e7e3:var(--m-soft);--mb-eae4dc:var(--m-soft);--mb-eae7e2:var(--m-soft);--mb-eaf0f3:var(--m-soft);--mb-eaf3fa:var(--m-soft);--mb-ece6dc:var(--m-soft);--mb-ede6dd:var(--m-soft);--mb-ede7df:var(--m-soft);--mb-ede8e2:var(--m-soft);--mb-ede9e3:var(--m-soft);--mb-eee2c6:color-mix(in srgb, #eee2c6 22%, var(--m-card));--mb-eee8dc:var(--m-soft);--mb-eeeae4:var(--m-soft);--mb-eeeef5:var(--m-soft);--mb-eef1f4:var(--m-soft);--mb-eef1f5:var(--m-soft);--mb-eef5fb:var(--m-soft);--mb-efe7d6:var(--m-soft);--mb-efe9dc:var(--m-soft);--mb-f0ebe2:var(--m-soft);--mb-f0ebe3:var(--m-soft);--mb-f0ece7:var(--m-soft);--mb-f0ede9:var(--m-soft);--mb-f1ece2:var(--m-soft);--mb-f1ece6:var(--m-soft);--mb-f1ede7:var(--m-soft);--mb-f1ede8:var(--m-soft);--mb-f2c14e:color-mix(in srgb, #f2c14e 22%, var(--m-card));--mb-f2c94c:color-mix(in srgb, #f2c94c 22%, var(--m-card));--mb-f2e6cc:color-mix(in srgb, #f2e6cc 22%, var(--m-card));--mb-f2eee8:var(--m-soft);--mb-f2f0ec:var(--m-soft);--mb-f3eee8:var(--m-soft);--mb-f3efe8:var(--m-soft);--mb-f3efe9:var(--m-soft);--mb-f3efea:var(--m-soft);--mb-f3f2ef:var(--m-soft);--mb-f4f0eb:var(--m-soft);--mb-f4f2ee:var(--m-soft);--mb-f4f4f4:var(--m-soft);--mb-f5eee1:var(--m-soft);--mb-f6f1e4:var(--m-soft);--mb-f6f1ea:var(--m-soft);--mb-f6f2ea:var(--m-soft);--mb-f6f3ec:var(--m-soft);--mb-f7f3ea:var(--m-soft);--mb-f8e6d6:color-mix(in srgb, #f8e6d6 22%, var(--m-card));--mb-f8e9c4:color-mix(in srgb, #f8e9c4 22%, var(--m-card));--mb-f8f5f2:var(--m-soft);--mb-faf8f6:var(--m-card);--mb-fbe5e5:var(--m-soft);--mb-fbf9f7:var(--m-card);--mb-fcf1db:color-mix(in srgb, #fcf1db 22%, var(--m-card));--mb-fcf1dd:color-mix(in srgb, #fcf1dd 22%, var(--m-card));--mb-fcfbf9:var(--m-card);--mb-fde3df:var(--m-soft);--mb-fde8e8:var(--m-soft);--mb-fdf0dc:color-mix(in srgb, #fdf0dc 22%, var(--m-card));--mb-fdf1e6:var(--m-soft);--mb-ffe08a:color-mix(in srgb, #ffe08a 22%, var(--m-card));--mb-fff1b8:color-mix(in srgb, #fff1b8 22%, var(--m-card));--mb-fff1f1:var(--m-soft);--mb-fff2a8:color-mix(in srgb, #fff2a8 22%, var(--m-card));--mb-fff3c4:color-mix(in srgb, #fff3c4 22%, var(--m-card));--mb-fff3d6:color-mix(in srgb, #fff3d6 22%, var(--m-card));--mb-fff4d6:color-mix(in srgb, #fff4d6 22%, var(--m-card));--mb-fff6dd:color-mix(in srgb, #fff6dd 22%, var(--m-card));--mb-fff6e6:var(--m-soft);--mb-fff7d6:color-mix(in srgb, #fff7d6 22%, var(--m-card));--mb-fffdf8:var(--m-card);--mb-ffffff:var(--m-card);--mb-ffffff17:rgb(36 37 38 / .09);--mb-ffffff1f:rgb(36 37 38 / .12);--mb-ffffff24:rgb(36 37 38 / .14);--mb-ffffff26:rgb(36 37 38 / .15);--mb-ffffff2e:rgb(36 37 38 / .18);--mb-ffffff33:rgb(36 37 38 / .2);--mb-ffffff4d:rgb(36 37 38 / .3);--mb-ffffff59:rgb(36 37 38 / .35);--mb-ffffffcc:rgb(36 37 38 / .8);--ml-00000022:var(--m-line);--ml-3a332c:var(--m-line-strong);--ml-483e3144:var(--m-line);--ml-4a4642:var(--m-line-strong);--ml-cfe0f5:color-mix(in srgb, #cfe0f5 35%, var(--m-card));--ml-cfe6bd:color-mix(in srgb, #cfe6bd 35%, var(--m-card));--ml-e1ddd7:var(--m-line);--ml-e3ded7:var(--m-line);--ml-e8e0d5:var(--m-line);--ml-e8e3dc:var(--m-line);--ml-eae3d9:var(--m-line);--ml-ece7df:var(--m-line);--ml-efece7:var(--m-line);--ml-f0ece6:var(--m-line);--ml-f0ece7:var(--m-line);--ml-f0ede9:var(--m-line);--ml-fcfbf9:var(--m-line);--ml-ffe08a:color-mix(in srgb, #ffe08a 35%, var(--m-card));--ml-ffffff:var(--m-line);--ml-ffffff33:var(--m-line);--ml-ffffff59:var(--m-line);--ml-ffffff66:var(--m-line);--ml-ffffffb3:var(--m-line);--mt-256b2e:color-mix(in srgb, #256b2e 45%, #fff);--mt-2b2118:var(--m-text);--mt-2f5a1c:color-mix(in srgb, #2f5a1c 45%, #fff);--mt-2f5a22:color-mix(in srgb, #2f5a22 45%, #fff);--mt-373027:var(--m-text);--mt-3a332c:var(--m-text);--mt-463825:color-mix(in srgb, #463825 45%, #fff);--mt-493e2f:var(--m-text);--mt-4a5a6e:color-mix(in srgb, #4a5a6e 45%, #fff);--mt-4d4740:var(--m-text);--mt-52422c:color-mix(in srgb, #52422c 45%, #fff);--mt-5a4a2a:color-mix(in srgb, #5a4a2a 45%, #fff);--mt-5a4f4f:var(--m-text);--mt-5e4c33:color-mix(in srgb, #5e4c33 45%, #fff);--mt-605d57:var(--m-text);--mt-605d58:var(--m-text);--mt-615d57:var(--m-text);--mt-625645:var(--m-text);--mt-625d55:var(--m-text);--mt-635a4e:var(--m-text);--mt-635d54:var(--m-text);--mt-635d55:var(--m-text);--mt-645d53:var(--m-text);--mt-645d54:var(--m-text);--mt-655d52:var(--m-text);--mt-655d53:var(--m-text);--mt-665d52:var(--m-text);--mt-665e51:var(--m-text);--mt-665e52:var(--m-text);--mt-675e50:var(--m-text);--mt-675e51:var(--m-text);--mt-685e4f:var(--m-text);--mt-685e50:var(--m-text);--mt-6a5b45:color-mix(in srgb, #6a5b45 45%, #fff);--mt-6b5a3e:color-mix(in srgb, #6b5a3e 45%, #fff);--mt-6b5f57:var(--m-text);--mt-6b6258:var(--m-text);--mt-6b655c:var(--m-text);--mt-6c5f4b:color-mix(in srgb, #6c5f4b 45%, #fff);--mt-6d5f4a:color-mix(in srgb, #6d5f4a 45%, #fff);--mt-6f6a64:var(--m-text);--mt-77716a:var(--m-text);--mt-7a4b00:color-mix(in srgb, #7a4b00 45%, #fff);--mt-7a4b14:color-mix(in srgb, #7a4b14 45%, #fff);--mt-7b7068:var(--m-text);--mt-80796f:var(--m-text);--mt-828497:var(--m-muted);--mt-8a5410:color-mix(in srgb, #8a5410 45%, #fff);--mt-8a7d72:var(--m-muted);--mt-8a837a:var(--m-muted);--mt-9b2a22:color-mix(in srgb, #9b2a22 45%, #fff);--mt-9b2c2c:color-mix(in srgb, #9b2c2c 45%, #fff);--mt-a39d94:var(--m-muted);--mt-b3202c:color-mix(in srgb, #b3202c 45%, #fff);--mt-cac2b7:var(--m-muted)}.app[data-theme^=modern] .chip-tabs button.active,.app[data-theme^=modern] .seg button.on,.app[data-theme^=modern] .time-chips button.on,.app[data-theme^=modern] .acc-card.me .acc-score,.app[data-theme^=modern] .ply.active,.app[data-theme^=modern] .qs-acc{background:var(--m-primary);border-color:var(--m-primary);color:#fff}.app[data-theme^=modern] :is(h1,h2,.eyebrow,.btn,.nav-item,.tabs button,.card-label,.pt-go strong,.soon-badge){text-transform:none;letter-spacing:normal}.app[data-theme^=modern] h1{font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.2px}.app[data-theme^=modern] h2{font-size:20px;font-weight:700;line-height:1.3}.app[data-theme^=modern] h3{font-size:17px;font-weight:700}.app[data-theme^=modern] .eyebrow{font-size:13px;font-weight:600;margin-bottom:6px}.app[data-theme^=modern] .page-heading h1,.app[data-theme^=modern] .page-heading p{text-shadow:none;color:var(--m-text)}.app[data-theme^=modern] .page-heading p,.app[data-theme^=modern] .page-heading .eyebrow{color:var(--m-muted)}.app[data-theme^=modern] label{font-weight:600}.app[data-theme^=modern] .page-scene{display:none!important}.app[data-theme^=modern]{background:var(--m-bg)}.app[data-theme^=modern] .sidebar{background:var(--m-bg);border-right:none;color:var(--m-text)}.app[data-theme^=modern] .brand,.app[data-theme^=modern] .kid-card strong,.app[data-theme^=modern] .sidebar .icon-btn,.app[data-theme^=modern] .nav-item{color:var(--m-text)}.app[data-theme^=modern] .brand{letter-spacing:-.5px}.app[data-theme^=modern] .brand-mark{color:var(--m-primary);text-shadow:none}.app[data-theme^=modern] .brand-light{color:var(--m-muted)}.app[data-theme^=modern] .nav-section{color:var(--m-muted);letter-spacing:normal;font-size:13px;font-weight:600}.app[data-theme^=modern] .nav-item{border-radius:8px;font-family:var(--display);font-size:15px;font-weight:600;padding:8px 10px;margin:1px 0}.app[data-theme^=modern] .nav-item:hover{background:var(--m-hover)}.app[data-theme^=modern] .nav-item.active{background:var(--m-primary-soft);color:var(--m-primary)}.app[data-theme^=modern] .nav-icon{width:36px;height:36px;border-radius:50%;box-shadow:none}.app[data-theme^=modern] .nav-item.active .nav-icon{background:var(--m-primary);color:#fff}.app[data-theme^=modern] .nav-item b:not(.nav-alert){background:var(--m-chip);color:var(--m-text);border-radius:999px;padding:2px 8px}.app[data-theme^=modern] .nav-divider{background:var(--m-line)}.app[data-theme^=modern] .side-links .legal-links{color:var(--m-muted)}.app[data-theme^=modern] .side-links .legal-links a:hover{color:var(--m-text)}.app[data-theme^=modern] .kid-portrait{border:none;border-radius:50%;width:96px;background:var(--m-chip);box-shadow:none}.app[data-theme^=modern] .kid-stats span{background:var(--m-card);color:var(--m-text);box-shadow:var(--m-shadow);font-family:var(--display);font-weight:700;font-size:15px}.app[data-theme^=modern] .sidebar::-webkit-scrollbar-thumb{background-color:var(--m-line-strong)}.app[data-theme^=modern] .card,.app[data-theme^=modern] .daily-hero{border:none;border-radius:8px;box-shadow:var(--m-shadow)}.app[data-theme^=modern] .page-footer{color:var(--m-muted);background:none;border-top:1px solid var(--m-line);border-radius:0;padding:20px 0;margin-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:400}.app[data-theme^=modern] .board{border:none;border-radius:4px;box-shadow:0 2px 8px var(--th-shadow-board)}.app[data-theme^=modern] .app-body .board-caption.board-caption{background:var(--m-card);color:var(--m-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--m-shadow);border-radius:8px}.app[data-theme^=modern] .arena-sec h2{background:none;padding:0;color:var(--m-text);-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-theme^=modern] .play-rating{background:var(--m-card);box-shadow:var(--m-shadow);border-radius:8px}.app[data-theme^=modern] .solution-viewer{background:var(--m-card);border-color:var(--m-line)}.app[data-theme^=modern] .btn{border-radius:6px;box-shadow:none;background:var(--m-primary);color:#fff;border:1px solid transparent;font-family:var(--display);font-weight:600;font-size:15px}.app[data-theme^=modern] .btn:hover{background:var(--m-primary-hover)}.app[data-theme^=modern] .btn.cream,.app[data-theme^=modern] .btn.outline{background:var(--m-chip);color:var(--m-text);border:1px solid transparent;box-shadow:none}.app[data-theme^=modern] .btn.cream:hover,.app[data-theme^=modern] .btn.outline:hover{background:var(--m-chip-hover);color:var(--m-text)}.app[data-theme^=modern] .btn.soft{background:var(--m-chip);color:var(--m-text)}.app[data-theme^=modern] .btn.danger{background:var(--m-chip);color:#e41e3f}.app[data-theme^=modern] .btn.small{font-size:14px;min-height:36px;padding:6px 12px}.app[data-theme^=modern] .icon-btn{color:var(--m-muted)}.app[data-theme^=modern] .icon-btn:hover{background:var(--m-hover)}.app[data-theme^=modern] :where(input:not([type=checkbox],[type=radio],[type=range]),select,textarea){background:var(--m-soft);color:var(--m-text);border:1px solid var(--m-line);border-radius:6px}.app[data-theme^=modern] :where(input,select,textarea):focus{outline:none;border-color:var(--m-primary);box-shadow:0 0 0 2px var(--m-primary-soft)}.app[data-theme^=modern] ::placeholder{color:var(--m-muted)}.app[data-theme^=modern] .pm .pm-text{background:none;border:0;box-shadow:none}.app[data-theme^=modern] .cmt-compose textarea{border-radius:20px;border-color:transparent;background:var(--m-soft)}.app[data-theme^=modern] .club-search{background:var(--m-soft);border-color:transparent;border-radius:999px}.app[data-theme^=modern] .tabs{gap:2px}.app[data-theme^=modern] .tabs button{background:none;color:var(--m-muted);border:none;border-radius:6px;box-shadow:none;font-family:var(--display);font-weight:600;font-size:15px}.app[data-theme^=modern] .tabs button:hover{background:var(--m-hover)}.app[data-theme^=modern] .tabs button.active{background:none;color:var(--m-primary);border-radius:0;box-shadow:inset 0 -3px 0 var(--m-primary)}.app[data-theme^=modern] .settings-tabs,.app[data-theme^=modern] .club-tabs{background:var(--m-card);border-radius:8px;box-shadow:var(--m-shadow);padding:4px 8px}.app[data-theme^=modern] .seg button{border:1px solid var(--m-line);border-radius:6px;background:var(--m-card);color:var(--m-text);font-weight:600}.app[data-theme^=modern] .seg button.on{background:var(--m-primary-soft);border-color:var(--m-primary);color:var(--m-primary)}.app[data-theme^=modern] .tag{border-radius:6px;letter-spacing:normal}.app[data-theme^=modern] .tag:not(.green,.amber){background:var(--m-chip);color:var(--m-text)}.app[data-theme^=modern] .modal{border-radius:8px;box-shadow:var(--m-pop);padding:0 16px 16px}.app[data-theme^=modern] .modal>.section-heading{position:relative;justify-content:center;margin:0 -16px 16px;padding:14px 56px;border-bottom:1px solid var(--m-line)}.app[data-theme^=modern] .modal>.section-heading h2{font-size:20px;text-align:center}.app[data-theme^=modern] .modal>.section-heading .icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--m-chip);color:var(--m-muted)}.app[data-theme^=modern] .modal-bg{background:#f4f4f4bf;-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-theme=modern-dark] .modal-bg{background:#0009}.app[data-theme^=modern] .club-hero{border-radius:8px}.app[data-theme^=modern] .bell-btn{background:var(--m-card);border-color:var(--m-line);color:var(--m-text)}.app[data-theme^=modern] .bell-panel,.app[data-theme^=modern] .post-menu-list{background:var(--m-card);border-color:var(--m-line);box-shadow:var(--m-pop)}.app[data-theme^=modern] .post{border:none;box-shadow:var(--m-shadow);border-radius:8px;background:var(--m-card)}.app[data-theme^=modern] .post-list{gap:12px}.app[data-theme^=modern] .cmt-bubble{background:var(--m-soft)}.app[data-theme^=modern] .pm-open{border:none;box-shadow:var(--m-shadow);border-radius:8px}.app[data-theme^=modern] .pm-open>span:last-child{background:var(--m-soft)}.app[data-theme^=modern] .pf-hero{border-radius:8px}.app[data-theme^=modern] .pf-avatar{border-radius:50%;border-color:var(--m-card)}.app[data-theme^=modern] .look-swatch{background:var(--m-card);box-shadow:var(--m-shadow);border-radius:8px}.app[data-theme^=modern] .look-tabs button{font-family:var(--display);font-weight:600}.app[data-theme^=modern] .toast{background:#303031;color:#fff}.app[data-theme=modern-dark] .tag.green{background:#1f3a24;color:#8fd19e}.app[data-theme=modern-dark] .tag.amber{background:#3d3218;color:#f5c96b}.app[data-theme^=modern] .pt-go{border-radius:6px;box-shadow:none;background:var(--m-primary);filter:none}.app[data-theme^=modern] .pt-go:hover{background:var(--m-primary-hover)}.app[data-theme^=modern] .pt-go strong{font-size:16px;font-weight:600}.app[data-theme^=modern] .big-start,.app[data-theme^=modern] .stone-start{border-radius:6px;box-shadow:none;background:var(--m-primary);font-weight:600}.app[data-theme^=modern] .big-start:hover,.app[data-theme^=modern] .stone-start:hover{background:var(--m-primary-hover)}.app[data-theme^=modern] .big-start{font-size:18px;min-height:52px}.app[data-theme^=modern] .scroll-top{background:var(--m-primary);font-weight:600;letter-spacing:normal}.app[data-theme^=modern] .drill-chip{filter:brightness(.82)}.app[data-theme^=modern] .intro-screen{border:none;border-radius:8px;box-shadow:var(--m-shadow)}.app[data-theme^=modern] .intro-panel{background:var(--m-card);border-radius:8px;box-shadow:var(--m-shadow)}.app[data-theme^=modern] .intro-panel>header{background:var(--m-card);color:var(--m-text);border-bottom:1px solid var(--m-line)}.app[data-theme^=modern] .intro-wall{background:var(--m-soft)}.app[data-theme^=modern] .intro-controls{color:var(--m-text)}.app[data-theme^=modern] .intro-go{background:var(--m-primary);box-shadow:none;border-radius:6px;font-weight:600}.app[data-theme^=modern] .intro-go:hover{background:var(--m-primary-hover)}@media(min-width:851px){.app[data-theme^=modern]{background:var(--m-frame);--sb-body:var(--m-scroll);--sb-side:var(--m-scroll)}.app[data-theme^=modern] .sidebar{top:8px;left:8px;bottom:8px;border-radius:8px;background:var(--m-panel)}.app[data-theme^=modern] .app-body{margin:8px 8px 8px 296px;height:calc(100vh - 16px);border-radius:8px;background:var(--m-panel)}.app[data-theme^=modern] .app-body:has(.workspace),.app[data-theme^=modern] .app-body:has(main>.workspace>:first-child .board){height:calc(100vh - 16px);overflow:hidden}.app[data-theme^=modern] main:has(>.workspace>:first-child .board){--reserve:16px;--sidebar-w:296px;height:calc(100vh - 16px)}}@media(min-width:851px)and (max-width:1150px){.app[data-theme^=modern] .app-body{margin-left:266px}.app[data-theme^=modern] main:has(>.workspace>:first-child .board){--sidebar-w:266px}}@media(max-width:850px){.app[data-theme^=modern],.app[data-theme^=modern] .sidebar{background:var(--m-panel)}}@media(min-width:851px)and (hover:hover){.app[data-theme^=modern]{--edge-tab:var(--m-card);--edge-tab-ink:var(--m-muted);--edge-tab-hover:var(--m-text);--edge-tab-line:var(--m-line)}.app[data-theme^=modern].side-folded .app-body{margin-left:8px}.app[data-theme^=modern]{--side-right:288px}.app[data-theme^=modern].side-folded main:has(>.workspace>:first-child .board){--sidebar-w:16px}}@media(min-width:851px)and (max-width:1150px)and (hover:hover){.app[data-theme^=modern]{--side-right:258px}}.m-top,.m-scrim{display:none}:root{--m-top:56px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}@media(max-width:850px){.app.app.app .app-body>.m-top{display:flex;position:fixed;z-index:24;left:0;right:0;top:0;height:calc(var(--m-top) + var(--safe-t));padding:var(--safe-t) calc(12px + env(safe-area-inset-right,0px)) 0 calc(12px + env(safe-area-inset-left,0px));align-items:center;gap:10px;background:var(--mb-fcfbf9,#fcfbf9);border-bottom:1px solid var(--line);box-shadow:0 2px 10px #2a22160f}.m-menu{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-6px;flex-shrink:0;border-radius:12px;color:var(--ink)}.m-menu:active{background:var(--mb-ede6dd,#ede6dd)}.m-dot{position:absolute;top:8px;right:7px;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid var(--mb-fcfbf9,#fcfbf9)}.m-brand{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.m-brand .brand-mark{font-size:34px;width:auto}.m-title{flex:1;min-width:0;font-family:var(--display);font-weight:800;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.m-top-end{display:flex;align-items:center;gap:8px;margin-right:52px}.m-me{width:40px;height:40px;border-radius:50%;overflow:hidden;padding:0;border:2px solid var(--line);background:#d6ecfb}.m-me svg{display:block;width:100%;height:100%}.m-login{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;font-weight:700;font-size:15px;background:var(--mb-ede6dd,#ede6dd);color:var(--ink)}.guest-app .m-top-end{margin-right:0}.app.app .app-body.app-body>.bell{position:fixed;z-index:25;top:calc(var(--safe-t) + 6px);right:10px;padding:0;margin:0;max-width:none}.app .app-body .bell-btn{width:44px;height:44px;box-shadow:none}.app .app-body .bell-panel{position:fixed;top:calc(var(--m-top) + var(--safe-t) + 6px);left:8px;right:8px;width:auto;max-height:calc(100dvh - var(--m-top) - var(--safe-t) - var(--safe-b) - 20px)}.app.app .app-body>main{padding-top:calc(var(--m-top) + var(--safe-t) + 18px);padding-bottom:calc(var(--safe-b) + 16px)}.app .page-footer{display:none}.app .race-bar,.app .online-bar-wrap{top:calc(var(--m-top) + var(--safe-t) + 8px);z-index:5}.app .sidebar{z-index:40;padding-top:calc(24px + var(--safe-t));padding-bottom:calc(16px + var(--safe-b));overflow-y:auto;visibility:hidden;transition:transform .25s ease,visibility 0s .25s}.app .sidebar.visible{visibility:visible;transition:transform .25s ease}.app .m-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#1c150d66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media(min-width:851px)and (max-width:1180px){.app.app{--rail:92px;--scene-left:var(--rail);--side-right:var(--rail)}.app.app .sidebar,.app.app.side-folded .sidebar,.app.app[data-theme] .sidebar,.app.app.side-folded[data-theme] .sidebar{width:var(--rail);top:0;left:0;bottom:0;border-radius:0;padding:16px 8px;transform:none;box-shadow:none;overflow-y:auto;overflow-x:hidden}.app.app .app-body,.app.app.side-folded .app-body,.app.app[data-theme] .app-body,.app.app.side-folded[data-theme] .app-body{margin:0 0 0 var(--rail)}.app .sidebar-fold,.app .sidebar-edge{display:none!important}.app .sidebar .brand{margin:0 0 18px;justify-content:center}.app .sidebar .brand>span:last-child{display:none}.app .sidebar .kid-card{display:flex;flex-direction:column;align-items:center;margin:0 0 14px}.app .sidebar .kid-card>:not(.kid-portrait,.guest-btns){display:none}.app .sidebar .kid-portrait{width:56px;border-width:3px;border-radius:14px}.app .sidebar .guest-btns{flex-direction:column;gap:6px;margin-top:8px}.app .sidebar .guest-btns .btn{padding:7px 2px;font-size:11.5px}.app .sidebar .nav-section,.app .sidebar .nav-divider,.app .sidebar .side-links{display:none}.app .sidebar .nav-item{position:relative;flex-direction:column;gap:4px;padding:8px 2px;margin:2px 0;text-align:center;font-size:11.5px;line-height:1.15;justify-content:center}.app .sidebar .nav-item>span:not(.nav-icon){white-space:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.app .sidebar .nav-item>b{position:absolute;top:2px;right:8px;margin:0;font-size:11px}.app .sidebar .nav-item.active:before{display:none}.app.app main:has(>.workspace>:first-child .board),.app.app[data-theme] main:has(>.workspace>:first-child .board){--sidebar-w:calc(var(--rail) + 16px)}}@media(pointer:coarse)and (max-width:1180px){.icon-btn{min-width:44px;min-height:44px}.tabs button,.chip-tabs button,.ph-item,.nav-item{min-height:44px}[data-tip]:focus:after,[data-tip]:focus:before{opacity:1;visibility:visible}}@media(max-width:850px){input,select,textarea,.search input,.section-heading select{font-size:16px}.modal-bg{align-items:flex-end;padding:0}.modal-bg>.modal,.modal-bg>.card.modal{width:100%;max-width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + var(--safe-b));animation:m-sheet .22s ease-out}@keyframes m-sheet{0%{transform:translateY(40px);opacity:.4}}}@media(prefers-reduced-motion:reduce){.modal-bg>.modal{animation:none}.app .sidebar{transition:none}}.install-card{margin-top:20px}.install-card h2{display:flex;align-items:center;gap:10px}.install-ok{display:flex;align-items:center;gap:6px}.install-steps{margin:0 0 4px;padding-left:22px;line-height:1.9}.install-steps svg{vertical-align:-2px}.square.grab{touch-action:none}.square.dragging>.piece{opacity:.3}.drag-ghost{position:absolute;z-index:30;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-70%) scale(1.3);pointer-events:none;filter:drop-shadow(0 6px 6px #0005)}@media(max-width:850px){.app .app-body:has(>main>.workspace>.lesson-panel),.app .app-body:has(>main>.intro-stage){height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app.app .app-body>main:has(>.workspace>.lesson-panel),.app.app .app-body>main:has(>.intro-stage){flex:1;min-height:0;width:100%;max-width:none;display:flex;flex-direction:column;padding:calc(var(--m-top) + var(--safe-t) + 8px) calc(8px + env(safe-area-inset-right,0px)) 0 calc(8px + env(safe-area-inset-left,0px))}main:has(>.workspace>.lesson-panel)>.page-heading{flex-direction:row;align-items:center;gap:10px;margin:0 0 6px;flex-shrink:0}main:has(>.workspace>.lesson-panel)>.page-heading>div{order:2;flex:1;min-width:0}main:has(>.workspace>.lesson-panel)>.page-heading .eyebrow,main:has(>.workspace>.lesson-panel)>.page-heading p{display:none}main:has(>.workspace>.lesson-panel)>.page-heading h1{font-size:15px;line-height:1.25;letter-spacing:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main:has(>.workspace>.lesson-panel)>.page-heading>.btn{order:1;flex-shrink:0;min-height:36px;padding:4px 10px;font-size:13px;gap:4px}main>.workspace:has(>.lesson-panel){--bmin:min( calc(100vw - 16px) ,40dvh);flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:max-content max-content minmax(var(--bmin),1fr) minmax(0,auto) max-content;grid-template-areas:"prog cap" "tutor tutor" "board board" "body body" "act act";gap:6px 8px;align-items:stretch;overflow:visible}main>.workspace:has(>.lesson-panel):has(.quiz-options),main>.workspace:has(>.lesson-panel):has(.solution-viewer){--bmin:min( calc(100vw - 16px) ,26dvh)}.workspace:has(>.lesson-panel)>section,.workspace>.lesson-panel{display:contents}.workspace:has(>.lesson-panel) section>:not(.tutor,.board-wrap,.board-caption){grid-column:1/-1}.workspace>.lesson-panel>.step-progress,.workspace>.lesson-panel>.lesson-tabs{grid-area:prog;position:static;min-width:0;min-height:24px;padding:0 4px;border:0;background:none;gap:8px;align-items:center}.workspace>.lesson-panel>.lesson-tabs{overflow-x:auto;flex-wrap:nowrap}main>.workspace:has(>.lesson-panel>.lesson-tabs){--bmin:min( calc(100vw - 16px) ,32dvh);grid-template-areas:"prog prog" "tutor tutor" "board board" "body body" "act act"}.app.app .app-body .workspace:has(>.lesson-panel>.lesson-tabs) .board-caption.board-caption{display:none}.workspace>.lesson-panel>.lesson-tabs{gap:6px;padding:0}.workspace>.lesson-panel>.lesson-tabs button{flex:1 1 0;min-width:0;min-height:36px;padding:4px 6px;gap:5px;font-size:13px;white-space:nowrap;border-radius:18px}.workspace>.lesson-panel>.lesson-tabs button b{width:20px;height:20px;font-size:12px;flex:none}.workspace>.lesson-panel>.step-progress{overflow:hidden}.workspace>.lesson-panel .step-progress small{font-size:12px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.workspace>.lesson-panel .step-progress:not(:has(.step-bar)) small{white-space:normal;line-height:1.2;font-size:11.5px}.workspace>.lesson-panel .step-progress .rating-chip{flex:none;margin:0;padding:1px 8px;gap:3px;font-size:13px;white-space:nowrap}.workspace>.lesson-panel .step-progress .rating-chip svg{width:12px;height:12px}.workspace>.lesson-panel .step-progress .rating-chip .unrated{font-size:11px;padding:0 6px}.workspace>.lesson-panel .step-progress .step-bar{flex:1;min-width:40px;height:8px;background:var(--line)}.workspace>.lesson-panel .replay-intro{font-size:0;gap:0;padding:4px;flex-shrink:0}.app.app .app-body .workspace:has(>.lesson-panel) .board-caption.board-caption{grid-area:cap;align-self:center;display:flex;gap:8px;min-width:0;max-width:42vw;margin:0;padding:0 4px;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;font-size:12px;font-weight:600;line-height:1.3}.workspace:has(>.lesson-panel) .board-caption>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.workspace:has(>.lesson-panel) .board-caption>span:last-child:not(:first-child){display:none}.workspace:has(>.lesson-panel) .board-wrap{grid-area:board;min-height:0;width:100%;max-width:none;margin:0;container-type:size;display:flex}.workspace:has(>.lesson-panel) .board-wrap>.board{flex:none;width:min(100cqw,100cqh);margin:auto}.workspace>.lesson-panel>.lesson-body{grid-area:body;min-height:0;max-height:34dvh;overflow-y:auto;padding:8px 10px;background:var(--mb-fffdf8,#fffdf8);border:2px solid var(--line);border-radius:14px}.workspace>.lesson-panel>.lesson-body:empty,.workspace>.lesson-panel>.lesson-body:not(:has(*:not(.lesson-say,.lesson-say *))){display:none}.workspace>.lesson-panel .lesson-say{display:none}.workspace>.lesson-panel>.lesson-body h3{font-size:15px;line-height:1.35;margin-bottom:4px}.workspace>.lesson-panel>.lesson-body p{font-size:14px;line-height:1.45;margin-bottom:6px}.workspace>.lesson-panel .quiz-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,96px),1fr));gap:6px;margin:6px 0 0}.workspace>.lesson-panel .quiz-options button{min-height:44px;padding:6px 10px;font-size:15px;border-radius:10px}.workspace>.lesson-panel .result-banner{padding:8px 12px;margin:0}.workspace>.lesson-panel>.lesson-body:has(.solution-viewer){max-height:none;overflow:visible;padding:0;border:0;background:none}.workspace>.lesson-panel>.lesson-body:has(.solution-viewer)>:not(.solution-viewer){display:none}.workspace .solution-viewer{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) 48px;grid-template-areas:"count bar bar bar" "re back next auto";align-items:center;gap:6px 8px;margin:0;padding:8px 10px}.workspace .solution-viewer>.sol-controls{display:contents}.workspace .solution-viewer .sol-count{grid-area:count;font-size:13px;white-space:nowrap}.workspace .solution-viewer .sol-count>span{display:none}.workspace .solution-viewer .sol-bar{grid-area:bar}.workspace .solution-viewer>.sol-controls:nth-child(3)>.btn:first-child{grid-area:back}.workspace .solution-viewer>.sol-controls:nth-child(3)>.btn:last-child{grid-area:next}.workspace .solution-viewer>.sol-controls:nth-child(4)>.btn:first-child{grid-area:re}.workspace .solution-viewer>.sol-controls:nth-child(4)>.btn:last-child{grid-area:auto}.workspace .solution-viewer .sol-controls .btn{min-height:48px;padding:6px 8px;font-size:16px;gap:4px}.workspace .solution-viewer>.sol-controls:nth-child(4)>.btn{width:48px;padding:0;font-size:0;gap:0;border-radius:50%}.workspace .solution-viewer>.sol-controls:nth-child(4)>.btn svg{width:20px;height:20px}.workspace>.lesson-panel>.lesson-actions-bar{grid-area:act;position:static;margin:0 -8px;padding:8px calc(12px + env(safe-area-inset-right,0px)) calc(8px + var(--safe-b)) calc(12px + env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--mb-fcfbf9,#fcfbf9);border-top:1px solid var(--line);box-shadow:0 -2px 10px #2a22160f}.workspace>.lesson-panel>.lesson-actions-bar>.btn{flex:1 1 60%;min-height:50px;font-size:17px}.workspace>.lesson-panel>.lesson-actions-bar:not(:has(button)){display:none}main>.workspace:has(>.lesson-panel):not(:has(.lesson-actions-bar button)){padding-bottom:calc(8px + var(--safe-b))}.workspace>.lesson-panel>.lesson-actions-bar>.button-row{display:flex;flex:1 1 auto;gap:8px;margin:0}.workspace>.lesson-panel>.lesson-actions-bar>.button-row>.btn{flex:1 1 auto;min-height:46px;font-size:15px}.workspace:has(>.lesson-panel) .tutor.strip{grid-area:tutor;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"say ma" "ctl ma";align-items:center;gap:4px 10px;height:auto;min-height:min-content;margin:0;padding:8px 10px 8px 12px;border-radius:16px}.workspace:has(>.lesson-panel) .tutor-bubble{grid-area:say;display:block;-webkit-line-clamp:unset;max-height:calc(3 * 1.4em);overflow-y:auto;font-size:15px;line-height:1.4;-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000);padding-bottom:4px}.workspace:has(>.lesson-panel) .tutor-avatar{grid-area:ma;width:52px;height:52px}.workspace:has(>.lesson-panel) .tutor-avatar .tma{height:58px}.workspace:has(>.lesson-panel) .tutor-controls{grid-area:ctl;gap:6px}.workspace:has(>.lesson-panel) .tutor-controls button{width:36px;height:36px}.workspace:has(>.lesson-panel) .tutor-controls svg{width:18px;height:18px}main>.intro-stage{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:visible}.intro-stage>.intro-panel{display:contents}.intro-stage .intro-panel>header{grid-column:1/-1;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;background:var(--mb-3d3a35,#3d3a35);color:var(--mt-ffffff,#fff);font-weight:800}.intro-stage .intro-back{left:4px}.intro-stage>.intro-screen{grid-column:1/-1;grid-row:2;align-self:stretch;min-height:0;margin:0;padding:0 0 8px;display:flex;flex-direction:column;container-type:normal;overflow:hidden}.intro-stage .intro-bubble{position:relative;inset:auto;flex:none;margin:8px 8px 14px}.intro-stage .intro-screen .board-wrap{flex:1 1 0;min-height:0;width:100%;max-width:none;margin:0;container-type:size;display:flex}.intro-stage .intro-screen .board-wrap>.board{flex:none;width:min(100cqw,100cqh);margin:auto}.intro-stage .intro-wall,.intro-stage .intro-skip-mini{display:none}.intro-stage .intro-controls{grid-column:1;grid-row:3;padding:10px 0 calc(10px + var(--safe-b)) 4px;gap:10px;color:var(--ink);position:relative;z-index:1}.intro-stage .intro-controls button{width:48px;height:48px;border-radius:50%;border:2px solid var(--line);background:var(--mb-fffdf8,#fffdf8);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.intro-stage .intro-go{grid-column:2;grid-row:3;margin:8px 0 calc(8px + var(--safe-b));min-height:56px;font-size:19px;position:relative;z-index:1}main>.intro-stage:after{content:"";position:relative;align-self:stretch;grid-column:1/-1;grid-row:3;margin:0 calc(-8px - env(safe-area-inset-right,0px)) 0 calc(-8px - env(safe-area-inset-left,0px));background:var(--mb-fcfbf9,#fcfbf9);border-top:1px solid var(--line);box-shadow:0 -2px 10px #2a22160f}}@media(max-width:850px)and (min-height:780px){.workspace:has(>.lesson-panel) .tutor-bubble{max-height:5.6em;font-size:16px}.workspace:has(>.lesson-panel) .tutor-avatar{width:60px;height:60px}.workspace:has(>.lesson-panel) .tutor-avatar .tma{height:66px}}@media(max-width:850px)and (max-height:600px){.workspace:has(>.lesson-panel) .tutor-bubble{max-height:2.8em;font-size:14px}.workspace:has(>.lesson-panel) .tutor-avatar{width:42px;height:42px}.workspace:has(>.lesson-panel) .tutor-avatar .tma{height:46px}.workspace:has(>.lesson-panel) .tutor-controls button{width:32px;height:32px}main:has(>.workspace>.lesson-panel)>.page-heading>.btn{min-height:32px}main>.workspace:has(>.lesson-panel){gap:4px 8px}main>.workspace>.lesson-panel>.lesson-actions-bar:has(.button-row .btn)>.btn{min-height:42px}main>.workspace>.lesson-panel>.lesson-actions-bar>.button-row>.btn{min-height:38px}}@media(max-width:850px){.app .app-body:has(.an-stage){height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app.app .app-body>main:has(.an-stage){flex:1;min-height:0;min-width:0;width:100%;max-width:none;display:flex;flex-direction:column;padding:calc(var(--m-top) + var(--safe-t) + 8px) calc(8px + env(safe-area-inset-right,0px)) 0 calc(8px + env(safe-area-inset-left,0px))}.an-stage.an-stage{--b:min( calc(100vw - 38px) ,calc(100dvh - var(--m-top) - var(--safe-t) - var(--safe-b) - 330px));flex:1;min-height:0;width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;padding:0}.an-stage .an-left{flex:none;justify-content:center;gap:6px}.an-stage .an-evalbar{width:14px;border-radius:6px}.an-stage .an-evalbar small{display:none}.an-stage .an-boardcol{gap:4px}.an-stage .an-player{padding:2px 8px;gap:8px;border-radius:10px}.an-stage .an-player .rv-face{width:28px;height:28px;border-radius:8px;border-width:1.5px}.an-stage .an-name strong{font-size:13px}.an-stage .an-captured{font-size:14px;min-height:0}.an-stage .an-panel{flex:1;min-height:0;width:100%;min-width:0;max-height:none;position:static;overflow-y:auto;overscroll-behavior:contain;padding:0 10px;gap:8px;border-radius:16px}.an-stage .an-head{order:0;padding-top:4px}.an-stage .an-head h2{font-size:15px}.an-stage .an-back{width:40px;height:40px}.an-stage .an-moves{order:1;position:sticky;top:0;z-index:2;flex:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:0;max-height:none;margin:0 -10px;padding:6px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:inherit;scrollbar-width:none}.an-stage .an-moves::-webkit-scrollbar{display:none}.an-stage .an-pair,.an-stage .an-result{flex:none}.an-stage .an-ply{min-height:36px;padding:3px 8px}.an-stage .an-verdict{order:2}.an-stage .an-lines{order:3}.an-stage .an-opening{order:4}.an-stage .an-nav{order:5;position:sticky;bottom:0;z-index:2;margin:auto -10px 0;padding:4px 6px calc(4px + var(--safe-b));background:inherit;border-top:1px solid var(--line)}.an-stage .an-nav>button{width:44px;height:44px}.an-stage .an-nav .rv-menu{position:fixed;left:8px;right:8px;bottom:calc(64px + var(--safe-b));min-width:0;max-height:60dvh;overflow-y:auto}}@media(max-width:850px){main>.workspace:has(>.lesson-panel>.lesson-peek){grid-template-rows:max-content max-content minmax(var(--bmin),1fr) max-content max-content}main>.workspace:has(>.lesson-panel>.lesson-actions-bar .button-row .btn){--bmin:min( calc(100vw - 16px) ,26dvh)}.workspace>.lesson-panel>.lesson-actions-bar:has(.button-row .btn){gap:6px}.workspace>.lesson-panel>.lesson-actions-bar:has(.button-row .btn)>.btn{flex-basis:100%;min-height:46px;font-size:16px}.workspace>.lesson-panel>.lesson-actions-bar>.button-row:has(.btn){flex-basis:100%}.workspace>.lesson-panel>.lesson-actions-bar>.button-row>.btn{flex:1 1 0;min-width:0;min-height:42px;padding:6px 8px;font-size:14px}.workspace>.lesson-panel>.lesson-peek{grid-area:body;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:14px;border:2px solid var(--line);background:var(--mb-fffdf8,#fffdf8);color:var(--ink);font-weight:700;font-size:15px;text-align:left;box-shadow:0 2px #2a22160f}.lesson-peek>svg:first-child{flex:none;color:var(--blue)}.lesson-peek>svg:last-child{flex:none;color:var(--muted)}.lesson-peek>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-bg>.modal.lesson-sheet.lesson-sheet{display:flex;flex-direction:column;max-height:80dvh;padding:0 0 var(--safe-b)}.lesson-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px 8px 18px;border-bottom:1px solid var(--line)}.lesson-sheet-head strong{font-family:var(--display);font-size:20px}.lesson-sheet>.lesson-body{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 18px}.lesson-sheet>.lesson-body h3{font-size:19px}.lesson-sheet>.lesson-body p{font-size:17px;line-height:1.6}}