:root{--paper:#f4efe6;--ink:#1f2328;--ink-2:#5b6068;--card:#fffdf8;--line:#1f23281a;--sage:#5f8f7a;--sage-d:#3f6b59;--apricot:#e8a66b;--rose:#c96a6a;--sky:#7fa3c7;--gold:#d4b46a;--glass:#fffdf8c7;--glass-line:#1f23281f;--shadow:0 10px 30px #1f23281f;--font:"Mukta", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Baloo 2", "Mukta", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--r:16px;--r-sm:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--paper:#15171c;--ink:#ece7dd;--ink-2:#a7a49c;--card:#1e2128;--line:#ece7dd1a;--sage:#78aa93;--sage-d:#4f7d69;--rose:#d47c7c;--sky:#8fb2d4;--glass:#1e2128c7;--glass-line:#ece7dd24;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:calc(15px * var(--text,1))}html,body{background:var(--paper);height:100%;color:var(--ink);font:400 1rem/1.4 var(--font);-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--sage);outline-offset:2px}input{font:inherit}#app{position:fixed;inset:0;overflow:hidden}#gl{width:100%;height:100%;display:none;position:absolute;inset:0}#ui{position:absolute;inset:0}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.15}.hidden{display:none!important}.center{text-align:center}.sub{color:var(--ink-2);margin:0;font-size:.9333rem}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}html.reduce *{transition-duration:1ms!important;animation-duration:1ms!important}.screen{padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);flex-direction:column;animation:.25s both fadeIn;display:flex;position:absolute;inset:0;overflow:hidden}.screen.scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.topbar{align-items:center;gap:10px;min-height:44px;margin-bottom:8px;display:flex}.topbar h2{flex:1;font-size:1.467rem}.iconbtn{background:var(--glass);border:1px solid var(--glass-line);width:40px;height:40px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.iconbtn:active{transform:scale(.96)}.btn{min-height:44px;font-family:var(--font-display);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:1.067rem;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:active{transform:translateY(1px)scale(.985)}.btn.primary{background:var(--sage);color:#fff;border-color:#0000;box-shadow:0 6px 16px #5f8f7a4d}.btn.soft{background:color-mix(in srgb, var(--sage) 14%, var(--card))}.btn.ghost{border-color:var(--line);box-shadow:none;background:0 0}.btn.danger{color:var(--rose)}.btn.big{border-radius:18px;min-height:54px;font-size:1.2rem}.btn.sm{border-radius:10px;min-height:36px;padding:6px 12px;font-size:.9333rem}.btn[disabled]{opacity:.45;pointer-events:none}.home{justify-content:center;gap:14px;width:100%;max-width:520px;margin:0 auto}.home .brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;animation:.5s both popIn;display:flex}.home .brand h1{letter-spacing:.5px;font-size:clamp(34px,9vw,48px)}.home .brand h1 span{color:var(--sage)}.home .brand p{color:var(--ink-2);letter-spacing:.3px;margin:0;font-weight:600}.mark{background:var(--card);width:84px;height:84px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:26px;place-items:center;display:grid}.mark canvas{width:64px;height:64px}.tile{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px 16px;animation:.4s both popIn;display:flex;box-shadow:0 2px 6px #0000000a}.tile:active{transform:scale(.985)}.tile .ic{background:color-mix(in srgb, var(--sage) 16%, transparent);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:1.467rem;display:grid}.tile.learn .ic{background:color-mix(in srgb, var(--sky) 24%, transparent)}.tile.pass .ic{background:color-mix(in srgb, var(--apricot) 26%, transparent)}.tile b{font-family:var(--font-display);font-size:1.2rem;display:block}.tile small{color:var(--ink-2);font-size:.8667rem;display:block}.tile i{color:var(--ink-2);margin-left:auto;font-size:1.333rem;font-style:normal}.tile.cont{border-color:color-mix(in srgb, var(--sage) 50%, transparent)}.home-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.credit{background:var(--card);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:.8rem;display:inline-flex}.credit img{border-radius:5px;width:18px;height:18px}.credit b{color:var(--ink);font-weight:600}.link{color:var(--ink-2);text-underline-offset:3px;min-height:32px;padding:0 8px;font-size:.8667rem;text-decoration:underline}.chars{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:8px;margin:6px 0 10px;display:grid}.char{background:var(--card);border:2px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:12px 6px 8px;display:flex;position:relative}.char.on{border-color:var(--sage);box-shadow:0 0 0 4px color-mix(in srgb, var(--sage) 22%, transparent)}.char canvas{border-radius:50%;width:56px;height:56px}.char b{font-family:var(--font-display);font-size:1.067rem}.char .lv{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-2);font-size:.6667rem;font-weight:600}.char small{color:var(--ink-2);font-size:.8rem;line-height:1.25}.char .won{color:var(--gold);font-size:.8rem;font-weight:700;position:absolute;top:8px;right:10px}.seg{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.seg button{min-height:36px;font-family:var(--font-display);color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:4px 14px;font-size:1rem;font-weight:700;display:inline-flex}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0000001a}.setup-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.setup-row:first-of-type{border-top:0}.setup-row label{font-weight:600}.setup-row input{border:1px solid var(--line);background:var(--card);width:46%;min-height:40px;color:var(--ink);border-radius:12px;padding:6px 12px}.cta{background:linear-gradient(transparent, var(--paper) 40%);gap:10px;padding-top:10px;display:flex;position:sticky;bottom:0}.cta .btn{flex:1}.table{grid-template:"top""board""me""bottom"/minmax(0,1fr);align-content:center;padding:0;display:grid}.table .pstrip,.table .ctrls,.table .boardwrap{width:100%;max-width:780px;margin:0 auto}.table .pstrip{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) 8px calc(var(--safe-l) + 12px);grid-area:top;align-items:center;gap:10px;min-height:32px;display:flex}.table .pstrip.me{padding:8px calc(var(--safe-r) + 12px) 4px calc(var(--safe-l) + 12px);grid-area:me}.boardwrap{grid-area:board;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0 8px;display:flex;position:relative;overflow:hidden}.boardwrap canvas{border-radius:10px;display:block;box-shadow:0 14px 34px #1f23282e}.boardwrap .board3d{box-shadow:none;border-radius:0}.pcard{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:3px 10px 3px 4px;transition:box-shadow .25s,border-color .25s;display:flex}html.lite .pcard{-webkit-backdrop-filter:none;backdrop-filter:none}.pcard.on{border-color:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb, var(--sage) 25%, transparent)}.pcard canvas,.pcard .ava{border-radius:50%;flex:none;width:26px;height:26px}.pcard .ava{background:color-mix(in srgb, var(--apricot) 40%, transparent);place-items:center;font-size:.8667rem;font-weight:700;display:grid}.pcard b{font-family:var(--font-display);white-space:nowrap;font-size:.9333rem}.pcard .caps{gap:0;margin-left:4px;display:flex}.pcard .caps img{width:16px;height:16px;margin-left:-4px}.pcard .bal{color:var(--ink-2);margin-left:2px;font-size:.8rem;font-weight:600}.pcard .think{border:2px solid var(--sage);border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.8667rem;font-weight:600;overflow:hidden}.status.check{color:var(--rose)}.ctrls{padding:2px calc(var(--safe-r) + 12px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 12px);grid-area:bottom;justify-content:center;align-items:center;gap:8px;display:flex}.ctrls.lefty{flex-direction:row-reverse}.pill{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:32px;height:32px;font-family:var(--font-display);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.8667rem;font-weight:700;display:inline-flex;position:relative}html.lite .pill{-webkit-backdrop-filter:none;backdrop-filter:none}.pill:before{content:"";position:absolute;inset:-6px}.pill:active{transform:scale(.95)}.pill[disabled]{opacity:.4}.pill .k{font-size:1rem}@media (orientation:landscape) and (min-width:700px){.table{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 12px);grid-template:"board top""board me""board side"minmax(0,1fr)"board bottom"/minmax(0,1fr) minmax(280px,360px);gap:8px}.table .pstrip,.table .pstrip.me{padding:4px}.ctrls{flex-wrap:wrap;grid-area:side;align-content:end;gap:6px;padding:4px}.movesbox{display:block!important}}.movesbox{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-area:side;align-self:start;max-height:40vh;padding:8px 10px;font-size:.8667rem;display:none;overflow-y:auto}.mvlist{font-variant-numeric:tabular-nums;grid-template-columns:2.2em 1fr 1fr;gap:2px 8px;display:grid}.mvlist span{border-radius:6px;padding:2px 6px}.mvlist span.n{color:var(--ink-2)}.mvlist span.cur{background:color-mix(in srgb, var(--sage) 20%, transparent)}.mvlist span.bad{-webkit-text-decoration:underline wavy var(--rose);text-decoration:underline wavy var(--rose)}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 12px);background:#1f232861;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:absolute;inset:0}html.lite .overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.overlay.bottom{align-items:flex-end}.card{background:var(--card);border:1px solid var(--line);width:min(480px,100%);max-height:100%;box-shadow:var(--shadow);border-radius:24px;padding:18px 20px;animation:.3s cubic-bezier(.2,.8,.2,1) both rise;overflow:auto}.card h2{margin-bottom:4px;font-size:1.6rem}.card .sub{margin-bottom:10px}.card .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.card .actions .btn{flex:1;min-width:120px}.result{text-align:center}.result .big{font-size:2rem}.result .why{color:var(--ink-2);margin:4px 0 10px}.result canvas{border-radius:50%;width:88px;height:88px;margin:6px auto;display:block}.result .stats{color:var(--ink-2);justify-content:center;gap:18px;margin:10px 0;font-size:.8667rem;display:flex}.result .stats b{color:var(--ink);font-size:1.2rem;font-family:var(--font-display);display:block}.promo{justify-content:center;gap:10px;margin:10px 0;display:flex}.promo button{background:color-mix(in srgb, var(--sage) 12%, transparent);border:2px solid var(--line);border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.promo button img{width:54px;height:54px}.gate-q{font-family:var(--font-display);text-align:center;margin:10px 0;font-size:2rem}.studio{text-align:center}.studio-logo{width:140px;margin:0 auto 6px;display:block}.studio-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;display:flex}.studio-tags span{background:color-mix(in srgb, var(--sage) 12%, transparent);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.studio-cta{margin:10px 0 4px}.studio-cta b{font-family:var(--font-display);font-size:1.067rem;display:block}.studio-cta small{color:var(--ink-2);font-size:.8rem}.studio-about{border-top:1px solid var(--line);color:var(--ink-2);justify-content:space-between;margin-top:14px;padding-top:10px;font-size:.8rem;display:flex}.games{flex-direction:column;gap:6px;max-height:50vh;display:flex;overflow-y:auto}.game-row{background:color-mix(in srgb, var(--ink) 4%, transparent);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.game-row span{flex:1}.game-row b{font-family:var(--font-display);font-size:1rem;display:block}.game-row small{color:var(--ink-2);font-size:.8rem}.game-row i{color:var(--ink-2);font-style:normal}.game-badge{background:color-mix(in srgb, var(--sage) 22%, transparent);width:38px;height:38px;font-style:normal;font-weight:700;font-family:var(--font-display);border-radius:12px;flex:none;place-items:center;font-size:.9333rem;display:grid}.toast{left:50%;top:calc(var(--safe-t) + 60px);z-index:30;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:.9333rem;font-weight:600;transition:opacity .2s,transform .25s;position:absolute;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.srow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.srow .lbl{flex:1}.srow .lbl b{font-weight:600;display:block}.srow .lbl small{color:var(--ink-2);font-size:.8rem;display:block}.sw{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.sw.on{background:var(--sage)}.sw.on:after{transform:translate(20px)}.swatches{gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:10px;grid-template-columns:1fr 1fr;width:36px;height:36px;display:grid;overflow:hidden}.swatch.on{border-color:var(--sage)}.swatch i{display:block}.pieceopt{gap:8px;display:flex}.pieceopt button{background:color-mix(in srgb, var(--ink) 6%, transparent);border:2px solid #0000;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.pieceopt button.on{border-color:var(--sage)}.pieceopt img{width:38px;height:38px}.section{letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-2);margin:16px 0 4px;font-size:.8rem;font-weight:700}.lgroup{margin:12px 0 6px}.lrow{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 14px;display:flex}.lrow .num{background:color-mix(in srgb, var(--sky) 28%, transparent);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.lrow.done .num{background:var(--sage);color:#fff}.lrow b{font-family:var(--font-display);font-size:1.067rem;display:block}.lrow small{color:var(--ink-2);font-size:.8rem}.lrow i{color:var(--ink-2);margin-left:auto;font-style:normal}.lesson{grid-template:"top""board""bottom"/minmax(0,1fr);align-content:center;padding:0;display:grid}.lesson .boardwrap{width:100%;max-width:780px;margin:0 auto}.lesson .ltop{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) 6px calc(var(--safe-l) + 12px);grid-area:top;align-items:center;gap:10px;display:flex}.lesson .ltop .prog{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:3px;flex:1;height:6px;overflow:hidden}.lesson .ltop .prog i{background:var(--sky);height:100%;transition:width .3s;display:block}.lesson .ltop small{color:var(--ink-2);font-size:.8rem;font-weight:600}.lesson .lbottom{padding:8px calc(var(--safe-r) + 14px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 14px);flex-direction:column;grid-area:bottom;gap:10px;display:flex}.speech{background:var(--card);border:1px solid var(--line);border-radius:18px;min-height:56px;padding:12px 16px;font-size:1.067rem;line-height:1.4;animation:.25s both popIn;box-shadow:0 2px 8px #0000000d}.speech.ok{border-color:var(--sage)}.speech.bad{border-color:var(--rose)}.lesson .lbtns{justify-content:flex-end;gap:8px;display:flex}@media (orientation:landscape) and (min-width:700px){.lesson{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 12px);grid-template:"board top""board bottom"minmax(0,1fr)/minmax(0,1fr) minmax(260px,340px);align-content:stretch;gap:8px}.lesson .ltop,.lesson .lbottom{padding:4px}.lesson .lbottom{align-self:end}}.intro{z-index:40;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.2s both fadeIn;display:flex;position:absolute;inset:0}.intro img{width:150px}.intro p{color:var(--ink-2);letter-spacing:.3px;margin:0;font-weight:600}.intro.out{opacity:0;pointer-events:none;transition:opacity .3s}.spinner{border:3px solid color-mix(in srgb, var(--sage) 30%, transparent);border-top-color:var(--sage);border-radius:50%;width:28px;height:28px;margin:6px auto 10px;animation:.8s linear infinite spin;display:block}.tile.puzzle .ic{background:color-mix(in srgb, var(--gold) 30%, transparent)}.tile.online .ic{background:color-mix(in srgb, var(--sky) 28%, transparent)}.hub{width:100%;max-width:560px;margin:0 auto}.mecard{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;margin-top:4px;padding:12px 14px;display:flex}.mecard-ava{border-radius:50%;flex:none;width:56px;height:56px}.mecard-text{flex:1;min-width:0}.mecard-text b{font-family:var(--font-display);font-size:1.133rem;display:block}.mecard-text small{color:var(--ink-2);font-size:.8rem;display:block}.mecard-text .code span{font-family:var(--font-display);letter-spacing:1.5px;color:var(--ink);font-weight:700}.mecard-btns{flex-direction:column;gap:6px;display:flex}.tcgrid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:8px 0 12px;display:grid}.tcgrid button{background:var(--card);border:2px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;min-height:52px;padding:6px;display:flex}.tcgrid button.on{border-color:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb, var(--sage) 20%, transparent)}.tcgrid b{font-family:var(--font-display);font-size:1.067rem}.tcgrid small{color:var(--ink-2);text-transform:uppercase;letter-spacing:.8px;font-size:.7333rem}.hub .btn.big{width:100%;margin-bottom:6px}.tiles2{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px;display:grid}.tiles2 .tile{padding:12px}.tiles2 .tile b{font-size:1rem}.tiles2 .tile small{font-size:.7333rem}@media (max-width:380px){.tiles2{grid-template-columns:1fr}}.friends{flex-direction:column;gap:6px;display:flex}.friend{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.friend>span{flex:1;min-width:0}.friend b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;display:block;overflow:hidden}.friend small{color:var(--ink-2);font-size:.8rem;display:block}.friend.on small{color:var(--sage)}.friend .ava{border-radius:50%;flex:none}.iconbtn.sm{border-radius:10px;width:32px;height:32px;font-size:1.067rem}.codein{border:2px solid var(--line);background:var(--paper);width:100%;min-height:50px;color:var(--ink);font-family:var(--font-display);letter-spacing:4px;text-align:center;text-transform:uppercase;border-radius:14px;margin:6px 0;padding:8px 14px;font-size:1.6rem}.codein:focus{border-color:var(--sage);outline:none}.bigcode{font-family:var(--font-display);letter-spacing:8px;color:var(--sage-d);margin:4px 0 6px;font-size:2.667rem;font-weight:800}html.dark .bigcode{color:var(--sage)}.waitcard .actions{margin-top:10px}.invlist{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.avagrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0;display:grid}.avagrid button{border:2px solid #0000;border-radius:16px;place-items:center;padding:6px;display:grid}.avagrid button.on{border-color:var(--sage)}.avagrid .ava{border-radius:50%}.emotes{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px;display:grid}.pcard .clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink-2);border-radius:8px;margin-left:auto;padding:1px 8px;font-size:1rem;font-weight:800}.pcard .clock.run{background:var(--sage);color:#fff}.pcard .clock.low{background:var(--rose);color:#fff;animation:.6s infinite alternate pulse}@keyframes pulse{to{opacity:.55}}.pcard.away{opacity:.6}.pcard{position:relative}.pcard .bubble{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;z-index:5;border-radius:12px 12px 12px 3px;padding:5px 10px;font-size:.8667rem;font-weight:700;animation:.25s both popIn;position:absolute;top:-34px;left:36px}.pstrip.me .pcard .bubble{border-radius:12px 12px 3px;top:auto;bottom:-34px}.chip{background:color-mix(in srgb, var(--ink) 6%, transparent);font-size:.8667rem;font-weight:700;font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.chip.gold{background:color-mix(in srgb, var(--gold) 30%, transparent)}.puzzlehub{width:100%;max-width:560px;margin:0 auto}.daily{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 28%, var(--card)), var(--card) 70%);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;min-height:84px;padding:14px 16px;animation:.4s both popIn;display:flex}.daily .dtext{flex:1;min-width:0}.daily small{color:var(--ink-2);text-transform:capitalize;font-size:.8rem;font-weight:600;display:block}.daily b{font-family:var(--font-display);font-size:1.333rem;display:block}.daily span{color:var(--ink-2);font-size:.8667rem;display:block}.pstats{color:var(--ink-2);text-align:center;justify-content:space-around;gap:10px;margin:12px 0 4px;font-size:.8rem;display:flex}.pstats b{font-family:var(--font-display);color:var(--ink);font-size:1.333rem;display:block}.themes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.theme{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;min-height:112px;padding:12px 14px;animation:.4s both popIn;display:flex;position:relative}.theme:active{transform:scale(.985)}.theme .ring{background:conic-gradient(var(--sage) calc(var(--p) * 360deg), color-mix(in srgb, var(--ink) 8%, transparent) 0);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:6px;display:grid}.theme .ring i{background:var(--card);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-style:normal;font-weight:700;display:grid}.theme b{font-family:var(--font-display);font-size:1.067rem}.theme small{color:var(--ink-2);font-size:.8rem;line-height:1.3}.theme em{color:var(--ink-2);font-size:.7333rem;font-style:normal;font-weight:600;position:absolute;top:12px;right:12px}.theme.done{border-color:color-mix(in srgb, var(--sage) 50%, transparent)}.theme.done .ring i{color:var(--sage)}.ptitle{flex:1;min-width:0}.ptitle b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.133rem;display:block;overflow:hidden}.ptitle small{color:var(--ink-2);font-size:.8rem}.ptitle small b{color:var(--ink);font-size:.8rem;display:inline}.dots{letter-spacing:1px;color:var(--apricot)}.turnmark{border:2px solid var(--ink-2);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}.turnmark.w{background:#f7f1e4}.turnmark.b{background:#3a3c45}.speech b{font-family:var(--font-display)}.speech.bad{animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.boardwrap.withbar{gap:8px}.bhost{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.evalbar{border:1px solid var(--line);background:#3a3c45;border-radius:6px;flex:none;align-self:stretch;width:10px;margin:10px 0;position:relative;overflow:hidden}.evalbar i{background:#f7f1e4;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.evalbar.flip i{top:0;bottom:auto}.analysis .lbottom{gap:8px}.anote{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:4px;min-height:64px;padding:10px 14px;display:flex}.anote .mv{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:8px;font-size:1.2rem;display:flex}.anote .ev{color:var(--ink-2);font-size:.8667rem;font-weight:600;font-family:var(--font);margin-left:auto}.anote small{color:var(--ink-2);font-size:.8667rem}.anote .keym{color:var(--apricot);font-weight:700}.badge{color:#fff;background:var(--ink-2);font-size:.8rem;font-weight:700;font-family:var(--font);border-radius:999px;padding:2px 8px}.badge.best{background:var(--sage)}.badge.good{background:var(--sky)}.badge.inaccuracy{background:var(--gold);color:var(--ink)}.badge.mistake{background:var(--apricot);color:var(--ink)}.badge.blunder{background:var(--rose)}.anav{align-items:center;gap:8px;display:flex}.anav [data-pos]{color:var(--ink-2);font-size:.8667rem;font-weight:600}.mvstrip{scrollbar-width:none;gap:4px;padding:4px 2px 8px;display:flex;overflow-x:auto}.mvstrip::-webkit-scrollbar{display:none}.mvstrip button{font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:8px;flex:none;padding:4px 10px 4px 8px;font-size:.8667rem;font-weight:600;position:relative}.mvstrip button small{color:var(--ink-2);margin-right:2px}.mvstrip button.cur{background:color-mix(in srgb, var(--sage) 24%, transparent)}.mvstrip button:after{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.mvstrip button.inaccuracy:after{background:var(--gold)}.mvstrip button.mistake:after{background:var(--apricot)}.mvstrip button.blunder:after{background:var(--rose)}.progress{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:3px;height:6px;overflow:hidden}.progress i{background:var(--sage);height:100%;transition:width .2s;display:block}@media (orientation:landscape) and (max-height:520px){.home{grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);grid-auto-rows:min-content;place-content:center;gap:6px 20px;max-width:900px;display:grid}.home .brand{grid-area:1/1/span 9;align-self:center;margin:0}.home .brand h1{font-size:2rem}.home .mark{border-radius:20px;width:64px;height:64px}.home .mark canvas{width:48px;height:48px}.home .tile,.home .home-foot{grid-column:2}.home .tile{gap:10px;padding:7px 12px}.home .tile .ic{border-radius:10px;width:34px;height:34px;font-size:1.1rem}.home .tile b{font-size:1rem}.home .tile small{display:none}.home .home-foot{margin-top:2px}.setup .chars{grid-template-columns:repeat(4,1fr)}}.a11y{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.a11y button{color:#0000;background:0 0;border:0;border-radius:4px;margin:0;padding:0;font-size:1px;position:absolute}.a11y button:focus-visible{outline:3px solid var(--apricot);outline-offset:-3px}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-devanagari-500-normal-Ddzk8H1G.woff2)format("woff2"),url(./baloo-2-devanagari-500-normal-BGpOhOmM.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-vietnamese-500-normal-Cj5RGu3k.woff2)format("woff2"),url(./baloo-2-vietnamese-500-normal-ClyrcyJC.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-ext-500-normal-Ba7mhTsk.woff2)format("woff2"),url(./baloo-2-latin-ext-500-normal-D1XZow3C.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-500-normal-CmLZ27r7.woff2)format("woff2"),url(./baloo-2-latin-500-normal-BSdEhq8m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-devanagari-700-normal-D37Te3iF.woff2)format("woff2"),url(./baloo-2-devanagari-700-normal-CEIF4sJg.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-vietnamese-700-normal-h4tlcePq.woff2)format("woff2"),url(./baloo-2-vietnamese-700-normal-DoF59Mjc.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-ext-700-normal-Mlh7kdab.woff2)format("woff2"),url(./baloo-2-latin-ext-700-normal-D6LeXASg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mukta;font-style:normal;font-display:swap;font-weight:400;src:url(./mukta-devanagari-400-normal-DFIcfn-0.woff2)format("woff2"),url(./mukta-devanagari-400-normal-GTtcXJDg.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Mukta;font-style:normal;font-display:swap;font-weight:400;src:url(./mukta-latin-ext-400-normal-CoeaTj-I.woff2)format("woff2"),url(./mukta-latin-ext-400-normal-DBvoNXLH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mukta;font-style:normal;font-display:swap;font-weight:400;src:url(./mukta-latin-400-normal-DXND9OdD.woff2)format("woff2"),url(./mukta-latin-400-normal-DWf8bB-R.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mukta;font-style:normal;font-display:swap;font-weight:600;src:url(./mukta-devanagari-600-normal-ZwIvxXFD.woff2)format("woff2"),url(./mukta-devanagari-600-normal-BiAhF3pR.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Mukta;font-style:normal;font-display:swap;font-weight:600;src:url(./mukta-latin-ext-600-normal-Ct5yuVjv.woff2)format("woff2"),url(./mukta-latin-ext-600-normal-Ct69NIxf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mukta;font-style:normal;font-display:swap;font-weight:600;src:url(./mukta-latin-600-normal-5TtPlXMC.woff2)format("woff2"),url(./mukta-latin-600-normal-DDl5VSnm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}