:root{--bg:#f7f3e9;--ink:#222;--muted:#666;--paper:#fff;--ok:#2e7d32;--grid:#c6bda7;--grid-bold:#8e836a;--paper-border:#e6dfcf;--paper-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 20px rgba(0,0,0,.05);--btn-bg:#fff;--btn-br:#d9d2bf;--btn-ink:#333;--btn-bg-h:#fff8e6;--btn-br-h:#cbb891;--btn-bg-a:#ffe7b3;--btn-br-a:#c79a44;--ring:#4c9ffe;--grid2-col-gap: 24px;--grid2-sep-offset: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:1120px;margin:0 auto;padding:16px}.top{display:flex;gap:12px;align-items:center;justify-content:space-between}.section{margin:24px 0}.section>h3{margin:0 0 12px}.card{background:var(--paper);border:1px solid var(--paper-border);border-radius:12px;padding:14px;box-shadow:var(--paper-shadow)}.board{background:var(--paper);border:1px solid var(--paper-border);border-radius:12px;padding:10px;overflow:auto;box-shadow:var(--paper-shadow)}.stack{display:flex;flex-direction:column;gap:12px}.stack-lg{gap:16px}.stack-sm{gap:8px}.sep-top{margin-top:12px}.sep-lg{margin-top:16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--btn-br);background:var(--btn-bg);color:var(--btn-ink);font-weight:600;box-shadow:0 1px #00000008;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .02s ease}.btn:hover{background:var(--btn-bg-h);border-color:var(--btn-br-h)}.btn:active{background:var(--btn-bg-a);border-color:var(--btn-br-a);transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn.secondary{opacity:.9}.small{color:var(--muted);font-size:13px}.board{scrollbar-width:thin;scrollbar-color:#ddd transparent}.board::-webkit-scrollbar{width:8px;height:8px}.board::-webkit-scrollbar-thumb{background:#ddd;border-radius:8px}.board::-webkit-scrollbar-track{background:transparent}.row{display:flex}.cell{width:28px;height:28px;border:1px solid var(--grid);display:flex;align-items:center;justify-content:center;background:var(--paper)}.cell.block{background:#111;color:#111}.kbd{border:1px solid #ddd;border-bottom-width:2px;border-radius:6px;padding:2px 6px;background:#fff}.solved{color:var(--ok);font-weight:700}.clue-num{position:absolute;top:2px;left:3px;font-size:9px;color:#444}.cell.focus{outline:2px solid #4c9ffe;outline-offset:-2px}.nonogram .clue-pill{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;font-size:12px;line-height:1;border-radius:999px;background:#f3efe6;border:1px solid #e4dbc7;padding:0;min-width:0}.nonogram .clue-pill.hl{background:#fff3b0;border-color:#f0d673}.crossword .card ul li:hover{background:#faf5d7;border-radius:6px}.codeword .board{padding:10px}.codeword .cell{width:32px;height:32px;font-weight:700;background:#fff}.codeword .cell .clue-num{font-size:10px;color:#666}.codeword .cell.focus{outline:2px solid #ffd24d;outline-offset:-2px}.codeword .hint{color:#2e7d32;border-color:#9ccc9c}.codeword .map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.codeword .map-btn{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer}.codeword .map-btn.sel{background:#ffe58f;border-color:#eac24a}.codeword .kbd-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:4px}.codeword .kbd-grid .btn{padding:6px 0}.codeword .kbd-actions{margin-top:6px;display:flex;gap:6px}@media print{body{background:#fff;color:#000}.toolbar,.small{display:none!important}.card,.board{border:none!important;box-shadow:none!important}.crossword .cell{border:1px solid #000!important}.clue-num{font-size:8px!important;color:#000!important}}.kakurasu .cell.xmark{background:#fff;color:#b33;font-size:16px;font-weight:700}.kakurasu .cell.clue{background:#f3efe6;color:#444}.board,.cell{border-color:var(--grid)}.nonogram .cell.l5{border-left-color:var(--grid-bold)!important}.nonogram .cell.t5{border-top-color:var(--grid-bold)!important}.nonogram .cell.rEdge{border-right-color:var(--grid-bold)!important}.nonogram .cell.bEdge{border-bottom-color:var(--grid-bold)!important}.sudoku .cell.l3{border-left-color:var(--grid-bold)!important}.sudoku .cell.t3{border-top-color:var(--grid-bold)!important}.sudoku .cell.rEdge{border-right-color:var(--grid-bold)!important}.sudoku .cell.bEdge{border-bottom-color:var(--grid-bold)!important}.nonogram .cell.l5,.nonogram .cell.t5,.sudoku .cell.l3,.sudoku .cell.t3{box-shadow:inset 0 0 0 .5px #0000000d}.kakurasu .kak-cell{width:44px;height:44px;font-size:18px}.kakurasu .kak-clue{width:44px;height:44px;background:#f3efe6;color:#444;font-size:16px;font-weight:700}@media (min-width:1200px){.kakurasu .kak-cell,.kakurasu .kak-clue{width:48px;height:48px}}.kakurasu .cell.xmark{background:#fff;color:#b33;font-size:20px;font-weight:700}.loader-center{display:flex;align-items:center;justify-content:center;min-height:120px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #d9d2bf;border-top-color:#937f4f;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progressbar{position:sticky;top:-1px;left:0;right:0;height:3px;overflow:hidden;background:transparent;border-radius:999px;margin-bottom:8px}.progressbar:before{content:"";display:block;height:100%;background:linear-gradient(90deg,transparent,#c9b88a,transparent);animation:slide 1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.grid-2{display:grid;grid-template-columns:1fr;gap:20px var(--grid2-col-gap);position:relative}@media (min-width: 960px){.grid-2{grid-template-columns:1fr 1fr;align-items:start;background-image:linear-gradient(to bottom,#e4dbc7,#e4dbc7);background-repeat:no-repeat;background-size:1px 100%;background-position:50% 0}.grid-2>.section:nth-child(odd){padding-right:12px}.grid-2>.section:nth-child(2n){padding-left:12px}.grid-2>.section:nth-child(n+3){border-top:1px dashed #e4dbc7;padding-top:16px}}@media (max-width:959.98px){.grid-2>.section+.section{border-top:1px dashed #e4dbc7;padding-top:16px}}.game.stack>.card:first-child{margin-bottom:2px}.game .toolbar{margin-top:4px}.game .board{margin-top:8px}.board.flat{box-shadow:none}.board.tight{padding:6px}.board{touch-action:none}input.btn{font-weight:600;border-radius:999px}.hr-soft{border:0;height:1px;margin:16px 0;background:linear-gradient(to right,transparent,#e4dbc7,transparent)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.visually-hidden-focusable{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:0}.visually-hidden-focusable:focus,.visually-hidden-focusable:focus-visible{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;clip-path:none;padding:8px 10px;background:#000;color:#fff;border-radius:6px;z-index:10000;white-space:normal}.visually-hidden-focusable{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;z-index:1000}.visually-hidden-focusable:focus,.visually-hidden-focusable:active{position:fixed!important;left:12px;top:12px;width:auto;height:auto;margin:0;padding:8px 10px;border:2px solid var(--ring);border-radius:8px;clip:auto;white-space:normal;background:#fff;box-shadow:0 4px 12px #0000001f}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar--scroll{flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.toolbar .spacer{flex:1 1 auto}.btn{white-space:nowrap}.btn.sm{padding:6px 10px;font-weight:600}.btn.icon{padding:6px;min-width:34px}@media (max-width:560px){.toolbar{flex-wrap:nowrap;overflow:auto}}.toolbar-primary{margin-top:4px}.toolbar-secondary{margin-top:6px;opacity:.95}.board.frame{padding:16px!important}.board.frame.tight{padding:12px!important}.puzzle-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:8px;gap:8px}.puzzle-footer .hint{margin-right:auto;color:var(--muted);font-size:13px}.toolbar--scroll{display:flex;gap:10px;flex-wrap:wrap;overflow:auto}.btn.sm{padding:6px 10px}.frame{padding:12px}.puzzle-footer{display:flex;gap:10px;align-items:center;justify-content:flex-end}.toolbar--scroll{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.toolbar--scroll .spacer{flex:1 1 auto;min-width:8px}.btn.sm{padding:7px 10px;font-size:14px}.board.frame{padding:14px}