@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#28344a;background:#f6f7fb;font-synthesis:none;--accent:#6359df}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 60%,#eeebff88,transparent 46%),radial-gradient(ellipse at 95% 40%,#e6f6ff77,transparent 40%)}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible{outline:3px solid #5149c5;outline-offset:4px}button{touch-action:manipulation}header{max-width:1200px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #e5e8ef}.brand{display:flex;align-items:center;gap:5px;color:inherit;text-decoration:none;font-family:Outfit,sans-serif;font-weight:700;font-size:26px;letter-spacing:-1px}.brand-light{font-weight:400}.brand-icon{color:white;background:#7867ed;border-radius:12px;width:36px;height:36px;text-align:center;line-height:34px;margin-right:9px;font-size:28px;box-shadow:0 4px 0 #5244b5}.badge{font-size:12px;letter-spacing:0;margin-left:7px;background:#e9e5ff;color:#5a4dbc;padding:5px 7px;border-radius:6px}.help{border:1px solid #dfe3ed;background:white;border-radius:50px;padding:10px 17px;font-size:14px}.help span{margin-left:7px}main{max-width:1060px;margin:auto;padding:42px 38px 34px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:2px;color:#7d779b}.eyebrow{margin-bottom:12px}h1{font-family:Outfit,sans-serif;font-size:44px;line-height:1.14;letter-spacing:-1.7px;margin:0;font-weight:600}h1 span{color:#7562da}.intro p{margin:13px 0 0;color:#7a8394;font-size:15px}.top-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:3px}.top-actions label{font-size:12px;color:#7a8394}select{background:white;border:1px solid #dfe3ec;padding:12px 42px 12px 16px;border-radius:12px;min-width:156px;color:#344158}.game-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(280px,1fr);gap:42px}.play-area{min-width:0}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between}.board-top{padding:0 7px 17px}.level-label{font-size:14px;color:#6d60ca}.clock{display:flex;gap:14px;align-items:center;font-variant-numeric:tabular-nums;font-size:16px}.clock button{border:0;background:#eaeaf3;border-radius:7px;padding:4px 10px;font-weight:700}.board-scene{position:relative;perspective:1200px;padding-bottom:12px}#board{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;background:#dfe3f0;padding:13px;border-radius:20px;box-shadow:0 9px 0 #bfc7dc,0 13px 0 #d6dce9,0 24px 35px #44477820;transform:rotateX(6deg);transform-origin:center center;transition:transform .35s}#board.flat{transform:none;box-shadow:0 3px 8px #44477820}.cell{aspect-ratio:1;border:1px solid #ffffffdd;border-radius:8px;background:#f7f9ff;color:#49576f;font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(19px,2.5vw,29px);padding:0;box-shadow:0 3px 0 #c8cede;position:relative;transition:transform .13s,background .13s,box-shadow .13s}.cell[data-c="2"],.cell[data-c="5"]{margin-right:5px}.cell[data-c="3"],.cell[data-c="6"]{margin-left:3px}.cell[data-r="2"],.cell[data-r="5"]{margin-bottom:6px}.cell[data-r="3"],.cell[data-r="6"]{margin-top:2px}.cell.given{background:var(--pale);color:var(--ink);box-shadow:0 3px 0 var(--shadow)}.cell.entered{background:var(--color);color:var(--ink);box-shadow:0 3px 0 var(--shadow);font-weight:700}.cell.related:not(.given):not(.entered){background:#e7e5f9}.cell.same{outline:2px solid #9a8de5;outline-offset:-2px}.cell.selected{background:#7564de!important;color:white!important;box-shadow:0 5px 0 #4c3ca6,0 7px 12px #6359df44!important;transform:translateY(-3px);border-color:#a99bec;z-index:2}.cell.wrong{background:#ffd8dd!important;color:#b52d44!important;outline:2px solid #e85673}.cell:hover{filter:brightness(.97)}.mini-notes{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;font-family:'DM Sans',sans-serif;font-size:11px;line-height:1.15}.board-bottom{margin-top:12px;font-size:12px;color:#7b8599;padding:0 7px}.board-bottom i{display:inline-block;background:#8b7ce5;width:7px;height:7px;border-radius:50%;margin-right:5px}.board-bottom button{font-size:12px;border:0;background:none;color:#7462ce;padding:8px}.control-card{background:#fff;border:1px solid #e7e9f1;border-radius:24px;padding:26px;box-shadow:0 7px 24px #34415a04}.section-label{color:#566179;letter-spacing:1.5px}.subtext{font-size:14px;color:#8b92a1;margin:8px 0 22px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.number{border:1px solid #ffffffaa;border-radius:12px;background:var(--color);color:var(--ink);box-shadow:0 5px 0 var(--shadow);padding:10px 0 7px;font-family:Outfit,sans-serif;font-size:29px;font-weight:600;transition:transform .12s}.number:active{transform:translateY(4px);box-shadow:0 1px 0 var(--shadow)}.number small{display:block;font-family:'DM Sans',sans-serif;font-size:10px;opacity:.75;margin-top:1px;font-weight:400}.divider{height:1px;background:#edf0f5;margin:25px 0 18px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tools button{position:relative;border:0;background:none;font-size:11px;padding:8px 0;color:#717d92;border-radius:10px}.tools b{display:block;font-size:25px;font-weight:400;margin-bottom:7px;color:#526079}.tools button[aria-pressed=true]{background:#eeebff;color:#5e48cf}.tools #noteState{position:absolute;top:0;right:0;font-size:8px;padding:2px 3px;border-radius:4px;background:#edf0f5}.new-game{background:#7461dc;color:white;border:0;border-radius:12px;box-shadow:0 4px 0 #5647b5;width:100%;padding:15px 8px;margin-top:23px;font-weight:600;font-size:14px}.new-game:hover{background:#6350c9}#message{font-size:12px;line-height:1.5;min-height:36px;text-align:center;color:#9198a7;margin-top:20px}.tip{display:flex;gap:13px;padding:24px 13px 0}.tip>span{font-size:26px;color:#af97d7}.tip strong{font-size:14px;font-weight:500}.tip p{font-size:13px;line-height:1.7;color:#8590a3;margin:7px 0 0}.keyboard{display:flex;gap:9px;margin:24px 13px 0;color:#99a0ae;font-size:12px;line-height:1.6}.keyboard strong{font-weight:500;color:#778195}footer{max-width:984px;margin:0 auto;padding:24px 0 30px;border-top:1px solid #e5e8ef;display:flex;justify-content:space-between;align-items:center;color:#99a1b0;font-size:11px}footer>span:first-child{letter-spacing:1.5px;font-size:10px}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;background:#9b83e7;border-radius:50%}.dots i:nth-child(2){background:#eea2b6}.dots i:nth-child(3){background:#efcb7f}.dots i:nth-child(4){background:#79cbbb}.dots i:nth-child(5){background:#8bb6e7}#paused{position:absolute;inset:0;background:#f0eff9f5;border-radius:20px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font-family:Outfit;font-size:27px}#paused[hidden]{display:none}#resume,dialog .confirm{background:#7461dc;color:white;border:0;padding:12px 22px;border-radius:12px;font-size:16px}dialog{border:0;border-radius:24px;padding:38px;max-width:440px;width:calc(100% - 36px);color:#344158;box-shadow:0 25px 100px #27314844}dialog::backdrop{background:#26344b66;backdrop-filter:blur(5px)}dialog h2{font-family:Outfit;font-size:28px}dialog p,dialog li{font-size:16px;line-height:1.7}dialog ul{padding-left:20px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px}.cancel{border:0;background:#ecebf5;border-radius:12px;padding:12px;margin-left:8px}.celebrate{font-size:42px} @media(min-width:1100px){aside{padding-top:41px}}@media(max-width:760px){header{height:78px;padding:0 22px}.brand{font-size:22px}.help span{display:none}.help{padding:7px 12px}main{padding:26px 20px}.intro{gap:15px;margin-bottom:24px}h1{font-size:32px}.eyebrow{font-size:10px;letter-spacing:1.5px}.intro p{font-size:13px;max-width:220px}.top-actions select{min-width:107px;padding:10px 18px 10px 10px;font-size:14px}.top-actions label{font-size:11px}.game-layout{grid-template-columns:1fr;gap:25px;max-width:520px;margin:auto}.cell{font-size:clamp(19px,5vw,28px);border-radius:6px}#board{padding:9px;gap:4px}.control-card{padding:20px}.numbers{grid-template-columns:repeat(9,1fr);gap:5px}.number{font-size:23px;border-radius:8px;padding:9px 0}.number small{display:none}.subtext{margin-bottom:16px}.tools button{font-size:13px}.tools b{font-size:27px}.divider{margin:23px 0 10px}.new-game{margin-top:16px}.tip{padding-top:20px}.keyboard{display:none}footer{margin:0 20px;gap:20px}footer>span:last-child{display:none}.mini-notes{font-size:9px;padding:1px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}