.nb{--ink:#193e3b;--paper:#fff5db;--edge:#b5a381;box-sizing:border-box;margin:auto;max-width:880px;text-align:left;color:var(--ink);font-family:Andika,sans-serif;padding:16px 14px 76px}
.nb *, .nb-dialog *{box-sizing:border-box}
.nb header,.nb-topline,.nb-nav,.nb-tools,.nb-dialog nav,.nb-levels{display:flex;align-items:center;gap:10px}
.nb header{margin-bottom:18px}.nb h1,.nb h2,.nb-dialog h2{font-family:'Baloo 2',system-ui;line-height:1.13;margin:3px 0}
.nb h1{font-size:clamp(25px,6vw,40px)}.nb small,.nb-dialog small{letter-spacing:.10em;font-weight:700;font-size:11px}
.nb button,.nb-dialog button{background:#fff8e9;color:var(--ink,#193e3b);font:700 16px Andika,sans-serif;border:1px solid #c5b89c;border-radius:12px;min-height:46px;padding:8px 12px;cursor:pointer}
.nb button:focus-visible,.nb-dialog button:focus-visible{outline:3px solid #287f95;outline-offset:2px}
.nb button:disabled{opacity:.45}.nb button.nb-primary,.nb-dialog button.nb-primary{background:#235d4b;color:#fff;border:0}
.nb-tools{flex-wrap:wrap}.nb-status{min-height:1.2em;margin:8px 0;color:#305945;font-size:14px}
.nb-page{position:relative;background:repeating-linear-gradient(0deg,transparent 0 22px,#c6a97d22 23px 24px),linear-gradient(100deg,#efe2c0,#fff6de 13%,#fff6de 90%,#efdcaf);border:1px solid var(--edge);border-left:9px solid #6c5842;border-radius:5px 18px 18px 5px;padding:16px 12px 12px 28px;box-shadow:2px 3px #d6bf93,4px 6px #f5e4ba,6px 9px #8e7758}
.nb-binding{position:absolute;left:-10px;top:26px;bottom:20px;width:22px;background:repeating-linear-gradient(to bottom,#3e524c 0 4px,#c7d5bc 4px 7px,transparent 7px 47px);border-radius:5px;pointer-events:none}
.nb-nav{justify-content:space-between;text-align:center}.nb-nav button{font-size:26px;padding:0;width:44px}.nb-nav h2{font-size:clamp(21px,4.7vw,32px)}.nb-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:13px auto 8px;max-width:520px}
.nb-slots>*{width:100%;aspect-ratio:400/540;display:grid;place-content:center;text-align:center;border-radius:12px}.nb-empty,.nb button.nb-ready{border:2px dashed #c3af84;color:#786c4e;background:#ecdcb54d}.nb-empty span{font-size:28px;color:#ab986f}.nb-empty b{font:700 17px Andika}
.nb button.nb-glued{background:none;padding:0;border:0;display:block;box-shadow:0 2px 4px #53391f44}.nb-glued img{width:100%;height:100%;display:block}
.nb button.nb-ready{color:#245b45;background:#d8ead6;border-color:#729b79}.nb-count{text-align:center;font-size:13px}.nb-pocket,.nb-numbers main{margin-top:22px;border:1px solid #d4c9b4;border-radius:18px;background:#fffaf0;padding:17px}.nb-pocket button{margin:4px}
.nb-home{background:linear-gradient(110deg,#ddf0da,#fbebbe)}.nb-home>span:first-child{font-size:44px}
.nb-dialog{color:#193e3b;text-align:center;border:0;border-radius:22px;padding:18px;background:#fff9e9;width:min(90vw,390px);max-height:92dvh;overflow:auto}.nb-dialog::backdrop{background:#172c38b8}.nb-dialog img{display:block;max-width:100%;height:auto;max-height:51dvh;object-fit:contain;margin:12px auto}.nb-dialog nav{justify-content:center;flex-wrap:wrap}.nb-toast{position:fixed;right:12px;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px);z-index:180;border:1px solid #b6a478;border-radius:16px;background:#fff4c9;color:#344b35;padding:14px;box-shadow:0 4px 16px #28352f44;font-weight:700;font-size:16px}
.nb-numbers main{margin-top:0}.nb-levels{flex-wrap:wrap;margin:12px 0}.nb-levels [aria-pressed=true]{background:#d0ead2;border:2px solid #3b7456}.nb-modes{display:grid;gap:10px}.nb-modes button{text-align:left}.nb-topline{justify-content:space-between;margin-bottom:15px}.nb-prompt{margin:16px 0;text-align:center;font:800 clamp(26px,7vw,44px) 'Baloo 2',sans-serif;padding:16px 4px;border-radius:16px;background:#e4f1de}.nb-task{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.nb-task .nb-choice{font-size:25px;min-width:65px}.nb-task canvas{width:100%;height:auto;aspect-ratio:800/360;touch-action:none;border:2px solid #95afa4;border-radius:12px}.nb-numbers main>button{margin:4px}
.holo-art{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;--foil-x:40%;--foil-y:50%}
.holo-art img{display:block;width:100%;height:auto}
.holo-art::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background-size:210% 180%;background-position:var(--foil-x) var(--foil-y);opacity:.32}
.holo-prisma::after{background-image:linear-gradient(116deg,transparent 20%,#68a8ff12 28%,#72caffb0 33%,#d6a1ff80 35%,#ffa9c542 37%,transparent 41%,transparent 70%)}
.holo-oro::after{background-image:linear-gradient(120deg,transparent 28%,#ffc04633 36%,#fff1b9c0 39%,#ffdb8b55 42%,transparent 47%)}
.nb-dialog .holo-focus{width:max-content;max-width:100%;margin:10px auto;touch-action:pan-y;cursor:grab}
.nb-dialog .holo-focus img{width:auto;max-width:100%;max-height:49dvh;margin:0}
.nb-dialog .holo-focus::after{opacity:.72}
.nb-glued .holo-art{height:100%}