html,body,#root{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{background:#111827;overflow:hidden}.main{height:100dvh;display:flex;flex-direction:column;align-items:center;padding:12px;gap:10px;color:#fff;overflow:hidden;justify-content:flex-start}.header{text-align:center}.title{font-size:clamp(20px,3vw,28px);font-weight:700;letter-spacing:1px}.status{display:flex;justify-content:center;align-items:center;opacity:.9;font-size:clamp(12px,2vw,14px);margin-top:6px}.board-section{min-height:0;width:100%;padding:0;margin:0 auto;flex:0 0 auto;display:flex;justify-content:center}.controls{flex:0 0 auto;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.controls button{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;cursor:pointer}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls button:hover{background:#ffffff80}.mode-toggle{display:flex;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:5px}.mode-toggle button{width:32px;height:32px;margin:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.mode-toggle button.active{background:#fff9;border-color:#fffc}.board-outer{width:90vh;padding:12px;border-radius:16px;background:linear-gradient(180deg,#1d4ed8e6,#1d4ed8bf);box-shadow:inset 0 0 0 2px #ffffff26}.board-aspect{width:100%;height:auto;max-height:100%;aspect-ratio:7 / 6}.board-section .board-outer{width:min(100%,860px);max-width:100%;display:grid;place-items:center}.board{height:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:1.5%;padding:1.5%;border-radius:16px;border:2px solid rgba(255,255,255,.18)}.board-col{display:grid;grid-template-rows:repeat(6,1fr);gap:1.5%;cursor:pointer}.board-cell{background:#00000059;border-radius:50%;display:grid;place-items:center}.disc{width:85%;height:85%;border-radius:50%;background:#0b1220;border:1px solid rgba(255,255,255,.15);--dropRows: 1}.disc.red{background:#e11d48}.disc.blue{background:#1733ff}.disc.last{box-shadow:0 0 0 3px #ffffffb3 inset}.disc.falling{transform:scale(1.03);filter:brightness(1.05)}.disc.drop{animation:drop .26s cubic-bezier(.2,.9,.2,1) forwards}@keyframes drop{0%{transform:translateY(calc(-1 * var(--dropRows, 1) * 140%))}to{transform:translateY(0)}}