.abclp-app{max-width:640px;margin:0 auto}.abclp-frame{--abclp-c1:#ffc61e;--abclp-c2:#7dbb2c;--abclp-c3:#1e90d2;--abclp-c4:#df2e1e;--abclp-c5:#e2306c;--abclp-cell:#f2f6fa;--abclp-line:#cbd6e1;--abclp-hint:#cfd8e1;font-family:"Baloo 2","Comic Sans MS","Segoe UI",system-ui,sans-serif;background:linear-gradient(160deg,#eaf4fb 0,#f5f9fc 55%,#fdf6e7 100%);border:3px solid #cfe2f0;border-radius:22px;padding:14px;box-shadow:0 10px 30px rgba(40,70,110,.16)}.abclp-frame *,.abclp-frame ::after,.abclp-frame ::before{box-sizing:border-box}.abclp-titlebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 4px 10px}.abclp-title{color:#2c4457;font-weight:800;font-size:20px;letter-spacing:.4px;flex:1;margin:0}.abclp-counter{color:#2c4457;font-weight:800;font-size:15px;background:rgba(255,255,255,.85);border:2px solid #dbe7f0;padding:3px 11px;border-radius:999px;white-space:nowrap}.abclp-counter b{color:#5d9316;font-size:17px}.abclp-modes{display:flex;gap:0;background:#fff;border:3px solid #dbe7f0;border-radius:999px;overflow:hidden}.abclp-mode{font-family:inherit;font-weight:800;font-size:14px;letter-spacing:.5px;border:0;background:0 0;color:#8a9bab;padding:6px 14px;cursor:pointer;transition:background .18s,color .18s}.abclp-mode:hover{background:#f2f7fb}.abclp-mode.is-active{color:#fff}.abclp-mode[data-mode=letters].is-active{background:var(--abclp-c3)}.abclp-mode[data-mode=numbers].is-active{background:var(--abclp-c5)}.abclp-levels{display:flex;gap:6px}.abclp-lvl{display:flex;align-items:center;gap:6px;border:3px solid #dbe7f0;background:#fff;border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;font-family:inherit;font-weight:800;font-size:14px;color:#6b7a89;transition:transform .12s,border-color .18s,color .18s}.abclp-lvl:hover{transform:translateY(-2px)}.abclp-lvl-num{width:24px;height:24px;border-radius:50%;background:#dbe7f0;color:#fff;display:grid;place-items:center;font-size:14px;transition:background .18s}.abclp-lvl.is-active{color:#24313d}.abclp-lvl[data-lvl="1"].is-active{border-color:var(--abclp-c2)}.abclp-lvl[data-lvl="1"].is-active .abclp-lvl-num{background:var(--abclp-c2)}.abclp-lvl[data-lvl="2"].is-active{border-color:var(--abclp-c1)}.abclp-lvl[data-lvl="2"].is-active .abclp-lvl-num{background:var(--abclp-c1)}.abclp-lvl[data-lvl="3"].is-active{border-color:var(--abclp-c5)}.abclp-lvl[data-lvl="3"].is-active .abclp-lvl-num{background:var(--abclp-c5)}.abclp-tools{display:flex;align-items:center;gap:6px}.abclp-btn{font-family:inherit;font-weight:800;font-size:16px;line-height:1;border:3px solid #dbe7f0;background:#fff;color:#4a5b6b;border-radius:999px;padding:6px 12px;cursor:pointer;transition:transform .12s}.abclp-btn:hover{transform:translateY(-2px)}.abclp-btn.is-off{opacity:.38}.abclp-picklabel{text-align:center;margin:0 0 10px;font-size:14px;font-weight:700;color:#7d8e9d}.abclp-canvas{position:relative;width:100%;aspect-ratio:1/1;background:#fff;border:4px solid #e2edf5;border-radius:20px;padding:2.6%;overflow:hidden}@supports not (aspect-ratio:1 / 1){.abclp-canvas{height:0;padding-bottom:100%}.abclp-canvas .abclp-board{position:absolute;top:2.6%;left:2.6%;right:2.6%;bottom:2.6%}}.abclp-board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:2.2%;width:100%;height:100%}.abclp-cell{position:relative;border-radius:14%;background:var(--abclp-cell);border:3px solid var(--abclp-line);display:grid;place-items:center;overflow:hidden;transition:transform .12s,border-color .18s,background .18s}.abclp-cell.abclp-filler{background:#fbfdff;border-style:dotted;border-color:#e8f0f6}.abclp-cell.is-over{border-color:var(--abclp-c3);background:#e4f3fd;transform:scale(1.07)}.abclp-cell.is-done{background:#fff;border-color:transparent}.abclp-cell.is-wrong{animation:.4s abclp-shake;border-color:var(--abclp-c4);background:#fdecea}@keyframes abclp-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.abclp-ghost-letter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--abclp-hint);font-weight:800;font-size:var(--abclp-fs, 34px);line-height:1;user-select:none;pointer-events:none}.abclp-letter{display:grid;place-items:center;width:100%;height:100%;font-weight:800;font-size:var(--abclp-fs, 34px);line-height:1;color:var(--tile,#1e90d2);user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab;transition:transform .12s;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 4px 0 var(--tile-dark,#146fa6),0 5px 0 var(--tile-dark,#146fa6),0 6px 0 var(--tile-dark,#146fa6),0 9px 8px rgba(0,0,0,.18)}.abclp-ghost-letter[data-wide="1"],.abclp-letter[data-wide="1"]{font-size:var(--abclp-fs2, 24px)}.abclp-tile .abclp-letter[data-wide="1"]{font-size:27px}.abclp-letter:active{cursor:grabbing}.abclp-tray .abclp-letter:hover{transform:translateY(-5px) rotate(-3deg)}.abclp-letter.is-picked{transform:translateY(-7px) scale(1.14);filter:drop-shadow(0 0 9px rgba(30, 144, 210, .6))}.abclp-letter.is-placed{cursor:default;animation:.45s cubic-bezier(.3,1.6,.5,1) abclp-pop}@keyframes abclp-pop{0%{transform:scale(.4) rotate(-14deg);opacity:.2}60%{transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0)}}.abclp-drag-ghost{position:fixed;z-index:99999;pointer-events:none;transform:translate(-50%,-50%) scale(1.15);width:90px;height:90px;display:grid;place-items:center}.abclp-tray-wrap{position:relative;display:flex;align-items:center;gap:5px;margin-top:14px;background:rgba(255,255,255,.75);border:3px solid #e2edf5;border-radius:20px;padding:8px 5px}.abclp-tray{display:flex;gap:8px;overflow-x:auto;flex:1;padding:4px 3px 8px;scrollbar-width:thin}.abclp-tray::-webkit-scrollbar{height:8px}.abclp-tray::-webkit-scrollbar-thumb{background:#c8d4e0;border-radius:8px}.abclp-tile{flex:0 0 auto;width:68px;height:68px;background:#fff;border:3px solid #e6edf3;border-radius:17px;display:grid;place-items:center;box-shadow:0 3px 0 #dbe4ec}.abclp-tile .abclp-letter{font-size:38px}.abclp-tile.is-gone{animation:.25s forwards abclp-vanish}@keyframes abclp-vanish{to{transform:scale(0);opacity:0;width:0;margin:0;border-width:0}}.abclp-arrow{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:3px solid #e2edf5;background:#fff;color:#6b7a89;font-size:14px;font-weight:800;cursor:pointer;display:grid;place-items:center}.abclp-arrow:hover{background:#f2f7fb}.abclp-win{margin-top:12px;text-align:center;background:#fff;border:4px solid var(--abclp-c1);border-radius:20px;padding:14px 18px;animation:.5s cubic-bezier(.3,1.6,.5,1) abclp-pop}.abclp-win[hidden]{display:none}.abclp-win-emoji{font-size:40px;line-height:1}.abclp-win h3{margin:6px 0 3px;font-size:24px;color:var(--abclp-c3);font-weight:800}.abclp-win p{margin:0 0 12px;color:#6b7a89;font-weight:700;font-size:15px}.abclp-win-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.abclp-confetti{position:absolute;top:-14px;width:9px;height:15px;border-radius:3px;z-index:60;pointer-events:none;animation:linear forwards abclp-fall}@keyframes abclp-fall{to{transform:translateY(660px) rotate(760deg);opacity:0}}@media (max-width:520px){.abclp-frame{padding:9px;border-radius:16px}.abclp-title{font-size:17px}.abclp-canvas{border-width:3px;border-radius:14px}.abclp-tile{width:52px;height:52px;border-radius:13px}.abclp-tile .abclp-letter{font-size:28px}.abclp-lvl-txt{display:none}.abclp-lvl{padding:4px}.abclp-picklabel{font-size:12px}}