.games-shell{padding:22px clamp(16px,5vw,80px) 70px}.games-heading{display:flex;align-items:center;gap:18px;margin:18px 0 22px}.games-heading>span{display:grid;place-items:center;width:70px;height:70px;border:1px solid #c8bda9;border-radius:19px;background:linear-gradient(145deg,#fffdf8,#e8efe9);box-shadow:0 12px 24px rgba(37,63,57,.14);font:700 38px 'Fraunces',serif;color:var(--green)}.games-heading h1{font-size:clamp(32px,4vw,46px);margin:3px 0}.games-heading p{margin:0;color:#60736d}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.difficulty-picker button{display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid #bdcbc7;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#eef4f1);color:var(--ink);box-shadow:0 8px 18px rgba(38,74,69,.1);cursor:pointer}.difficulty-picker button:hover{transform:translateY(-2px)}.difficulty-picker button[aria-pressed=true]{border-color:var(--green);background:linear-gradient(135deg,var(--green),#1d4944);color:#fff}.difficulty-picker b{font:700 21px 'Fraunces',serif}.difficulty-picker span{margin:4px 0;font-weight:700}.difficulty-picker small{opacity:.72}.sudoku-workspace{display:grid;grid-template-columns:230px minmax(0,720px);gap:22px;align-items:start}.sudoku-guide,.sudoku-game-card{border:1px solid #c7d5d1;border-radius:17px;background:linear-gradient(145deg,#fffdf8,#edf4f1);box-shadow:0 12px 27px rgba(38,74,69,.11)}.sudoku-guide{position:sticky;top:100px;padding:20px}.sudoku-guide h2{font:700 24px 'Fraunces',serif;margin:5px 0}.sudoku-guide ol{padding-left:20px;color:#536862;line-height:1.55}.sudoku-status{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.sudoku-status span{display:flex;flex-direction:column;padding:10px;border-radius:10px;background:#fff;font-size:10px;color:#657771}.sudoku-status b{font-size:17px;color:var(--green)}.sudoku-game-card{padding:clamp(17px,3vw,28px)}.sudoku-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.sudoku-toolbar h2{font:700 27px 'Fraunces',serif;margin:4px 0}.sudoku-toolbar button,.sudoku-actions button{padding:10px 13px;border:1px solid #b8c8c3;border-radius:10px;background:#fff;color:var(--green);font-weight:800;cursor:pointer}.sudoku-message{margin:12px 0;padding:11px 13px;border-left:4px solid var(--orange);border-radius:7px;background:#fff7ec;color:#526862}.sudoku-board{display:grid;grid-template-columns:repeat(var(--sudoku-size),1fr);width:min(100%,590px);aspect-ratio:1;margin:18px auto;border:4px solid #244e48;border-radius:5px;overflow:hidden;background:#244e48;gap:1px}.sudoku-cell{min-width:0;width:100%;height:100%;padding:0;border:0;background:#fff;text-align:center;font:700 clamp(17px,4vw,31px) 'Fraunces',serif;color:#205e75;caret-color:transparent;cursor:pointer}.sudoku-cell.given{background:#e3ece8;color:#263e39;cursor:default;opacity:1}.sudoku-cell.box-left{border-left:3px solid #244e48}.sudoku-cell.box-top{border-top:3px solid #244e48}.sudoku-cell.selected{outline:4px solid #e89158;outline-offset:-4px;background:#fff4da}.sudoku-cell.hinted{background:#dbf1e2;color:#257051}.sudoku-cell.wrong{background:#f8d9d1;color:#a33e2d;animation:sudoku-shake .18s linear 2}.sudoku-board.solved{box-shadow:0 0 0 7px #b8dfc3}.number-pad{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px 0}.number-pad button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #aebfba;border-radius:11px;background:#fff;color:var(--green);font-size:20px;font-weight:800;box-shadow:0 4px 8px rgba(38,74,69,.09);cursor:pointer}.number-pad button:hover{transform:translateY(-2px);background:#e9f3ef}.sudoku-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.sudoku-actions .primary{background:var(--green);color:#fff;border-color:var(--green)}.sudoku-rule{margin-top:16px;padding:13px;border-radius:10px;background:#e5efeb;color:#526862;font-size:12px;line-height:1.5}@keyframes sudoku-shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@media(max-width:820px){.sudoku-workspace{grid-template-columns:1fr}.sudoku-guide{position:static}.sudoku-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.sudoku-board{width:min(100%,620px)}}@media(max-width:560px){.games-shell{padding-left:12px;padding-right:12px}.games-heading{align-items:flex-start}.games-heading>span{width:56px;height:56px;flex:0 0 auto}.difficulty-picker{display:flex;overflow-x:auto;padding-bottom:5px}.difficulty-picker button{flex:0 0 145px}.sudoku-guide ol{grid-template-columns:1fr}.sudoku-cell{font-size:clamp(15px,6vw,25px)}.number-pad button{width:40px;height:40px}.sudoku-toolbar{align-items:flex-start}}
.sudoku-status{grid-template-columns:repeat(3,1fr)}.hint-count-badge{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:4px;border-radius:999px;background:#dcebe5;color:var(--green);font-size:11px}.sudoku-cell.hinted{cursor:default}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,430px));gap:18px}.game-choice-card{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center;padding:22px;border:1px solid #c7d5d1;border-radius:18px;background:linear-gradient(145deg,#fffdf8,#e7f1ed);color:var(--ink);text-decoration:none;box-shadow:0 13px 28px rgba(38,74,69,.13);transition:transform .2s,box-shadow .2s}.game-choice-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(38,74,69,.18)}.game-choice-card h2{font:700 30px 'Fraunces',serif;margin:4px 0}.game-choice-card p:not(.eyebrow){color:#60736d;line-height:1.5}.game-choice-card b{color:var(--green)}.sudoku-card-art{display:grid;grid-template-columns:repeat(4,1fr);aspect-ratio:1;border:4px solid #244e48;border-radius:8px;overflow:hidden;background:#244e48;gap:1px}.sudoku-card-art span{display:grid;place-items:center;background:#fff;font:700 17px 'Fraunces',serif;color:#286579}.sudoku-card-art span:nth-child(2n){background:#e4eeea}.sudoku-card-art span:nth-child(4n+3),.sudoku-card-art span:nth-child(4n+4){border-left:2px solid #244e48}.sudoku-card-art span:nth-child(n+9){border-top:2px solid #244e48}@media(max-width:470px){.game-choice-card{grid-template-columns:100px 1fr;padding:15px}.sudoku-status{grid-template-columns:1fr 1fr}.sudoku-status span:last-child{grid-column:1/-1}}
.games-shell[data-sudoku-app] .difficulty-picker button>span{display:block;margin:4px 0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-weight:700}.games-shell[data-sudoku-app] .difficulty-picker button[aria-pressed=true]>span{padding:3px 8px;border-radius:999px;background:#fff3cf;color:#244e48}.games-shell[data-sudoku-app] .difficulty-picker button>small{color:inherit}