.wpsudoku-app,.wpsudoku-app *{box-sizing:border-box}.wpsudoku-app{--blue:#2f62bd;--light:#e8edf5;--line:#c5cedb;--dark:#263d5a;width:100%;max-width:980px;margin:0 auto 30px!important;padding:12px!important;background:#fff!important;color:#25364d!important;font-family:Arial,sans-serif!important;overflow-x:hidden!important}.wpsudoku-app button{font-family:Arial,sans-serif!important}.wpsudoku-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wpsudoku-title{font-size:30px;font-weight:900;color:#30435e}.wpsudoku-tabs{display:flex;flex-wrap:wrap;gap:8px}.wpsudoku-tabs button{border:0!important;background:transparent!important;color:#6b7a90!important;padding:7px!important;font-size:15px!important;font-weight:800!important;cursor:pointer!important}.wpsudoku-tabs button.active{color:#1d56b3!important;border-bottom:2px solid #1d56b3!important}.wpsudoku-stats{display:flex;justify-content:flex-end;gap:22px;margin:0 0 10px!important;font-size:15px;color:#68798f}.wpsudoku-stats strong{font-size:20px;color:#25364d}.wpsudoku-layout{display:grid;grid-template-columns:minmax(360px,540px) 330px;gap:22px;align-items:start}.wpsudoku-board{width:100%;max-width:540px;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:3px solid #263d5a;background:#fff}.wpsudoku-cell{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:#25364d;font-size:clamp(22px,4vw,36px);font-weight:500;cursor:pointer;user-select:none}.wpsudoku-cell:nth-child(3n){border-right:2px solid #263d5a}.wpsudoku-cell:nth-child(9n){border-right:0}.wpsudoku-cell:nth-child(n+19):nth-child(-n+27),.wpsudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #263d5a}.wpsudoku-cell:nth-child(n+73){border-bottom:0}.wpsudoku-cell.given{background:#dbe9f6;color:#25364d}.wpsudoku-cell.selected{background:#7fb8f4!important}.wpsudoku-cell.peer{background:#e8f2ff}.wpsudoku-cell.same{background:#d5eaff}.wpsudoku-cell.wrong{color:#c62828!important}.wpsudoku-cell.correct{color:#1d56b3!important}.wpsudoku-notes{position:absolute;inset:3px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:9px;line-height:1;color:#6b7280}.wpsudoku-notes span{display:flex;align-items:center;justify-content:center}.wpsudoku-side{width:100%;min-width:0}.wpsudoku-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wpsudoku-num{height:100px;border:0!important;border-radius:6px!important;background:#e8edf5!important;color:#2f62bd!important;font-size:42px!important;font-weight:400!important;cursor:pointer!important;padding:0!important}.wpsudoku-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.wpsudoku-tools button{height:58px;border:0!important;border-radius:14px!important;background:#eef2f7!important;color:#2f62bd!important;font-size:22px!important;font-weight:800!important;cursor:pointer!important;padding:0!important}.wpsudoku-tools button small{display:block;margin-top:2px;font-size:10px;color:#68798f!important}.wpsudoku-tools button.active{outline:3px solid #2f62bd!important}.wpsudoku-new{width:100%;height:58px;border:0!important;border-radius:6px!important;background:#5d7fc7!important;color:#fff!important;font-size:18px!important;font-weight:900!important;cursor:pointer!important}.wpsudoku-message{min-height:26px;margin-top:10px;text-align:center;font-weight:800;color:#0f5132}.wpsudoku-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:18px}.wpsudoku-modal[hidden]{display:none}.wpsudoku-card{position:relative;width:min(520px,100%);background:#fff;border-radius:18px;padding:26px;color:#111;box-shadow:0 24px 80px rgba(0,0,0,.35)}.wpsudoku-close{position:absolute;top:8px;right:12px;border:0!important;background:transparent!important;font-size:32px!important;cursor:pointer!important}
@media(max-width:860px){.wpsudoku-app{max-width:400px;padding:6px!important}.wpsudoku-header{display:block;margin-bottom:6px}.wpsudoku-title{font-size:24px;margin-bottom:4px}.wpsudoku-tabs{gap:2px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.wpsudoku-tabs button{font-size:12px!important;padding:5px!important;white-space:nowrap}.wpsudoku-stats{justify-content:space-between;gap:4px;font-size:11px;margin-bottom:6px!important}.wpsudoku-stats strong{font-size:14px}.wpsudoku-layout{display:flex;flex-direction:column;gap:8px}.wpsudoku-board{max-width:100%;width:100%;aspect-ratio:1/1}.wpsudoku-cell{font-size:22px}.wpsudoku-notes{font-size:7px;inset:2px}.wpsudoku-side{width:100%;display:flex;flex-direction:column}.wpsudoku-pad{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:4px!important;width:100%!important;overflow:visible!important}.wpsudoku-num{min-width:0!important;width:100%!important;height:42px!important;font-size:22px!important;border-radius:5px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.wpsudoku-tools{grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.wpsudoku-tools button{height:42px;border-radius:10px!important;font-size:17px!important}.wpsudoku-tools button small{display:none}.wpsudoku-new{height:46px;font-size:16px!important}}
@media(max-width:360px){.wpsudoku-app{max-width:340px}.wpsudoku-num{height:36px!important;font-size:20px!important}.wpsudoku-cell{font-size:20px}.wpsudoku-tools button{height:38px}.wpsudoku-new{height:42px}}