body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.main-container{align-items:flex-start}:root{--board-size:clamp(520px,80vh,880px)}.grid-container{grid-gap:10px;background:#fff;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);height:clamp(520px,80vh,880px);height:var(--board-size);padding:20px;width:clamp(520px,80vh,880px);width:var(--board-size)}.grid-container>button{background:#fff;border:3px solid #000;border-radius:0;padding-left:44px}.Innovation-container{grid-gap:15px;align-content:start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000f;color:#111827;display:grid;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;gap:15px;max-width:320px;padding:14px}.Innovation-containe h2{font-size:18px;font-weight:800;margin:0 0 6px}.Innovation-container h3{color:#374151;font-size:13px;font-weight:700;letter-spacing:.4px;margin:8px 0 4px;text-transform:uppercase}.rules{margin:0;padding-left:18px}.rules li{line-height:1.35;margin:6px 0}.bullets{list-style:none;margin:0;padding-left:18px}.bullets li{margin:6px 0;padding-left:14px;position:relative}.bullets li:before{color:#6b7280;content:"•";left:0;position:absolute}.grid-container>button{align-items:center;border:1px solid #000;color:#111;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;transition:transform .15s ease}.grid-container>button.red{color:#fff}.grid-container>button:hover{transform:scale(1.05)}.main-container{display:flex;gap:20px}.board-panel{border-radius:16px;flex:0 0 auto}.sidebar{border:1px solid #ccc;flex:1 1 auto;padding:10px}.grid-container>button{position:relative}.owner-badge{height:14px;left:3px;pointer-events:none;position:absolute;top:3px;width:14px}.modal.hidden{display:none}.modal{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal__dialog{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;font-family:system-ui,Arial,sans-serif;overflow:hidden;width:340px}.lean-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-start;margin-top:16px;padding-top:10px}.lean-logo{height:auto;object-fit:contain;width:36px}.lean-text{color:#111827;font-size:15px;font-weight:700}.icon-col{align-items:center;bottom:8px;display:flex;flex-direction:column;gap:10px;justify-content:center;left:-6px;position:absolute;top:8px;width:60%}.icon,.icon-col{pointer-events:none}@media (max-width:900px){.main-container{align-items:center;flex-direction:column;gap:24px}:root{--board-size:clamp(260px,78vw,480px)}.board-panel,.grid-container{overflow:hidden}.grid-container>button:hover{transform:none}.grid-container>button{padding-left:26px}.Innovation-container{margin:0 auto;max-width:min(92vw,420px);position:relative;z-index:1}}@media (max-width:600px){:root{--board-size:clamp(220px,86vw,420px)}.grid-container{gap:6px;padding:8px}.grid-container>button{padding:8px 8px 8px 22px}.icon-col{align-items:center;gap:5px;justify-content:center;left:0;width:36%}.icon{height:13px;width:13px}}@media (hover:none){.grid-container>button:hover{transform:none}}.popup-numbers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.num-btn{font-size:16px;font-weight:700}.chosen-number{color:#111;font-size:14px;font-weight:700;text-align:center;visibility:hidden}.chosen-number.active{visibility:visible}.shapeRow{flex-wrap:wrap;justify-content:space-between;margin:12px 0}.shapeLabel,.shapeRow{align-items:center;display:flex}.shapeLabel{font-weight:600;gap:8px;margin-bottom:10px;min-width:90px}.shapeButtons{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.num-btn{background:#fff;border:1px solid #ccc;font-weight:600;height:34px;width:34px}.num-btn.selected{background:#16a34a;border-color:#16a34a;color:#fff}.shapeIcon{height:18px;width:18px}.btn{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-weight:600;padding:6px 14px}.btn-primary{background:#16a34a;border-color:#16a34a;color:#fff}body{background-color:#fff;font-family:sans-serif;margin:0;padding:0}#timer{background:#000000b3;border-radius:12px;color:#fff;font-size:20px;left:50%;padding:8px 16px;position:fixed;top:10px;transform:translateX(-50%);z-index:1000}#board-container{align-items:center;display:flex;flex-direction:column;margin-top:60px}#board{grid-gap:4px;background-color:#fff;border:4px solid #555;border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(7,80px);grid-template-rows:repeat(7,80px);padding:20px;position:relative}.cell{align-items:flex-start;background-color:#ddd;border:1px solid #333;border-radius:6px;box-sizing:border-box;cursor:text;display:flex;flex-direction:column;height:80px;justify-content:space-evenly;padding:4px;transition:transform .2s,border-color .2s,opacity .3s;width:80px}.cell:hover{border-color:#0ff;transform:scale(1.05)}.cell.dimmed{opacity:.5}.cell.sold{opacity:.5;position:relative}.cell.sold:after{color:red;content:"X";font-size:2em;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.cell.mark-sold-active{outline:2px dashed red}.shape-block{align-items:center;display:flex;flex-direction:row;gap:12px}.circle,.square,.triangle{flex-shrink:0;height:12px;width:12px}.circle{border-radius:50%}.circle,.triangle{background-color:#000}.triangle{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.square{background-color:#000}input.single-number{box-sizing:border-box;font-size:10px;height:14px;padding-left:2px;text-align:left;transition:opacity .35s ease,outline .2s;width:14px}input.single-number:focus{outline:1px solid #555}input.single-number.fade-in{opacity:0}@keyframes clickPop{0%{box-shadow:0 0 0 #0000;transform:scale(1)}30%{box-shadow:0 8px 30px #00c8ffb3;transform:scale(1.3)}60%{box-shadow:0 5px 15px #00c8ff80;transform:scale(1.1)}to{box-shadow:0 0 0 #0000;transform:scale(1)}}.click-effect{animation:clickPop .35s ease forwards}.cell,input.single-number{position:relative;transform-origin:center}.particle{animation:particleMove .6s forwards;background-color:#0ff;border-radius:50%;height:6px;pointer-events:none;position:absolute;width:6px}@keyframes particleMove{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}#bottom-controls{margin-top:15px}#clearBtn{bottom:90px;display:block;left:50%;position:absolute;transform:translateX(-50%)}.popup{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.hidden{display:none}.popup-content{align-items:center;background:#222;border-radius:15px;box-shadow:0 0 20px cyan;color:#fff;display:flex;flex-direction:column;gap:15px;padding:25px;text-align:center}.popup-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.popup-box{background-color:#222;border:2px solid #0ff;border-radius:10px;color:#0ff;font-size:28px;height:60px;text-align:center;width:60px}.popup-lines{display:flex;justify-content:space-around;margin-top:15px;width:100%}.line-column{align-items:center;display:flex;flex-direction:column;gap:6px}.num-btn{background-color:#0ff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:18px;height:40px;transition:transform .1s,box-shadow .1s;width:40px}.num-btn:active{transform:scale(.95)}.num-btn.active-btn{box-shadow:0 0 12px #0ff;transform:scale(1.05)}#closePopup{background:#0f8;border:none;border-radius:10px;cursor:pointer;font-size:18px;padding:10px 20px}
/*# sourceMappingURL=main.724bd923.css.map*/