.mj-root{--mj-table:#5f8f7a;--mj-glow:#cbe8d8;--mj-mark:#f7e6ad;--mj-layer:#e6d9c2}.mj-main{flex-direction:column;gap:.75rem;display:flex}.mj-root[data-short=true] .mj-main{flex-direction:row;align-items:flex-start}.mj-root[data-short=true] .mj-tools{flex-direction:column;flex-shrink:0;width:6rem}.mj-root[data-short=true] .mj-tool{flex:none;min-height:3.1rem}.mj-table{isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:1.1rem;padding:10px;display:flex;position:relative;overflow:hidden}.mj-table[data-overflow=true]{overscroll-behavior:contain;touch-action:pan-x pan-y;display:block;overflow:auto}.mj-table:not([data-board-bg]):not([data-own-bg]){background-color:var(--mj-table);background-image:radial-gradient(#ffffff0f 1px,#0000 1px),radial-gradient(#0000000d 1px,#0000 1px),radial-gradient(at 50% 35%,#ffffff24,#0000 70%);background-position:0 0,3px 3px,0 0;background-size:6px 6px,6px 6px,100% 100%}.mj-area{flex-shrink:0;margin:auto;position:relative}.mj-tile{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute}.mj-table[data-overflow=true] .mj-tile{touch-action:pan-x pan-y}.mj-side,.mj-face{border-radius:var(--mj-r,6px);position:absolute}.mj-side{left:var(--mj-d,4px);top:var(--mj-d,4px);width:calc(100% - var(--mj-d,4px));height:calc(100% - var(--mj-d,4px));background:var(--mj-back) center / 100% 100% no-repeat;box-shadow:1px 2px 5px #1e19284d}.mj-face{width:calc(100% - var(--mj-d,4px));height:calc(100% - var(--mj-d,4px));box-shadow:calc(var(--mj-d,4px) * .5) calc(var(--mj-d,4px) * .5) 0 0 var(--mj-layer);background-color:#fffaf0;background-repeat:no-repeat;background-size:100% 100%;transition:transform .12s,box-shadow .16s,filter .16s;top:0;left:0}.mj-face:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.mj-table[data-glow] .mj-tile[data-free=true] .mj-face{box-shadow:calc(var(--mj-d,4px) * .5) calc(var(--mj-d,4px) * .5) 0 0 var(--mj-layer), 0 0 0 2px #fff, 0 0 12px 4px #f0fff6e6}.mj-table[data-glow] .mj-tile[data-free=false] .mj-face{filter:brightness(.9)saturate(.85)}.mj-tile[data-selected] .mj-face{box-shadow:calc(var(--mj-d,4px) * .5) calc(var(--mj-d,4px) * .5) 0 0 var(--mj-layer), 0 0 0 3px var(--nook-accent,#36695a);transform:translate(-1px,-3px)}.mj-tile[data-selected] .mj-face:after{background:#36695a29}.mj-tile[data-hint] .mj-face{box-shadow:calc(var(--mj-d,4px) * .5) calc(var(--mj-d,4px) * .5) 0 0 var(--mj-layer), 0 0 0 3px var(--mj-mark), 0 0 14px 4px #f7e6ade6;animation:1.6s ease-in-out infinite mj-breathe}.mj-tile:focus-visible{outline:none}.mj-tile:focus-visible .mj-face{outline:3px solid var(--mj-mark);outline-offset:1px}@keyframes mj-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.mj-shake .mj-face,.mj-shake .mj-side{animation:.36s ease-in-out mj-shake}@keyframes mj-shake{0%,to{translate:0}25%{translate:-3px}50%{translate:3px}75%{translate:-1.5px}}.mj-leave{pointer-events:none;animation:.32s ease-out forwards mj-leave}@keyframes mj-leave{to{opacity:0;transform:translateY(-10px)scale(1.06)}}.mj-bloom{pointer-events:none;position:absolute;inset:0}.mj-petal{opacity:0;border-radius:60% 0;width:22px;height:22px;animation:1.8s ease-out forwards mj-petal;position:absolute;bottom:10%}.mj-petal-0{background:var(--nook-rose,#f3cbd5);left:12%}.mj-petal-1{background:var(--nook-butter,#f7e6ad);animation-delay:.15s;left:28%}.mj-petal-2{background:var(--nook-mint,#cbe8d8);animation-delay:.3s;left:44%}.mj-petal-3{background:var(--nook-lilac,#ddd2f1);animation-delay:.1s;left:58%}.mj-petal-4{background:var(--nook-peach,#f8d3c0);animation-delay:.25s;left:72%}.mj-petal-5{background:var(--nook-sky,#cfe2f4);animation-delay:.4s;left:86%}@keyframes mj-petal{0%{opacity:0;transform:translateY(0)rotate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-140px)rotate(160deg)scale(1)}}.mj-rise{animation:.22s ease-out mj-rise}@keyframes mj-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mj-demo{--mj-d:4px;--mj-r:6px;background:var(--mj-table);border-radius:1rem;width:200px;height:100px;margin-inline:auto;position:relative}.mj-demo-tile{width:46px;height:62px;position:absolute;top:24px}.mj-demo-a{left:31px}.mj-demo-b{left:77px}.mj-demo-c{left:123px}.mj-demo-top{z-index:2;top:20px;left:73px}.mj-demo-a .mj-face,.mj-demo-c .mj-face{animation:4.5s ease-in-out infinite mj-demo-free}.mj-demo-a,.mj-demo-c{animation:4.5s ease-in-out infinite mj-demo-leave}@keyframes mj-demo-free{0%,20%{box-shadow:2px 2px 0 0 var(--mj-layer)}30%,62%{box-shadow:2px 2px 0 0 var(--mj-layer), 0 0 0 3px var(--mj-glow), 0 0 12px 4px #cbe8d8f2}to{box-shadow:2px 2px 0 0 var(--mj-layer)}}@keyframes mj-demo-leave{0%,62%{opacity:1;transform:none}74%,88%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.mj-root[data-motion=reduced] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.mj-root *,.mj-demo,.mj-demo *{transition:none!important;animation:none!important}}.mj-root[data-motion=reduced] .mj-demo-a .mj-face,.mj-root[data-motion=reduced] .mj-demo-c .mj-face{box-shadow:2px 2px 0 0 var(--mj-layer), 0 0 0 3px var(--mj-glow)}@media (prefers-reduced-motion:reduce){.mj-demo-a .mj-face,.mj-demo-c .mj-face{box-shadow:2px 2px 0 0 var(--mj-layer), 0 0 0 3px var(--mj-glow)}}