/* A quiet, legible puzzle desk. */
.sdk.sdk-pro{gap:12px;padding:22px 18px 20px;background:radial-gradient(ellipse at 50% 0%,#243851,#0e1828 75%);font-family:Rubik,Arial,sans-serif}
.sdk-pro .sdk-heading{width:min(940px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:2px;color:#e6eff9}
.sdk-pro .sdk-heading h2{margin:3px 0 0;font:700 26px/1.1 Rubik,Arial,sans-serif;letter-spacing:-1px}
.sdk-pro .sdk-eyebrow{font-size:9px;font-weight:700;letter-spacing:2.6px;color:#81bfcf}
.sdk-pro .sdk-level-detail{max-width:260px;font-size:11px;line-height:1.6;color:#b1c4d9;text-align:right}
.sdk-pro .sdk-modes{border:1px solid #6e879a48;padding:4px;background:#0a1425aa;border-radius:13px;gap:3px}
.sdk-pro .sdk-modes button{border:0;min-height:36px;padding:8px 16px;font:700 11px Rubik,Arial,sans-serif;border-radius:9px;color:#9ab1ca;box-shadow:none}
.sdk-pro .sdk-modes button.on{color:#10213b;background:#c3e7ef;box-shadow:0 2px 6px #0002}
.sdk-pro .sdk-modes button[data-m=extreme]{color:#e4b7e9}.sdk-pro .sdk-modes button[data-m=extreme].on{color:#341d48;background:#e5c3ee}
.sdk-pro .sdk-info{gap:24px;font:500 11px Rubik,Arial,sans-serif;color:#98afc8;font-variant-numeric:tabular-nums}.sdk-pro .sdk-info b{color:#eaf4fa;font-weight:700}
.sdk-pro .sdk-main{gap:25px;align-items:center;flex-direction:column;flex-wrap:nowrap;max-width:100%}.sdk-pro .sdk-main.is-wide{flex-direction:row;align-items:stretch;flex-wrap:nowrap}
.sdk-pro .sdk-grid{flex:none;border:3px solid #243b50;border-radius:6px;background:#b8c8cf;box-shadow:0 15px 45px #0310205c;gap:1px}
.sdk-pro .sdk-c{background:#f8faf6;color:#1978a0;font:500 calc(var(--g)/9*.49) Rubik,Arial,sans-serif;font-variant-numeric:tabular-nums;outline:none;touch-action:manipulation}
.sdk-pro .sdk-c.given{font-weight:700;color:#243c4c;background:#f4f6f2}.sdk-pro .sdk-c.br{border-right:2px solid #728890}.sdk-pro .sdk-c.bb{border-bottom:2px solid #728890}
.sdk-pro .sdk-c.peer{background:#dbe9f6}.sdk-pro .sdk-c.same{background:#9fd3f2;color:#0b4f6c;font-weight:700}.sdk-pro .sdk-c.sel{background:#ffd95e;color:#3b2a00;box-shadow:inset 0 0 0 3px #d48a00;z-index:1}
.sdk-pro .sdk-c.bad{color:#c83b56;background:#fce4e8}.sdk-pro .sdk-c:focus-visible{box-shadow:inset 0 0 0 2px #258fb2;z-index:1}
.sdk-pro .sdk-notes{color:#58737f;font:500 calc(var(--g)/9*.23)/1 Rubik,Arial,sans-serif;inset:2px}
.sdk-pro .sdk-side{width:var(--g);gap:12px;justify-content:center}.sdk-pro .sdk-side.wide{width:250px}
.sdk-pro .sdk-pad{gap:6px;grid-template-columns:repeat(9,1fr)}.sdk-pro .sdk-pad button{background:#203449;color:#eaf5ff;border:1px solid #62889b55;border-radius:11px;height:48px;font:600 23px Rubik,Arial,sans-serif;box-shadow:0 3px 0 #091425}
.sdk-pro .sdk-side.wide .sdk-pad button{height:63px}.sdk-pro .sdk-pad button small{font:500 9px Rubik,Arial,sans-serif;color:#7fa3b8;right:7px;bottom:5px}.sdk-pro .sdk-pad button.done{opacity:.32}
.sdk-pro .sdk-tools{gap:7px}.sdk-pro .sdk-tools button{min-height:52px;border:1px solid #4a6c8355;background:#13273b;border-radius:11px;color:#b8cfe0;font:500 10px Rubik,Arial,sans-serif;padding:9px 3px;gap:5px}.sdk-pro .sdk-tools button i{font-size:19px;color:#cee8ef}
.sdk-pro .sdk-tools button.on{background:#214953;border-color:#81c6c6;color:#b8f1ed}.sdk-pro .sdk-tools button:disabled{opacity:.36;cursor:default}.sdk-pro button:focus-visible{outline:2px solid #c6f3f5;outline-offset:3px}
.sdk-pro .sdk-assist{font-size:10px;line-height:1.65;color:#88a6bb;text-align:center;margin:2px 0 0}.sdk-pro .sdk-assist strong{color:#b9d5e3;font-weight:500}
.sdk-pro .sdk-puzzle-progress{width:100%;padding:13px 14px;border:1px solid #7fa2b82b;border-radius:12px;background:#0f2235;box-sizing:border-box}.sdk-pro .sdk-puzzle-progress>div{display:flex;justify-content:space-between;font-size:10px;font-weight:500;color:#aac7d7}.sdk-pro .sdk-puzzle-progress b{color:#d9edf4;font-weight:700}.sdk-pro .sdk-puzzle-progress>i{height:4px;background:#244051;display:block;margin-top:9px;border-radius:4px;overflow:hidden}.sdk-pro .sdk-puzzle-progress em{display:block;height:100%;background:#8acfd0;border-radius:4px;transition:width .2s}
@media(max-width:750px){.sdk.sdk-pro{padding:16px 12px;gap:11px}.sdk-pro .sdk-heading{width:var(--g)}.sdk-pro .sdk-heading h2{font-size:23px}.sdk-pro .sdk-level-detail{font-size:9px;max-width:180px}.sdk-pro .sdk-modes button{padding:8px 11px;min-height:34px;font-size:10px}.sdk-pro .sdk-main{flex-wrap:wrap;gap:14px}.sdk-pro .sdk-info{gap:17px;font-size:10px}.sdk-pro .sdk-puzzle-progress{padding:10px 12px}.sdk-pro .sdk-pad button{height:46px;font-size:20px}.sdk-pro .sdk-tools button{min-height:48px}.sdk-pro .sdk-side{gap:10px}}
@media(max-width:380px){.sdk-pro .sdk-modes button{padding:8px 8px}.sdk-pro .sdk-level-detail{max-width:145px}.sdk-pro .sdk-pad{gap:4px}.sdk-pro .sdk-pad button{font-size:18px}.sdk-pro .sdk-heading h2{font-size:21px}}
@media(max-height:520px) and (min-width:600px){.sdk.sdk-pro{padding:10px 15px;gap:7px}.sdk-pro .sdk-heading{width:min(720px,100%)}.sdk-pro .sdk-heading h2{font-size:18px}.sdk-pro .sdk-eyebrow{font-size:7px}.sdk-pro .sdk-level-detail{font-size:9px}.sdk-pro .sdk-modes button{min-height:28px;padding:6px 12px;font-size:9px}.sdk-pro .sdk-info{font-size:9px}.sdk-pro .sdk-main{gap:20px}.sdk-pro .sdk-side.wide{width:230px}.sdk-pro .sdk-side.wide .sdk-pad button{height:40px;font-size:21px}.sdk-pro .sdk-tools button{min-height:39px;padding:5px 2px;gap:2px;font-size:9px}.sdk-pro .sdk-assist{font-size:8px}.sdk-pro .sdk-puzzle-progress{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.sdk-pro .sdk-puzzle-progress em{transition:none}.sdk-pro .sdk-c.bad{animation:none}}
@media(max-height:520px) and (min-width:600px){
 .sdk-pro .sdk-heading{width:100%;height:31px;align-items:flex-start}.sdk-pro .sdk-level-detail{display:none}
 .sdk-pro .sdk-modes{position:absolute;right:15px;top:10px}.sdk-pro .sdk-info{position:absolute;left:18px;top:47px}
 .sdk-pro .sdk-main.is-wide{margin-top:15px;gap:22px}.sdk-pro .sdk-side.wide{width:230px;gap:9px}
 .sdk-pro .sdk-puzzle-progress,.sdk-pro .sdk-assist{display:none}
 .sdk-pro .sdk-side.wide .sdk-pad button{height:36px;min-height:36px;font-size:20px}
 .sdk-pro .sdk-tools button{min-height:39px;height:39px}
}

/* v28 compact logical coaching. */
.sdk-learning{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:11px;color:#78909d}.sdk-learning label{display:flex;align-items:center;gap:7px}.sdk-learning select{max-width:210px;background:#e9efee;border:1px solid #bbcacc;border-radius:7px;padding:6px;color:#244650;font:inherit}.sdk-explain input{accent-color:#227780}.sdk-coach{padding:12px;border-left:3px solid #248a91;border-radius:7px;background:#e1efed;color:#294b55;font-size:12px}.sdk-coach strong{font-size:13px}.sdk-coach p{line-height:1.5;margin:6px 0}.sdk-coach button{padding:7px 12px;border-radius:6px;background:#245e68;color:#fff;font-size:11px}.sdk-coach small{display:block;margin-top:7px;color:#567780}.sdk-c.logic{box-shadow:inset 0 0 0 3px #e0aa49!important;background:#faeccf!important}@media(max-height:550px){.sdk-learning{gap:10px}.sdk-learning select{padding:3px}.sdk-coach{padding:7px;font-size:10px}.sdk-coach p{margin:4px 0}.sdk-coach small{display:none}}

.sdk-coaching .sdk-side.wide .sdk-pad button{height:52px}.sdk-coaching .sdk-tools button{gap:2px;padding:6px 3px}.sdk-coaching .sdk-assist{display:none}@media(max-height:520px) and (min-width:600px){.sdk-coaching .sdk-side.wide .sdk-pad button{height:36px}.sdk-coaching .sdk-tools button{padding:5px 2px}}