.chain-board-shell{background:radial-gradient(circle at 50% 42%,#25213c,#10111d 70%);border:1px solid #ffe54840;border-radius:22px;width:min(100%,570px);margin:0 auto;padding:clamp(12px,2.5vw,22px);transition:background .25s,transform .12s;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073,inset 0 0 55px #714fff1a}.chain-board-shell:before{content:"";opacity:.13;pointer-events:none;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:38px 38px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.chain-board-shell.surge{background:radial-gradient(circle at 50% 42%,#44273e,#11111e 72%)}.chain-board-shell.cataclysm{background:radial-gradient(circle at 50% 42%,#67213d,#171020 72%);animation:.34s linear 2 chain-screen-shake}.chain-hud{z-index:1;color:#817e90;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:9px;display:flex;position:relative}.chain-hud b{color:#e8e5ef;font-family:monospace}.chain-progress{z-index:1;background:#292638;border-radius:99px;height:5px;margin-bottom:15px;position:relative;overflow:hidden}.chain-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffe548,#ff3d71);height:100%;transition:width .35s ease-out;display:block;box-shadow:0 0 15px #ff5c62}.chain-board{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,1.1vw,10px);display:grid;position:relative}.chain-cell{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1px solid #ffffff12;border-radius:18%;place-items:center;min-width:0;padding:0;transition:transform .12s,border-color .12s,background .12s;display:grid;position:relative}.chain-cell:not(:disabled):active{transform:scale(.9)}.chain-cell:disabled{cursor:default}.chain-orb{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 32% 25%,#fff,#d6d5e1 15%,#6f6b83 46%,#262332 72%);border:2px solid #fff9;border-radius:50%;place-items:center;width:68%;transition:transform .18s,filter .18s;display:grid;position:relative;box-shadow:inset -5px -7px 12px #0006,0 5px 12px #00000059}.chain-orb:before,.chain-orb:after{aspect-ratio:1;content:"";opacity:0;background:#fff;border-radius:50%;width:18%;position:absolute;box-shadow:0 0 10px}.chain-orb i{color:#ffffffd1;text-shadow:0 1px 2px #000;font:900 clamp(10px,2vw,18px)/1 monospace}.value-0 .chain-orb{background:#504b60;border:0;width:25%;box-shadow:0 0 12px #ffffff14}.value-0 .chain-orb i{display:none}.value-1 .chain-orb{color:#67efff;background:radial-gradient(circle at 32% 25%,#fff,#70ecff 18%,#187bd1 58%,#17305f 80%);border-color:#a9f7ff;box-shadow:inset -5px -7px 12px #00000052,0 0 15px #46d7ff6b}.value-2 .chain-orb{color:#ffe548;background:radial-gradient(circle at 32% 25%,#fff,#ffe86a 18%,#ff9d1f 56%,#743623 82%);border-color:#fff2a1;box-shadow:inset -5px -7px 12px #00000052,0 0 17px #ffcb417a}.value-2 .chain-orb:before{opacity:.8;top:22%;left:16%}.value-3 .chain-orb{color:#ff3d71;background:radial-gradient(circle at 32% 25%,#fff,#ff789a 18%,#e21f5d 53%,#5e173a 82%);border-color:#ffb5c8;animation:1.2s ease-in-out infinite chain-critical;box-shadow:inset -5px -7px 12px #00000052,0 0 21px #ff3d719e}.value-3 .chain-orb:before{opacity:1;top:19%;left:16%}.value-3 .chain-orb:after{opacity:.75;bottom:19%;right:14%}.chain-cell.touched{background:#ffe5480d;border-color:#ffe54857}.chain-cell.detonating{animation:chain-cell-burst .42s var(--burst-delay) both}.chain-cell.detonating:before,.chain-cell.detonating:after{content:"";pointer-events:none;animation:chain-ring .55s var(--burst-delay) both;border:3px solid #fff4a4;border-radius:50%;position:absolute;top:9%;bottom:9%;left:9%;right:9%}.chain-cell.detonating:after{animation-delay:calc(var(--burst-delay) + 70ms);border-color:#ff4a75}.chain-combo{z-index:1;color:#656272;justify-content:center;align-items:baseline;gap:9px;min-height:48px;padding-top:12px;display:flex;position:relative}.chain-combo small{letter-spacing:.2em;font:800 8px/1 Arial,sans-serif}.chain-combo strong{font:950 24px/1 monospace}.chain-combo em{color:#777384;font-size:12px;font-style:normal}.chain-combo.active{color:#ffe548;text-shadow:0 0 18px #ffe54873}@keyframes chain-critical{50%{filter:brightness(1.24);transform:scale(1.06)}}@keyframes chain-cell-burst{0%{transform:scale(1)}42%{filter:brightness(2);transform:scale(1.17)rotate(4deg)}to{transform:scale(1)}}@keyframes chain-ring{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.9)}}@keyframes chain-screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-1px)}}@media (max-width:520px){.chain-board-shell{border-radius:13px;padding:10px}.chain-board{gap:5px}.chain-cell{border-radius:11px}.chain-hud{font-size:8px}}