:root{--pj-accent: #4ade80;--pj-accent-bg: rgba(74,222,128,.15)}#grid{display:grid;grid-template-columns:52px 24px 52px 24px 52px 24px 52px 8px 20px 52px;grid-template-rows:52px 24px 52px 24px 52px 24px 52px 8px 20px 52px;gap:2px}.qm-cell{display:flex;align-items:center;justify-content:center;border-radius:7px;font-weight:700;transition:background .1s,transform .08s}.qm-num{font-size:22px;border:2px solid transparent;position:relative}.qm-fixed{background:var(--pj-surface2, #252640);color:#a0e8c0;border-color:#344060;cursor:default}.qm-hidden{background:#ffffff0a;color:transparent;cursor:pointer;border-color:transparent}.qm-hidden:hover{background:#60d0a01f}.qm-filled{background:#60d0a026;color:#80e8b8;border-color:#60d0a040}.qm-filled:hover{background:#60d0a040}.qm-selected{border-color:#60d0a0!important;transform:scale(1.07);z-index:2;background:#60d0a033!important;color:#a0f0c8!important}.qm-error{background:#f0646438!important;color:#f07070!important;border-color:#f0646480!important;animation:qm-shake .22s ease}.qm-correct{background:#50c87838!important;color:#60e090!important;border-color:#50c87880!important}@keyframes qm-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.qm-op{font-size:22px;font-weight:900;color:#5878a0;background:transparent}.qm-eq{font-size:18px;font-weight:800;color:#4a6080;background:transparent}.qm-empty{background:transparent}.qm-res{background:var(--pj-surface2, #1e2035);border:1px solid #2c3558;border-radius:7px}.qm-res .res-val{font-size:15px;font-weight:800;color:#9ab0d8;letter-spacing:-.5px}.qm-hint-placed{animation:hint-flash 1.2s ease}@keyframes hint-flash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 4px #f9d342,0 0 14px #f9d34255}}.qm-penalty-flash{animation:penalty-shake .4s ease}@keyframes penalty-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}@media(max-width:520px){#grid{grid-template-columns:42px 19px 42px 19px 42px 19px 42px 5px 16px 42px;grid-template-rows:42px 19px 42px 19px 42px 19px 42px 5px 16px 42px;gap:2px}#grid-container{padding:7px}.qm-num,.qm-op{font-size:18px}.qm-eq{font-size:14px}.qm-res .res-val{font-size:13px}}@media(max-width:400px){#grid{grid-template-columns:35px 16px 35px 16px 35px 16px 35px 4px 14px 35px;grid-template-rows:35px 16px 35px 16px 35px 16px 35px 4px 14px 35px}.qm-num,.qm-op{font-size:15px}.qm-res .res-val{font-size:11px}}