.elementor-10988 .elementor-element.elementor-element-3589f238{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10988 .elementor-element.elementor-element-3589f238.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10988 .elementor-element.elementor-element-5bf0535f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:0px;}.elementor-10988 .elementor-element.elementor-element-5bf0535f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10988 .elementor-element.elementor-element-9b06042{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 22px;text-align:left;}.elementor-10988 .elementor-element.elementor-element-9b06042.elementor-element{--align-self:flex-start;}.elementor-10988 .elementor-element.elementor-element-9b06042 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:68px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;color:#02323A;}.elementor-10988 .elementor-element.elementor-element-7ac44f{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 20px 23px;}.elementor-10988 .elementor-element.elementor-element-7ac44f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:500;color:#292828;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10988 .elementor-element.elementor-element-75ff061d{width:var( --container-widget-width, 100% );max-width:100%;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:20px;font-weight:500;color:#424242;}.elementor-10988 .elementor-element.elementor-element-75ff061d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10988 .elementor-element.elementor-element-e17acf7{width:100%;max-width:100%;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10988 .elementor-element.elementor-element-7f4cde73{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-10988 .elementor-element.elementor-element-107da5fa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 11px 0px;}.elementor-10988 .elementor-element.elementor-element-107da5fa.elementor-element{--align-self:center;}.elementor-10988 .elementor-element.elementor-element-e3409b7{padding:20px 0px 0px 0px;}.elementor-10988 .elementor-element.elementor-element-52ccb26a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E4E4E4;--border-color:#E4E4E4;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:25px;}.elementor-10988 .elementor-element.elementor-element-52ccb26a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10988 .elementor-element.elementor-element-3fff003a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10988 .elementor-element.elementor-element-3fff003a.elementor-element{--align-self:stretch;}.elementor-10988 .elementor-element.elementor-element-60de0916{width:var( --container-widget-width, 100% );max-width:100%;padding:24px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10988 .elementor-element.elementor-element-60de0916.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10988 .elementor-element.elementor-element-704c9102{padding:0px 0px 0px 0px;}.elementor-10988 .elementor-element.elementor-element-704c9102 img{width:100%;}.elementor-10988 .elementor-element.elementor-element-121ca46a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10988 .elementor-element.elementor-element-5d142ff8{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-10988 .elementor-element.elementor-element-5505217{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10988 .elementor-element.elementor-element-ecb5efe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-10988 .elementor-element.elementor-element-ecb5efe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10988 .elementor-element.elementor-element-5955f279{padding:0px 0px 10px 0px;}.elementor-10988 .elementor-element.elementor-element-5955f279 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10988 .elementor-element.elementor-element-1901a70c{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-0029629{--display:flex;}.elementor-10988 .elementor-element.elementor-element-4254d953{padding:0px 0px 10px 0px;}.elementor-10988 .elementor-element.elementor-element-4254d953 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10988 .elementor-element.elementor-element-7eed8ef9{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-66ef410{padding:0px 0px 10px 0px;}.elementor-10988 .elementor-element.elementor-element-66ef410 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10988 .elementor-element.elementor-element-4d84a6a7{padding:0px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-59f65000{--display:flex;}.elementor-10988 .elementor-element.elementor-element-59f65000:not(.elementor-motion-effects-element-type-background), .elementor-10988 .elementor-element.elementor-element-59f65000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-10988 .elementor-element.elementor-element-38f6ad2e{padding:20px 0px 7px 21px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-2dd997e2{padding:35px 0px 10px 0px;}.elementor-10988 .elementor-element.elementor-element-2dd997e2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10988 .elementor-element.elementor-element-6ac84c7b{padding:0px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-4f97f9b0{--display:flex;}.elementor-10988 .elementor-element.elementor-element-4f97f9b0:not(.elementor-motion-effects-element-type-background), .elementor-10988 .elementor-element.elementor-element-4f97f9b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-10988 .elementor-element.elementor-element-5e138d1f{padding:30px 30px 14px 21px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-9b4ac90{padding:20px 0px 10px 0px;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-17216a62{padding:35px 0px 10px 0px;}.elementor-10988 .elementor-element.elementor-element-17216a62 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-10988 .elementor-element.elementor-element-2eb0fca4{padding:0px 0px 20px 0px;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-a4a3a0a{padding:35px 0px 30px 0px;}.elementor-10988 .elementor-element.elementor-element-a4a3a0a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:37px;font-weight:600;color:#424242;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10988 .elementor-element.elementor-element-243b123{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-10988 .elementor-element.elementor-element-243b123 .elementor-post__title{margin-bottom:14px;}.elementor-10988 .elementor-element.elementor-element-243b123 .elementor-post__excerpt p{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:400;}.elementor-10988 .elementor-element.elementor-element-243b123 .elementor-post__read-more{color:#960202;}.elementor-10988 .elementor-element.elementor-element-243b123 a.elementor-post__read-more{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:500;}@media(max-width:1340px){.elementor-10988 .elementor-element.elementor-element-3589f238{--flex-wrap:wrap;}.elementor-10988 .elementor-element.elementor-element-5bf0535f{--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10988 .elementor-element.elementor-element-9b06042{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;padding:31px 0px 0px 0px;text-align:center;}.elementor-10988 .elementor-element.elementor-element-9b06042.elementor-element{--align-self:center;}.elementor-10988 .elementor-element.elementor-element-9b06042 .elementor-heading-title{font-size:45px;}.elementor-10988 .elementor-element.elementor-element-7ac44f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 32px 0px;text-align:center;}.elementor-10988 .elementor-element.elementor-element-7ac44f.elementor-element{--align-self:center;}.elementor-10988 .elementor-element.elementor-element-7ac44f .elementor-heading-title{font-size:27px;}.elementor-10988 .elementor-element.elementor-element-75ff061d{padding:34px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-10988 .elementor-element.elementor-element-75ff061d.elementor-element{--align-self:center;}.elementor-10988 .elementor-element.elementor-element-52ccb26a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10988 .elementor-element.elementor-element-60de0916{padding:70px 70px 70px 70px;}}@media(max-width:767px){.elementor-10988 .elementor-element.elementor-element-3589f238{--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-10988 .elementor-element.elementor-element-5bf0535f{--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}.elementor-10988 .elementor-element.elementor-element-9b06042{padding:0px 20px 0px 20px;}.elementor-10988 .elementor-element.elementor-element-9b06042 .elementor-heading-title{font-size:30px;line-height:1.1em;}.elementor-10988 .elementor-element.elementor-element-7ac44f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:7px 20px 64px 20px;}.elementor-10988 .elementor-element.elementor-element-7ac44f .elementor-heading-title{font-size:22px;}.elementor-10988 .elementor-element.elementor-element-75ff061d{margin:-53px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;text-align:center;font-size:17px;}.elementor-10988 .elementor-element.elementor-element-7f4cde73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1px 1px 25px 1px;}.elementor-10988 .elementor-element.elementor-element-7f4cde73.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-10988 .elementor-element.elementor-element-107da5fa{padding:6px 0px 10px 0px;}.elementor-10988 .elementor-element.elementor-element-52ccb26a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:7px;--padding-right:7px;}}@media(min-width:768px){.elementor-10988 .elementor-element.elementor-element-3589f238{--content-width:1440px;}.elementor-10988 .elementor-element.elementor-element-5bf0535f{--width:70%;}.elementor-10988 .elementor-element.elementor-element-52ccb26a{--width:24.455%;}.elementor-10988 .elementor-element.elementor-element-ecb5efe{--width:60%;}.elementor-10988 .elementor-element.elementor-element-0029629{--width:40%;}}@media(max-width:1340px) and (min-width:768px){.elementor-10988 .elementor-element.elementor-element-5bf0535f{--width:100%;}.elementor-10988 .elementor-element.elementor-element-52ccb26a{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-e17acf7 *//* Card wrapper */
.s4a-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  margin: 20px auto;
  overflow: hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-align: center;
}

