section.dontSayIt {  }
section.dontSayIt * { color: inherit; }
section.dontSayIt > .wrap {  }
/*section.dontSayIt .section-welcome > .wrap { display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 100%; }
section.dontSayIt .section-welcome .tags { display: flex; flex-direction: row; flex-wrap: wrap; }
section.dontSayIt .section-welcome .tags span { font-size: 8px; line-height: 1; padding: 4px; border-radius: 8px; background: transparent; }
section.dontSayIt .section-welcome .title { margin: 16px 0 0 0; font-size: 84px; line-height: 1; font-weight: 700; }
section.dontSayIt .section-welcome .subtitle { margin: 16px 0 0 0; font-size: 16px; line-height: 1; font-weight: 400; }
section.dontSayIt .section-welcome .description { margin: 16px 0 16px 0; font-weight: 200; }
section.dontSayIt .section-welcome .label { margin: 16px 0 0 0; font-size: 16px; line-height: 1; font-weight: 400; }
section.dontSayIt .section-welcome .options { margin: 8px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
section.dontSayIt .section-welcome .options button { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 8px 16px; border: 1px solid var(--dontSayIt-color-2); border-radius: 999px; background: var(--dontSayIt-color-1); color: var(--dontSayIt-color-2); font-size: 16px; line-height: 1; font-weight: 400; text-align: center; }
section.dontSayIt .section-welcome .options button.active { background: var(--dontSayIt-color-2); border-color: var(--dontSayIt-color-2); color: var(--dontSayIt-color-1); }
section.dontSayIt .section-welcome .players { margin: 8px 0 0 0; display: flex; flex-direction: column; gap: 8px; width: min(100%, 360px); }
section.dontSayIt .section-welcome .players input { width: 100%; height: 40px; padding: 0 16px; border: 1px solid var(--dontSayIt-color-2); border-radius: 999px; background: var(--dontSayIt-color-2); color: var(--dontSayIt-color-1); font-size: 16px; line-height: 40px; font-weight: 400; text-align: left; }
section.dontSayIt .section-welcome .actions { display: flex; flex-wrap: wrap; gap: 8px; min-height: 0; margin-top: 16px; align-items: center; color: var(--dontSayIt-color-3); }
section.dontSayIt .section-welcome .actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 40px; min-height: 40px; padding: 8px 14px; border-radius: 999px; font-size: 16px; line-height: 1; font-weight: 400; text-align: center; border: 1px solid var(--dontSayIt-color-3); background: var(--dontSayIt-color-3); color: var(--dontSayIt-color-1); }
section.dontSayIt .section-welcome .actions button:disabled { opacity: 0.5; cursor: default; }*/
section.dontSayIt .section-welcome .actions .green-3, section.dontSayIt .section-game .actions .green-3, section.dontSayIt .section-points .actions .green-3 { background: var(--green-3, #00EF9F); border-color: var(--green-3, #00EF9F); color: var(--rududu-black); }
section.dontSayIt .section-game .actions .yellow { background: var(--yellow, #FFFD77); border-color: var(--yellow, #FFFD77); color: var(--rududu-black); }
section.dontSayIt .section-welcome .actions button:disabled { opacity: 0.45; cursor: default; }
section.dontSayIt .section-game { display: none; width: 100%; }
section.dontSayIt .section-game > .wrap { position: relative; display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; padding: 24px; text-align: center; }
section.dontSayIt .section-game1 > .wrap { align-items: flex-start; text-align: left; }
section.dontSayIt.is-playing .section-welcome { display: none; }
section.dontSayIt.is-playing .section-game.is-active { display: block; }
section.dontSayIt .section-game .status { display: flex; flex-direction: column; gap: 8px; width: min(100%, 520px); }
section.dontSayIt .section-game .status .subtitle { font-size: 16px; line-height: 1; font-weight: 400; text-transform: uppercase; opacity: 0.7; }
section.dontSayIt .section-game .status .title { font-size: 40px; line-height: 1; font-weight: 700; }
section.dontSayIt .section-game .start-turn { width: min(100%, 520px); }
section.dontSayIt .section-game .start-turn button,
section.dontSayIt .section-game .button-grid button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 16px; border: 1px solid var(--rududu-black); border-radius: 999px; background: var(--rududu-white); color: var(--rududu-black); font-size: 16px; line-height: 1; font-weight: 400; }
section.dontSayIt .section-game2 .card { position: relative; display: flex; align-items: center; justify-content: center; width: 320px; max-width: 100%; aspect-ratio: 3 / 4; background: transparent; text-align: center; }
section.dontSayIt .section-game2 .card > .wrap { position: relative; width: 100%; height: 100%; padding: 0; }
section.dontSayIt .section-game2 .card .card-inner { position: relative; width: 100%; height: 100%; }
section.dontSayIt .section-game2 .card .card-face { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; border-radius: 24px; }
section.dontSayIt .section-game2 .card .card-front { border: 2px solid var(--rududu-tan); background: var(--rududu-tan); color: var(--rududu-white); }
section.dontSayIt .section-game .card .word { font-weight: 600; font-size: 16px; line-height: 1.2; }
section.dontSayIt .section-game .card .line { padding: 18px 0; }
section.dontSayIt .section-game .card .line hr { background: currentColor; opacity: 0.35; }
section.dontSayIt .section-game .card .taboo-list { display: flex; flex-direction: column; gap: 10px; }
section.dontSayIt .section-game .card .taboo-list .taboo-word { font-size: 16px; line-height: 1.2; }
section.dontSayIt .section-game .card .card-skip { position: absolute; right: -16px; bottom: -16px; z-index: 1; width: auto; }
section.dontSayIt .section-game .card .card-skip button { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--yellow, #FFFD77); border-radius: 999px; background: var(--yellow, #FFFD77); color: var(--rududu-black); font-size: 16px; font-weight: 400; line-height: 1; text-align: center; }
section.dontSayIt .section-game2 > .wrap > .title { font-size: 16px; line-height: 1.2; font-weight: 600; }
section.dontSayIt .section-game .button-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
section.dontSayIt .section-points { display: none; position: absolute; inset: 0; z-index: 20; align-items: center; justify-content: center; padding: 40px; background: rgba(6, 6, 20, 0.45); }
section.dontSayIt .section-points.is-visible { display: flex; }
section.dontSayIt .section-points > .wrap { display: flex; flex-direction: column; justify-content: center; width: min(100%, 480px); padding: 24px; border-radius: 24px; background: #EFEBE3; color: var(--rududu-black); text-align: center; }
section.dontSayIt .section-points .subtitle { margin: 0 0 12px; font-size: 18px; line-height: 1.2; font-weight: 600; }
section.dontSayIt .section-points .content ul { margin: 0; padding: 0; list-style: none; }
section.dontSayIt .section-points .content li + li { margin-top: 8px; }
section.dontSayIt .section-points .actions { margin-top: 16px; }
section.dontSayIt { --dontSayIt-color-1: var(--rududu-tan); --dontSayIt-color-2: var(--rududu-white); --dontSayIt-color-3: var(--rududu-yellow); --dontSayIt-color-4: var(--rududu-black); }