.rkc-root,.rkc-root *,.rkc-root :after,.rkc-root :before{box-sizing:border-box;margin:0;padding:0}.rkc-root{--bg:#ede8e0;--card:#fff;--text:#1a1410;--soft:#7a6e5f;--red:#dd1818;--blue:#1760a8;--blue-dk:#0a408a;--green:#2a3;--orange:#c70;--bs:28px;--gap:3px;--rh:42px;--kb-h:34px;--kb-fs:14px;font-family:var(--font-nunito),"Nunito",sans-serif;background:var(--bg);display:flex;justify-content:center;align-items:flex-start;padding:1rem .5rem 2rem;width:100%}.rkc-root .app{width:100%;max-width:600px;display:flex;flex-direction:column;gap:.25rem;align-items:center}.rkc-root .game-title{text-align:center}.rkc-root .gt-main{font-size:9px;font-weight:700;color:var(--soft);letter-spacing:.07em;text-transform:uppercase}.rkc-root .gt-sub{font-size:16px;font-weight:900;color:var(--text);letter-spacing:-.5px;line-height:1.1}.rkc-root .gt-sub span{color:var(--red)}.rkc-root .topbar{display:flex;justify-content:space-between;width:100%}.rkc-root .sc{font-size:11px;color:var(--soft);font-weight:700}.rkc-root .sc b{color:var(--text)}.rkc-root .qsec{position:relative;background:var(--card);border-radius:10px;padding:.35rem .7rem .4rem;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.09)}.rkc-root #lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.rkc-root .qbody{position:relative;z-index:1;display:flex;flex-direction:column;gap:.2rem}.rkc-root .main-eq{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-1px;line-height:1}.rkc-root .qans{color:var(--red);transition:color .4s}.rkc-root .qans.done{color:var(--blue)}.rkc-root .step-eq{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.rkc-root .stx{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap}.rkc-root .s2blank{display:inline-block;min-width:24px;border-bottom:2px solid var(--text);font-size:13px;font-weight:900;color:#c0b8b0;text-align:center;line-height:1.3;transition:color .4s,border-color .4s}.rkc-root .s2blank.done{color:var(--blue);border-color:var(--blue)}.rkc-root .circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--text);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--text);flex-shrink:0;transition:all .3s}.rkc-root .circle.green{border-color:var(--green);background:#d8f0c8;color:#182}.rkc-root .circle.blue{border-color:var(--blue);background:#deeefb;color:var(--blue)}.rkc-root .circle.orange{border-color:var(--orange);background:#fff0d0;color:#a50}.rkc-root .circle.hl{box-shadow:0 0 0 3px #e8ff00,0 0 8px 2px rgba(200,255,0,.5);transform:scale(1.06)}.rkc-root .abacus{background:linear-gradient(180deg,#7d4a25,#5a3010 55%,#6a3c18);border:3px solid #3a1c08;border-radius:10px;padding:6px;width:100%;box-shadow:0 4px 16px rgba(0,0,0,.5),inset 0 2px 5px rgba(255,205,100,.12);gap:4px}.rkc-root .abacus,.rkc-root .arow{display:flex;flex-direction:column}.rkc-root .arow{gap:2px}.rkc-root .ahdr{display:flex;justify-content:space-between;align-items:center}.rkc-root .albl{font-size:7px;font-weight:800;color:#d8bc8c;letter-spacing:.07em}.rkc-root .acnt{font-size:7px;font-weight:600;color:#d8bc8c}.rkc-root .arodwrap{position:relative;height:var(--rh);display:flex;align-items:center}.rkc-root .arodline{position:absolute;left:0;right:0;top:50%;height:4px;background:linear-gradient(90deg,#7a5020,#c0983a,#d8b050,#c0983a,#7a5020);border-radius:3px;transform:translateY(-50%);z-index:0;box-shadow:0 2px 5px rgba(0,0,0,.4)}.rkc-root .abeads{position:relative;z-index:1;display:flex;align-items:center;gap:var(--gap);width:100%;justify-content:flex-start}.rkc-root .bead{width:var(--bs);height:var(--bs);border-radius:50%;flex-shrink:0;flex-grow:0;transition:opacity .18s,transform .13s}.rkc-root .bead.ck{cursor:pointer}.rkc-root .bead.ck:hover{transform:scale(1.13);filter:brightness(1.1)}.rkc-root .bead.ck:active{transform:scale(.88)}.rkc-root .bead.ra{background:radial-gradient(circle at 35% 28%,#ff8585,#dd1818,#a80808);border:2px solid #780000;box-shadow:0 2px 6px rgba(0,0,0,.4)}.rkc-root .bead.wa{background:radial-gradient(circle at 35% 28%,#fff,#f0ede8,#e0d8d0);border:2px solid #c0b8b0;box-shadow:0 2px 6px rgba(0,0,0,.15)}.rkc-root .bead.rd{background:radial-gradient(circle at 35% 28%,#ff8585,#dd1818,#a80808);border:2px solid #780000;opacity:.18}.rkc-root .bead.wd{background:radial-gradient(circle at 35% 28%,#fff,#f0ede8,#e0d8d0);border:2px solid #c0b8b0;opacity:.18}.rkc-root .bead.hl{box-shadow:0 0 0 3px #e8ff00,0 0 9px 2px rgba(220,255,0,.7);transform:scale(1.06)}@keyframes beadPop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.rkc-root .bead.pop{animation:beadPop .18s ease-out}.rkc-root .bsep{flex-shrink:0;flex-grow:0;width:3px;height:calc(var(--bs) - 4px);background:rgba(255,210,120,.28);border-radius:2px}.rkc-root .adiv{height:1px;background:rgba(255,215,130,.12)}.rkc-root .stepbox{border-radius:8px;padding:4px 8px;width:100%;text-align:center;border:2px solid;transition:background .3s,border-color .3s}.rkc-root .stitle{font-size:8px;font-weight:900;letter-spacing:.06em;margin-bottom:1px}.rkc-root .sdesc{font-size:10px;color:#3a3028;line-height:1.45}.rkc-root .hlr{color:#c22;background:#ffe4e4}.rkc-root .hlg,.rkc-root .hlr{font-weight:800;padding:0 4px;border-radius:3px}.rkc-root .hlg{color:#182;background:#e0ffe8}.rkc-root .hlb{color:var(--blue);font-weight:800;background:#e0eeff;padding:0 4px;border-radius:3px}.rkc-root #kp-area{width:100%}.rkc-root .kpcard{background:var(--card);border-radius:9px;padding:.28rem .45rem .32rem;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;gap:3px}.rkc-root .kppmt{font-size:10px;font-weight:800;line-height:1.2}.rkc-root .kpdisp,.rkc-root .kppmt{color:var(--text);text-align:center}.rkc-root .kpdisp{font-size:16px;font-weight:900;background:#f5f0e8;border-radius:6px;padding:2px 0;width:60px;border:1.5px solid #d4cbbb;letter-spacing:2px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.rkc-root .shake{animation:shake .22s}.rkc-root .keypad{display:flex;flex-direction:row;gap:2px;width:100%}.rkc-root .kb{flex:1;min-width:0;height:var(--kb-h);border-radius:7px;border:1.5px solid #d4cbbb;background:#f8f6f2;font-size:var(--kb-fs);font-weight:800;color:var(--text);cursor:pointer;font-family:var(--font-nunito),"Nunito",sans-serif;transition:background .1s,transform .08s;padding:0}.rkc-root .kb:hover{background:#ede8e0}.rkc-root .kb:active{transform:scale(.91);background:#ddd8d0}.rkc-root .kb.del{font-size:11px;color:var(--soft);background:#f0ede8}.rkc-root .kb.enter{background:var(--blue);color:#fff;border-color:var(--blue-dk);font-size:12px;font-weight:900}.rkc-root .kb.enter:hover{background:var(--blue-dk)}.rkc-root .btns{display:flex;gap:7px;justify-content:center}.rkc-root button.btn{font-size:10px;font-weight:800;padding:5px 12px;border-radius:8px;border:2px solid #d4cbbb;background:var(--card);color:var(--text);cursor:pointer;font-family:var(--font-nunito),"Nunito",sans-serif;transition:background .1s}.rkc-root button.btn:hover{background:#f5f0e8}.rkc-root button.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue-dk)}.rkc-root button.btn.primary:hover{background:var(--blue-dk)}@media(min-width:600px){.rkc-root{--bs:30px;--gap:3px;--rh:44px;--kb-h:36px;--kb-fs:15px}.rkc-root .main-eq{font-size:30px}.rkc-root .circle{width:30px;height:30px;font-size:12px}.rkc-root .s2blank,.rkc-root .stx{font-size:14px}.rkc-root .gt-sub{font-size:17px}.rkc-root .kpdisp{font-size:17px;width:66px}.rkc-root .sdesc{font-size:12px}}@media(min-width:900px){.rkc-root{--bs:34px;--gap:4px;--rh:50px;--kb-h:40px;--kb-fs:17px;padding:1rem .8rem 2rem}.rkc-root .app{max-width:680px;gap:.4rem}.rkc-root .main-eq{font-size:34px}.rkc-root .circle{width:34px;height:34px;font-size:13px}.rkc-root .s2blank,.rkc-root .stx{font-size:16px}.rkc-root .gt-sub{font-size:19px}.rkc-root .kpdisp{font-size:20px;width:74px}.rkc-root .kppmt,.rkc-root .sdesc{font-size:13px}.rkc-root .stitle{font-size:10px}.rkc-root .abacus{padding:10px;gap:7px}.rkc-root .stepbox{padding:8px 12px}.rkc-root button.btn{font-size:13px;padding:8px 18px}}@media(min-width:1280px){.rkc-root{--bs:40px;--gap:4px;--rh:58px;--kb-h:46px;--kb-fs:19px;padding:1rem 1.5rem 2rem}.rkc-root .app{max-width:860px;gap:.45rem}.rkc-root .main-eq{font-size:40px;letter-spacing:-1px}.rkc-root .circle{width:40px;height:40px;font-size:15px;border-width:2px}.rkc-root .s2blank,.rkc-root .stx{font-size:19px}.rkc-root .gt-sub{font-size:22px}.rkc-root .gt-main{font-size:11px}.rkc-root .sc{font-size:14px}.rkc-root .kpdisp{font-size:24px;width:84px}.rkc-root .kppmt{font-size:14px}.rkc-root .kb.del{font-size:13px}.rkc-root .kb.enter,.rkc-root .sdesc{font-size:14px}.rkc-root .stitle{font-size:11px}.rkc-root .abacus{padding:14px;gap:10px;border-width:4px;border-radius:16px}.rkc-root .acnt,.rkc-root .albl{font-size:10px}.rkc-root .stepbox{padding:10px 16px}.rkc-root .kpcard{padding:.4rem .6rem .45rem;gap:4px}.rkc-root button.btn{font-size:14px;padding:9px 22px}.rkc-root .bsep{width:5px}}