@font-face{font-family:Minecraft Book;src:url(/fonts/macsMinecraft-Regular.woff2)format("woff2");font-display:block}:root{--s:3;--u:2;--ink:#000;--backdrop:#1b1b1b}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--backdrop);color:#fff;overflow:hidden}img,.book,.book__arrow{image-rendering:pixelated}#app{z-index:1;place-items:center;height:100%;display:grid;position:relative;overflow-y:auto}.book{width:calc(146px * var(--s));height:calc(180px * var(--s));background:url(/textures/book.png) no-repeat;background-size:calc(256px * var(--s)) calc(256px * var(--s));background-position:calc(-20px * var(--s)) calc(-1px * var(--s));font-family:Minecraft Book,Courier New,monospace;font-size:calc(8px * var(--s));line-height:calc(9px * var(--s));color:var(--ink);-webkit-font-smoothing:none;font-smooth:never;position:relative}.book__indicator{top:calc(15px * var(--s));right:calc((146px - 128px) * var(--s));white-space:nowrap;position:absolute}.book__text{left:calc(16px * var(--s));top:calc(31px * var(--s));width:calc(114px * var(--s));height:calc(126px * var(--s));position:absolute}.book__arrow{top:calc(156px * var(--s));width:calc(23px * var(--s));height:calc(13px * var(--s));cursor:pointer;background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:0;position:absolute}.book__arrow--prev{left:calc(23px * var(--s));background-image:url(/textures/page_backward.png)}.book__arrow--next{left:calc(96px * var(--s));background-image:url(/textures/page_forward.png)}.book__arrow--prev:hover,.book__arrow--prev:focus-visible{background-image:url(/textures/page_backward_highlighted.png)}.book__arrow--next:hover,.book__arrow--next:focus-visible{background-image:url(/textures/page_forward_highlighted.png)}.book__arrow:focus-visible{outline:calc(1px * var(--s)) solid var(--ink);outline-offset:calc(1px * var(--s))}.book__editor{resize:none;width:100%;height:100%;color:inherit;caret-color:var(--ink);font:inherit;letter-spacing:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;-webkit-font-smoothing:none;background:0 0;border:0;outline:0;margin:0;padding:0;display:block;overflow:hidden}.book__editor::selection{background:#0000ff59}.book--shake{animation:.15s linear book-shake}@keyframes book-shake{0%{transform:translate(0)}25%{transform:translateX(calc(-1px * var(--s)))}50%{transform:translateX(calc(1px * var(--s)))}75%{transform:translateX(calc(-1px * var(--s)))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.book--shake{animation:none}}.stage{align-items:center;gap:calc(6px * var(--s));flex-direction:column;display:flex}.stage__actions{gap:calc(4px * var(--s));display:flex}.stage__actions .mc-button{min-width:calc(98px * var(--u))}.backdrop{z-index:0;background:#1b1b1b;position:fixed;inset:0}.backdrop:after{content:"";background:#0006;position:absolute;inset:0}.backdrop__layer{opacity:0;background-position:50%;background-size:cover;transition:opacity .35s ease-out;position:absolute;inset:0}.backdrop__layer--visible{opacity:1}.backdrop__layer--pixelated{image-rendering:pixelated}.mc-button{--edge:var(--u);min-width:calc(40px * var(--u));height:calc(20px * var(--u));padding:0 calc(4px * var(--u));color:#e0e0e0;font-family:Minecraft Book,monospace;font-size:calc(8px * var(--u));text-shadow:var(--u) var(--u) 0 #383838;box-shadow:inset var(--edge) var(--edge) 0 #a8a8a8, inset calc(var(--edge) * -1) calc(var(--edge) * -1) 0 #3b3b3b, 0 0 0 var(--edge) #000;margin:var(--edge);cursor:pointer;-webkit-font-smoothing:none;background:#6f6f6f;border:0;line-height:1;transition:background-color 90ms ease-out}.mc-button:hover,.mc-button:focus-visible{color:#fff;box-shadow:inset var(--edge) var(--edge) 0 #b8bcd4, inset calc(var(--edge) * -1) calc(var(--edge) * -1) 0 #3b3b3b, 0 0 0 var(--edge) #fff;background:#7c8098;outline:0}.mc-button:active{background:#5f6378}.mc-button:disabled{color:#9a9a9a;text-shadow:none;cursor:default;box-shadow:inset var(--edge) var(--edge) 0 #666, inset calc(var(--edge) * -1) calc(var(--edge) * -1) 0 #333, 0 0 0 var(--edge) #000;background:#4a4a4a}.mc-button--icon{min-width:calc(20px * var(--u));width:calc(20px * var(--u));place-items:center;padding:0;display:grid}.mc-button--small{min-width:0;height:calc(14px * var(--u));padding:0 calc(3px * var(--u));font-size:calc(6px * var(--u))}.pixel-icon{width:calc(var(--icon-w) * var(--u));height:calc(var(--icon-h) * var(--u));image-rendering:pixelated}.toolbar{top:calc(6px * var(--u));right:calc(6px * var(--u));z-index:5;align-items:flex-end;gap:calc(4px * var(--u));flex-direction:column;display:flex;position:fixed}.toolbar__group{gap:calc(4px * var(--u));display:flex}.picker{grid-template-columns:repeat(2, calc(80px * var(--u)));gap:calc(4px * var(--u));padding:calc(4px * var(--u));box-shadow:0 0 0 var(--u) #555;margin:var(--u);background:#000c;display:grid}.picker[hidden]{display:none}.picker__item{gap:calc(2px * var(--u));color:#ddd;font-family:Minecraft Book,monospace;font-size:calc(6px * var(--u));cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.picker__item img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;image-rendering:pixelated;box-shadow:0 0 0 var(--u) #000;display:block}.picker__item:hover img,.picker__item:focus-visible img,.picker__item[aria-pressed=true] img{box-shadow:0 0 0 var(--u) #fff}.picker__item:focus-visible{outline:0}.picker__item[aria-pressed=true]{color:#fff}.shelf{width:min(calc(100vw - 32px), calc(240px * var(--u)));max-height:100%;padding:calc(12px * var(--u)) 0;align-items:center;gap:calc(8px * var(--u));color:#fff;flex-direction:column;font-family:Minecraft Book,monospace;display:flex}.shelf__heading{font-size:calc(16px * var(--u));text-shadow:var(--u) var(--u) 0 #383838;margin:0;font-weight:400;line-height:1}.shelf__grid{grid-template-columns:repeat(auto-fill, minmax(calc(70px * var(--u)), 1fr));gap:calc(6px * var(--u));width:100%;padding:var(--u);display:grid;overflow-y:auto}.shelf__empty{margin:calc(20px * var(--u)) 0;font-size:calc(8px * var(--u));color:#ccc;text-shadow:var(--u) var(--u) 0 #383838;text-align:center}.shelf__footer{gap:calc(4px * var(--u));display:flex}.cover{align-items:center;gap:calc(3px * var(--u));padding:calc(4px * var(--u));box-shadow:0 0 0 var(--u) #555;background:#0009;flex-direction:column;transition:box-shadow 90ms ease-out,background-color 90ms ease-out;display:flex}.cover:hover,.cover:focus-within{box-shadow:0 0 0 var(--u) #fff;background:#000000bf}.cover__open{align-items:center;gap:calc(3px * var(--u));width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.cover__open:focus-visible{outline:0}.cover__slot{width:calc(36px * var(--u));height:calc(36px * var(--u));box-shadow:inset calc(var(--u) * -1) calc(var(--u) * -1) 0 #fff, inset var(--u) var(--u) 0 #373737;background:#8b8b8b;place-items:center;display:grid}.cover__sprite{width:calc(32px * var(--u));height:calc(32px * var(--u));image-rendering:pixelated;transition:transform .12s ease-out}.cover:hover .cover__sprite,.cover:focus-within .cover__sprite{transform:translateY(calc(var(--u) * -1))}.cover__title{max-width:100%;font-size:calc(8px * var(--u));text-align:center;overflow-wrap:anywhere;text-shadow:var(--u) var(--u) 0 #383838;line-height:1.1}.cover__meta{font-size:calc(6px * var(--u));color:#aaa;text-align:center}.cover__actions{gap:calc(3px * var(--u));margin-top:calc(2px * var(--u));display:flex}.mc-dialog{padding:calc(8px * var(--u));color:#fff;box-shadow:inset var(--u) var(--u) 0 #555, inset calc(var(--u) * -1) calc(var(--u) * -1) 0 #111, 0 0 0 var(--u) #000;background:#2a2a2a;border:0;margin:auto;font-family:Minecraft Book,monospace}.mc-dialog::backdrop{background:#0009}.mc-dialog__form{align-items:center;gap:calc(6px * var(--u));min-width:calc(140px * var(--u));flex-direction:column;max-width:calc(100vw - 48px);display:flex}.mc-dialog__title{font-size:calc(8px * var(--u));text-shadow:var(--u) var(--u) 0 #383838;text-align:center;overflow-wrap:anywhere;margin:0;font-weight:400}.mc-dialog__detail{font-size:calc(6px * var(--u));color:#bbb;text-align:center;margin:0}.mc-dialog__actions{gap:calc(4px * var(--u));display:flex}.mc-input{width:100%;height:calc(20px * var(--u));padding:0 calc(4px * var(--u));color:#e0e0e0;font-family:Minecraft Book,monospace;font-size:calc(8px * var(--u));box-shadow:0 0 0 var(--u) #a0a0a0;margin:var(--u);width:calc(100% - 2px * var(--u));caret-color:#e0e0e0;background:#000;border:0;outline:0}.mc-input:focus{box-shadow:0 0 0 var(--u) #fff}.legal{z-index:1;text-align:center;color:#ffffff8c;pointer-events:none;font-family:Minecraft Book,monospace;font-size:10px;line-height:1.4;position:fixed;bottom:6px;left:0;right:0}.notice{z-index:10;color:#fff;opacity:0;pointer-events:none;background:#000000bf;border:2px solid #555;padding:6px 12px;font-family:Minecraft Book,monospace;font-size:16px;transition:opacity .15s ease-out,transform .15s ease-out;position:fixed;top:16px;left:50%;transform:translate(-50%,-8px)}.notice--visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.notice,.backdrop__layer,.cover,.cover__sprite,.mc-button{transition:none}}.splash{z-index:20;justify-content:center;align-items:center;gap:calc(12px * var(--u));background:#0000008c;flex-direction:column;transition:opacity .3s ease-out;display:flex;position:fixed;inset:0}.splash--leaving{opacity:0;pointer-events:none}.splash__title{font-family:Minecraft Book,monospace;font-size:calc(24px * var(--u));color:#fff;text-shadow:var(--u) var(--u) 0 #383838;text-align:center;margin:0;font-weight:400;line-height:1}@media (prefers-reduced-motion:reduce){.splash{transition:none}}.legal__credit{color:#ffffffd9;text-shadow:1px 1px #383838;font-size:12px}.splash__credit{font-family:Minecraft Book,monospace;font-size:calc(6px * var(--u));color:#fffc;text-shadow:var(--u) var(--u) 0 #383838;margin:0}.picker{max-height:calc(100vh - 60px * var(--u));overflow-y:auto}.picker__cell{position:relative}.picker__remove{top:calc(1px * var(--u));right:calc(1px * var(--u));width:calc(9px * var(--u));height:calc(9px * var(--u));color:#fff;font-family:Minecraft Book,monospace;font-size:calc(6px * var(--u));cursor:pointer;background:#000000bf;border:0;padding:0;line-height:1;position:absolute}.picker__remove:hover,.picker__remove:focus-visible{background:#a02020;outline:0}.picker__add{justify-content:center;align-items:center;gap:calc(1px * var(--u));aspect-ratio:16/9;box-shadow:0 0 0 var(--u) #555;color:#ddd;font-family:Minecraft Book,monospace;font-size:calc(6px * var(--u));cursor:pointer;background:#ffffff0f;border:0;flex-direction:column;padding:0;display:flex}.picker__add:hover,.picker__add:focus-visible{box-shadow:0 0 0 var(--u) #fff;color:#fff;background:#ffffff24;outline:0}.picker__plus{font-size:calc(12px * var(--u));line-height:1}.picker__hint{color:#999}
