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}:root{--color-bg:#fff8e8;--color-bg-soft:#fff3d6;--color-bg-softest:#f8ebcb;--color-panel:#fffdf5;--color-panel-warm:#fff8ea;--color-border:#e9d4af;--color-border-strong:#ddbf8e;--color-text:#5a351f;--color-text-muted:#8a684b;--color-green:#7fcc45;--color-green-dark:#5fae38;--color-green-soft:#7fcc4538;--color-blue:#8dccff;--color-blue-dark:#2f7cc8;--color-gold:#ffc83d;--color-gold-dark:#f5a623;--color-grid-empty:#fffdf6;--color-grid-empty-alt:#f8f1e3;--color-grid-filled:#252c3a;--color-grid-filled-soft:#303747;--color-grid-line:#ddd2be;--color-grid-line-strong:#cdb58d;--color-grid-x:#b7aaa0;--shadow-soft:0 .5rem 1.25rem #5a351f1f;--shadow-card:0 .875rem 2.25rem #5a351f29;--radius-card:1.5rem;--radius-button:1rem}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{background:radial-gradient(circle at top left, #ffffffb8, transparent 34%),radial-gradient(circle at bottom right, #7fcc4524, transparent 28%),linear-gradient(180deg, var(--color-bg), var(--color-bg-soft) 52%, var(--color-bg-softest));height:100%;min-height:100vh;min-height:100dvh;color:var(--color-text);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{isolation:isolate;width:100%;height:100%;min-height:100vh;background:radial-gradient(circle at top,#ffffffa6,#0000 24rem),linear-gradient(#fffdf5c7,#fff8e870);justify-content:center;align-items:stretch;min-height:100dvh;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden}.page-shell--scroll{align-items:flex-start;padding-top:1rem;padding-bottom:1.5rem;overflow:hidden auto}.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(3,minmax(0,1fr));max-width:36rem}}.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__link--extreme{border-left:.1875rem solid #9c27b0}.size-directory__link--evil{border-left:.1875rem solid #880e4f}.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}.page-shell:before,.page-shell:after{content:"";pointer-events:none;z-index:0;border-radius:999rem;position:absolute;inset:auto}.page-shell:before{background:radial-gradient(circle,#fffc,#fff0);width:14rem;height:14rem;top:-4rem;left:-3rem}.page-shell:after{background:radial-gradient(circle,#7fcc452e,#7fcc4500);width:18rem;height:18rem;bottom:-6rem;right:-6rem}.page-shell>*{z-index:1;position:relative}.color-browser{align-content:start;gap:1.25rem;width:min(100%,72rem);margin:0 auto}.color-browser__hero{z-index:1;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:linear-gradient(#141518fa,#141518f0),radial-gradient(circle at 0 0,#4c92ff24,#0000 55%);border:.0625rem solid #ffffff14;border-radius:1rem;gap:.5rem;margin:-.25rem 0 0;padding:1rem 1rem 1.125rem;display:grid;position:sticky;top:0}.color-browser__categories{gap:1rem;display:grid}.color-category{background:#ffffff0a;border:.0625rem solid #ffffff14;border-radius:1rem;gap:.875rem;padding:1rem;display:grid}.color-category__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.color-category__title{letter-spacing:.01em;font-size:1.125rem;font-weight:700}.color-category__count{color:#9fc0ff;text-align:center;background:#4c92ff29;border-radius:999rem;flex:none;min-width:2rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:700}.color-category__grid{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media only screen and (min-width:1200px){.color-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-card{color:#eef0f3;background:#ffffff0a;border:.0625rem solid #ffffff14;border-radius:.875rem;gap:.375rem;min-height:4.5rem;padding:.875rem 1rem;transition:background-color .12s,border-color .12s,transform .12s,box-shadow .12s;display:grid}.color-card:hover{background:#4c92ff1f;border-color:#4c92ff;transform:translateY(-.0625rem);box-shadow:0 .75rem 1.75rem #00000038}.color-card__name{font-size:1rem;font-weight:700;line-height:1.25}.color-card__meta{color:#eef0f3b8;font-size:.875rem}.color-browser__back{padding-left:.125rem}@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}.size-directory__link--extreme{border-left-color:#ba68c8}.size-directory__link--evil{border-left-color:#ad1457}}.nono-root{--scene-bg-image:url(/static/image/background_mobile.dc83395a97.avif);--bg:linear-gradient(180deg, #fffdf5eb, #fff8ead1);--fg:var(--color-text);--muted:var(--color-text-muted);--panel:#fffdf5eb;--panel-alt:#fff8ea;--panel-strong:#fff6df;--cell-bg:var(--color-grid-empty);--cell-hover:var(--color-grid-empty-alt);--cell-filled:linear-gradient(180deg, var(--color-grid-filled-soft), var(--color-grid-filled));--cell-x:var(--color-grid-x);--grid-line:var(--color-grid-line);--grid-line-thick:var(--color-grid-line-strong);--highlight:var(--color-green-soft);--active-cell:var(--color-green);--active-cell-shadow:#7fcc453d;--clue-bg:linear-gradient(180deg, #fffaf1f0, #f8f1e3e6);--clue-done:var(--color-green-dark);--btn-bg:linear-gradient(180deg, #fffdf5fa, #fff4ddf5);--btn-bg-hover:linear-gradient(180deg, #fff, #fff6e5fa);--btn-fg:var(--color-text);--btn-border:var(--color-border);--error-bg:linear-gradient(180deg, #ff96a8e6, #f15c7aeb);--error-ring:#dd4a6dc7;--win-bg:#fffcf5f5;--accent:var(--color-blue);--accent-strong:var(--color-blue-dark);--accent-success:var(--color-green);--accent-success-strong:var(--color-green-dark);--shadow-soft:var(--shadow-soft);--shadow-card:var(--shadow-card);--cell-size:1.5rem;--clue-slot:1.375rem;--clue-font:.6875rem;--row-clue-width:6rem;--col-clue-height:6rem;color:var(--fg);background:var(--scene-bg-image),var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-position:bottom,50%;background-repeat:no-repeat;background-size:cover,auto;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.625rem;width:100%;height:100%;min-height:0;padding:.5rem .5rem .1875rem;font-family:Montserrat,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .0625rem #ffffff80}@media only screen and (min-width:768px){.nono-root{gap:.625rem;padding:.625rem .75rem .25rem}}@media only screen and (min-width:1200px){.nono-root{gap:.75rem;padding:.75rem .875rem .3125rem}}.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.size-35 .nono-board{grid-template-columns:var(--row-clue-width) repeat(35, var(--cell-size));grid-template-rows:var(--col-clue-height) repeat(35, var(--cell-size))}@media (orientation:landscape){.nono-root{--scene-bg-image:url(/static/image/background_desktop.159af9aa68.avif);background-position:50%,50%}}@media (min-width:48rem){.nono-root{--scene-bg-image:url(/static/image/background_desktop.159af9aa68.avif)}}.nono-root:before,.nono-root:after{content:"";pointer-events:none;opacity:.9;border-radius:999rem;position:absolute}.nono-root:before{background:radial-gradient(circle,#fffc,#fff0);width:16rem;height:16rem;top:-8rem;left:-6rem}.nono-root:after{background:radial-gradient(circle,#7fcc4529,#7fcc4500);width:16rem;height:16rem;bottom:-8rem;right:-7rem}.nono-root>*{z-index:1;position:relative}.nono-root.dark{--bg:linear-gradient(180deg, #141518f5, #1c1e23eb);--fg:#eef0f3;--muted:#aab0b8;--panel:#1b1d22eb;--panel-alt:#25282feb;--panel-strong:#21242bf5;--cell-bg:#1d2026;--cell-hover:#2a2f37;--cell-filled:linear-gradient(180deg, #f3f5f8, #dfe3ea);--cell-x:#7d8590;--grid-line:#3a3f47;--grid-line-thick:#828892;--highlight:#4c92ff38;--active-cell:#79b2ff;--active-cell-shadow:#4c92ff38;--clue-bg:linear-gradient(180deg, #1f2228f0, #181b21f0);--clue-done:#7dc75d;--btn-bg:linear-gradient(180deg, #2a2d33, #23262c);--btn-bg-hover:linear-gradient(180deg, #383c44, #2d3138);--btn-fg:#eef0f3;--btn-border:#3a3f47;--error-bg:linear-gradient(180deg, #ff96a8d1, #f15c7adb);--error-ring:#ffa3b7c2;--win-bg:#181a1ff5;--accent:#4c92ff;--accent-strong:#2f7cc8;--accent-success:#66bb6a;--accent-success-strong:#3e8c44;--shadow-soft:0 .5rem 1.25rem #0003;--shadow-card:0 1rem 2rem #00000040}@media (prefers-color-scheme:dark){.nono-root.auto{--bg:linear-gradient(180deg, #141518f5, #1c1e23eb);--fg:#eef0f3;--muted:#aab0b8;--panel:#1b1d22eb;--panel-alt:#25282feb;--panel-strong:#21242bf5;--cell-bg:#1d2026;--cell-hover:#2a2f37;--cell-filled:linear-gradient(180deg, #f3f5f8, #dfe3ea);--cell-x:#7d8590;--grid-line:#3a3f47;--grid-line-thick:#828892;--highlight:#4c92ff38;--active-cell:#79b2ff;--active-cell-shadow:#4c92ff38;--clue-bg:linear-gradient(180deg, #1f2228f0, #181b21f0);--clue-done:#7dc75d;--btn-bg:linear-gradient(180deg, #2a2d33, #23262c);--btn-bg-hover:linear-gradient(180deg, #383c44, #2d3138);--btn-fg:#eef0f3;--btn-border:#3a3f47;--error-bg:linear-gradient(180deg, #ff96a8d1, #f15c7adb);--error-ring:#ffa3b7c2;--win-bg:#181a1ff5;--accent:#4c92ff;--accent-strong:#2f7cc8;--accent-success:#66bb6a;--accent-success-strong:#3e8c44;--shadow-soft:0 .5rem 1.25rem #0003;--shadow-card:0 1rem 2rem #00000040}}.nono-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.nono-header{z-index:5;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"actions title stats";align-self:stretch;place-items:center stretch;gap:.625rem .75rem;width:100%;display:grid;position:relative}.nono-header>.nono-header__actions{grid-area:actions;justify-self:start}.nono-header>.nono-title-banner{grid-area:title;justify-self:center}.nono-header>.nono-stat-group{grid-area:stats;justify-self:end}.nono-header__actions{z-index:6;flex-direction:column;align-items:flex-start;gap:.5rem;width:min(100%,10rem);min-width:0;display:inline-flex;position:relative}.nono-header__spacer{display:none}@media only screen and (min-width:768px){.nono-header__spacer{visibility:hidden;min-width:8.75rem;min-height:3.125rem;display:block}}.nono-title-banner{aspect-ratio:3.9;color:#5d361c;text-align:center;filter:drop-shadow(0 .45rem 1rem #8f632c33);background:url(/static/image/levelBackground.13a6cb1e93.avif) 50%/100% 100% no-repeat;justify-content:center;align-items:center;height:min(100%,16.9rem);padding:.58rem 1.9rem .76rem;display:flex;position:relative}@media only screen and (min-width:768px){.nono-title-banner{height:min(100%,17.8rem)}}.nono-title-banner__main{letter-spacing:.02em;color:#5b341b;text-shadow:0 .0625rem #fff5db8c;font-size:1.48rem;font-weight:900;line-height:1}@media only screen and (min-width:768px){.nono-title-banner__main{font-size:1.62rem}}.nono-stat-group{flex-wrap:wrap;justify-content:center;gap:.4rem;width:auto;min-width:0;display:inline-flex}@media only screen and (min-width:768px){.nono-stat-group{justify-content:flex-end;width:auto}}.nono-difficulty-dropdown{width:100%;min-width:0;position:relative}.nono-difficulty-dropdown__trigger{appearance:none;cursor:pointer;text-align:left;background:linear-gradient(#fff9ef 0%,#f8ebdd 100%);border:.0625rem solid #e6cdae;justify-content:space-between;align-items:center;gap:.45rem;width:100%;min-width:0;padding-inline:.84rem;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:flex;box-shadow:0 .2rem .52rem #8c603424,0 .0625rem .125rem #8c60341a,inset 0 .0625rem #ffffffbf,inset 0 -.0625rem #e6cdae4d}.nono-difficulty-dropdown__trigger:hover{background:linear-gradient(#fff 0%,#fbefd9 100%);box-shadow:0 .24rem .58rem #8c603429,0 .0625rem .125rem #8c60341a,inset 0 .0625rem #fffc,inset 0 -.0625rem #e6cdae52}.nono-difficulty-dropdown__trigger:focus-visible{outline-offset:.125rem;outline:.1875rem solid #71a4ff47}.nono-difficulty-dropdown__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.nono-difficulty-dropdown__chevron{flex-shrink:0;width:.625rem;height:.375rem;transition:transform .16s;display:block}.nono-difficulty-dropdown__chevron.is-open{transform:rotate(180deg)}.nono-difficulty-dropdown__panel{z-index:20;background:#fffdf5fa;border:.0625rem solid #e6cdae;border-radius:1.5rem;gap:.35rem;min-width:100%;padding:.55rem;display:grid;position:absolute;top:calc(100% + .7rem);left:0;box-shadow:0 .8rem 1.75rem #8c603426}.nono-difficulty-dropdown__item{color:#6b4428;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:1rem;padding:.78rem .98rem;font-size:.92rem;font-weight:700;line-height:1.2;transition:background .16s,color .16s,transform .16s;display:block}.nono-difficulty-dropdown__item:hover{color:#4d6d00;background:#d8f58a4d;transform:translate(.125rem)}.nono-difficulty-dropdown__item.is-active{color:#89ba25;background:#d8f58a3d}.nono-difficulty-dropdown__item:focus-visible{outline-offset:.0625rem;outline:.1875rem solid #71a4ff38}.status-pill{color:#6b4428;white-space:nowrap;background:linear-gradient(#fff9ef 0%,#f8ebdd 100%);border:.0625rem solid #e6cdae;border-radius:1.125rem;justify-content:center;align-items:center;gap:.42rem;min-height:2.8rem;padding:.58rem .84rem;font-size:.88rem;font-weight:700;line-height:1;display:inline-flex;position:relative;box-shadow:0 .2rem .52rem #8c603424,0 .0625rem .125rem #8c60341a,inset 0 .0625rem #ffffffbf,inset 0 -.0625rem #e6cdae4d}.status-pill:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:.0625rem;box-shadow:inset 0 .0625rem #ffffff80}.status-pill__icon{flex:none;justify-content:center;align-items:center;width:1.18rem;height:1.18rem;display:inline-flex}.nono-icon-image{object-fit:contain;width:100%;height:100%;display:block}.status-pill__label{color:#7f5a3a;font-size:.84rem;font-weight:700}.status-pill__value,.nono-timer{color:#6b4428;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:800}.nono-board{background:var(--panel);border:.125rem solid var(--color-border,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;box-shadow:var(--shadow-card);border-radius:1.5rem;flex-shrink:0;align-self:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.nono-corner{background:var(--clue-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,box-shadow .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:.125rem 0 .1875rem}.nono-col-clue.is-last-col,.nono-cell.is-last-col{border-right:0}.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 .25rem 0 .125rem}.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:linear-gradient(180deg, var(--clue-bg), var(--clue-bg)),linear-gradient(180deg, transparent, transparent);box-shadow:inset 0 0 0 999rem 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;text-decoration-thickness:.1em}.nono-clue-num{color:var(--fg);padding:0;font-weight:700}.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,box-shadow .12s,transform 80ms;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-active-cell{box-shadow:inset 0 0 0 .125rem var(--active-cell);z-index:1}.nono-cell.is-active-cell:not(.is-filled){background:linear-gradient(180deg, #ffffff3d, #ffffff0a),var(--highlight)}.nono-cell.is-filled{background:var(--cell-filled);box-shadow:inset 0 .125rem #ffffff14,inset 0 -.125rem #0000002e}.nono-cell.is-marked .nono-x{color:var(--cell-x);pointer-events:none;font-size:.9em;font-weight:700;line-height:1}.nono-cell.is-error:after{content:"";background:var(--error-bg);box-shadow:inset 0 .0625rem 0 #ffe9ee66,inset 0 0 0 .0625rem var(--error-ring);pointer-events:none;border-radius:0;position:absolute;inset:.125rem}.nono-controls{width:min(100%,max(var(--board-width,100%),20rem));flex-shrink:0;grid-template-columns:minmax(0,1fr);align-self:center;place-items:center;gap:.625rem;margin-top:0;display:grid}@media only screen and (min-width:768px){.nono-controls{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}}.nono-controls__group{justify-content:center;align-items:center;gap:.6rem;width:100%;display:flex}@media only screen and (min-width:768px){.nono-controls__group{gap:.5rem;width:auto;min-width:0}}.nono-controls__group--modes{flex-wrap:wrap}@media only screen and (min-width:768px){.nono-controls__group--modes{flex-wrap:nowrap}}.nono-controls__group--side{width:auto}.nono-control-button{appearance:none;background:var(--btn-bg);min-height:3.18rem;color:var(--btn-fg);border:.0625rem solid var(--btn-border);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;touch-action:manipulation;border-radius:1.22rem;outline:none;flex:none;justify-content:center;align-items:center;gap:.5rem;width:auto;margin:0;padding:.66rem 1rem;font-size:.93rem;font-weight:800;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s,opacity .12s;display:inline-flex;position:relative;box-shadow:0 .22rem #d8b98e,0 .38rem .65rem #78502829,inset 0 .0625rem #ffffffd9,inset 0 -.0625rem #b482461f}.nono-control-button:hover:not(:disabled),.nono-control-button:focus-visible:not(:disabled),.nono-win-ok:hover:not(:disabled),.nono-win-ok:focus-visible:not(:disabled),.nono-confirm-actions button:hover,.nono-confirm-actions button:focus-visible{transform:translateY(-.0625rem);box-shadow:0 .28rem #d8b98e,0 .56rem .82rem #78502829,inset 0 .0625rem #ffffffd9,inset 0 -.0625rem #b482461f}.nono-control-button:hover:not(:disabled){background:var(--btn-bg-hover)}.nono-control-button:focus{outline:none}.nono-control-button:focus-visible,.nono-win-ok:focus-visible,.nono-confirm-actions button:focus-visible{outline:none;box-shadow:0 .22rem #d8b98e,0 .38rem .65rem #78502829,0 0 0 .125rem #ffffffb8,0 0 0 .25rem #7fcc45c7,inset 0 .0625rem #ffffffd9,inset 0 -.0625rem #b482461f}.nono-control-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.nono-control-button:active:not(:disabled){transform:translateY(.125rem);box-shadow:0 .08rem #d8b98e,0 .18rem .36rem #7850281f,inset 0 .0625rem #ffffffa6,inset 0 -.0625rem #b4824614}.nono-control-button.is-active,.nono-control-button--tool.is-active,.nono-control-button--hint.is-active{color:#365f18;background:linear-gradient(#e4fdb0 0%,#bfef68 100%);border-color:#78c83d;box-shadow:0 .22rem #76b93b,0 .42rem .78rem #69b2313d,0 0 0 .125rem #78c83d38,inset 0 .0625rem #ffffffbf,inset 0 -.0625rem #46821e24}.nono-control-button.is-active .nono-control-button__icon,.nono-control-button--tool.is-active .nono-control-button__icon,.nono-control-button--hint.is-active .nono-control-button__icon{color:#365f18;filter:saturate(1.05)}.nono-control-button.is-active .nono-control-button__text,.nono-control-button--tool.is-active .nono-control-button__text,.nono-control-button--hint.is-active .nono-control-button__text{color:#365f18}.nono-control-button.is-active:hover:not(:disabled),.nono-control-button--tool.is-active:hover:not(:disabled),.nono-control-button--hint.is-active:hover:not(:disabled){background:linear-gradient(#e8fdb8 0%,#c6f06f 100%);border-color:#6dbb34;box-shadow:0 .28rem #76b93b,0 .56rem .82rem #69b2313d,0 0 0 .125rem #78c83d33,inset 0 .0625rem #ffffffc7,inset 0 -.0625rem #46821e24}.nono-control-button.is-active:active:not(:disabled),.nono-control-button--tool.is-active:active:not(:disabled),.nono-control-button--hint.is-active:active:not(:disabled){background:linear-gradient(#c6f06f 0%,#b7e95f 100%);border-color:#69b131;transform:translateY(.125rem);box-shadow:0 .08rem #76b93b,0 .18rem .36rem #69b2312e,0 0 0 .125rem #78c83d33,inset 0 .0625rem #ffffffa6,inset 0 -.0625rem #46821e1a}.nono-control-button.is-active:focus-visible,.nono-control-button--tool.is-active:focus-visible,.nono-control-button--hint.is-active:focus-visible{box-shadow:0 .22rem #76b93b,0 .42rem .78rem #69b2313d,0 0 0 .125rem #ffffffb8,0 0 0 .25rem #7fcc45b8,inset 0 .0625rem #ffffffbf,inset 0 -.0625rem #46821e24}.nono-control-button--tool{min-width:8.5rem}@media only screen and (min-width:768px){.nono-control-button--tool{min-width:6.8rem}}.nono-control-button--utility{min-width:6.9rem}@media only screen and (min-width:768px){.nono-control-button--utility{min-width:5.6rem}}.nono-control-button--header-primary{color:#2e4c02;text-shadow:0 .0625rem #47751e40;background:url(/static/image/greenLabel.1da4a17a3a.avif) 50%/100% 100% no-repeat;border-color:#0000;min-width:8.9rem;min-height:3.05rem;padding-inline:1rem;box-shadow:0 .36rem .75rem #5fae3829,inset 0 .0625rem #ffffff2e}.nono-control-button--header-primary:hover:not(:disabled),.nono-control-button--header-primary:focus-visible:not(:disabled){background:url(/static/image/greenLabel.1da4a17a3a.avif) 50%/100% 100% no-repeat;transform:translateY(.03125rem);box-shadow:0 .32rem .68rem #5fae382e,inset 0 .0625rem #ffffff2e}.nono-control-button--header-primary:focus-visible{box-shadow:0 .36rem .75rem #5fae3829,0 0 0 .125rem #ffffffb8,0 0 0 .25rem #7fcc45b8,inset 0 .0625rem #ffffff2e}.nono-control-button--header-primary:active:not(:disabled){filter:brightness(.985)saturate(.98);transform:translateY(.1rem)scale(.992);box-shadow:0 .14rem .32rem #5fae3824,inset 0 .0625rem #ffffff24}.nono-control-button__icon{width:1.65rem;height:1.65rem;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.nono-control-button--tool .nono-control-button__icon,.nono-control-button--hint .nono-control-button__icon,.nono-control-button--header-primary .nono-control-button__icon{box-shadow:none;background:0 0;border:0;padding:0}.nono-control-button__text{line-height:1.2}@media only screen and (min-width:48rem) and (max-width:56.2488rem){.nono-control-button{gap:.36rem;min-height:2.92rem;padding:.58rem .76rem;font-size:.82rem}.nono-control-button__icon{width:1.3rem;height:1.3rem}.nono-controls{gap:.42rem}}@media only screen and (min-width:56.25rem) and (max-height:46rem){.nono-root{gap:.625rem;padding:.625rem .75rem .1875rem}.nono-header{gap:.5rem .7rem}.nono-title-banner{min-height:3.8rem;padding:.5rem 1.7rem .66rem}.nono-title-banner__main{font-size:1.7rem}.status-pill{min-height:2.65rem;padding:.5rem .78rem}.nono-difficulty-dropdown__trigger{min-height:2.65rem}.nono-control-button{min-height:2.95rem;padding:.58rem .92rem}.nono-control-button--header-primary{min-height:2.9rem}.nono-controls{gap:.625rem;margin-top:0}}@media only screen and (max-width:47.9988rem){.nono-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"actions title stats";justify-items:stretch;gap:.4rem;width:100%}.nono-difficulty-dropdown__trigger{gap:.32rem;min-width:0;min-height:2.5rem;padding-inline:.7rem;font-size:.78rem}.nono-header>.nono-title-banner{justify-self:center}.nono-title-banner{width:min(100%,12.09rem);padding:.4rem 1rem .54rem}.nono-title-banner__main{font-size:1.28rem}.nono-difficulty-dropdown__trigger{min-height:2.58rem;padding-inline:.82rem;font-size:.88rem}.nono-difficulty-dropdown__panel{border-radius:1.25rem;padding:.45rem;top:calc(100% + .5rem)}.nono-difficulty-dropdown__item{border-radius:.9rem;padding:.7rem .82rem;font-size:.88rem}.nono-stat-group{flex-wrap:nowrap;justify-content:flex-end;justify-self:end;gap:.28rem;width:auto;min-width:0}.nono-stat-pill--moves{display:none}.nono-stat-pill--timer{border-radius:.84rem;gap:.28rem;min-height:2.5rem;padding:.48rem .62rem}.nono-stat-pill--timer .status-pill__icon{width:1rem;height:1rem}.nono-stat-pill--timer .status-pill__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.nono-stat-pill--timer .status-pill__value,.nono-stat-pill--timer .nono-timer{font-size:.82rem}.nono-controls{width:min(100%,max(var(--board-width,100%),17.5rem));flex-wrap:wrap;justify-content:center;gap:.42rem;margin-top:0;display:flex}.nono-controls__group{justify-content:center;min-width:0}.nono-controls__group--modes{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;display:grid}.nono-controls__group--undo,.nono-controls__group--hint{order:2;width:100%;max-width:7.4rem}.nono-controls .nono-control-button{gap:.34rem;width:100%;min-width:0;font-size:.84rem}.nono-controls .nono-control-button__icon{width:1.28rem;height:1.28rem}.nono-controls__group--modes .nono-control-button{border-radius:1.04rem;min-height:2.95rem;padding:.6rem .55rem}.nono-controls__group--undo .nono-control-button,.nono-controls__group--hint .nono-control-button{border-radius:1rem;min-height:2.65rem;padding:.52rem .68rem}.nono-controls__group--undo,.nono-controls__group--hint{margin-top:.12rem}}@media only screen and (min-width:45rem) and (max-width:47.9988rem){.nono-controls{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0 .38rem;width:100%;display:flex}.nono-controls__group{gap:.38rem;width:auto;min-width:0}.nono-controls__group--modes{flex-wrap:nowrap;order:0;grid-template-columns:none;gap:.38rem;width:auto;display:flex}.nono-controls__group--undo,.nono-controls__group--hint{order:0;width:auto;max-width:none;margin-top:0}.nono-controls .nono-control-button{border-radius:.98rem;gap:.3rem;width:auto;min-width:0;min-height:2.8rem;padding:.54rem .62rem;font-size:.78rem}.nono-controls .nono-control-button__icon{width:1.16rem;height:1.16rem}.nono-control-button--tool,.nono-control-button--utility{min-width:auto}}.nono-overlay,.nono-win{pointer-events:auto;z-index:2;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#fff8e861;justify-content:center;align-items:center;padding:.75rem;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(--btn-border);text-align:center;min-width:min(18rem,100% - 1rem);box-shadow:var(--shadow-card);pointer-events:auto;border-radius:1.5rem;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem;display:flex}.nono-win-title{color:var(--fg);margin-bottom:0;font-size:1.5rem;font-weight:800}.nono-win-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}.nono-win-ok{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:.0625rem solid #2f7cc8b3;border-radius:1rem;min-width:7rem;min-height:2.875rem;margin:0 auto;padding:.625rem 1.125rem;font-size:1rem;font-weight:800;box-shadow:0 .75rem 1.5rem #2f7cc83d}.nono-win-ok:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.nono-confirm-card{min-width:min(20rem,100% - 1rem)}.nono-confirm-title{text-align:center;color:var(--fg);font-size:1.25rem;font-weight:800}.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);min-width:7rem;min-height:2.75rem;box-shadow:var(--shadow-soft);border-radius:1rem;padding:.625rem 1rem;font-size:1rem;font-weight:700;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s}.nono-confirm-cancel{background:var(--btn-bg);color:var(--btn-fg)}.nono-confirm-cancel:hover{background:var(--btn-bg-hover)}.nono-confirm-submit{background:linear-gradient(180deg, var(--accent-success), var(--accent-success-strong));color:#fff;border-color:#5fae38b3}@keyframes nono-fade-in{0%{opacity:0}to{opacity:1}}