.nono{--ink:#554b44;--accent:#ce7c56;color:var(--ink);background:#f4eee5;min-height:100dvh;padding:24px max(16px,env(safe-area-inset-right)) 70px;font-family:Arial,sans-serif;box-sizing:border-box;background-image:radial-gradient(ellipse at top left,#fffaf3,transparent 65%)}
.nono button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nono button:focus-visible{outline:3px solid #4e8278;outline-offset:3px}.nono button:disabled{cursor:default}.nono-header{max-width:660px;margin:0 auto 35px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nono-header>span{letter-spacing:.24em;font-size:19px;text-align:center}.nono-header small{display:block;font-size:9px;letter-spacing:.18em;margin-top:9px}.nono-round{border:1px solid #e5dacf;background:#fffbf5;border-radius:50%;width:46px;height:46px;box-shadow:0 3px 8px #7057400d;font-size:24px!important;flex-shrink:0}.nono-round:disabled{opacity:.35}.nono-badge{font-size:13px!important;letter-spacing:0!important}.nono-intro{text-align:center;margin:40px auto 30px}.nono-kicker{font-size:10px;letter-spacing:.24em;color:#ac7353}.nono h1{font-family:Georgia,serif;font-weight:400;font-size:44px;letter-spacing:-.04em;margin:15px 0}.nono p{font-size:14px;line-height:1.7;color:#8b7b70}.nono-levels{max-width:560px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 auto 28px}.nono-levels button{min-height:100px;border-radius:17px;border:1px solid #e2d5c7;background:#fffaf2;box-shadow:0 4px 10px #63432c08;display:grid;grid-template-columns:1fr auto;text-align:left;padding:15px 20px}.nono-levels strong{font-size:25px;font-weight:400;grid-row:2}.nono-levels small{align-self:end;grid-column:2;grid-row:2;color:#9a8574;font-size:11px}.nono-levels button>span{color:var(--accent);font-size:17px}.nono-levels button:disabled{background:#ebe5dc;opacity:.5;box-shadow:none}.nono-note{text-align:center;font-size:12px!important;margin:22px auto;max-width:460px}.nono-instructions{text-align:center;margin-bottom:25px}.nono-instructions h1{font-size:30px;margin:0 0 8px}.nono-instructions p{font-size:12px;margin:0}.nono-board{display:grid;grid-template-columns:calc(20px + var(--clues)*13px) repeat(var(--n),minmax(0,1fr));grid-template-rows:calc(18px + var(--top)*18px) repeat(var(--n),auto);gap:3px;max-width:560px;margin:0 auto;user-select:none;-webkit-user-select:none}.nono-corner{align-self:center;justify-self:center;font-size:25px;color:#c2b2a2}.nono-hint{display:flex;background:#e9e1d6;border-radius:6px;justify-content:center;align-items:center;font-size:15px;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}.nono-col{flex-direction:column;justify-content:flex-end;padding:8px 0;gap:2px}.nono-row{gap:5px;justify-content:flex-end;padding:0 8px}.nono-hint.satisfied{background:#efbd9c;color:#854522}.nono-cell{aspect-ratio:1;border:1px solid #e5dacb;border-radius:5px;background:#fffbf5;padding:0;min-width:0;box-shadow:0 2px 2px #78624a09;transition:background .14s,box-shadow .14s;color:#b2a79b!important;font-size:clamp(18px,4vw,30px)!important;line-height:1}.nono-cell.filled{background:var(--accent);border-color:#c87752;box-shadow:inset 0 1px 2px #ffffff29}.nono-cell:active{box-shadow:inset 0 0 0 2px #9c593b}.nono-tools{display:flex;justify-content:center;gap:8px;margin:28px auto 0;padding:7px;background:#e9e1d6;border-radius:40px;width:max-content}.nono-tools button{border:0;border-radius:30px;background:transparent;padding:12px 17px;font-size:13px;min-height:46px}.nono-tools span{font-size:20px;vertical-align:middle;margin-right:5px}.nono-tools button[aria-pressed=true]{background:var(--accent);color:#fff9ef;box-shadow:0 3px 7px #824b3026}.nono-win{max-width:470px;margin:25px auto;text-align:center;padding:24px;border-radius:24px;background:#fffaf2;box-shadow:0 10px 40px #73583e12;animation:nono-reveal .5s ease-out}.nono-win>span{font-size:45px;color:var(--accent)}.nono-win h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.nono-win button,.nono-dialog button{display:block;border:0;border-radius:14px;background:var(--accent);color:#fff;padding:15px 24px;margin:10px auto;font-size:15px;min-height:48px}.nono-win button:last-child{background:#ece4d8;color:var(--ink)}.nono-won{animation:nono-reveal .6s ease-out}.nono-dialog{background:#fffaf2;color:#554b44}.nono-dialog p{line-height:1.6}.nono-dialog button{cursor:pointer}.nono-game #nono-status:empty{display:none}@keyframes nono-reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:420px){.nono{padding-top:17px}.nono-header{margin-bottom:26px}.nono-header>span{font-size:16px}.nono-board{gap:2px}.nono-hint{font-size:13px}.nono-levels button{padding:13px}.nono-instructions{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.nono *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.nono-game{padding:14px 10px 70px}.nono-game .nono-header{max-width:600px;margin-bottom:8px}.nono-game #nono-canvas{position:relative;width:100%;max-width:600px;aspect-ratio:600/780;margin:auto}.nono-game #nono-canvas canvas{display:block;pointer-events:none}.nono-touch{position:absolute;inset:0;z-index:2}.nono-cell-control{position:absolute;background:transparent;border:0!important;border-radius:10px;padding:0;touch-action:manipulation}.nono-cell-control:active{transform:none}.nono-cell-control:focus-visible{outline:3px solid #658f81!important;outline-offset:-4px!important}.nono-game .nono-tools{margin:0 auto 12px}.nono-game .nono-note{margin:15px auto;font-size:11px!important}.nono-victory{padding:0;border:0;background:transparent;max-width:min(90vw,430px);width:430px;overflow:visible;color:#554b44}.nono-victory::backdrop{background:#45392e88;backdrop-filter:blur(3px)}.nono-victory .nono-win{margin:0;background:#fff7e9;border:3px solid #edc49e;box-shadow:0 14px 0 #5c392a24,0 22px 80px #35221545;animation:nono-reveal .35s ease-out}.nono-victory .nono-win>span{display:block;color:#d29145;font-size:65px;text-shadow:0 3px #f4ddaa}.nono-victory h2{font-family:Arial,sans-serif;font-weight:800;font-size:32px}.nono-victory #nono-next{box-shadow:0 5px 0 #aa5f3c;margin-bottom:17px}.nono-victory p{color:#8b7b70}.nono-game #nono-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.nono-game{background:radial-gradient(ellipse at 8% 0%,#fffaf0 0%,transparent 58%),radial-gradient(ellipse at 100% 80%,#dce7df 0%,transparent 64%),linear-gradient(155deg,#f5e8d9 0%,#efe3d9 48%,#e9ede5 100%);background-attachment:fixed}.nono-game #nono-canvas canvas{pointer-events:auto}.nono-game .nono-touch{pointer-events:none}.nono-game .nono-cell-control{pointer-events:auto}.nono-game #nono-canvas .nono-tools{position:absolute;inset:0;z-index:3;margin:0;padding:0;width:auto;border-radius:0;background:transparent;pointer-events:none}.nono-game #nono-canvas .nono-tools button{position:absolute;top:84.1%;width:35.333%;height:11.026%;padding:0;min-height:0;background:transparent;color:transparent;box-shadow:none;border:0;pointer-events:none;border-radius:25px}.nono-game #nono-fill{left:13.167%}.nono-game #nono-block{left:51.5%}.nono-game #nono-canvas .nono-tools button:focus-visible{outline:3px solid #658f81;outline-offset:-3px}.nono-game #nono-canvas .nono-tools span{visibility:hidden}
.nono-selector #nono-level-canvas{position:relative;max-width:600px;width:100%;aspect-ratio:600/1000;margin:auto}.nono-selector canvas{display:block}.nono-level-access{position:absolute;inset:0;z-index:2;pointer-events:none}.nono-level-access button{position:absolute;background:transparent;color:transparent;padding:0;border:0;border-radius:22px;pointer-events:none}.nono-level-access button:focus-visible{outline:3px solid #5b8d78;outline-offset:-4px}.nono-selector{padding-bottom:50px}
.seq-theme.nono{background:radial-gradient(ellipse at 100% 15%,#353149 0%,transparent 65%),linear-gradient(145deg,#141c28,#222637 65%,#25312e);color:#d9d0f8}.seq-theme .nono-round{background:#30374a;color:#c5f36b;border-color:#485065;box-shadow:0 4px 0 #141a26}.seq-theme #seq-canvas{position:relative;aspect-ratio:600/900;max-width:600px;width:100%;margin:auto}.seq-theme canvas{display:block}.seq-access{position:absolute;inset:0;z-index:2;pointer-events:none}.seq-access button{position:absolute;background:transparent;color:transparent;border:0;border-radius:20px;pointer-events:none}.seq-access button:focus-visible{outline:3px solid #b6a3ff;outline-offset:-5px}.seq-help{text-align:center;font-size:12px!important;color:#aab4c9!important;margin:15px auto!important}.seq-modal .nono-win{background:#262d3c;border-color:#596079;color:#d9d0f8}.seq-modal .nono-win p{color:#aeb8cc}.seq-modal .nono-win button{background:#c5f36b;color:#26311e;box-shadow:0 4px #7c9d45}.seq-modal .nono-win button:last-child{background:#444159;color:#e1d5ff;box-shadow:none}.seq-modal .nono-win>span{color:#c5f36b;text-shadow:0 4px #4d623a}
#forno-canvas{position:relative;aspect-ratio:600/900;max-width:600px;width:100%;margin:auto}#forno-canvas canvas{display:block}.forno-access{position:absolute;inset:0;z-index:2;pointer-events:none}.forno-access button{position:absolute;background:transparent;color:transparent;border:0;padding:0;pointer-events:none;border-radius:18px}.forno-access button:focus-visible{outline:3px solid #648e78;outline-offset:-4px}