:root{--grass:#6aa84f;--grass-dark:#4e7a37;--dirt:#8a5a3b;--dirt-dark:#5f3d29;--stone:#9a9a9a;--stone-dark:#6e6e6e;--oak:#b3833f;--oak-dark:#7d5a29;--diamond:#4aedd9;--diamond-bright:#7ff5e9;--diamond-dark:#2fb6a8;--sky:#86c5f0;--xp:#7bd44a;--heart:#e23b3b;--obsidian:#17141f;--parchment:#f3e3c2;--parchment-dark:#e6d1a6;--primary:var(--diamond);--link:var(--diamond-dark);--text:var(--obsidian);--text-dim:#5c5546;--font-pixel:"Press Start 2P", system-ui, sans-serif;--font-vt:"VT323", monospace;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--bevel-light:#ffffff8c;--bevel-dark:#00000073}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;image-rendering:pixelated;background-color:#7d5a3f;background-image:repeating-linear-gradient(0deg,#0000000d 0 16px,#ffffff08 16px 32px),repeating-linear-gradient(90deg,#0000000d 0 16px,#ffffff08 16px 32px),linear-gradient(#8a5a3b,#6e4a30);background-attachment:fixed;font-size:17px;line-height:1.75}img{image-rendering:auto;max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none;transition:color .15s steps(2,end)}a:hover{color:var(--diamond-bright)}h1,h2,h3,h4{font-family:var(--font-pixel);font-weight:400;line-height:1.35}p,li,.body-text{font-family:var(--font-body)}.container{max-width:1180px;margin:0 auto;padding:0 24px}.mc-bevel{border:3px solid var(--dirt-dark);box-shadow:inset 2px 2px 0 0 var(--bevel-light), inset -2px -2px 0 0 var(--bevel-dark)}.mc-bevel-inset{border:3px solid var(--stone-dark);box-shadow:inset 2px 2px 0 0 var(--bevel-dark), inset -2px -2px 0 0 var(--bevel-light)}.surf-stone{background-color:var(--stone);background-image:repeating-linear-gradient(0deg,#0000001a 0 8px,#ffffff0f 8px 16px),repeating-linear-gradient(90deg,#00000014 0 8px,#ffffff0d 8px 16px)}.surf-dirt{background-color:var(--dirt);background-image:repeating-linear-gradient(0deg,#0000001f 0 8px,#ffffff0d 8px 16px),repeating-linear-gradient(90deg,#0000001a 0 8px,#ffffff0a 8px 16px)}.surf-oak{background-color:var(--oak);background-image:repeating-linear-gradient(90deg,#0000001a 0 6px,#ffffff0f 6px 20px),repeating-linear-gradient(0deg,#0000000d 0 24px,#0000001a 24px 26px)}.surf-diamond{background-color:var(--diamond-dark);background-image:repeating-linear-gradient(0deg,#0000001a 0 8px,#ffffff1a 8px 16px),repeating-linear-gradient(90deg,#00000014 0 8px,#ffffff14 8px 16px)}.mc-btn{font-family:var(--font-pixel);letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:2px 2px #00000073;cursor:pointer;text-align:center;background-color:var(--stone);-webkit-user-select:none;user-select:none;border:3px solid #3a3a3a;padding:14px 22px;font-size:11px;line-height:1.4;transition:transform 50ms step-end,filter .1s steps(2,end);display:inline-block;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #0006}.mc-btn:hover{filter:brightness(1.12);color:#fff}.mc-btn:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #00000059}.mc-btn--diamond{background-color:var(--diamond-dark);box-shadow:inset 2px 2px 0 0 var(--diamond-bright), inset -2px -2px 0 0 #17635b;border-color:#17635b}.mc-btn--grass{background-color:var(--grass);border-color:var(--grass-dark);box-shadow:inset 2px 2px 0 0 #8fce74, inset -2px -2px 0 0 var(--grass-dark)}.mc-btn--oak{background-color:var(--oak);border-color:var(--oak-dark);box-shadow:inset 2px 2px 0 0 #d3a563, inset -2px -2px 0 0 var(--oak-dark)}.slot{color:inherit;background-color:#3a3f45;background-image:repeating-linear-gradient(0deg,#0003 0 8px,#ffffff0a 8px 16px);border:3px solid #14161a;padding:8px;transition:transform 60ms step-end,filter .1s steps(2,end);display:block;box-shadow:inset 3px 3px #0000008c,inset -3px -3px #ffffff1f}.slot:hover{filter:brightness(1.08);transform:translateY(-3px)}.slot:active{transform:translate(2px,2px)}.slot__frame{aspect-ratio:1;background:#1c1f24;border:3px solid #14161a;overflow:hidden;box-shadow:inset 2px 2px #00000073}.slot__frame img{object-fit:cover;width:100%;height:100%;display:block}.slot__label{background-color:var(--oak);border:3px solid var(--oak-dark);box-shadow:inset 2px 2px 0 0 #d3a563, inset -2px -2px 0 0 var(--oak-dark);background-image:repeating-linear-gradient(90deg,#0000001a 0 6px,#ffffff12 6px 18px);margin-top:8px;padding:8px 10px}.slot__date{font-family:var(--font-vt);letter-spacing:1px;color:#3c2a12;text-transform:uppercase;font-size:16px}.slot__title{font-family:var(--font-pixel);color:#2a1c0c;text-shadow:1px 1px #ffffff40;word-break:break-word;margin-top:4px;font-size:10px;line-height:1.5}.book{background-color:var(--parchment);border:4px solid var(--oak-dark);background-image:linear-gradient(90deg,#0000000f 0 3%,#0000 3%),repeating-linear-gradient(0deg,#7d5a290d 0 26px,#7d5a2917 26px 27px);padding:40px;box-shadow:inset 3px 3px #ffffff80,inset -3px -3px #7d5a2959,0 0 0 3px #3c2a12}.book h2{font-family:var(--font-pixel);color:var(--diamond-dark);margin:28px 0 14px;font-size:15px;line-height:1.6}.book h2:first-child{margin-top:0}.book p,.book li{font-family:var(--font-body);color:#3a2f1c;margin-bottom:16px;font-size:18px;line-height:1.85}.book strong{color:#2a1c0c}.pixel-heading{font-family:var(--font-pixel);color:#fff;text-shadow:3px 3px #00000080;letter-spacing:2px;line-height:1.5}.vt-label{font-family:var(--font-vt);letter-spacing:1px;text-transform:uppercase;font-size:18px}.grass-banner{z-index:100;background-color:var(--dirt);border-bottom:4px solid var(--dirt-dark);box-shadow:inset 0 8px 0 0 var(--grass), inset 0 12px 0 0 var(--grass-dark);background-image:repeating-linear-gradient(90deg,#0000001a 0 8px,#ffffff0a 8px 16px),repeating-linear-gradient(0deg,#0000001a 0 8px,#ffffff08 8px 16px);position:sticky;top:0}.hotbar{background:#3a3f45;border:4px solid #14161a;justify-content:center;gap:4px;padding:6px;display:flex;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #00000080}.hotbar__slot{background:#565c64;border:3px solid #14161a;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 2px 2px #00000073,inset -2px -2px #ffffff1f}.xp-bar{background:#2a2a2a;border:3px solid #14161a;height:16px;position:relative;overflow:hidden;box-shadow:inset -2px -2px #ffffff1a}.xp-bar__fill{background:var(--xp);height:100%;box-shadow:inset 0 -4px #00000040,inset 0 3px #ffffff59}.inv-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.inv-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.inv-grid{grid-template-columns:1fr}}@media (width<=768px){body{font-size:16px}.container{padding:0 14px}.book{padding:22px}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bob{animation:3s steps(30,end) infinite bob}@keyframes popin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.popin{animation:.35s steps(6,end) forwards popin}