html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:100%}@media only screen and (min-width:768px){html{font-size:100%}}@media only screen and (min-width:1200px){html{font-size:62.5%}}@media only screen and (min-width:1400px){html{font-size:75%}}@media only screen and (min-width:1920px){html{font-size:100%}}body{color:#eef0f3;height:100%;min-height:100vh;background:#141518;min-height:100dvh;font-family:Montserrat,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{height:100%;min-height:100vh;min-height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}*{box-sizing:border-box}.page-shell{width:100%;height:100%;min-height:100vh;justify-content:center;align-items:stretch;min-height:100dvh;margin:0 auto;padding:.375rem;display:flex;overflow:hidden}@media only screen and (min-width:768px){.page-shell{padding:.5rem}}@media only screen and (min-width:1200px){.page-shell{padding:.75rem}}.page-shell>.nono-root,.page-shell>.size-directory,.page-shell>.print-page{width:100%}.size-directory{align-content:center;gap:1.5rem;display:grid}.size-directory__title{letter-spacing:.02em;font-size:1.75rem;font-weight:700}.size-directory__subtitle{opacity:.7;margin-top:-.75rem;font-size:1rem;font-weight:400}.size-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media only screen and (min-width:768px){.size-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (min-width:1200px){.size-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.size-directory__grid--difficulty{grid-template-columns:1fr;max-width:20rem;margin:0 auto}@media only screen and (min-width:768px){.size-directory__grid--difficulty{grid-template-columns:repeat(2,minmax(0,1fr));max-width:28rem}}@media only screen and (min-width:1200px){.size-directory__grid--difficulty{grid-template-columns:repeat(4,minmax(0,1fr));max-width:48rem}}.size-directory__link{color:#1a1a1a;background:#f2f4f7;border:.0625rem solid #d0d4da;border-radius:.75rem;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .12s,border-color .12s,transform .12s,box-shadow .12s;display:flex}.size-directory__link:hover{background:#e7ebf1;border-color:#2d7df6;transform:translateY(-.0625rem);box-shadow:0 .5rem 1.5rem #2d7df61f}.size-directory__link--easy{border-left:.1875rem solid #4caf50}.size-directory__link--medium{border-left:.1875rem solid #2196f3}.size-directory__link--hard{border-left:.1875rem solid #ff9800}.size-directory__link--expert{border-left:.1875rem solid #f44336}.size-directory__tools{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.size-directory__solver-link{color:#1a1a1a;background:0 0;border:.0625rem dashed #d0d4da;border-radius:.75rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .12s,border-color .12s;display:inline-flex}.size-directory__solver-link:hover{background:#e7ebf1;border-style:solid;border-color:#2d7df6}@media (prefers-color-scheme:dark){.size-directory__solver-link{color:#eef0f3;border-color:#343c48}.size-directory__solver-link:hover{background:#222935;border-color:#4c92ff}}.size-directory__back{opacity:.6;font-size:.875rem;transition:opacity .12s;display:inline-block}.size-directory__back:hover{opacity:1}@media (prefers-color-scheme:dark){.size-directory__link{color:#eef0f3;background:#1b2028;border-color:#343c48}.size-directory__link:hover{background:#222935;border-color:#4c92ff}.size-directory__link--easy{border-left-color:#66bb6a}.size-directory__link--medium{border-left-color:#42a5f5}.size-directory__link--hard{border-left-color:#ffa726}.size-directory__link--expert{border-left-color:#ef5350}}.nono-root{--bg:#fff;--fg:#1a1a1a;--muted:#666;--cell-bg:#fff;--cell-hover:#f3f5f8;--cell-filled:#1a1a1a;--cell-x:#8a8a8a;--grid-line:#d0d4da;--grid-line-thick:#666;--highlight:#eaf1fb;--clue-bg:transparent;--clue-done:#bcbcbc;--btn-bg:#f3f4f6;--btn-bg-hover:#e7e9ec;--btn-fg:#1a1a1a;--btn-border:#d0d4da;--error-bg:#e74c3c59;--win-bg:#fffffff5;--accent:#2d7df6;--cell-size:1.5rem;--clue-slot:1.375rem;--clue-font:.6875rem;--row-clue-width:6rem;--col-clue-height:6rem;color:var(--fg);background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;width:100%;height:100%;min-height:0;padding:.125rem;font-family:Montserrat,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}@media only screen and (min-width:768px){.nono-root{gap:.25rem;padding:.2rem}}@media only screen and (min-width:1200px){.nono-root{padding:.25rem}}.nono-root.size-5 .nono-board{grid-template-columns:var(--row-clue-width) repeat(5, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(5, var(--cell-size))}.nono-root.size-6 .nono-board{grid-template-columns:var(--row-clue-width) repeat(6, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(6, var(--cell-size))}.nono-root.size-8 .nono-board{grid-template-columns:var(--row-clue-width) repeat(8, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(8, var(--cell-size))}.nono-root.size-10 .nono-board{grid-template-columns:var(--row-clue-width) repeat(10, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(10, var(--cell-size))}.nono-root.size-12 .nono-board{grid-template-columns:var(--row-clue-width) repeat(12, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(12, var(--cell-size))}.nono-root.size-15 .nono-board{grid-template-columns:var(--row-clue-width) repeat(15, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(15, var(--cell-size))}.nono-root.size-20 .nono-board{grid-template-columns:var(--row-clue-width) repeat(20, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(20, var(--cell-size))}.nono-root.size-25 .nono-board{grid-template-columns:var(--row-clue-width) repeat(25, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(25, var(--cell-size))}.nono-root.size-30 .nono-board{grid-template-columns:var(--row-clue-width) repeat(30, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(30, var(--cell-size))}.nono-root.dark{--bg:#141518;--fg:#eef0f3;--muted:#9aa0a8;--cell-bg:#1d2026;--cell-hover:#2a2f37;--cell-filled:#eef0f3;--cell-x:#6e747d;--grid-line:#3a3f47;--grid-line-thick:#828892;--highlight:#24324a;--clue-done:#565b63;--btn-bg:#2a2d33;--btn-bg-hover:#373a41;--btn-fg:#eef0f3;--btn-border:#3a3f47;--win-bg:#141518f5;--accent:#4c92ff}@media (prefers-color-scheme:dark){.nono-root.auto{--bg:#141518;--fg:#eef0f3;--muted:#9aa0a8;--cell-bg:#1d2026;--cell-hover:#2a2f37;--cell-filled:#eef0f3;--cell-x:#6e747d;--grid-line:#3a3f47;--grid-line-thick:#828892;--highlight:#24324a;--clue-done:#565b63;--btn-bg:#2a2d33;--btn-bg-hover:#373a41;--btn-fg:#eef0f3;--btn-border:#3a3f47;--win-bg:#141518f5;--accent:#4c92ff}}.nono-header{width:min(100%,var(--board-width,100%));flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-self:center;align-items:center;gap:.25rem;display:grid}.nono-header__slot{align-items:center;min-width:0;display:flex}.nono-header__slot--left{justify-content:flex-start}.nono-header__slot--center{justify-content:center}.nono-header__slot--right{justify-content:flex-end}.nono-label{letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-size:1rem;font-weight:700}.nono-stat{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:1rem}.nono-timer{color:var(--fg);margin-left:.125rem;font-weight:500}.nono-board{background:var(--cell-bg);border:.125rem solid var(--grid-line-thick);width:min(100%,var(--board-width));max-width:100%;font-size:var(--clue-font);touch-action:manipulation;box-sizing:border-box;flex-shrink:0;align-self:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.nono-corner{background:var(--bg);border-right:.125rem solid var(--grid-line-thick);border-bottom:.125rem solid var(--grid-line-thick)}.nono-col-clue,.nono-row-clue{color:var(--fg);font-variant-numeric:tabular-nums;background:var(--clue-bg);gap:.125rem;line-height:1;transition:color .15s,background .15s;display:flex}.nono-col-clue{min-height:var(--col-clue-height);border-right:.0625rem solid var(--grid-line);border-bottom:.125rem solid var(--grid-line-thick);flex-direction:column;justify-content:flex-end;align-items:center;padding:0 0 .0625rem}.nono-row-clue{min-width:var(--row-clue-width);border-right:.125rem solid var(--grid-line-thick);border-bottom:.0625rem solid var(--grid-line);flex-direction:row;justify-content:flex-end;align-items:center;padding:0 .0625rem 0 0}.nono-col-clue.thick-right{border-right-width:.125rem;border-right-color:var(--grid-line-thick)}.nono-row-clue.thick-bottom{border-bottom-width:.125rem;border-bottom-color:var(--grid-line-thick)}.nono-col-clue.is-hover,.nono-row-clue.is-hover{background:var(--highlight)}.nono-col-clue.is-done .nono-clue-num,.nono-row-clue.is-done .nono-clue-num{color:var(--clue-done);text-decoration:line-through}.nono-clue-num{padding:0}.nono-col-clue .nono-clue-num:last-child{margin-bottom:.0625rem}.nono-row-clue .nono-clue-num:last-child{margin-right:.0625rem}.nono-cell{width:var(--cell-size);height:var(--cell-size);background:var(--cell-bg);border-right:.0625rem solid var(--grid-line);border-bottom:.0625rem solid var(--grid-line);cursor:pointer;justify-content:center;align-items:center;transition:background-color 80ms linear;display:flex;position:relative}.nono-cell.thick-right{border-right-width:.125rem;border-right-color:var(--grid-line-thick)}.nono-cell.thick-bottom{border-bottom-width:.125rem;border-bottom-color:var(--grid-line-thick)}.nono-cell:hover{background:var(--cell-hover)}.nono-cell.is-highlight:not(.is-filled){background:var(--highlight)}.nono-cell.is-filled{background:var(--cell-filled)}.nono-cell.is-marked .nono-x{color:var(--cell-x);pointer-events:none;font-size:.8em;font-weight:600;line-height:1}.nono-cell.is-error:after{content:"";background:var(--error-bg);pointer-events:none;border-radius:.125rem;position:absolute;inset:.1875rem}.nono-controls{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-self:stretch;gap:.25rem;width:100%;margin-top:.25rem;padding:0 .5rem;display:flex}@media only screen and (min-width:768px){.nono-controls{align-self:center;width:fit-content;padding:0}}.nono-controls button{background:var(--btn-bg);min-height:2.75rem;color:var(--btn-fg);border:.0625rem solid var(--btn-border);cursor:pointer;border-radius:.375rem;flex:1;margin:0;padding:.4rem .75rem;font-size:1rem;transition:background-color .12s,border-color .12s,opacity .12s}@media only screen and (min-width:768px){.nono-controls button{flex:0 auto;min-width:7rem}}.nono-controls button:hover:not(:disabled){background:var(--btn-bg-hover)}.nono-controls button:disabled{opacity:.45;cursor:not-allowed}.nono-controls button.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.nono-overlay,.nono-win{pointer-events:auto;z-index:2;justify-content:center;align-items:center;padding:.5rem;animation:.3s nono-fade-in;display:flex;position:absolute;inset:0}.nono-overlay-card,.nono-win-card{background:var(--win-bg);border:.0625rem solid var(--grid-line);text-align:center;pointer-events:auto;border-radius:.75rem;flex-direction:column;gap:.75rem;min-width:min(18rem,100% - 1rem);padding:1.125rem 1.5rem;display:flex;box-shadow:0 .625rem 1.875rem #00000026}.nono-win-title{margin-bottom:0;font-size:1.5rem;font-weight:700}.nono-win-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}.nono-win-ok{background:var(--accent);color:#fff;border:.0625rem solid var(--accent);cursor:pointer;border-radius:.5rem;min-width:6rem;min-height:2.5rem;margin:0 auto;padding:.5rem 1rem;font-size:1rem;font-weight:700}.nono-win-ok:hover:not(:disabled){filter:brightness(1.05)}.nono-win-ok:disabled{opacity:.5;cursor:not-allowed}.nono-confirm-card{min-width:min(20rem,100% - 1rem)}.nono-confirm-title{text-align:center;font-size:1.25rem;font-weight:700}.nono-confirm-message{color:var(--muted);text-align:center;font-size:1rem}.nono-confirm-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.nono-confirm-actions button{cursor:pointer;border:.0625rem solid var(--btn-border);border-radius:.5rem;min-width:7rem;min-height:2.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:600}.nono-confirm-cancel{background:var(--btn-bg);color:var(--btn-fg)}.nono-confirm-cancel:hover{background:var(--btn-bg-hover)}.nono-confirm-submit{background:var(--accent);color:#fff;border-color:var(--accent)}.nono-confirm-submit:hover{filter:brightness(1.05)}@keyframes nono-fade-in{0%{opacity:0}to{opacity:1}}