*{box-sizing:border-box}body{margin:0;background:#f7f8f6;color:#202622;font:15px/1.5 system-ui}header,main{max-width:1160px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:clamp(30px,5vw,44px);margin:0;letter-spacing:-.04em}p{color:#647068}a{color:#27533b}button,select{font:600 12px system-ui;min-height:42px;border:1px solid #dfe4df;border-radius:5px;padding:9px 12px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #167ec2;outline-offset:2px}#player{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;background:white;border:1px solid #dfe4df;border-radius:8px;margin:24px 0;padding:16px}.toolbar,.buttons,.stats,.bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.toolbar strong{font-size:18px}.stats{font-size:12px}.stats strong{font-size:16px}#status{font-size:13px;font-weight:600;margin:0;min-height:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;min-height:0}.arena{height:610px;min-height:0;min-width:0;position:relative;display:grid;place-items:center;container-type:size}#board{width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));border:2px solid #34483b;background:#fff}#board .cell{position:relative;min-width:0;min-height:0;border:0;border-right:1px solid #d9e1d7;border-bottom:1px solid #d9e1d7;border-radius:0;padding:0;background:white!important;color:#2e6497!important;font-size:clamp(15px,3.2vmin,32px);font-weight:500;display:grid;place-items:center}#board .cell.box-right{border-right:2px solid #34483b}#board .cell.box-bottom{border-bottom:2px solid #34483b}#board .cell.given{font-weight:750;color:#202622!important}#board .cell.related{background:#f0f3ed!important}#board .cell.match{background:#dcead4!important}#board .cell.selected{background:#c7ddc0!important;box-shadow:inset 0 0 0 2px #27533b;z-index:1}#board .cell.error{color:#ad292d!important;background:#fce6e4!important}#board .cell:focus-visible{outline:3px solid #177ebd;outline-offset:-3px;z-index:2}.pencil{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:90%;height:90%;font-size:clamp(7px,1.2vmin,12px);color:#677566;line-height:1}.pencil span{display:grid;place-items:center}aside{min-height:0;overflow:auto}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}#keypad button{min-height:52px;font-size:23px;background:#f1f4ee!important;color:#27533b!important}.actions button[aria-pressed=true]{background:#202622!important;color:white!important}.help,.bottom{font-size:11px}.guide{margin:30px 0}.guide h2{font-size:23px}footer{padding:24px 0}#veil{position:absolute;inset:0;background:#fffffff5;display:grid;place-items:center;text-align:center;z-index:5;padding:20px}#veil h2{color:#202622!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}html.sudoku-full,html.sudoku-full body{overflow:hidden}#player:is(:fullscreen,:-webkit-full-screen,.expanded){position:fixed;inset:0;width:100%;height:100dvh;z-index:100;margin:0;border:0;border-radius:0;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:6px}#player:is(:fullscreen,:-webkit-full-screen,.expanded) .arena{height:100%}#player:is(:fullscreen,:-webkit-full-screen,.expanded) .workspace{overflow:hidden}#player:is(:fullscreen,:-webkit-full-screen,.expanded) aside{max-height:100%;overflow:auto}@media(max-width:760px){main{padding:12px}#player{padding:10px}.toolbar strong{display:none}.buttons{justify-content:center;width:100%;gap:5px}.buttons button,.buttons select{font-size:11px;padding:7px}.workspace{grid-template-columns:1fr}.arena{height:min(94vw,600px)}aside{overflow:visible}#keypad{display:flex;gap:3px;margin:10px 0}#keypad button{min-width:0;flex:1;padding:3px;min-height:44px;font-size:20px}.actions{grid-template-columns:repeat(3,1fr)}#player:is(:fullscreen,:-webkit-full-screen,.expanded) .workspace{grid-template-rows:minmax(0,1fr) minmax(110px,24%)}#player:is(:fullscreen,:-webkit-full-screen,.expanded) .help{display:none}}@media(max-height:500px) and (orientation:landscape){#player:is(:fullscreen,:-webkit-full-screen,.expanded) .workspace{grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr)}#player .buttons button,#player .buttons select{min-height:30px;padding:4px 8px}#player .bottom{display:none}#player:is(:fullscreen,:-webkit-full-screen,.expanded){grid-template-rows:auto auto auto minmax(0,1fr)}#keypad{display:grid;grid-template-columns:repeat(3,1fr)}#keypad button{min-height:33px}.help{display:none}}