*,:before,:after{box-sizing:border-box}:root,[data-board=chalk]{--chalk:#f6f4ec;--yellow:#f9e27d;--pink:#f7a5c1;--blue:#9dd5f4;--green:#b4ed98;--orange:#fabd80;--dim:#f6f4ec99;--faint:#f6f4ec80;--surface:#2d4836;--halo:#284232d1;--ink-filter:url(#chalk);--ink-shadow:0 0 1px currentColor;--wipe-haze:#fff;--wipe-haze-a:.07;--wipe-dust:1;--tint:#f9e27d1a;--hover:#f6f4ec14;--card-hover:#f6f4ec0f;--rule:#f6f4ecb8;--field:#f6f4ec09;--field-focus:#f6f4ec12;--field-line:#f6f4ecd9;--placeholder:#f6f4ec61;--soft:#f6f4ece0;--softer:#f6f4ecb3;--scroll:#f6f4ec47;--selection:#f9e27d4d;--handle:#f9e27d14;--thumb:#f9e27d2e;--on-chalk:inline;--on-white:none;--pick-chalk:var(--yellow);--pick-white:currentColor}:root{--slate-1:#3a5a44;--slate-2:#2d4836;--slate-3:#1c3024;--wall-1:#efe6d2;--wall-2:#d3c4a5;--font-ar:var(--font-aref), "Sakkal Majalla", "Traditional Arabic", "Amiri", "Noto Naskh Arabic", "Segoe UI", Tahoma, serif;--font-m:var(--font-patrick), "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;--gap:clamp(6px, 1.5vmin, 18px);--ft:clamp(10px, 1.8vmin, 22px);--tray-h:clamp(36px, 6.2vmin, 60px);--fs:clamp(15px, min(1.7vw, 3vh), 34px);--tex-grain:linear-gradient(transparent, transparent);--tex-mottle:linear-gradient(transparent, transparent);--tex-swipes:linear-gradient(transparent, transparent);--wood-h:linear-gradient(#7b4c27, #6a3e1e);--wood-v:linear-gradient(90deg, #7b4c27, #6a3e1e);--tex-wb-ghosting:linear-gradient(transparent, transparent)}@media (max-aspect-ratio:4/5){:root{--fs:clamp(15px, 4.6vw, 24px);--tray-h:clamp(40px, 11vw, 54px)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wall-1:#3a342c;--wall-2:#1d1a16}}:root[data-theme=dark]{--wall-1:#3a342c;--wall-2:#1d1a16}html,body{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 30%, var(--wall-1), var(--wall-2));background-color:var(--wall-2);color:var(--chalk);font-family:var(--font-ar);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--selection)}.defs{width:0;height:0;position:absolute;overflow:hidden}.room{position:fixed;inset:0}.frame{top:var(--gap);left:var(--gap);right:var(--gap);bottom:calc(var(--gap) + var(--tray-h) * .55);position:absolute}.frame:before{content:"";border-radius:3px;position:absolute;inset:0;box-shadow:0 16px 34px #28190a61,0 3px 8px #28190a4d}.f{background-color:#74461f;position:absolute}.f-top{height:var(--ft);background-image:linear-gradient(180deg, #ffe6be4d, #ffe6be00 38%, #0000004d), var(--wood-h);clip-path:polygon(0 0, 100% 0, calc(100% - var(--ft)) 100%, var(--ft) 100%);background-size:100% 100%,600px 100%;top:0;left:0;right:0}.f-left{width:var(--ft);background-image:linear-gradient(90deg, #ffe6be3d, #ffe6be00 40%, #0000004d), var(--wood-v);clip-path:polygon(0 0, 100% var(--ft), 100% 100%, 0 100%);background-size:100% 100%,100% 600px;top:0;bottom:0;left:0}.f-right{width:var(--ft);background-image:linear-gradient(270deg, #0003, #0000 45%, #00000057), var(--wood-v);clip-path:polygon(0 var(--ft), 100% 0, 100% 100%, 0 100%);background-size:100% 100%,100% 600px;top:0;bottom:0;right:0}.board{top:var(--ft);left:var(--ft);right:var(--ft);background-color:var(--slate-2);background-image:var(--tex-grain), var(--tex-swipes), var(--tex-mottle), radial-gradient(ellipse 45% 35% at 22% 28%, #ffffff0d, transparent 70%), radial-gradient(ellipse 40% 30% at 78% 70%, #ffffff0a, transparent 70%), linear-gradient(to top, #ffffff14, transparent 12%), radial-gradient(130% 110% at 50% 35%, var(--slate-1), var(--slate-2) 55%, var(--slate-3));background-size:160px 160px,100% 100%,100% 100%,auto,auto,auto,auto;position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,inset 0 12px 18px -8px #0009,inset 12px 0 18px -10px #00000073,inset -12px 0 18px -10px #00000073}.ghosts{pointer-events:none;filter:blur(1.3px);position:absolute;inset:0}.ghost{color:#fff;opacity:.07;white-space:nowrap;position:absolute}.ghost.g1{font:400 calc(var(--fs) * 1.7) var(--font-m);bottom:24%;left:4%;transform:rotate(-3deg);-webkit-mask-image:linear-gradient(100deg,#000 25%,#0000 70%);mask-image:linear-gradient(100deg,#000 25%,#0000 70%)}.ghost.g2{font:400 calc(var(--fs) * 1.4) var(--font-ar);bottom:13%;right:4%;transform:rotate(2deg);-webkit-mask-image:linear-gradient(80deg,#0000 15%,#000 60%);mask-image:linear-gradient(80deg,#0000 15%,#000 60%)}.haze{pointer-events:none;filter:blur(14px);will-change:transform;width:100%;height:100%;position:absolute;inset:0}.haze path{fill:none;stroke:var(--wipe-haze);stroke-linecap:round;stroke-linejoin:round}.surface{top:0;left:0;right:0;bottom:calc(var(--tray-h) * .74);flex-direction:column;display:flex;position:absolute}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.stage{flex:1;min-height:0;position:relative}.page{overscroll-behavior:contain;will-change:transform;scrollbar-width:thin;scrollbar-color:var(--scroll) transparent;position:absolute;inset:0;overflow:hidden auto}.pi{min-height:100%;font-size:calc(var(--fs) * 1.26);filter:var(--ink-filter);text-shadow:var(--ink-shadow);padding:clamp(12px,2.6vmin,34px) clamp(16px,3.6vw,64px) clamp(10px,2vmin,24px);line-height:1.75;position:relative}.pi p,.pi h1,.pi h2,.pi h3{margin:0;font-weight:400}.marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.marks g{fill:none;stroke-linecap:round;stroke-linejoin:round}.m{font-family:var(--font-m);direction:ltr;unicode-bidi:isolate;font-size:.95em}.m .m{font-size:1em}.c-w{color:var(--chalk)}.c-y{color:var(--yellow)}.c-p{color:var(--pink)}.c-b{color:var(--blue)}.c-g{color:var(--green)}.c-o{color:var(--orange)}.c-dim{color:var(--dim)}.ink{display:inline-block}.ink.r:not(.on){clip-path:inset(-.7em -.25em -.7em calc(100% + .25em))}.ink.l:not(.on){clip-path:inset(-.7em calc(100% + .25em) -.7em -.25em)}.appear:not(.on){opacity:0;visibility:hidden}.cbtn{font:400 1em/1.25 var(--font-ar);color:var(--chalk);cursor:pointer;min-width:46px;min-height:46px;text-shadow:inherit;background:0 0;border:.085em solid;border-radius:1.1em .35em .95em .3em/.3em .95em .35em 1.1em;padding:.2em .9em .32em;transition:background-color .2s,transform .15s,opacity .25s}.cbtn:hover:not(:disabled){background-color:var(--hover)}.cbtn:active:not(:disabled){transform:translateY(1px)rotate(-.6deg)}.cbtn:disabled{opacity:.3;cursor:default}.cbtn.primary{color:var(--yellow)}.cbtn:focus-visible{outline:.07em dashed var(--yellow);outline-offset:.18em}.cbtn[hidden]{display:none}a.cbtn{text-align:center;justify-content:center;align-items:center;display:inline-flex}.chalk-in{font:400 1.05em/1.3 var(--font-m);color:var(--yellow);caret-color:var(--yellow);background:var(--field);border:.075em solid var(--field-line);text-align:center;width:4.2em;text-shadow:inherit;border-radius:.9em .25em .8em .3em/.3em .8em .25em .9em;padding:.08em .25em}.chalk-in:focus{border-color:var(--yellow);background:var(--field-focus);outline:none}.chalk-in.bad{border-color:var(--pink);color:var(--pink)}.nav{font-size:var(--fs);filter:var(--ink-filter);text-shadow:var(--ink-shadow);will-change:transform;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 clamp(8px,2.4vw,40px) clamp(2px,.8vmin,10px);display:flex;position:relative}.nav-btn{min-width:46px;min-height:46px;color:var(--chalk);font:400 1.18em/1 var(--font-ar);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.35em;padding:0 .35em;transition:transform .2s,opacity .3s,color .2s;display:inline-flex}.nav-btn svg{flex:none;width:3.1em;height:1.1em;overflow:visible}.nav-btn path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.nav-btn.prev,.nav-btn.back{--nudge:4px}.nav-btn.next{--nudge:-4px}.nav-btn:hover:not(:disabled){transform:translateX(var(--nudge))}.nav-btn:disabled{opacity:.22;cursor:default}.nav-btn:focus-visible{outline:2px dashed var(--yellow);outline-offset:2px}.counter{font:400 1.05em/1 var(--font-m);color:var(--chalk);opacity:.85}.topbar{z-index:1;font-size:var(--fs);filter:var(--ink-filter);text-shadow:var(--ink-shadow);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:clamp(2px,.8vmin,10px) clamp(8px,2.4vw,40px) 0;display:flex;position:relative}@media (hover:hover){.topbar .back:hover{color:var(--yellow)}}.brand{min-height:46px;font:700 1.12em/1 var(--font-ar);color:var(--yellow);opacity:.82;align-items:center;padding:0 .3em;transition:opacity .2s;display:inline-flex}@media (hover:hover){.brand:hover{opacity:1}}.brand:focus-visible{outline:2px dashed var(--yellow);outline-offset:2px;border-radius:8px}.sheet{overscroll-behavior:contain;will-change:transform;scrollbar-width:thin;scrollbar-color:var(--scroll) transparent;flex:1;min-height:0;position:relative;overflow:hidden auto}.sheet-pi{font-size:calc(var(--fs) * 1.12);padding-top:clamp(4px,1.2vmin,16px);line-height:1.7}.uline{width:100%;height:.42em;display:block;overflow:visible}.uline path{fill:none;stroke:currentColor;stroke-width:calc(var(--fs) * .1);stroke-linecap:round}.ring-mark{pointer-events:none;width:2.5em;height:1.66em;position:absolute;top:52%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.ring-mark path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round}.chalk-card{text-align:center;color:var(--chalk);border:.085em solid;border-radius:1.4em .45em 1.2em .4em/.4em 1.2em .45em 1.4em;flex-direction:column;justify-content:center;align-items:center;transition:background-color .2s,transform .2s,color .2s;display:flex;position:relative}@media (hover:hover){a.chalk-card:hover{background-color:var(--card-hover);transform:translateY(-2px)rotate(-.4deg)}}a.chalk-card:active{transform:translateY(1px)}a.chalk-card:focus-visible{outline:.07em dashed var(--yellow);outline-offset:.25em}.chalk-card.off{color:var(--faint);cursor:default;border-style:dashed}.soon{color:var(--yellow);opacity:.82;white-space:nowrap;border:.09em solid;border-radius:.9em .3em .8em/.3em .8em .3em .9em;padding:0 .55em .1em;font-size:.62em;line-height:1.5;display:inline-block}@keyframes chalk-write{0%{clip-path:inset(-.4em -.3em -.4em calc(100% + .3em))}to{clip-path:inset(-.4em -.3em)}}@keyframes chalk-write-l{0%{clip-path:inset(-.4em calc(100% + .3em) -.4em -.3em)}to{clip-path:inset(-.4em -.3em)}}@keyframes chalk-appear{0%{opacity:0;transform:translateY(.18em)scale(.98)}to{opacity:1;transform:none}}.w-write{animation:.75s cubic-bezier(.35,.15,.55,.95) both chalk-write;animation-delay:var(--d,0s)}.w-write.ltr{animation-name:chalk-write-l}.w-appear{animation:.38s ease-out both chalk-appear;animation-delay:var(--d,0s)}.tray{--ov:min(var(--gap), 12px);z-index:2;left:calc(var(--gap) - var(--ov));right:calc(var(--gap) - var(--ov));bottom:var(--gap);height:var(--tray-h);position:absolute}.tray-top{background-image:radial-gradient(ellipse 14% 70% at 14% 55%, #ffffff47, transparent 70%), radial-gradient(ellipse 10% 60% at 40% 60%, #ffffff29, transparent 70%), radial-gradient(ellipse 12% 70% at 84% 60%, #ffffff38, transparent 70%), linear-gradient(180deg, #ffe8c442, #ffe8c40d 60%, #00000024), var(--wood-h);background-size:100% 100%,100% 100%,100% 100%,100% 100%,600px 100%;border-radius:4px 4px 1px 1px;height:44%;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #fff0d759}.tray-front{background-image:linear-gradient(180deg, #0003, #00000073), var(--wood-h);background-size:100% 100%,600px 100%;border-radius:1px 1px 5px 5px;position:absolute;inset:44% 0 0;box-shadow:0 10px 16px -4px #1e12068c,inset 0 1px #ffebc826}.stick{height:23%;width:calc(var(--tray-h) * 1.8);background-image:var(--tex-grain), linear-gradient(180deg, color-mix(in srgb, var(--c) 50%, #fff) 0%, var(--c) 40%, color-mix(in srgb, var(--c) 68%, #000) 100%);transform:rotate(var(--r,0deg));background-size:120px 120px,100% 100%;border-radius:2px 5px 5px 2px/2px 50% 50% 2px;position:absolute;top:4%;box-shadow:0 2px 2px -1px #00000080,0 5px 6px -3px #0000004d}.stick.short{width:calc(var(--tray-h) * .8)}.s1{--c:#f3f1e9;--r:-1.5deg;left:4%}.s2{--c:#f6dc6a;left:calc(4% + var(--tray-h) * 2.05);--r:1deg}.s3{--c:#f39cbb;left:calc(4% + var(--tray-h) * 3.3);--r:-.5deg}.s4{--c:#8fcdf0;left:calc(4% + var(--tray-h) * 5.5);--r:2deg}.s5{--c:#f3f1e9;right:calc(7% + var(--tray-h) * 2.9);--r:-2deg}.eraser,.eraser-fly{font-size:calc(var(--tray-h) * .4);flex-direction:column;display:flex}.eraser{z-index:3;width:calc(var(--tray-h) * 2.6);height:calc(var(--tray-h) * .78);cursor:pointer;filter:drop-shadow(0 3px 2px #00000073);background:0 0;border:0;padding:0;transition:transform .25s cubic-bezier(.3,1.4,.5,1);position:absolute;bottom:50%;right:7%}.eraser:after{content:"";position:absolute;inset:-8px -4px -6px}.eraser:hover:not(:disabled){transform:translateY(-4px)rotate(-1.5deg)}.eraser:active:not(:disabled){transform:translateY(-1px)}.eraser:disabled{cursor:default}.eraser:focus-visible{outline:2px dashed var(--yellow);outline-offset:4px;border-radius:6px}.eraser.away{visibility:hidden}.e-top{background-image:linear-gradient(180deg, #ffe1b961, #0000 35%, #00000061), var(--wood-h);background-color:#5b3519;background-size:100% 100%,300px 100%;border-radius:.45em .45em .1em .1em/.55em .55em .1em .1em;flex:0 0 58%;box-shadow:inset 0 -1px #00000073}.e-felt{background-image:var(--tex-grain), linear-gradient(180deg, #c3c0b7, #99958b 55%, #efede5 100%);background-size:90px 90px,100% 100%;border-radius:0 0 .15em .15em;flex:1}.eraser-fly{z-index:40;pointer-events:none;transform-origin:50%;will-change:transform;filter:drop-shadow(0 12px 10px #0006);position:fixed;top:0;left:0}.dust{pointer-events:none;background:radial-gradient(circle,#ffffffe6,#fff0 70%);border-radius:50%;width:5px;height:5px;position:absolute}@media (max-width:600px){.s3,.s4{display:none}.s5{right:calc(5% + var(--tray-h) * 2.9)}.eraser{right:5%}}@media (prefers-reduced-motion:reduce){.eraser,.nav-btn,.cbtn,.chalk-card{transition:none}.w-write,.w-write.ltr,.w-appear{animation:none}}.nf-board{flex-direction:column;display:flex}.nf-board .nf-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.4em 0 1.4em;display:flex}.nf-board .nf-code{letter-spacing:.06em;font-size:4.6em;line-height:1.05}.nf-board .nf-titled{width:fit-content;max-width:100%;margin-top:.2em}.nf-board .nf-title{padding:0 .2em;font-size:1.9em;font-weight:700;line-height:1.45}.nf-board .nf-sub{color:var(--dim);margin-top:.6em;font-size:1.02em}.nf-board .nf-links{flex-wrap:wrap;justify-content:center;gap:.6em;margin-top:1.1em;display:flex}@media (max-width:600px){.nf-board .nf-code{font-size:3.6em}.nf-board .nf-title{font-size:1.55em}}
[data-board=white]{--chalk:#1e2430;--yellow:#1d4fc0;--pink:#c2185b;--blue:#0b7285;--green:#0e5a2b;--orange:#ad4b00;--dim:#646464;--faint:#767e89;--surface:#eef1f3;--halo:#f6f8f9eb;--ink-filter:url(#marker);--ink-shadow:none;--wipe-haze:#5d6878;--wipe-haze-a:.045;--wipe-dust:0;--tint:color-mix(in srgb, var(--yellow) 10%, transparent);--hover:color-mix(in srgb, var(--chalk) 5%, transparent);--card-hover:color-mix(in srgb, var(--chalk) 4%, transparent);--rule:color-mix(in srgb, var(--chalk) 62%, transparent);--field:color-mix(in srgb, var(--chalk) 2.5%, transparent);--field-focus:color-mix(in srgb, var(--yellow) 5%, transparent);--field-line:color-mix(in srgb, var(--chalk) 78%, transparent);--placeholder:color-mix(in srgb, var(--chalk) 55%, transparent);--soft:color-mix(in srgb, var(--chalk) 88%, transparent);--softer:color-mix(in srgb, var(--chalk) 70%, transparent);--scroll:color-mix(in srgb, var(--chalk) 24%, transparent);--selection:color-mix(in srgb, var(--yellow) 20%, transparent);--handle:color-mix(in srgb, var(--yellow) 8%, transparent);--thumb:color-mix(in srgb, var(--yellow) 12%, transparent);--on-chalk:none;--on-white:inline;--pick-chalk:currentColor;--pick-white:var(--yellow)}[data-board=white]:root{--ft:clamp(8px, 1.3vmin, 15px);--wall-1:#eef0ef;--wall-2:#cfd3d2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){[data-board=white]:root:not([data-theme=light]){--wall-1:#3b3f43;--wall-2:#1b1d20}}[data-board=white]:root[data-theme=dark]{--wall-1:#3b3f43;--wall-2:#1b1d20}[data-board=white] .frame:before{border-radius:4px;box-shadow:0 12px 24px #282e3842,0 2px 5px #282e3838}[data-board=white] .f{background-color:#b9bfc5}[data-board=white] .f-top{z-index:1;clip-path:none;background-image:linear-gradient(#fdfdfd 0%,#e9ecee 14%,#cdd2d6 45%,#b7bdc3 70%,#969ca4 100%);background-size:100% 100%;border-radius:4px 4px 0 0;box-shadow:0 1px 1px #00000024}[data-board=white] .f-left{clip-path:none;background-image:linear-gradient(90deg,#f6f7f8 0%,#dde1e4 22%,#c3c8cd 60%,#a1a8af 100%);background-size:100% 100%;border-radius:4px 0 0}[data-board=white] .f-right{clip-path:none;background-image:linear-gradient(270deg,#e6e9eb 0%,#cbd0d4 30%,#aeb4ba 70%,#8f969d 100%);background-size:100% 100%;border-radius:0 4px 0 0}[data-board=white] .f-top:before,[data-board=white] .f-top:after{content:"";width:calc(var(--ft) * 2);height:calc(var(--ft) * 2);background:linear-gradient(#ffffff4d,#fff0 45%,#0000002e),#646a73;position:absolute;top:0;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff40}[data-board=white] .f-top:before{border-radius:5px 1px 7px;left:0}[data-board=white] .f-top:after{border-radius:1px 5px 1px 7px;right:0}[data-board=white] .board{background-color:#eef1f3;background-image:var(--tex-wb-ghosting),  linear-gradient(104deg, #fff0 8%, #ffffffd9 21%, #fff0 35%), linear-gradient(104deg, #fff0 37.5%, #ffffffb3 40.5%, #fff0 44%), radial-gradient(ellipse 55% 42% at 26% 6%, #fffffff2, #fff0 72%),  radial-gradient(150% 125% at 44% 30%, #f6f8f9 0%, #eef1f3 48%, #e4e8eb 100%);background-size:100% 100%,auto,auto,auto,auto;box-shadow:inset 0 0 0 1px #50586452,inset 0 3px 4px -2px #1e24304d,inset 3px 0 4px -3px #1e24302e,inset -3px 0 4px -3px #1e24302e}[data-board=white] .ghosts{filter:blur(1.2px)}[data-board=white] .ghost{opacity:.07}[data-board=white] .ghost.g1{color:#233d8a}[data-board=white] .ghost.g2{color:#8a2448;opacity:.055}[data-board=white] .dust{display:none}[data-board=white] .tray-top{background-image:linear-gradient(#848b93 0%,#adb3b9 20%,#d9dde0 55%,#c6cbcf 80%,#a8afb5 100%);background-size:100% 100%;border-radius:3px 3px 1px 1px;box-shadow:inset 0 2px 3px #14192352,inset 0 -1px #ffffff80}[data-board=white] .tray-front{background-image:linear-gradient(#fdfdfd 0%,#e6e9eb 14%,#cbd0d4 46%,#b1b7bd 74%,#92999f 100%);background-size:100% 100%;border-radius:1px 1px 5px 5px;box-shadow:0 8px 14px -5px #191e2873,inset 0 1px #ffffffe6}[data-board=white] .tray:before,[data-board=white] .tray:after{content:"";z-index:1;width:calc(var(--tray-h) * .28);background:linear-gradient(90deg,#ffffff38,#fff0 40%,#0003),linear-gradient(#6c727a,#4d535b 55%,#3e434a);position:absolute;top:-4%;bottom:-3%;box-shadow:0 6px 10px -4px #0006,inset 0 1px #ffffff4d}[data-board=white] .tray:before{border-radius:5px 2px 2px 7px;left:0}[data-board=white] .tray:after{border-radius:2px 5px 7px 2px;right:0}[data-board=white] .stick{--mk:#2a2e35;height:26%;width:calc(var(--tray-h) * 2.3);background-image:linear-gradient(180deg, #ffffffd9 0%, #fff0 42%, #0000 60%, #0003 100%), linear-gradient(90deg, var(--mk) 0 4.5%, transparent 4.5% 61%, color-mix(in srgb, var(--mk) 75%, #fff) 61% 63.5%, transparent 63.5%), linear-gradient(#eceef0, #eceef0);transform:rotate(var(--r,0deg)) scaleX(var(--flip,1));background-size:100% 100%;border-radius:40% 2px 2px 40%/50% 2px 2px 50%;top:2%;box-shadow:0 2px 2px -1px #0000004d,0 4px 5px -3px #0003}[data-board=white] .stick.short{width:calc(var(--tray-h) * 2.3)}[data-board=white] .stick:before{content:"";background:linear-gradient(180deg, #ffffff73 0%, #fff0 38%, #0000 58%, #0000004d 100%), var(--mk);border-radius:2px 40% 40% 2px/2px 50% 50% 2px;width:36%;position:absolute;top:-9%;bottom:-9%;right:-2%}[data-board=white] .stick:after{content:"";background:linear-gradient(180deg, #ffffff59, #0000001f), color-mix(in srgb, var(--mk) 82%, #000);border-radius:1px 4px 2px 1px;width:25%;height:30%;position:absolute;top:-15%;right:5%}[data-board=white] .s1{--mk:#2a2e35;--r:-1deg;left:4%}[data-board=white] .s2{--mk:#1f5fd6;left:calc(4% + var(--tray-h) * 2.6);--r:.7deg}[data-board=white] .s3{--mk:#d62a45;left:calc(4% + var(--tray-h) * 5.2);--r:-.4deg;--flip:-1}[data-board=white] .s4{--mk:#1f9a4a;left:calc(4% + var(--tray-h) * 7.9);--r:1deg}[data-board=white] .s5{--mk:#2a2e35;right:calc(7% + var(--tray-h) * 3);--r:-1.2deg;--flip:-1}@media (max-aspect-ratio:11/10),(max-width:640px){[data-board=white] .s5{display:none}}@media (max-aspect-ratio:4/5) and (max-width:800px){[data-board=white] .s4{display:none}}@media (max-aspect-ratio:4/5) and (max-width:640px){[data-board=white] .s3{display:none}}[data-board=white] .eraser{filter:drop-shadow(0 3px 2px #14192359)}[data-board=white] .eraser-fly{filter:drop-shadow(0 12px 10px #1419234d)}[data-board=white] .e-top{background-color:#2f5e9e;background-image:linear-gradient(#ffffff73 0%,#fff0 30%,#0000 60%,#0000004d 100%),linear-gradient(90deg,#0000 20%,#ffffff21 20% 80%,#0000 80%);background-size:100% 100%;border-radius:.7em .7em .12em .12em/.8em .8em .12em .12em;flex:0 0 60%;box-shadow:inset 0 -1px #00000059}[data-board=white] .e-felt{background-image:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px),linear-gradient(#50545b 0%,#3d4147 22%,#5d6269 100%);background-size:auto,100% 100%;border-radius:0 0 .12em .12em}[data-board=white] .brand{opacity:.9}@media (hover:hover){[data-board=white] .brand:hover{opacity:1}}[data-board=white] .soon{opacity:1}[data-board=white] .lsn .chalk-in::placeholder{opacity:.55}[data-board=white] .marks g:not([style*="opacity: 0"]),[data-board=white] .lsn :where(.eng-geo) .geo .gi:not([style*="opacity: 0"]) path{stroke-opacity:.9}
@font-face{size-adjust:78%;ascent-override:156.5%;descent-override:31.3%;line-gap-override:0%;font-family:playpen;src:url(../media/PlaypenSansArabic_wght-s.p.3ji9ojx3fv49t.woff2)format("woff2");font-display:swap;font-weight:400 700;font-style:normal}@font-face{font-family:playpen Fallback;src:local(Arial);ascent-override:100.71%;descent-override:50.36%;line-gap-override:0.0%;size-adjust:109.22%}.c3PTTa_className{font-family:playpen,playpen Fallback}.c3PTTa_variable{--font-aref:"playpen", "playpen Fallback"}
@font-face{font-family:patrickHand;src:url(../media/PatrickHand_Regular-s.p.2wtz0xtukj0z4.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:patrickHand Fallback;src:local(Arial);ascent-override:127.81%;descent-override:38.27%;line-gap-override:0.0%;size-adjust:81.53%}.V6uAHq_className{font-family:patrickHand,patrickHand Fallback;font-style:normal;font-weight:400}.V6uAHq_variable{--font-patrick:"patrickHand", "patrickHand Fallback"}