@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page: #3c3c44;--panel: rgb(255 255 255 / 4%);--panel-strong: rgb(255 255 255 / 6%);--rule: rgb(255 255 255 / 9%);--bar: #34343b;--frame: #585863;--frame-edge: #6a6a75;--cell: #4a4a53;--cell-edge: #3e3e46;--card: #43434c;--card-edge: rgb(255 255 255 / 9%);--ink: #f2f3f5;--muted: #a9aab4;--muted-soft: #a4a5af;--muted-bright: #cdced4;--key: #fbc02d;--key-deep: #c98a12;--good: #79d455;--bad: #f4796c;--tile-correct: #4caf50;--tile-present: #fbc02d;--tile-absent: #5b5b66;--radius: 12px;--tap: 44px;--probe-inset-top: env(safe-area-inset-top);--probe-inset-bottom: env(safe-area-inset-bottom);color-scheme:dark;font-family:Archivo Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;background:var(--page);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}#root{height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media not all and (display-mode:standalone){#root{height:100vh;height:100dvh}}.app{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;width:100%;max-width:560px;margin-inline:auto;padding:0 max(18px,env(safe-area-inset-right)) 20px max(18px,env(safe-area-inset-left))}.app--wide{max-width:960px}.app--bare{padding-bottom:max(34px,calc(16px + env(safe-area-inset-bottom)))}.app--fill{display:flex;flex-direction:column}.app--fill>*{flex-shrink:0}.app--fill>.fill{flex:1 0 auto;display:flex;flex-direction:column}.fill>.kbd-wrap{margin-top:auto;margin-bottom:12px}.topbar{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding-top:8px;margin-bottom:14px}.topbar h1{font-size:20px;font-weight:700;letter-spacing:-.025em;margin:0}.topbar .spacer{margin-left:auto}.card{background:var(--panel);border-radius:12px;padding:14px}.card+.card{margin-top:10px}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--top{align-items:flex-start}.label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}.label--count{color:var(--key)}.rules{border-top:1px solid var(--rule)}.rules>*{border-bottom:1px solid var(--rule)}.day-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 2px 0}.day-head__date{font-size:23px;font-weight:700;letter-spacing:-.032em;line-height:1.05}.day-head__sub{margin-top:5px;font-size:12px;font-weight:500;color:var(--muted)}.day-head__total{font-size:30px;font-weight:700;line-height:.9}.day-bar{margin:13px 2px 0;height:2px;background:#ffffff1a;overflow:hidden}.day-bar__fill{height:100%;background:var(--key);transition:width .4s ease}.play-grid{display:grid;gap:8px}.play-row{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border:none;border-radius:12px;background:linear-gradient(97deg,var(--accent-wash, var(--panel)),rgb(255 255 255 / 3%));box-shadow:inset 0 0 0 1px var(--accent-wash, var(--rule));color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,filter .15s}.play-row:hover:not(:disabled){filter:brightness(1.1)}.play-row:active:not(:disabled){transform:translateY(1px)}.play-row:disabled{opacity:.45;cursor:not-allowed}.play-row__art{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px}.play-row__name{font-size:16px;font-weight:700;letter-spacing:-.01em}.play-row__detail{margin-top:2px;font-size:12px;font-weight:500;color:var(--muted-soft)}.play-row__badge{padding:2px 5px;border-radius:3px;background:var(--accent, var(--key));color:#2c2c33;font-size:9px;font-weight:800;letter-spacing:.11em}.play-row__go{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--accent, var(--key));color:#2c2c33}.done-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 2px;border:none;background:none;color:inherit;font:inherit;text-align:left}.done-row__art{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;opacity:.72}.done-row[data-missed=true] .done-row__art{opacity:.4}.done-row__name{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--muted-bright)}.done-row__points{flex-shrink:0;width:38px;text-align:right;font-size:16px;font-weight:700}.day-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 2px 4px}.day-foot__streak{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--key)}.link-btn{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0;border:none;background:none;color:var(--muted-bright);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.link-btn:hover{color:var(--ink)}.statbar{display:flex;align-items:stretch;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.statbar__cell{flex:1;min-width:0;padding:11px 0}.statbar__cell+.statbar__cell{padding-left:14px;border-left:1px solid var(--rule)}.statbar__value{font-size:21px;font-weight:700;line-height:1}.statbar__label{margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.statbar__action{flex:0 0 auto;width:44px;border:none;border-left:1px solid var(--rule);background:none;color:var(--muted-soft);display:grid;place-items:center;cursor:pointer}.statbar__action:disabled{opacity:.4;cursor:not-allowed}.live{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.live:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--good);animation:pulse 2s ease-in-out infinite}.seg{display:flex;padding:3px;border-radius:11px;background:#ffffff0d}.seg>button{flex:1;min-width:0;min-height:38px;border:none;border-radius:8px;background:none;color:var(--muted-soft);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.seg>button[data-on=true]{background:var(--ink);color:#2c2c33;font-weight:700}.scopes{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.scopes::-webkit-scrollbar{display:none}.scopes>button{flex:0 0 auto;min-height:34px;padding:0 13px;border:none;border-radius:999px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--muted-soft);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}.scopes>button[data-on=true]{background:var(--ink);box-shadow:none;color:#2c2c33;font-weight:700}.lb-row{display:flex;align-items:center;gap:12px;padding:0 10px;margin:0 -10px;border-radius:8px}.lb-row__rank{flex-shrink:0;width:20px;text-align:right;font-size:15px;font-weight:700;color:var(--muted)}.lb-row__avatar{flex-shrink:0;width:34px;height:34px;margin:12px 2px 12px 0;border-radius:9px;background:var(--cell);object-fit:cover}.lb-row__pseudo{font-size:15px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row__sub{margin-top:1px;font-size:11px;font-weight:500;color:var(--muted)}.lb-row__points{flex-shrink:0;font-size:17px;font-weight:700}.lb-row[data-me=true]{background:#fbc02d17}.lb-row[data-me=true] .lb-row__pseudo,.lb-row[data-me=true] .lb-row__points{color:var(--key);font-weight:700}.mini-rows>button,.mini-rows>div{width:100%}.game-row{display:block;width:100%;padding:12px 2px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.game-row__head{display:flex;align-items:center;gap:11px}.game-row__art{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px}.game-row__name{flex:1;min-width:0;font-size:14.5px;font-weight:600;letter-spacing:-.01em}.game-row__sub{font-size:12px;font-weight:500;color:var(--muted)}.game-row__total{flex-shrink:0;width:52px;text-align:right;font-size:16px;font-weight:700;color:var(--accent, var(--ink))}.game-row__meter{height:4px;margin:9px 0 0 39px;border-radius:2px;background:#ffffff12;overflow:hidden}.game-row__meter>div{height:100%;background:var(--accent, var(--key));transition:width .4s ease}.game-row__more{margin:10px 0 2px 39px}.rank-cards{display:flex;gap:8px}.rank-cards>div{flex:1;min-width:0;padding:11px 12px;border-radius:10px;background:var(--panel)}.rank-cards__value{font-size:19px;font-weight:700}.btn{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:11px;padding:11px 16px;background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .08s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--key{background:var(--key);box-shadow:none;color:#2c2c33}.btn--ghost{background:none;box-shadow:none;color:var(--muted-soft);font-weight:600}.btn--danger{background:#f4796c1f;box-shadow:inset 0 0 0 1px #f4796c4d;color:var(--bad)}.btn--block{width:100%}.btn--round{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:10px;display:grid;place-items:center}.chip{border:none;border-radius:999px;padding:0 13px;min-height:34px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--muted-soft);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.chip[data-on=true]{background:var(--ink);box-shadow:none;color:#2c2c33;font-weight:700}label{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[type=password]{width:100%;min-height:var(--tap);font-size:16px;font-family:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--rule);background:#0000002e;color:var(--ink)}input:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:2px}a{color:var(--key)}.switch{flex-shrink:0;width:48px;height:29px;padding:3px;border:none;border-radius:999px;background:#ffffff1f;display:flex;justify-content:flex-start;cursor:pointer;transition:background .18s}.switch[data-on=true]{background:var(--key);justify-content:flex-end}.switch>span{width:23px;height:23px;border-radius:50%;background:#2c2c33}.kbd-wrap{display:grid;gap:7px;max-width:500px;margin:4px auto 0;width:100%}.kbd{display:flex;flex-wrap:nowrap;gap:5px}.kbd>button{flex:1 1 0;min-width:0;height:54px;padding:0 2px;border:none;border-radius:7px;background:#5a5a66;color:var(--ink);font-family:inherit;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.kbd>button:active:not(:disabled){filter:brightness(1.2)}.kbd>button:disabled{background:#4a4a53;color:var(--muted);cursor:not-allowed}.kbd>.kbd__wide{flex:1.5 1 0;padding:0;font-size:clamp(10px,3vw,12px);letter-spacing:.02em;text-transform:none;overflow:hidden}.kbd__half{flex:.5 1 0}.fit-tray[hidden]{display:none}.fit-tray{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:92px;padding:12px;border-radius:14px;background:#00000029;box-shadow:inset 0 0 0 1px #ffffff0d}.fit-slot{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);padding:6px;border:none;border-radius:10px;background:none;box-shadow:none;touch-action:none;cursor:grab}.fit-slot:active{cursor:grabbing}.fit-slot[data-on=true]{background:#fbc02d1f;box-shadow:inset 0 0 0 2px var(--key)}.outcome__label{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.outcome__title{margin:9px 0 0;font-size:29px;font-weight:700;letter-spacing:-.035em;line-height:1.06}.outcome__points{font-size:48px;font-weight:700;line-height:.9}.outcome__bar{margin-top:7px;width:130px;height:2px;background:#ffffff1f;overflow:hidden}.outcome__bar>div{height:100%;background:var(--key)}.muted{color:var(--muted)}.small{font-size:12.5px;font-weight:500}.tiny{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.banner{border-radius:12px;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.5}.banner--warn{background:#fbc02d17;box-shadow:inset 0 0 0 1px #fbc02d38;color:#ffd48a}.banner--error{background:#f4796c1a;box-shadow:inset 0 0 0 1px #f4796c42;color:#ffb3ab}.banner--info{background:#a8d5ff14;box-shadow:inset 0 0 0 1px #a8d5ff33;color:#bcd9f5}.banner--practice{background:#d3a6ff17;box-shadow:inset 0 0 0 1px #d3a6ff38;color:#c9c2d4}.banner--practice strong,.banner--practice .label{color:#d3a6ff}.tabbar{flex:0 0 auto;display:flex;background:var(--bar);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{position:relative;flex:1;min-height:54px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:none;background:none;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.tabbar button[data-on=true]{color:var(--ink);font-weight:700}.tabbar button[data-on=true]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--key)}@keyframes pop{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}.shake{animation:shake .28s ease-in-out}.rise{animation:rise .45s both}@keyframes fade{0%{opacity:0}to{opacity:1}}.fade{animation:fade .25s both}.spin{animation:spin .9s linear infinite}.game-split,.game-split__board,.game-split__side{display:grid;gap:12px;align-content:start}@media(min-width:720px){.app{max-width:720px;padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}.app.app--bare{max-width:620px}.play-grid{grid-template-columns:1fr 1fr}.scopes{flex-wrap:wrap;overflow-x:visible}.tabbar{justify-content:center}.tabbar button{flex:0 1 220px}}@media(min-width:1080px){.app{max-width:820px}.app--wide{max-width:1080px}}@media(orientation:landscape)and (min-width:900px)and (min-height:620px){.app.app--bare:has(.game-split){max-width:1040px}.game-split{display:grid;grid-template-columns:min(62vh,48%) minmax(0,1fr);gap:22px;align-items:start}.game-split__board{display:grid;gap:12px;max-width:min(100%,62vh)}.game-split--done{display:block}.game-split--done .game-split__board{max-width:min(100%,58vh);margin-inline:auto;margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}