canvas{position:fixed;top:0;left:0;z-index:999;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}:root{--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-left: env(safe-area-inset-left);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset: env(safe-area-inset)}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5rem;margin:0}._cell-container_1ayhc_1{display:flex;align-items:center;justify-content:center;height:var(--size);width:var(--size)}._cell-container_1ayhc_1 .cell{height:calc(var(--size) * .75);width:calc(var(--size) * .75);border-radius:50%;box-sizing:border-box;z-index:9999}._cell-container_1ayhc_1 .temp{opacity:.4;transform:scale(.9)}._cell-container_1ayhc_1 .black,._cell-container_1ayhc_1 .white{border:1px solid rgba(0,0,0,.2);animation:placePiece .3s ease-out forwards}._cell-container_1ayhc_1 .black{background:radial-gradient(circle at 30% 30%,#555,#000);box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff1a}._cell-container_1ayhc_1 .white{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffff80}@keyframes _placePiece_1ayhc_1{0%{transform:scale(1.2);opacity:.7}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}._board_85qj7_1{margin:0 auto;padding:1rem;background:#f5d76e;border-radius:12px;box-shadow:0 10px 25px -5px #0003;width:fit-content;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}._board_85qj7_1 .board-row{display:flex;width:fit-content}._board_85qj7_1 .board-row .board-cell{box-sizing:border-box;position:relative;transition:all .1s ease}._board_85qj7_1 .board-row .board-cell:before{content:"";position:absolute;height:100%;width:calc(var(--size) / 25);top:0;left:50%;transform:translate(-50%);background:#333;z-index:1}._board_85qj7_1 .board-row .board-cell:after{content:"";position:absolute;height:calc(var(--size) / 25);width:100%;top:50%;left:0;transform:translateY(-50%);background:#333;z-index:1}._board_85qj7_1 .board-row .board-cell-top:before{height:50%;top:50%}._board_85qj7_1 .board-row .board-cell-bottom:before{height:50%}._board_85qj7_1 .board-row .board-cell-left:after{width:50%;left:50%}._board_85qj7_1 .board-row .board-cell-right:after{width:50%;right:50%}._footer_1c8e6_1{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#ffffffe6,#f5d76e33);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;box-shadow:0 -6px 20px #00000014;width:100%;box-sizing:border-box;position:relative;overflow:hidden}._btns_1c8e6_16{display:flex;flex-direction:column;gap:1rem;margin-top:0;position:relative;z-index:1}._btns_1c8e6_16 button{border:none;background-color:#0084ff;padding:.75rem 1.5rem;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 10px #0084ff4d;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}._btns_1c8e6_16 button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease;z-index:0}._btns_1c8e6_16 button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0084ff66}._btns_1c8e6_16 button:hover:before{left:100%}._btns_1c8e6_16 button:active{transform:translateY(0);box-shadow:0 3px 6px #0084ff4d}._btns_1c8e6_16 button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none;transform:none}._btns_1c8e6_16 button:hover{background-color:#0073e6;transform:translateY(-2px);box-shadow:0 6px 12px #0084ff66}._btns_1c8e6_16 button:active{transform:translateY(0);box-shadow:0 2px 6px #0084ff4d}._btns_1c8e6_16 button:disabled{background-color:#e0e0e0;color:#999;box-shadow:none;cursor:not-allowed}._btns_1c8e6_16 button:disabled:hover,._btns_1c8e6_16 button:disabled:active{transform:none;box-shadow:none}._header_h2ms1_1{text-align:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#ffffffe6,#f5d76e33);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;box-shadow:0 6px 20px #00000014;width:100%;box-sizing:border-box;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}._title_h2ms1_15{background:linear-gradient(45deg,#0084ff,#00ffc8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-size:2.2rem;font-weight:700;line-height:1.2;text-shadow:0 2px 10px rgba(0,132,255,.2);transition:all .3s ease;position:relative;z-index:1}._subtitle_h2ms1_30{color:#555;height:24px;display:flex;margin:.5rem;align-items:center;justify-content:center;font-size:.95rem;font-weight:500}._subtitle_h2ms1_30 ._win_h2ms1_40{color:#0084ff;font-weight:600;animation:_pulse_h2ms1_1 1.5s infinite}._subtitle_h2ms1_30 .dot{height:14px;width:14px;border:2px solid #ddd;box-shadow:0 0 0 2px #0000001a;display:inline-block;border-radius:50%;margin-left:8px;position:relative;transition:all .3s ease}._subtitle_h2ms1_30 .dot.black{background:radial-gradient(circle at 30% 30%,#555,#000);box-shadow:0 0 0 2px #0003,0 0 8px #0000004d}._subtitle_h2ms1_30 .dot.white{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);box-shadow:0 0 0 2px #0000001a,0 0 8px #00000026}@keyframes _pulse_h2ms1_1{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}._settings_15hew_1{background:linear-gradient(to bottom,#fffc,#ffffff80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;width:100%;box-sizing:border-box}._settings_15hew_1 h3{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.3rem;font-weight:600}._formGroup_15hew_19{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}._formGroup_15hew_19 label{color:#555;font-weight:500}._formGroup_15hew_19 input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}._formGroup_15hew_19 input:focus{outline:none;border-color:#0084ff;box-shadow:0 0 0 2px #0084ff33}._error_15hew_45{color:#ff4d4f;font-size:.875rem;margin-bottom:1rem}._applyBtn_15hew_51{border:none;background-color:#0084ff;padding:.75rem 1.5rem;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 10px #0084ff4d;transition:all .3s ease;width:100%;cursor:pointer}._applyBtn_15hew_51:hover{background-color:#06c;transform:translateY(-2px);box-shadow:0 6px 12px #0084ff66}._applyBtn_15hew_51:active{transform:translateY(0);box-shadow:0 3px 6px #0084ff4d}._gameContainer_1cunh_1{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;gap:2rem}._gameContainer_1cunh_1 ._headerSide_1cunh_9,._gameContainer_1cunh_1 ._footerSide_1cunh_10{width:250px;display:flex;flex-direction:column;gap:1rem}._gameContainer_1cunh_1 ._mainContent_1cunh_16{display:flex;justify-content:center;align-items:center}@media (max-width: 1200px){._gameContainer_1cunh_1{flex-direction:column}._gameContainer_1cunh_1 ._headerSide_1cunh_9,._gameContainer_1cunh_1 ._footerSide_1cunh_10{width:100%;padding:0;flex-direction:row;flex-wrap:wrap;justify-content:center}._gameContainer_1cunh_1 ._mainContent_1cunh_16{order:-1}}