@import"https://fonts.googleapis.com/css2?family=Rakkas&display=swap";:root{--color-primary: #03d000;--color-primary-dark: #02b300;--color-secondary: #ffffff;--color-text: rgba(255, 255, 255, .87);--color-border: #03d000;--color-border-focus: #05ff00;--color-background: #ffffff;--color-header: #333;--font-family-base: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-heading: "Rakkas", serif;--font-size-base: 1em;--font-size-large: 3.2em;--font-size-medium: 1.4rem;--font-weight-normal: 400;--font-weight-bold: 600;--spacing-small: .3em;--spacing-medium: 1em;--spacing-large: 2.5px;--spacing-xlarge: 2rem;--spacing-xxlarge: 1rem;--border-radius: 8px;--border-radius-small: 4px;--transition-fast: .25s;--transition-medium: .3s}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:var(--color-primary);background-color:var(--color-background);font-family:var(--font-family-base);line-height:1.5;font-weight:var(--font-weight-normal);-webkit-user-select:none;user-select:none}h1{font-size:var(--font-size-large);font-size:3rem;color:var(--color-primary);margin-bottom:1.5rem;line-height:1.1}h2{font-size:2.5rem;color:var(--color-primary);margin-bottom:1.5rem;text-align:center;line-height:1}h3{display:inline-block;margin:0 1rem 1rem 0;font-size:1.5rem;color:var(--color-primary);float:right;line-height:1}button{border-radius:var(--border-radius);color:var(--color-secondary);border:1px solid transparent;padding:var(--spacing-small) var(--spacing-medium);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);margin:var(--spacing-large);cursor:pointer;transition:background-color var(--transition-medium) ease,transform var(--transition-fast) ease}a,a:visited{text-decoration:none;color:var(--color-primary)}a:hover{text-decoration:underline;color:var(--color-primary)}a:active{color:var(--color-primary)}button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}input[type=text]{border-radius:var(--border-radius);border:1px solid transparent;margin:var(--spacing-large);padding:var(--spacing-small) var(--spacing-medium);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:inherit;color:var(--color-primary);background-color:var(--color-background);border-color:var(--color-primary);cursor:pointer;transition:border-color var(--transition-fast)}input[type=text]:focus{color:var(--color-primary);border-color:var(--color-border-focus);outline:none}#root{max-width:1280px;margin:0 auto;padding:var(--spacing-xlarge);text-align:center;-webkit-user-select:none;user-select:none;font-family:var(--font-family-heading);direction:rtl}#logo{height:6em;padding:var(--spacing-small);will-change:filter;transition:filter var(--transition-medium);margin-top:var(--spacing-xlarge)}#details{margin-bottom:var(--spacing-xlarge)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{display:grid;width:280px;height:150px;padding:var(--spacing-medium);grid-gap:7px}.player{border:2px solid var(--color-primary);border-radius:var(--border-radius-small)}#name{margin-bottom:var(--spacing-small);margin-top:var(--spacing-small);padding-top:1rem;font-size:1.3em;font-weight:var(--font-weight-bold)}#delete{margin-bottom:var(--spacing-xlarge)}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:auto;grid-gap:1rem;margin-bottom:var(--spacing-xlarge)}.player-actions{display:inline-flex;gap:.4rem;align-items:center}.hero{margin:var(--spacing-xlarge)}.hero h2{margin:-10px}.stage{border:2px solid var(--color-primary);border-radius:var(--border-radius-small);padding:.5rem;font-size:1.1em;font-weight:var(--font-weight-bold);transition:border-color var(--transition-fast)}.stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:auto;grid-gap:1rem}.Welcome{font-size:var(--font-size-medium);margin:0;font-weight:700}#start{border-radius:var(--border-radius);border:1px solid transparent;padding:var(--spacing-small) var(--spacing-medium);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:border-color var(--transition-fast)}#start:hover{border-color:var(--color-secondary)}.next{border-radius:var(--border-radius);border:1px solid transparent;padding:1em 6em;font-size:1.1em;font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:border-color var(--transition-fast)}.next:hover{border-color:var(--color-secondary)}.info{margin-top:-1rem}.margin{margin:1rem;margin-top:0;text-align:center;width:90%}.customize-screen button{display:inline-block;padding:.5rem;margin:.5rem .5rem .5rem 0;background-color:var(--color-primary);border:none;border-radius:var(--border-radius-small);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-medium),transform var(--transition-fast)}.customize-screen button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.customize-screen .category{margin:1rem 0;padding:1rem;border:1px solid #ddd;border-radius:var(--border-radius-small);background-color:#fff;width:91%;display:flex;flex-direction:column}.customize-screen .category h3{font-weight:var(--font-weight-bold);margin:var(--spacing-xlarge) auto;font-size:2em}.customize-screen .category .button-container{margin-top:var(--spacing-xlarge);margin-bottom:var(--spacing-xlarge);display:flex;justify-content:center;gap:var(--spacing-small)}.customize-screen .category .button-container button{margin:0;padding:var(--spacing-small) var(--spacing-medium);font-size:var(--font-size-base);border-radius:var(--border-radius-small);background-color:var(--color-primary);color:var(--color-secondary);border:none;cursor:pointer;transition:background-color var(--transition-medium),transform var(--transition-fast)}.customize-screen .category .button-container button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.customize-screen .category .item-list{margin-top:1rem;text-align:center;width:100%;padding-right:0}.customize-screen .category .item-list li{margin:.5rem 0;padding:.5rem;border:1px solid #ddd;border-radius:var(--border-radius-small);background-color:#fff;display:flex;justify-content:space-between;align-items:center}.customize-screen .category .item-list li button{margin:0;padding:.5rem;font-size:.7rem;background-color:var(--color-primary)}.customize-screen .category .item-list li button:hover{background-color:var(--color-primary-dark)}.customize-screen .save-buttons{display:flex;justify-content:space-between;margin-top:2rem;width:100%;max-width:800px}.customize-screen .save-buttons button{flex:1;margin:0 .5rem}.maininput{margin-bottom:var(--spacing-large)}.maininput input{color:var(--color-primary);padding:8px;width:60%}@media (max-width: 600px){#root{padding:1.5rem 1.25rem}.card{width:100%;max-width:320px;margin-inline:auto;box-sizing:border-box}input[type=text]{width:100%;box-sizing:border-box;margin-inline:0}.players{grid-template-columns:minmax(0,1fr);max-width:100%}.player-actions{justify-content:center}}