@font-face{font-family:system;src:local('Inter')}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182344;font-family:system,Arial,sans-serif;font-size:16px}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f2a62c;outline-offset:3px}header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 44px;border-bottom:1px solid #dce1ec}.brand{text-decoration:none;color:#172447;font-size:30px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-dot{color:#234bdc;margin-left:-10px}.brand-icon{font-size:34px;color:#234bdc}.quiet{border:0;background:none;font-size:14px;color:#52607a}main{max-width:1120px;margin:auto;padding:38px 44px 0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:#65728b;margin:0 0 12px}h1{font-size:44px;letter-spacing:-1.8px;margin:0;font-weight:650}.edition{font-size:11px;letter-spacing:1.4px;color:#7b8499;padding-bottom:8px}.workspace{display:grid;grid-template-columns:minmax(0,560px) minmax(260px,320px);gap:60px;justify-content:space-between}.board-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}#level-label{color:#2549c7;background:#e8edff;border-radius:5px;padding:7px 12px;font-weight:600}.muted{color:#7d869a}.timer{border:0;background:none;color:#52607a;font-variant-numeric:tabular-nums}.board-wrap{position:relative}#board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:2px solid #263a65;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 12px 35px #1e36520a}.cell{min-width:0;border:0;border-right:1px solid #d8dfeb;border-bottom:1px solid #d8dfeb;border-radius:0;background:#fff;color:#2b53d6;font-size:clamp(19px,2.5vw,30px);padding:0;position:relative;font-weight:450}.cell.given{color:#26344e;font-weight:600}.cell.box-right{border-right:2px solid #263a65}.cell.box-bottom{border-bottom:2px solid #263a65}.cell.related{background:#f0f4fc}.cell.same{background:#e0e9ff;color:#183bce}.cell.selected{background:#cbdcff;box-shadow:inset 0 0 0 2px #365bd2;z-index:1}.cell.conflict{color:#bd2940;background:#fff0f1}.cell.checked{box-shadow:inset 0 0 0 2px #bd2940}.pencil{display:grid;grid-template-columns:repeat(3,1fr);height:100%;align-items:center;padding:3px;font-size:clamp(9px,1.1vw,12px);font-weight:500;color:#526788}.board-caption{display:flex;justify-content:space-between;font-size:12px;color:#7b869d;margin-top:15px}.panel-heading{display:flex;justify-content:space-between;align-items:center;height:44px}.panel-heading .eyebrow{margin:0}.small-grid{color:#91a2cb;font-size:28px}.difficulty{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px;font-size:14px}.difficulty label{color:#65718a}select{border:0;background:transparent;color:#223552;font-weight:600;padding:8px}.primary{background:#224bd4;color:#fff;border:0;border-radius:8px;padding:16px 20px;font-weight:600}.primary:hover{background:#173bbd}#new{width:100%;display:flex;justify-content:space-between}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:25px 0}.tools button{position:relative;background:none;border:0;color:#596884;font-size:12px;padding:0}.tools button>span{display:block;font-size:25px;color:#334968;margin-bottom:9px}.tools button[aria-pressed=true]{color:#1944c7}.tools button[aria-pressed=true]>span{color:#1944c7}small{font-size:9px;background:#e1e6f0;padding:2px;border-radius:2px}#keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#keypad button{border:1px solid #e0e6f1;border-radius:8px;background:#eaf0fc;color:#264ac0;font-size:29px;height:63px}#keypad button:hover{background:#dbe6ff}.check{width:100%;display:flex;justify-content:space-between;background:white;border:1px solid #dce2ed;border-radius:7px;color:#506080;padding:13px 18px;margin-top:18px;font-size:14px}#status{font-size:14px;color:#5d6e8e;line-height:1.5;min-height:42px;margin:14px 0}.keyboard-help{border-top:1px solid #dde3ee;padding-top:18px}.keyboard-help .eyebrow{font-size:10px}.keyboard-help p{font-size:12px;color:#7a869d;line-height:2.1;margin:5px 0}kbd{font:inherit;color:#4c5c7c}footer{margin-top:38px;border-top:1px solid #dde3ee;padding:23px 0;display:flex;justify-content:space-between;color:#8893a7;font-size:12px}#pause-cover{position:absolute;inset:0;background:#edf2fd;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #263a65;border-radius:6px;text-align:center}#pause-cover[hidden],[hidden]{display:none!important}dialog{border:1px solid #dbe2f0;border-radius:14px;padding:30px;max-width:440px;width:calc(100% - 32px);color:#243657}dialog::backdrop{background:#15244570;backdrop-filter:blur(3px)}dialog p{line-height:1.7}.dialog-actions{display:flex;gap:10px;justify-content:end;margin-top:22px}.dialog-actions button:not(.primary){background:#edf1fa;border:0;border-radius:8px;padding:12px}#warning{background:#fff1d8;padding:16px;border-radius:8px;margin-bottom:20px;color:#754b08}#update{margin-bottom:16px;padding:12px;border:1px solid #244bcc;border-radius:6px;color:#244bcc;background:white}@media(max-width:800px){header{padding:18px 24px}main{padding:28px 24px 0}.workspace{gap:28px;grid-template-columns:minmax(0,1fr) 260px}h1{font-size:36px}.edition{display:none}#keypad button{height:52px}.keyboard-help{display:none}.tools{margin:18px 0}.cell{font-size:24px}}@media(max-width:650px){main{max-width:510px;padding:24px 18px 0}.heading{margin-bottom:24px}h1{font-size:34px}.workspace{display:block}.board-caption{margin-bottom:20px}aside{padding-bottom:8px}.panel-heading{display:none}.difficulty{margin:0 0 12px}.tools{margin:20px 0}#keypad{grid-template-columns:repeat(9,1fr);gap:4px}#keypad button{font-size:23px;height:48px;border-radius:5px}.check{margin-top:15px}footer{margin-top:10px}footer span:last-child{display:none}.pencil{font-size:10px}.cell{font-size:25px}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s}}
/* Keep empty and pencil-note rows the same height as filled rows. */
#board{grid-template-rows:repeat(9,minmax(0,1fr))}

#loading-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#234d38 0%,#101814 70%);padding:24px;text-align:center}#loading-screen[hidden]{display:none}.loading-brand{position:relative;isolation:isolate}.loading-brand img{width:90px;height:120px;object-fit:contain;border:2px solid #e6ce86;border-radius:20px;box-shadow:0 8px 30px #0005;animation:brand-float 3s ease-in-out infinite}.company-name{margin:22px 0 8px;color:#f0d060;font-size:clamp(28px,6vw,36px);font-weight:700;letter-spacing:1px}.loading-game{margin:0;color:#eef4ec;font-size:17px;letter-spacing:2px}.loading-caption{font-size:12px;color:#adc0b1;margin-top:14px}.loading-dots{display:flex;justify-content:center;gap:7px;margin-top:28px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:#f0d060;animation:loading-pulse 1.5s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-bubbles{position:absolute;inset:-40px;z-index:-1;pointer-events:none}.loading-bubbles span{position:absolute;border:1px solid #d7edda25;border-radius:50%;width:60px;height:60px;top:30px;left:0;animation:brand-float 4s ease-in-out infinite}.loading-bubbles span:nth-child(2){width:28px;height:28px;left:auto;right:12px;top:110px;animation-delay:-1s}.loading-bubbles span:nth-child(3){width:40px;height:40px;left:25px;top:auto;bottom:22px;animation-delay:-2s}@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes loading-pulse{0%,100%{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-brand img,.loading-dots span,.loading-bubbles span{animation:none}}