.subeku-page{max-width:780px;margin-inline:auto;padding:0 1rem 2rem}.subeku-plays-today{text-align:center;padding-bottom:1rem;margin:0}.subeku-mode-select{margin-bottom:1.5rem}.subeku-mode-select h3{margin:0 0 1rem;font-family:Open Sans Condensed,Istok Web,system-ui,sans-serif;font-size:1.4rem;font-weight:700;color:var(--color-primary)}.subeku-difficulty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.subeku-difficulty-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;background:var(--color-base-200);border:1px solid var(--color-item-border);border-radius:12px;cursor:pointer;font-family:inherit;text-align:center;transition:border-color .12s,transform .1s}.subeku-difficulty-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.subeku-difficulty-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subeku-difficulty-name{font-size:1rem;font-weight:700;color:var(--color-primary)}.subeku-difficulty-hints{font-size:.78rem;color:var(--color-base-content);opacity:.7}.subeku-difficulty-payout{font-size:.82rem;font-weight:600;color:var(--color-base-content);margin-top:.1rem}#subeku-loading{text-align:center;padding:3rem 1rem;color:var(--color-base-content);opacity:.7}#subeku-game{display:flex;flex-direction:column;align-items:center;gap:1rem}.subeku-mat{background:color-mix(in oklch,var(--color-primary) 8%,var(--color-base-200));border:2px solid color-mix(in oklch,var(--color-primary) 30%,var(--color-base-300));border-radius:12px;padding:10px;display:inline-block;width:100%;max-width:500px;aspect-ratio:1 / 1;box-sizing:border-box}.subeku-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;height:100%;--subeku-grid-thin: color-mix(in oklch, oklch(40% .035 60) 38%, transparent);--subeku-grid-thick: color-mix(in oklch, oklch(38% .045 60) 70%, transparent);background-image:url(/games/media/subeku/parchment.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid var(--subeku-grid-thick);border-radius:4px;outline:none}.subeku-row{display:contents}.subeku-board:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 50%,transparent)}.subeku-cell{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,2.5cqi,1.1rem);font-weight:600;cursor:pointer;outline:none;background:transparent;color:transparent;transition:background-color .18s ease;border-right:1px solid var(--subeku-grid-thin);border-bottom:1px solid var(--subeku-grid-thin)}.subeku-cell:nth-child(9n){border-right:none}.subeku-row:nth-child(9) .subeku-cell{border-bottom:none}.subeku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--subeku-grid-thick)}.subeku-row:nth-child(3) .subeku-cell,.subeku-row:nth-child(6) .subeku-cell{border-bottom:2px solid var(--subeku-grid-thick)}.subeku-cell--given{color:#372414;font-weight:700;cursor:default}.subeku-cell:not(.subeku-cell--given){color:#006071;color:oklch(45% .13 215)}.subeku-cell--house:not(.subeku-cell--given):not(.subeku-cell--selected):not(.subeku-cell--same-number):not(.subeku-cell--error){background:color-mix(in oklch,var(--color-primary) 8%,transparent)}.subeku-cell--given.subeku-cell--house:not(.subeku-cell--selected):not(.subeku-cell--same-number){background:color-mix(in oklch,var(--color-primary) 8%,transparent)}.subeku-cell--same-number:not(.subeku-cell--selected):not(.subeku-cell--error){background:color-mix(in oklch,var(--color-secondary) 18%,transparent)}.subeku-cell--selected:not(.subeku-cell--error){background:color-mix(in oklch,var(--color-primary) 22%,transparent);box-shadow:inset 0 0 0 2px var(--color-primary);z-index:2}.subeku-cell--error{background:color-mix(in oklch,var(--color-error) 30%,transparent)!important;box-shadow:inset 0 0 0 2px var(--color-error)!important;z-index:3}.subeku-cell:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary)}.subeku-cell--notes{font-size:inherit}.subeku-cell-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:1px;box-sizing:border-box}.subeku-cell-notes span{display:flex;align-items:center;justify-content:center;font-size:clamp(.35rem,1.1cqi,.55rem);font-weight:600;line-height:1;color:#12333a}[data-theme=darkside] .subeku-cell--same-number:not(.subeku-cell--selected):not(.subeku-cell--error){background:color-mix(in oklch,var(--color-base-300) 70%,transparent)}[data-theme=darkside] .subeku-cell--selected:not(.subeku-cell--error){box-shadow:inset 0 0 0 2px var(--color-base-content)}[data-theme=shadowglen] .subeku-cell--selected:not(.subeku-cell--error){background:color-mix(in oklch,var(--color-primary) 30%,transparent)}[data-theme=luminaire] .subeku-cell--selected:not(.subeku-cell--error){background:color-mix(in oklch,var(--color-primary) 32%,transparent)}[data-theme=luminaire] .subeku-cell--same-number:not(.subeku-cell--selected):not(.subeku-cell--error){background:color-mix(in oklch,var(--color-secondary) 24%,transparent)}@keyframes subeku-place{0%{transform:scale(1.35);opacity:.6}60%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}@keyframes subeku-hint{0%{transform:scale(.75);opacity:.5}65%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes subeku-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes subeku-complete{0%{background-color:transparent}30%{background-color:color-mix(in oklch,var(--color-primary) 22%,transparent)}to{background-color:transparent}}@keyframes subeku-solve{0%{background-color:transparent}35%{background-color:color-mix(in oklch,var(--color-primary) 28%,transparent)}to{background-color:transparent}}.subeku-cell--just-entered{animation:subeku-place .22s cubic-bezier(.34,1.56,.64,1) both}.subeku-cell--hint-revealed{animation:subeku-hint .3s cubic-bezier(.34,1.45,.64,1) both}.subeku-cell--shake{animation:subeku-shake .3s ease both}.subeku-cell--unit-complete{animation:subeku-complete .7s ease both}.subeku-cell--solve-wave{animation:subeku-solve .6s ease var(--cell-delay, 0ms) both}.subeku-pad-btn--done{opacity:.38;border-color:transparent;pointer-events:none;cursor:default}.subeku-check-msg{visibility:hidden;opacity:0;padding:.5rem 1rem;background:color-mix(in oklch,var(--color-error) 12%,var(--color-base-200));border:1px solid var(--color-error);border-radius:8px;color:var(--color-base-content);font-size:.875rem;text-align:center;max-width:500px;width:100%;transition:opacity .15s}.subeku-check-msg--visible{visibility:visible;opacity:1}.subeku-pad{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:500px}.subeku-pad-digits{display:grid;grid-template-columns:repeat(9,1fr);gap:.35rem}.subeku-pad-actions{display:flex;gap:.5rem;justify-content:center}.subeku-pad-btn{min-height:48px;min-width:48px;padding:.4rem .5rem;background:var(--color-base-100);border:1px solid var(--color-item-border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;color:var(--color-base-content);transition:border-color .12s,transform .1s;display:flex;align-items:center;justify-content:center}.subeku-pad-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px)}.subeku-pad-btn:active:not(:disabled){transform:translateY(1px);transition:transform .06s ease}.subeku-pad-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subeku-pad-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.subeku-pad-btn--active{background:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.subeku-pad-btn--active:hover:not(:disabled){opacity:.85;transform:translateY(-2px)}#subeku-erase-btn,#subeku-undo-btn{min-width:80px;font-size:.85rem}#subeku-notes-btn{min-width:120px;font-size:.85rem}.subeku-game-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:500px}#subeku-hint-btn,#subeku-check-btn,#subeku-new-game-btn{padding:.5rem 1.25rem;font-size:.9rem}#subeku-check-btn{background:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}#subeku-check-btn:hover:not(:disabled){opacity:.85;transform:translateY(-2px)}#subeku-win{width:100%;max-width:500px}.subeku-win-card{background:var(--card-gradient);border:1px solid var(--color-item-border);border-radius:12px;padding:2rem 1.5rem;text-align:center}.subeku-win-title{font-family:Open Sans Condensed,Istok Web,system-ui,sans-serif;font-size:2rem;font-weight:700;color:var(--color-primary);margin:0 0 1rem}.subeku-win-msg{font-size:1rem;line-height:1.5;margin:0 0 1rem;white-space:pre-line}.subeku-win-plays-left{font-size:.8rem;opacity:.7;margin:0 0 1.25rem}#subeku-play-again-btn{display:inline-block;padding:.6rem 2rem;background:var(--color-primary);color:var(--color-primary-content);border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s;margin-bottom:.5rem}#subeku-play-again-btn:hover:not(:disabled){opacity:.85}#subeku-play-again-btn:focus-visible{outline:2px solid var(--color-primary-content);outline-offset:3px}#subeku-play-again-btn:disabled{opacity:.4;cursor:not-allowed}.subeku-howto{margin-top:1.5rem;margin-bottom:1.5rem}.subeku-howto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.subeku-howto-step{display:flex;gap:.75rem;padding:.75rem;background:var(--color-base-200);border-radius:8px}.subeku-howto-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-content);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.subeku-howto-step strong{display:block;font-size:.9rem;margin-bottom:.25rem;color:var(--color-base-content)}.subeku-howto-step p{margin:0;font-size:.8rem;line-height:1.4;color:var(--color-base-content);opacity:.75}@media(min-width:700px){#subeku-game{flex-direction:row;align-items:flex-start;justify-content:center;gap:1.25rem}.subeku-mat{flex:0 0 auto;width:440px;height:440px;max-width:none;aspect-ratio:auto}.subeku-game-right{flex:1 1 auto;display:flex;flex-direction:column;gap:.75rem;min-width:180px;max-width:260px;padding-top:0}.subeku-pad-digits{grid-template-columns:repeat(3,1fr)}.subeku-pad-actions{flex-direction:column}#subeku-notes-btn,#subeku-erase-btn,#subeku-undo-btn{width:100%;min-width:0}.subeku-game-actions{flex-direction:column;max-width:none}#subeku-hint-btn,#subeku-check-btn,#subeku-new-game-btn{width:100%}#subeku-check-msg{max-width:440px}}@media(max-width:699px){.subeku-mat{width:100%;aspect-ratio:1 / 1;padding:8px}.subeku-pad-digits{grid-template-columns:repeat(9,1fr)}.subeku-pad-digits .subeku-pad-btn{min-width:0;min-height:44px;font-size:.9rem;padding-inline:.2rem}.subeku-pad-btn{min-height:44px;font-size:.9rem}.subeku-howto-grid{grid-template-columns:1fr}#subeku-game{align-items:stretch}.subeku-game-right{width:100%}}@media(prefers-reduced-motion:reduce){.subeku-difficulty-card,.subeku-pad-btn,.subeku-cell,#subeku-play-again-btn,#subeku-check-btn,.subeku-check-msg{transition:none}.subeku-cell--just-entered,.subeku-cell--hint-revealed,.subeku-cell--shake,.subeku-cell--unit-complete,.subeku-cell--solve-wave{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}