.jc-game{width:100%;max-width:760px;padding:26px 32px 20px;color:#f6f0ff;font-family:ui-rounded,Segoe UI,sans-serif;background:radial-gradient(ellipse at 5% 35%,#73478128,transparent 52%),radial-gradient(ellipse at 100% 70%,#316d8722,transparent 50%),#141629;border-radius:16px;box-sizing:border-box}.jc-game *{box-sizing:border-box}.jc-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.jc-eyebrow{color:#a8a4c1;font-size:9px;font-weight:700;letter-spacing:2.5px}.jc-heading h2{font-size:38px;font-weight:900;line-height:1.2;letter-spacing:-1.7px;margin:5px 0 0}.jc-heading em{color:#d7b4ff;font-style:normal}.jc-heading h2 b{font-size:27px;margin-left:12px;color:#ffd476}.jc-game button{font-family:inherit;cursor:pointer;touch-action:none;color:inherit;border:1px solid #ffffff20;transition:background .15s,transform .1s}.jc-game button:focus-visible,.jc-canvas:focus-visible{outline:3px solid #74e4d4;outline-offset:3px}.jc-game button:active{transform:translateY(2px)}.jc-sound{background:#ffffff08;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:1px}.jc-layout{display:grid;grid-template-columns:minmax(0,312px) minmax(130px,190px);gap:24px;justify-content:center}.jc-arena{position:relative;min-width:0;align-self:start;border-radius:24px;box-shadow:0 0 0 1px #b5a6ea30,0 16px 50px #0005,0 0 32px #9771ff0b;overflow:hidden}.jc-canvas{display:block;width:100%;height:auto;aspect-ratio:312/576;touch-action:none}.jc-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.jc-sidebar span{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#b8b3ce}.jc-score{padding:18px 17px;background:linear-gradient(135deg,#453159,#2b2945);border:1px solid #d8a9ff33;border-radius:17px}.jc-score>strong{display:block;font-size:33px;line-height:1.35;font-weight:900;letter-spacing:-1px;color:#fff2d8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.jc-score small{font-size:9px;color:#c1b4d2}.jc-score small b{display:block;color:#e5d2f7;font-size:12px;margin-top:4px}.jc-panel{padding:16px;border:1px solid #ffffff0d;background:#ffffff04;border-radius:17px}.jc-next{height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:10px}.jc-next span{width:32px;height:32px;margin-top:2px;border-radius:10px;background:linear-gradient(145deg,var(--jelly),var(--shade));box-shadow:inset 0 2px 2px #fff7,0 3px 5px #0005;border:1px solid #fff5;display:grid;place-items:center;font-size:16px;color:#ffffffe0;letter-spacing:0}.jc-level>strong{display:block;font-size:28px;font-weight:800;color:#7ae4d0}.jc-progress{height:4px;background:#ffffff10;border-radius:4px;margin:8px 0}.jc-progress i{display:block;height:100%;background:#7ae4d0;border-radius:4px;transition:width .25s}.jc-level small{font-size:9px;color:#aca7c2}.jc-records{display:flex;justify-content:space-between;gap:8px}.jc-records span{font-size:8px;letter-spacing:.5px}.jc-records strong{font-size:24px;font-weight:800;color:#ffc973}.jc-records>div:last-child strong{color:#d7b4ff}.jc-tip{font-size:11px;line-height:1.9;color:#a9a5be;margin:0;padding:0 4px}.jc-tip b{color:#e2d6ee;font-weight:600}.jc-controls{display:flex;justify-content:center;gap:8px;margin:20px auto 0;max-width:526px}.jc-controls button{height:51px;flex:1;min-width:0;border-radius:13px;background:#2a2942;box-shadow:inset 0 1px #ffffff0d,0 3px #080b19;font-size:23px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.jc-controls button:hover{background:#3c3658}.jc-controls small{font-size:9px}.jc-controls .jc-drop{flex:1.6;background:#7460b8;border-color:#c1a6ff44}.jc-footer{text-align:center;font-size:9px;letter-spacing:.4px;color:#9994b0;margin-top:15px}.jc-banner{position:absolute;left:50%;top:41%;width:100%;text-align:center;pointer-events:none;opacity:0;text-shadow:0 3px 0 #48245a,0 0 24px #b373ec}.jc-chain{display:block;font-size:44px;font-weight:1000;color:#fff3c4;letter-spacing:-2px}.jc-chain-sub{font-size:22px;font-weight:800;color:#fff}.jc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#131329e8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px;text-align:center}.jc-overlay[hidden]{display:none}.jc-overlay-icon{font-size:54px;color:#ffd47e}.jc-overlay h3{font-size:25px;font-weight:900;margin:14px 0 8px}.jc-overlay p{font-size:12px;color:#c6bdd9;line-height:1.7}.jc-overlay button{margin-top:25px;padding:12px 26px;border-radius:12px;background:#8570c6;font-size:14px;font-weight:800}@media(max-width:600px){.jc-game{padding:18px 12px 16px}.jc-heading{margin-bottom:16px}.jc-heading h2{font-size:30px}.jc-eyebrow{font-size:7px;letter-spacing:1.5px}.jc-layout{grid-template-columns:minmax(0,312px) minmax(88px,110px);gap:10px}.jc-sidebar{gap:8px}.jc-panel,.jc-score{padding:11px 9px;border-radius:12px}.jc-score>strong{font-size:24px}.jc-sidebar span{font-size:8px;letter-spacing:.7px}.jc-next{height:103px}.jc-next span{width:27px;height:27px;font-size:14px}.jc-level>strong{font-size:23px}.jc-level small{font-size:8px}.jc-records{display:block}.jc-records>div+div{margin-top:6px}.jc-records strong{font-size:20px}.jc-tip{font-size:9px;line-height:1.7}.jc-controls{gap:6px;margin-top:15px}.jc-controls button{height:47px;font-size:21px;gap:2px}.jc-controls small{font-size:8px}.jc-footer{font-size:8px;letter-spacing:0}.jc-chain{font-size:33px}}@media(max-width:380px){.jc-game{padding:14px 8px}.jc-layout{grid-template-columns:minmax(0,1fr) 80px;gap:8px}.jc-tip,.jc-level small{display:none}.jc-score>strong{font-size:20px}.jc-next{height:91px}.jc-next span{width:24px;height:24px}.jc-panel{padding:9px 8px}.jc-controls small{font-size:7px}}@media(prefers-reduced-motion:reduce){.jc-game *{transition:none!important}}