body{margin:0}.customRuleInput{background-color:#f4f4f4;border:1px solid #ccc;border-radius:5px;color:#333;font-family:Roboto,sans-serif;font-size:1rem;margin-top:.5rem;outline:none;padding:.5rem;resize:none;transition:all .3s;width:90%}.initWrapper{box-sizing:border-box;gap:20px;min-height:100vh;padding:1.5rem 0 2rem}.globalWrapper,.initWrapper{align-items:center;display:flex;flex-direction:column}.globalWrapper{gap:40px;height:82vh;justify-content:center}.startButton{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;margin-bottom:1rem;max-width:500px;outline:none;padding:.5rem;transition:all .3s;width:90%}.startButton:disabled{background-color:#9ec9f5;cursor:default}.title{font-size:2rem;font-weight:700;margin-bottom:1rem}.resetButton{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;margin-top:1rem;outline:none;padding:.5rem;transition:all .3s;width:90%}.displayedRule{font-size:1.5rem;font-weight:700;margin-top:1rem;max-width:90%;text-align:center}.gameState{bottom:5%;flex-direction:column;left:50%;padding:10px;position:absolute;transform:translateX(-50%);width:90%}.cup,.gameState{align-items:center;display:flex;justify-content:center}.cup{background-color:#b8b8b8;border-radius:50%;color:#000;cursor:pointer;font-size:20px;font-weight:700;height:40px;margin:5px;width:40px}.cupRow{display:flex;flex-direction:row;justify-content:center}.clickedCup{background-color:#007bff;color:#fff}.changePatternButtonTop{margin-bottom:10px}.changePatternButtonBottom,.changePatternButtonTop{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;position:relative}.changePatternButtonBottom{margin-top:10px}.cupWrapper{align-items:center;display:flex;flex-direction:column}.verticalCupWrapper{align-items:center;display:flex;flex-direction:row}.verticalCupRow{justify-content:center}.ruleSettings,.verticalCupRow{display:flex;flex-direction:column}.ruleSettings{font-family:Roboto,sans-serif;gap:1rem;max-width:500px;overflow-y:auto;width:90%}.splitSetting{background-color:#f4f4f4;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.splitLabels{color:#555;display:flex;font-size:.85rem;justify-content:space-between}.splitSlider{accent-color:#007bff;height:32px;margin:0;width:100%}.ruleGroup{display:flex;flex-direction:column;gap:6px}.ruleGroupTitle{color:#888;font-size:.85rem;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.ruleRow{align-items:center;background-color:#f4f4f4;border-radius:8px;display:flex;gap:8px;padding:0 8px}.ruleRowLocked{opacity:.6}.ruleRowLocked .ruleLabel{cursor:default}.ruleLabel{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;min-height:44px}.ruleCheckbox{accent-color:#007bff;flex-shrink:0;height:20px;width:20px}.ruleText{color:#333;font-size:.95rem;word-break:break-word}.ruleTextDisabled{color:#aaa;text-decoration:line-through}.deleteRuleButton{background:none;border:none;color:#dc3545;cursor:pointer;flex-shrink:0;font-size:1rem;min-height:44px;min-width:44px}.addRuleForm{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;padding-top:.5rem}.addRuleInput{background-color:#f4f4f4;border:1px solid #ccc;border-radius:8px;color:#333;font-family:Roboto,sans-serif;font-size:1rem;outline:none;padding:.75rem}.addRuleTypeToggle{display:flex;gap:8px}.addRuleTypeButton{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:.9rem;min-height:44px}.addRuleTypeButtonActive{background-color:#e7f1ff;border-color:#007bff;color:#007bff;font-weight:700}.addRuleButton{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;min-height:44px}.addRuleButton:disabled{background-color:#b8dfc2;cursor:default}
/*# sourceMappingURL=main.0f455735.css.map*/