/* Header bar */
.s4a-card-header {
  background: linear-gradient(180deg, #0b2830, #102f39);
  padding: 14px 10px;
  font-weight: 900;
  color: #ffbf2e ; 
  text-transform: uppercase;
}

.s4a-card-header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  color: #ffbf2e;
  line-height: 1.3;
}

/* Body */
.s4a-card-body {
  padding: 16px 20px;
}

/* User Notice */
.s4a-user-notice {
  background: #fff8e6;
  border: 2px solid #ffbf2e;
  border-radius: 8px;
  padding: 12px;
  font-size: 17px;
  line-height: 1.4;
  color: #333;
  text-align: left;
}

.s4a-user-notice strong {
  color: #d13a2f; /* red emphasis for "User Notice" */
  display: block;
  margin-bottom: -15px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7f4cde73 *//* =============================== Modern Teal Neon — Drop-in Skin =============================== */
:root{
  /* Brand tokens */
  --ui-bg-1:#0b2830; --ui-bg-2:#102f39; --ui-panel:#0f2a2f;
  --ui-pill:#173742; --ui-pill-hover:#1e4654; --ui-text:#e7f5ff; --ui-subtle:#b8d7e2;
  --ui-accent:#ff9f0a; --ui-danger:#ff3b30; --ui-cta:#ffaa33; --ui-glow:#19e6ff;

  /* Controls panel bg */
  --panel-grad:
    radial-gradient(120% 150% at 15% -20%, rgba(25,230,255,.06), transparent 60%),
    linear-gradient(180deg,#0f2026 0%,#0c1a20 100%);

  /* Keypad buttons */
  --pad-bg-top:#1e4957; --pad-bg-bot:#113642;
  --pad-stroke:rgba(249,117,19,.26); --pad-stroke-h:rgba(25,230,255,.60);

  /* Top-row small buttons */
  --toprow-bg-top:#3b4650; --toprow-bg-bot:#232b32;
  --toprow-stroke:rgba(255,255,255,.08); --toprow-stroke-h:rgba(255,255,255,.25);
}

/* App container */
.brand-new-sudoku-game-container{
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(25,230,255,.10), transparent 60%),
    linear-gradient(180deg,var(--ui-bg-1) 0%,var(--ui-bg-2) 100%)!important;
  border:0!important; border-radius:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  padding:16px!important;
  overflow:hidden;            /* contain inner rows */
}

/* Ensure “width math” is safe for all descendants */
.brand-new-sudoku-game-container *{ box-sizing:border-box; }

/* Header label */
.diff-label{ color:#FADF78!important; font-weight:500!important; text-shadow:none!important; }

/* Difficulty pills */
.difficulty-list{ display:flex!important; flex-wrap:wrap; gap:13px!important; }
.difficulty-list li{
  background:linear-gradient(180deg,var(--ui-pill),#102d36)!important;
  color:var(--ui-text)!important; -webkit-text-fill-color:var(--ui-text)!important;
  border:1px solid rgba(255,255,255,.06)!important; border-radius:14px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.06)!important;
  padding:8px 14px!important; font-weight:700!important; letter-spacing:.2px!important;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease!important;
  cursor:pointer!important;
}
.difficulty-list li:hover{
  background:linear-gradient(180deg,var(--ui-pill-hover),#143a45)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.45), 0 0 0 2px rgba(25,230,255,.08) inset!important;
  transform:translateY(-1px)!important;
}
.difficulty-list li.active{
  background:linear-gradient(180deg,#204c59,#163c47)!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(25,230,255,.35), 0 10px 24px rgba(0,0,0,.5)!important;
}
.difficulty-list li*, .difficulty-list li.active*{ color:inherit!important; -webkit-text-fill-color:inherit!important; }

/* Board */
.sudoku-board, .sudoku-container, .grid-container{
  background:var(--ui-panel)!important; border-radius:14px!important;
  box-shadow:0 0 0 2px rgba(25,230,255,.35), 0 18px 36px rgba(0,0,0,.5),
             inset 0 0 0 1px rgba(255,255,255,.04)!important;
  position:relative;
}
.sudoku-board td, .sudoku-board .cell, .grid-cell{
  background:rgba(255,255,255,.02)!important; border-color:rgba(255,255,255,.06)!important;
  color:var(--ui-text)!important;
}
.sudoku-board .cell.given{ color:#a0f1ff!important; font-weight:700!important; }
.sudoku-board .cell.selected, .sudoku-board .cell.highlight{
  background:rgba(25,230,255,.12)!important; box-shadow:inset 0 0 0 1px rgba(25,230,255,.35)!important;
}

/* Controls panel background — desktop & mobile */
.brand-new-sudoku-game-container .desktop-controls,
.brand-new-sudoku-game-container .sudoku-controls,
.brand-new-sudoku-game-container .control-panel,
.brand-new-sudoku-game-container .right-panel,
.brand-new-sudoku-game-container .mobile-controls,
.brand-new-sudoku-game-container [class*="controls"]{
  background:var(--panel-grad)!important; border-radius:14px!important; padding:18px!important;
  box-shadow:0 12px 24px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.05),
             inset 0 1px 0 rgba(255,255,255,.035)!important;
  min-width:0;               /* allow flex children to shrink */
  max-width:100%;            /* don’t exceed container */
  overflow:hidden;           /* clip sub-pixel overflow */
}
@media (max-width:899px){
  .brand-new-sudoku-game-container .desktop-controls,
  .brand-new-sudoku-game-container .sudoku-controls,
  .brand-new-sudoku-game-container .control-panel,
  .brand-new-sudoku-game-container .right-panel,
  .brand-new-sudoku-game-container .mobile-controls,
  .brand-new-sudoku-game-container [class*="controls"]{
    background:var(--panel-grad)!important;
  }
}

/* Top row buttons */
.control-top-row{
  display:flex; flex-wrap:wrap; gap:5px!important; justify-content:flex-start;
}
.control-top-row button, .control-top-row .control-btn{
  flex:1 1 0!important; min-width:80px;
  background:linear-gradient(180deg,var(--toprow-bg-top),var(--toprow-bg-bot))!important;
  color:var(--ui-text)!important; border:1.9px solid var(--toprow-stroke)!important;
  border-radius:12px!important; box-shadow:0 6px 14px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.06)!important;
  font-weight:400!important; padding:8px 12px!important;
  transition:transform .12s ease, box-shadow .2s ease, background .2s ease!important;
}
.control-top-row button:hover, .control-top-row .control-btn:hover{
  background:linear-gradient(180deg,#4a5560,#2c343b)!important;
  border-color:var(--toprow-stroke-h)!important; transform:translateY(-1px)!important;
}
.control-top-row button:active, .control-top-row .control-btn:active{
  transform:translateY(0)!important; box-shadow:0 4px 10px rgba(0,0,0,.35) inset!important;
}

/* Keypad buttons */
.num-pad button, .keypad button, .sudoku-keypad button, .numpad button{
  background:linear-gradient(180deg,var(--pad-bg-top),var(--pad-bg-bot))!important;
  color:#eaf7ff!important; border:1px solid var(--pad-stroke)!important; border-radius:14px!important;
  font-weight:800!important; font-size:20px!important; letter-spacing:.3px!important;
  box-shadow:0 6px 14px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.05)!important;
  transition:transform .08s ease, box-shadow .15s ease, background .15s ease!important;
}
.num-pad button:hover, .keypad button:hover, .sudoku-keypad button:hover, .numpad button:hover{
  background:linear-gradient(180deg,#245867,#14424f)!important; border-color:var(--pad-stroke-h)!important;
  transform:translateY(-1px)!important;
}
.num-pad button:active, .keypad button:active, .sudoku-keypad button:active, .numpad button:active{
  transform:translateY(0)!important; box-shadow:0 4px 10px rgba(0,0,0,.35) inset!important;
}

/* CTA buttons */
#new-game-button,#new-game,.new-game-btn{
  background:linear-gradient(180deg,#ffc777,var(--ui-cta))!important;
  color:#241500!important; border:1px solid rgba(255,255,255,.18)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.3)!important;
}
#reset-game-button,#reset-game,.reset-game-btn{
  background:linear-gradient(180deg,#ff7a6f,var(--ui-danger))!important;
  color:#2b0000!important; border:1px solid rgba(255,255,255,.18)!important;
}
#new-game-button:hover,#new-game:hover,.new-game-btn:hover,
#reset-game-button:hover,#reset-game:hover,.reset-game-btn:hover{
  transform:translateY(-1px)!important; box-shadow:0 10px 22px rgba(0,0,0,.45)!important;
}

/* Inputs inside dark panels */
select,.difficulty-select{
  background:#0f2f38!important; color:var(--ui-text)!important;
  border:1px solid rgba(255,255,255,.08)!important; border-radius:10px!important;
}

/* Neutralize old “force black text” rules */
.difficulty-list li,.difficulty-list li *,
.control-top-row button *,#new-game-button *,#reset-game-button *{
  color:inherit!important; -webkit-text-fill-color:inherit!important;
}

/* Readability overrides */
.brand-new-sudoku-game-container .control-top-row button,
.brand-new-sudoku-game-container .control-top-row button *,
.brand-new-sudoku-game-container .num-pad button,
.brand-new-sudoku-game-container .num-pad button *,
.brand-new-sudoku-game-container .sudoku-keypad button,
.brand-new-sudoku-game-container .sudoku-keypad button *,
.brand-new-sudoku-game-container .keypad button,
.brand-new-sudoku-game-container .keypad button *,
.brand-new-sudoku-game-container .numpad button,
.brand-new-sudoku-game-container .numpad button *{
  color:#fff!important; -webkit-text-fill-color:#fff!important; text-shadow:none!important;
}
.brand-new-sudoku-game-container .control-top-row button svg,
.brand-new-sudoku-game-container .num-pad button svg,
.brand-new-sudoku-game-container .sudoku-keypad button svg,
.brand-new-sudoku-game-container .keypad button svg,
.brand-new-sudoku-game-container .numpad button svg{ fill:currentColor!important; }

/* Guest section */
.brand-new-sudoku-guest p,.brand-new-sudoku-guest label{ color:#fff!important; }
.brand-new-sudoku-guest a{ color:#ffcc33!important; font-weight:600; text-decoration:none; }
.brand-new-sudoku-guest input#guest-name-input{ color:inherit; }

/* Top-bar Speed Indicator (desktop only) */
@media (min-width:900px){
  .brand-new-sudoku-game-container .desktop-top-bar.brand-new-desktop-only{ position:relative; padding-right:120px; }
  .brand-new-sudoku-game-container .topbar-speed{
    position:absolute; right:14px; top:50%; transform:translateY(-50%);
    display:inline-flex; align-items:center; gap:10px; opacity:.95; pointer-events:none;
  }
  .brand-new-sudoku-game-container .topbar-speed .speed-label{
    font-weight:600; font-size:13px; letter-spacing:.2px; color:var(--ui-text); opacity:.9;
  }
  .brand-new-sudoku-game-container .topbar-speed .speed-signal{ display:inline-flex; align-items:flex-end; gap:5px; filter:drop-shadow(0 1px 0 rgba(255,255,255,.06)); }
  .brand-new-sudoku-game-container .topbar-speed .bar{
    width:8px; height:8px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.10); border-radius:2px;
    transition:height .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .brand-new-sudoku-game-container .topbar-speed.speed-0 .bar{ height:8px; background:rgba(255,255,255,.12); }
  .brand-new-sudoku-game-container .topbar-speed.speed-1 .bar:nth-child(-n+1){ height:11px; background:color-mix(in srgb,var(--ui-accent) 55%,#333); border-color:rgba(255,210,120,.35); }
  .brand-new-sudoku-game-container .topbar-speed.speed-2 .bar:nth-child(-n+2){ height:13px; background:color-mix(in srgb,var(--ui-accent) 70%,#333); border-color:rgba(255,210,120,.5); }
  .brand-new-sudoku-game-container .topbar-speed.speed-3 .bar:nth-child(-n+3){ height:15px; background:color-mix(in srgb,var(--ui-accent) 85%,#222); border-color:rgba(255,210,120,.65); box-shadow:0 0 6px rgba(255,190,80,.35); }
  .brand-new-sudoku-game-container .topbar-speed.speed-4 .bar:nth-child(-n+4){ height:17px; background:var(--ui-accent); border-color:rgba(255,210,120,.85); box-shadow:0 0 8px rgba(255,170,50,.55); }
}
@media (max-width:899px){ .brand-new-sudoku-game-container .topbar-speed{ display:none!important; } }

/* Adjust Stats Container Layout + Font */
.brand-new-sudoku-game-container .stats-container .mistakes-info,
.brand-new-sudoku-game-container .stats-container .time-info{
  font-weight:400!important; color:#d4af37!important;
}

/* =================== MOBILE CONTAINMENT & TRUNCATION =================== */
@media (max-width:767px){
  /* Make wrappers and rows respect container width */
  .difficulty-list,
  .control-top-row{
    width:100%; max-width:100%;
    box-sizing:border-box;
    overflow:hidden;                 /* prevent right-edge spill */
  }

  /* Difficulty row: single line, shrink, ellipsis; gap shrinks on tiny screens */
  .difficulty-list{
    display:flex; flex-wrap:nowrap;
    gap:clamp(4px,2.5vw,13px);
  }
  .difficulty-list li{
    flex:1 1 0; min-width:0;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }

  /* Control row: same treatment */
  .control-top-row{
    display:flex; flex-wrap:nowrap;
    gap:clamp(4px,2vw,8px);
  }
  .control-top-row .control-btn,
  .control-top-row button{
    flex:1 1 0; min-width:0!important;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    padding:6px 10px!important;                 /* slightly tighter padding to help fit */
    font-size:clamp(12px,3.2vw,14px)!important; /* scale text down on small screens */
  }

  /* Ensure parent panels can shrink */
  .brand-new-sudoku-game-container .desktop-controls,
  .brand-new-sudoku-game-container .sudoku-controls,
  .brand-new-sudoku-game-container .control-panel,
  .brand-new-sudoku-game-container .right-panel,
  .brand-new-sudoku-game-container .mobile-controls{
    min-width:0; max-width:100%; overflow:hidden;
  }
}

/* (kept) Quick mobile ellipsis for pills */
@media (max-width:767px){
  .difficulty-list{ display:flex; flex-wrap:nowrap; gap:13px; }
  .difficulty-list li{ flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60de0916 */.elementor-10988 .elementor-element.elementor-element-60de0916 .sudoku-books-title {
  font-size: 30px;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  color: #222;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 12px;
}

.elementor-10988 .elementor-element.elementor-element-60de0916 .sudoku-books-title::after {
  content: '';
  display: block;
  width: 180px;
  height: 4px;
  background: linear-gradient(90deg, #ff4d4d, #1ecbe1);
  margin: 10px auto 0;
  border-radius: 4px;;
}

@keyframes underlinePulse {
  0% {
  
    opacity: 1;
  }
  50% {
  
    opacity: 0.7;
  } 
  100%{
    opacity: 1;
  }
}/* End custom CSS */