*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{background:#eef2ff;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:18px;gap:18px;padding:20px 12px}.game-title{font-size:2.4rem;font-weight:800;color:#1e293b;letter-spacing:-.03em}.game-title,.status-bar{-webkit-user-select:none;user-select:none}.status-bar{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 24px;background:#fff;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:1.15rem;font-weight:700;min-width:210px;justify-content:center;transition:background .25s}.status-win-red{background:#fee2e2}.status-win-yellow{background:#fefce8}.status-text{color:#1e293b}.chip{display:inline-block;width:22px;height:22px;border-radius:50%;flex-shrink:0}.chip-red{background:#ef4444;box-shadow:0 0 0 2px #fee2e2}.chip-yellow{background:#eab308;box-shadow:0 0 0 2px #fef9c3}.board-wrap{display:flex;flex-direction:column;align-items:center;border-radius:18px;overflow:hidden;box-shadow:0 10px 40px rgba(30,64,175,.45);background:#1e40af}.preview-row{display:flex;flex-direction:row;background:#1e3a8a;width:100%;padding:4px 10px 0;grid-gap:6px;gap:6px}.preview-cell{width:64px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.preview-disc{width:46px;height:46px;border-radius:50%;opacity:.55;transition:opacity .1s}.board{flex-direction:row;padding:10px;background:#1e40af;overflow:hidden;cursor:pointer}.board,.col{display:flex;grid-gap:6px;gap:6px}.col{flex-direction:column;border-radius:10px;padding:2px;transition:background .15s}.col-hover{background:hsla(0,0%,100%,.18)}.cell{width:64px;height:64px;background:#dbeafe;display:flex;align-items:center;justify-content:center;position:relative}.cell,.disc{border-radius:50%;flex-shrink:0}.disc{width:88%;height:88%}.disc-red{background:radial-gradient(circle at 36% 34%,#fca5a5 0,#ef4444 45%,#b91c1c 100%);box-shadow:inset 0 -3px 6px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.3)}.disc-yellow{background:radial-gradient(circle at 36% 34%,#fef08a 0,#eab308 45%,#a16207 100%);box-shadow:inset 0 -3px 6px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.3)}@keyframes disc-fall{0%{transform:translateY(calc(var(--fall-rows, 1)*-1*70px));animation-timing-function:ease-in}82%{transform:translateY(5px);animation-timing-function:ease-out}91%{transform:translateY(-3px)}to{transform:translateY(0)}}.disc-drop{animation:disc-fall .44s forwards}.btn-new-game{padding:11px 34px;font-size:1rem;font-weight:700;background:#1e40af;color:#fff;border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(30,64,175,.35);transition:background .18s,transform .1s,box-shadow .18s;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.btn-new-game:hover{background:#1d4ed8;box-shadow:0 6px 18px rgba(30,64,175,.45);transform:translateY(-1px)}.btn-new-game:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(30,64,175,.3)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);display:flex;align-items:center;justify-content:center;z-index:200;animation:overlay-in .25s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-card{background:#fff;border-radius:22px;padding:40px 44px;text-align:center;display:flex;flex-direction:column;align-items:center;grid-gap:18px;gap:18px;box-shadow:0 24px 64px rgba(0,0,0,.32);animation:card-in .28s cubic-bezier(.34,1.56,.64,1);max-width:320px;width:90%}@keyframes card-in{0%{transform:translateY(28px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.overlay-disc{width:76px;height:76px;border-radius:50%}.overlay-title{font-size:2rem;font-weight:800;color:#1e293b;line-height:1.1}.btn-play-again{padding:13px 40px;font-size:1.05rem;font-weight:700;background:#1e40af;color:#fff;border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(30,64,175,.35);transition:background .18s,transform .1s;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.btn-play-again:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-play-again:active{transform:translateY(1px)}@media (max-width:520px){.game-title{font-size:1.7rem}.preview-cell{width:44px}.preview-row{padding:4px 8px 0}.board,.preview-row{grid-gap:4px;gap:4px}.board{padding:8px}.col{grid-gap:4px;gap:4px}.cell{width:44px;height:44px}.preview-disc{width:32px;height:32px}.status-bar{font-size:1rem;padding:9px 18px;min-width:180px}}@media (max-width:360px){.preview-cell{width:38px}.preview-row{padding:3px 6px 0}.board,.preview-row{grid-gap:3px;gap:3px}.board{padding:6px}.col{grid-gap:3px;gap:3px}.cell{width:38px;height:38px}}
/*# sourceMappingURL=main.42add023.chunk.css.map */