.nb{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .27 0 0 0 0 .2 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ink: #1f2b49;--rule: rgba(86, 122, 168, .32);position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-sizing:border-box;padding:66px 0 14px;background:radial-gradient(ellipse at 50% 42%,#3b3026,#1d1713 58%,#120e0b);outline:none;animation:nb-in .5s ease both;-webkit-tap-highlight-color:transparent}@keyframes nb-in{0%{opacity:0}}@keyframes nb-rise{0%{opacity:0;transform:translateY(24px) scale(.97)}}.nb-stage{position:relative;animation:nb-rise .7s cubic-bezier(.2,.7,.2,1) both}.nb-host{width:100%;height:100%}.nb-leaf{box-sizing:border-box;overflow:hidden;direction:rtl;font-family:Aref Ruqaa,Traditional Arabic,Arabic Typesetting,serif;color:var(--ink);-webkit-user-select:none;user-select:none}.nb-ghost{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.nb-leaf:after{content:"";position:absolute;top:0;bottom:0;width:2.2em;pointer-events:none}.nb-l:after{right:0;background:linear-gradient(to left,rgba(58,42,28,.26),rgba(58,42,28,.07) 40%,transparent)}.nb-r:after{left:0;background:linear-gradient(to right,rgba(58,42,28,.26),rgba(58,42,28,.07) 40%,transparent)}.nb-paper{background-color:#fbf6e8;background-image:var(--grain),radial-gradient(ellipse at 50% 40%,transparent 60%,rgba(150,120,80,.1))}.nb-rules{position:absolute;left:0;right:0;top:2.9em;bottom:2.2em;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.1em - 1px),var(--rule) calc(1.1em - 1px),var(--rule) 1.1em)}.nb-margin{position:absolute;top:0;bottom:0;right:2.2em;width:.28em;border-left:1px solid rgba(204,92,82,.5);border-right:1px solid rgba(204,92,82,.5)}.nb-text{--t: .74;position:absolute;top:2.9em;bottom:2.2em;right:2.9em;left:2.1em;font-size:calc(var(--t) * 1em);line-height:calc(1.1em / var(--t));-webkit-user-select:text;user-select:text}.nb-line{position:relative;top:.1em;padding-right:1em;text-indent:-1em;text-shadow:0 0 .04em rgba(31,43,73,.35)}.nb-gap{height:calc(1.1em / var(--t))}.nb-end{display:flex;justify-content:center;align-items:center;height:calc(1.1em / var(--t));opacity:.75}.nb-end svg{width:3.4em;height:.7em}.nb-num{position:absolute;top:.55em;right:3.5em;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;border:.07em solid currentColor;border-radius:54% 46% 52% 48%/47% 55% 45% 53%;font-size:.85em;line-height:1;transform:rotate(-7deg);opacity:.82}.nb-folio{position:absolute;bottom:.85em;font:.62em/1 system-ui,sans-serif;color:#46465080}.nb-l .nb-folio{left:1.7em}.nb-r .nb-folio{right:1.4em}.nb-cover,.nb-back{background-color:#5a3326;background-image:var(--grain),repeating-linear-gradient(45deg,rgba(255,236,210,.03) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 6px),radial-gradient(ellipse at 35% 22%,rgba(255,214,170,.14),transparent 62%);box-shadow:inset 0 0 2.4em #00000080,inset 0 0 .25em #000000b3}.nb-cover{border-radius:.6em 0 0 .6em}.nb-back{border-radius:0 .6em .6em 0}.nb-band{position:absolute;top:0;bottom:0;left:1.9em;width:.7em;background:linear-gradient(90deg,#190f0b,#3d2b22 45%,#1a100c);box-shadow:.12em 0 .3em #00000073}.nb-back .nb-band{left:auto;right:1.9em}.nb-label{position:absolute;top:23%;left:50%;padding:.9em 1.4em 1em;white-space:nowrap;box-sizing:border-box;transform:translate(-46%) rotate(-1.4deg);background-color:#f2e8d1;background-image:var(--grain);border-radius:.35em;box-shadow:0 .15em .45em #0006;text-align:center;color:#2b2420}.nb-label:before{content:"";position:absolute;top:.38em;right:.38em;bottom:.38em;left:.38em;border:.06em solid rgba(90,51,38,.55);border-radius:.25em}.nb-label-t{direction:ltr;font:500 1.75em/1.2 Caveat,Segoe Print,cursive}.nb-endpaper{background-color:#d6bf98;background-image:var(--grain),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(90,62,30,.22))}.nb-round{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(239,230,210,.28);border-radius:50%;background:#18141073;color:#efe6d2;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}.nb-round svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nb-round:hover:not(:disabled){background:#efe6d21a;border-color:#efe6d280}.nb-round:focus-visible{outline:2px solid #d6b26c;outline-offset:2px}.nb-round:disabled{opacity:.28;cursor:default}.nb-close{position:absolute;top:14px;left:14px}.nb-bar{direction:rtl;display:flex;align-items:center;gap:18px;color:#efe6d2b8;font:500 21px/1.3 Caveat,Segoe Print,cursive}.nb-hint{min-width:11em;text-align:center;transition:opacity .8s}.nb-hint--quiet{opacity:.35}@media (prefers-reduced-motion: reduce){.nb,.nb-stage{animation:none}}html,body,#root{margin:0;padding:0;background:#181410}html{scrollbar-width:none}::-webkit-scrollbar{display:none;width:0;height:0}body{overflow-x:hidden}#wall{position:relative;width:100vw}#wall canvas{position:absolute;left:0;width:100%;display:block}