.title-root{margin-block:auto;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,640px);min-width:0}.title-logo{position:relative;max-width:100%;margin-bottom:10px}.title-logo__text{position:relative;isolation:isolate;margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,7vw,88px);line-height:1.02;letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere;color:#d8d8d8;background:linear-gradient(180deg,#fff,#e2e2e2 30%,#b9b9b9 50%,#8f8f8f 52%,#a9a9a9 78%,#7c7c7c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title-logo__text:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-text-fill-color:#2b2b2b;color:#2b2b2b;text-shadow:-.04em 0 0 #111,.04em 0 0 #111,0 -.04em 0 #111,0 .04em 0 #111,.05em .05em 0 #4d4d4d,.08em .08em 0 #3a3a3a,.11em .11em 0 #262626,.14em .14em 0 #111,.14em .22em 0 rgba(0,0,0,.35);pointer-events:none}.title-splash{position:absolute;left:var(--splash-x, 0);top:var(--splash-y, 0);width:max-content;margin:0;font-size:clamp(14px,1.7vw,22px);transform:translate(-50%,-70%);pointer-events:none}.title-splash__inner{display:block;font-family:var(--font-display);white-space:nowrap;color:var(--mc-yellow);text-shadow:2px 2px 0 #3f3f15;transform:rotate(-15deg);transform-origin:center;animation:title-splash .9s ease-in-out infinite alternate}@keyframes title-splash{0%{transform:rotate(-15deg) scale(.94)}to{transform:rotate(-15deg) scale(1.08)}}.title-subtitle{margin:14px 0 28px;font-family:var(--font-display);font-size:clamp(11px,1.1vw,14px);font-variant:small-caps;text-transform:uppercase;letter-spacing:.32em;color:#e8e8e8;text-shadow:var(--text-shadow-dark)}.title-menu{display:flex;flex-direction:column;gap:8px;width:min(100%,360px)}.title-menu__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.title-menu__hint{font-size:12px;color:var(--mc-gray);text-shadow:1px 1px 0 #2a2a2a}.title-menu .mc-btn:hover .title-menu__hint,.title-menu .mc-btn:focus-visible .title-menu__hint{color:#e8e8c0}.title-footer{margin:22px auto 0;max-width:360px;font-size:12px;color:#e0e0e0;text-shadow:var(--text-shadow-dark);opacity:.85}.title-footer__version{font-family:var(--font-display);font-size:10px;color:var(--mc-gray);margin-right:4px}@media (max-width: 640px){.title-subtitle{margin-top:22px;letter-spacing:.2em}}@media (prefers-reduced-motion: reduce){.title-splash__inner{animation:none}}@media (max-width: 420px){.title-menu__opt{display:none}}.profile-panel{margin-block:auto}.profile-panel .panel__title{font-size:14px}.profile-panel .panel__aside{color:#3f3f3f}.profile-top{display:grid;grid-template-columns:auto minmax(96px,124px) minmax(0,1fr);grid-template-areas:"armor preview traits";gap:10px;align-items:stretch}.profile-armor{grid-area:armor;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px}.profile-preview{grid-area:preview;position:relative;min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px 4px 6px;overflow:hidden;background:#000;box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi);border:2px solid #000}.profile-preview:before{content:"";position:absolute;left:15%;right:15%;bottom:22px;height:6px;background:#ffffff14}.profile-preview__figure{position:relative;display:flex;justify-content:center;flex:1;align-items:flex-end}.profile-preview__name{position:relative;margin-top:4px;font-family:var(--font-ui);font-size:12px;color:#fff;text-shadow:1px 1px 0 #3f3f3f}.profile-traits{grid-area:traits;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.profile-traits__row{padding:4px 8px 5px;background:#b4b4b4;box-shadow:inset 2px 2px #8b8b8b,inset -2px -2px #dcdcdc}.profile-traits dt{font-family:var(--font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5a5a5a}.profile-traits dd{margin:1px 0 0;font-family:var(--font-ui);font-size:15px;line-height:1.2;color:#1f1f1f;overflow-wrap:anywhere}.profile-tip{position:relative;display:inline-flex}.profile-tip__slot:focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px #000}.profile-tip__box .mc-tooltip{white-space:normal}.profile-tip--start .mc-tooltip{left:0;transform:none}.profile-tip--end .mc-tooltip{left:auto;right:0;transform:none}.profile-tip__kind{color:var(--mc-gray);font-size:12px}.profile-heading{margin:16px 0 6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.06em;color:#3f3f3f}.profile-bio{margin:0;padding:10px 12px;font-family:var(--font-ui);font-size:15px;line-height:1.45;color:#121212;background:var(--slot-bg);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}.profile-hotbar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px}.profile-hotbar li{display:flex;min-width:0}.profile-hotbar .profile-tip{width:100%}.profile-hotbar .slot{width:100%;height:auto;aspect-ratio:1;max-width:48px}.profile-hotbar .pixel-icon{width:64%;height:auto}.profile-hotbar__letter{font-family:var(--font-display);font-size:14px;color:#fff;text-shadow:1px 1px 0 #3f3f3f}.profile-actions{margin-top:16px;display:flex;justify-content:flex-end}@media (max-width: 520px){.profile-panel{padding:14px}.profile-top{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"armor preview" "traits traits"}.profile-traits{display:grid;grid-template-columns:1fr 1fr}.profile-actions .mc-btn{width:100%}}.skills-panel{margin-block:auto}.skills-panel .panel__aside{color:var(--mc-light-purple);opacity:.85}.skills-stand{display:grid;grid-template-columns:92px auto minmax(0,1fr);grid-template-areas:"fuel brew detail";gap:16px;align-items:center;padding:14px;background:#2a2a30;border:2px solid #000;box-shadow:inset 2px 2px #111,inset -2px -2px #4a4a52}.skills-stand__fuel{grid-area:fuel;display:flex;flex-direction:column;gap:6px}.skills-stand__label{font-family:var(--font-display);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.skills-stand__value{font-family:var(--font-mono);font-size:22px;line-height:1;color:var(--mc-gold);text-shadow:2px 2px 0 #3f2a00}.skills-fuel .mc-progress__fill{background:linear-gradient(180deg,#ffe066 0,#ffe066 30%,#fa0 30%,#fa0 70%,#c45a00 70%,#c45a00)}.skills-stand__brew{grid-area:brew;display:flex;align-items:flex-end;gap:8px}.skills-stand__slot{display:grid;place-items:center;width:108px;height:108px;background:var(--slot-dark-bg);box-shadow:inset 2px 2px #000,inset -2px -2px #3a3a42;animation:skills-swap .26s var(--ease-out) both}@keyframes skills-swap{0%{transform:translateY(6px) scale(.92);opacity:.4}to{transform:none;opacity:1}}.skills-bubbles{position:relative;width:14px;height:96px;background:#15151a;box-shadow:inset 2px 2px #000,inset -2px -2px #3a3a42;overflow:hidden}.skills-bubbles__b{position:absolute;bottom:-6px;width:4px;height:4px;background:var(--potion-color, #fff);box-shadow:0 0 0 1px #ffffff59;animation:skills-bubble 1.8s steps(12) infinite}.skills-bubbles__b:nth-child(1){left:3px;animation-delay:0s}.skills-bubbles__b:nth-child(2){left:7px;animation-delay:.36s;width:3px;height:3px}.skills-bubbles__b:nth-child(3){left:4px;animation-delay:.72s}.skills-bubbles__b:nth-child(4){left:8px;animation-delay:1.08s;width:2px;height:2px}.skills-bubbles__b:nth-child(5){left:5px;animation-delay:1.44s;width:3px;height:3px}@keyframes skills-bubble{0%{transform:translateY(0);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translateY(-104px);opacity:0}}.skills-stand__detail{grid-area:detail;min-width:0}.skills-stand__name{margin:0;font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.3;color:#fff;text-shadow:var(--text-shadow);overflow-wrap:anywhere}.skills-effect{margin:4px 0 0;font-family:var(--font-ui);font-size:15px;color:#8a8aff;text-shadow:1px 1px 0 #15153f}.skills-effect__dur{color:inherit}.skills-stand__text{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--text-dim)}.skills-grid{list-style:none;margin:14px 0 0;padding:0 4px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(232px,30vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6f6f6f #000}.skills-grid li{display:flex;min-width:0}.skills-potion{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:6px;text-align:left;background:#1e1e24;border:2px solid #000;box-shadow:inset 2px 2px #3a3a42,inset -2px -2px #111;cursor:pointer}.skills-potion:hover{background:#2b2b34}.skills-potion.is-selected{background:#3a3550;border-color:#fff}.skills-potion:focus-visible{outline:2px solid var(--mc-yellow);outline-offset:2px}.skills-potion__slot{--slot-size: 42px}.skills-potion.is-selected .skills-potion__slot:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#ffffff2e}.skills-potion__text{display:flex;flex-direction:column;min-width:0}.skills-potion__name{font-family:var(--font-ui);font-size:13px;line-height:1.2;color:#fff;text-shadow:1px 1px 0 #3f3f3f;overflow-wrap:anywhere}.skills-potion__dur{margin-top:2px;font-family:var(--font-mono);font-size:16px;line-height:1;color:#8a8aff}.skills-hint{font-family:var(--font-ui);color:var(--text-dim)}@media (max-width: 520px){.skills-panel{padding:14px}.skills-stand{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brew fuel" "detail detail";gap:12px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.skills-stand__slot{animation:none}.skills-bubbles__b{animation:none;opacity:0}.skills-bubbles__b:nth-child(odd){opacity:1}.skills-bubbles__b:nth-child(1){bottom:18px}.skills-bubbles__b:nth-child(3){bottom:48px}.skills-bubbles__b:nth-child(5){bottom:76px}}.skills-panel.panel{padding:14px 16px}.skills-panel .panel__header{margin-bottom:10px}.skills-stand{grid-template-columns:70px auto minmax(0,1fr);gap:10px;padding:10px}.skills-stand__value{font-size:18px}.skills-stand__slot{width:76px;height:76px}.skills-bubbles{width:12px;height:68px}.skills-stand__name{font-size:12px}.skills-effect{font-size:13px}.skills-stand__text{margin-top:6px;font-size:12.5px;line-height:1.35}.skills-grid{margin-top:10px;gap:6px;max-height:min(196px,26vh)}.skills-potion{padding:4px 6px;gap:6px}.skills-potion__slot{--slot-size: 34px}.skills-potion__name{font-size:12px}.skills-potion__dur{font-size:14px}.pj-panel{display:flex;flex-direction:column;min-width:0}.pj-list{list-style:none;margin:0;padding:6px;min-height:92px;overflow-y:auto;overflow-x:hidden;background:#0000008c;border:2px solid #000;box-shadow:inset 0 0 0 2px #2a2a2e;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:#8b8b8b #000}.pj-list:focus{outline:none}.pj-list:focus-visible{outline:2px solid #fff;outline-offset:2px}.pj-list::-webkit-scrollbar{width:8px}.pj-list::-webkit-scrollbar-track{background:#000}.pj-list::-webkit-scrollbar-thumb{background:#8b8b8b;box-shadow:inset -2px -2px #555,inset 2px 2px #c6c6c6}.pj-row{position:relative;display:flex;align-items:center;gap:10px;padding:4px;border:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0}.pj-row--selected{border-color:#fff;background:#000;box-shadow:inset 0 0 0 2px #000}.pj-list:focus-visible .pj-row--selected{border-color:var(--mc-yellow)}.pj-thumb{position:relative;flex:none;width:64px;height:64px;display:block;box-shadow:0 0 0 1px #0009}.pj-thumb__play{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:#90909080}.pj-row:hover .pj-thumb__play{display:block}.pj-row__text{display:flex;flex-direction:column;gap:1px;min-width:0}.pj-row__name{font-family:var(--font-ui);font-weight:700;font-size:16px;color:#fff;text-shadow:var(--text-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-row__line{font-family:var(--font-ui);font-size:13px;color:gray;text-shadow:1px 1px 0 #1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-mode--creative{color:var(--mc-aqua)}.pj-mode--survival{color:var(--mc-gray)}.pj-mode--hardcore{color:var(--mc-red)}.pj-mode--adventure{color:var(--mc-gold)}.pj-detail{margin-top:14px;padding:10px 12px 12px;background:#00000059;border:2px solid #000;box-shadow:inset 0 0 0 2px #2a2a2e}.pj-detail__title{margin:0 0 6px;font-family:var(--font-ui);font-size:16px;color:#fff;text-shadow:var(--text-shadow)}.pj-detail__title .pj-mode{font-size:12px;font-family:var(--font-display);margin-left:6px;white-space:nowrap}.pj-detail__desc{max-height:min(84px,11vh);overflow-y:auto;padding-right:4px;margin:0;font-size:14px;color:#d8d8d8;text-shadow:1px 1px 0 #1e1e1e}.pj-tags{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pj-tag{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;font-family:var(--font-ui);font-size:13px;color:#fff;text-shadow:1px 1px 0 #3f3f3f;background:var(--slot-bg);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}.pj-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pj-actions__play{grid-column:1 / -1}.pj-actions .mc-btn{width:100%}@media (max-width: 480px){.pj-row{gap:8px}.pj-row__line{font-size:12px}}.pj-world{max-height:calc(100vh - 72px - var(--hotbar-h) - 48px);max-height:calc(100dvh - 72px - var(--hotbar-h) - 48px);animation:pj-world-in .28s var(--ease-out) both}@keyframes pj-world-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (min-width: 900px){.pj-world{max-width:calc(64vw - var(--panel-inset, 4vw))}}.pj-world>.panel__header{flex:none}.pj-world__title:focus{outline:none}.pj-world--loading{animation:none}.pj-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;padding:24px;border:2px solid #000;background-color:#3b2a1e;background-image:linear-gradient(#0000008c,#0000008c),conic-gradient(from 90deg at 25% 25%,#5b3f2b 25%,#4a3222 0,#4a3222 50%,#6a4a33 0,#6a4a33 75%,#553a27 0);background-size:auto,32px 32px;image-rendering:pixelated}.pj-loading__title,.pj-loading__stage{margin:0;font-family:var(--font-ui);color:#fff;text-shadow:var(--text-shadow);text-align:center}.pj-loading__title{font-size:18px}.pj-loading__stage{font-size:14px;color:#d8d8d8}.pj-loading__bar{width:min(100%,320px)}.pj-loading__bar .mc-progress__fill{transition:none}.pj-world__body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;scrollbar-width:thin;scrollbar-color:#8b8b8b #000}@media (min-width: 900px){.pj-world__body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.pj-world__info{padding:10px 12px 12px;background:#00000059;border:2px solid #000;box-shadow:inset 0 0 0 2px #2a2a2e;min-width:0}.pj-world__meta{margin:0 0 6px;font-family:var(--font-display);font-size:11px;color:gray}.pj-world__summary{margin:0 0 8px;font-family:var(--font-ui);font-size:15px;color:#fff;text-shadow:var(--text-shadow)}.pj-world__desc{margin:0;font-size:14px;color:#d8d8d8;text-shadow:1px 1px 0 #1e1e1e}.pj-world__heading{margin:12px 0 4px;font-family:var(--font-display);font-size:11px;color:var(--mc-yellow);text-shadow:1px 1px 0 #3f3f00}.pj-world__highlights{margin:0;padding-left:18px;font-size:14px;color:#d8d8d8;text-shadow:1px 1px 0 #1e1e1e}.pj-world__highlights li::marker{content:"▪ ";color:var(--mc-green)}.pj-gallery{min-width:0}.pj-gallery__figure{margin:0}.pj-gallery__main{display:block;width:100%;aspect-ratio:16 / 10;padding:0;background:#000;border:2px solid #000;box-shadow:inset 0 0 0 2px #2a2a2e;cursor:zoom-in}.pj-gallery__main img{display:block;width:100%;height:100%;object-fit:contain}.pj-gallery__main:hover,.pj-gallery__main:focus-visible{border-color:#fff;outline:none}.pj-gallery__caption{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-family:var(--font-ui);font-size:13px;color:#d8d8d8;text-shadow:1px 1px 0 #1e1e1e}.pj-gallery__count{flex:none;color:gray}.pj-gallery__strip{display:flex;align-items:center;gap:6px;margin-top:8px}.pj-gallery__strip>.mc-btn{flex:none;padding:0 10px}.pj-gallery__thumbs{list-style:none;margin:0;padding:2px;flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8b8b8b #000}.pj-gallery__thumb{display:block;width:56px;height:36px;padding:2px;background:var(--slot-bg);border:0;box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi);cursor:pointer}.pj-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:.7}.pj-gallery__thumb--on,.pj-gallery__thumb:focus-visible{outline:2px solid #fff;outline-offset:0}.pj-gallery__thumb--on img,.pj-gallery__thumb:hover img{opacity:1}.pj-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:16 / 10;padding:12px;text-align:center;background:#00000073;border:2px dashed #4a4a4f}.pj-painting{display:block;padding:6px;background:#6b4a2b;box-shadow:0 0 0 2px #000,inset 2px 2px #9c7448,inset -2px -2px #3e2a16;filter:grayscale(.35) brightness(.85)}.pj-gallery__empty-title{margin:4px 0 0;font-family:var(--font-ui);font-size:15px;color:#fff;text-shadow:var(--text-shadow)}.pj-gallery__empty-text{margin:0;font-size:13px;color:gray;text-shadow:1px 1px 0 #1e1e1e}.pj-world__actions{flex:none}.pj-world__actions>.mc-btn:last-child:nth-child(odd){grid-column:1 / -1}.pj-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:#000000d9;animation:pj-zoom-in .2s var(--ease-out) both}@keyframes pj-zoom-in{0%{opacity:0}to{opacity:1}}.pj-zoom__figure{margin:0;max-width:min(1200px,100%);min-height:0;display:flex;flex-direction:column}.pj-zoom__figure img{display:block;max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border:2px solid #000;box-shadow:0 0 0 2px #4a4a4f}.pj-zoom__actions{display:flex;gap:8px}@media (min-width: 900px) and (max-height: 860px){.pj-world{padding:14px 16px}.pj-world .panel__header{margin-bottom:10px}.pj-world__actions{margin-top:10px}.pj-world .pj-world__actions .mc-btn{min-height:36px}.pj-gallery__main,.pj-gallery__empty{aspect-ratio:16 / 9}}@media (prefers-reduced-motion: reduce){.pj-world,.pj-zoom{animation:none}}.jr-panel{--jr-ink: var(--panel-parchment-ink);--jr-ink-soft: #6b4a2b;--jr-paper: #efe2bd;--jr-paper-dark: #dcc894;--jr-red: #c8261b;--jr-map-w: 290px;min-width:0}.jr-panel .panel__title{color:var(--jr-ink);text-shadow:1px 1px 0 rgba(255,255,255,.4)}.jr-panel .panel__aside{color:var(--jr-ink)}.jr-body{display:grid;grid-template-columns:minmax(0,var(--jr-map-w)) minmax(0,1fr);gap:16px;align-items:start}.jr-map{position:relative;aspect-ratio:192 / 300;width:100%;min-width:0;background-color:var(--jr-paper);background-image:linear-gradient(rgba(59,42,23,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,42,23,.1) 1px,transparent 1px),repeating-linear-gradient(37deg,rgba(120,80,30,.06) 0 2px,transparent 2px 5px),repeating-linear-gradient(-61deg,rgba(255,255,255,.12) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(120,80,30,.05) 0 3px,transparent 3px 11px);background-size:6.25% 11.111%,6.25% 11.111%,auto,auto,auto;border:2px solid var(--jr-ink);box-shadow:inset 0 0 0 2px var(--jr-paper-dark),inset 0 0 28px #78501e59;overflow:hidden;image-rendering:pixelated}.jr-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.jr-svg-water{fill:#8fb0ac;opacity:.8}.jr-svg-shallow{fill:#a9c2b4;opacity:.85}.jr-svg-coast{fill:#b99a62}.jr-svg-hill{fill:#d6c08a}.jr-svg-ripple{fill:#6f938f;opacity:.8}.jr-svg-tree{fill:#5f7a3a}.jr-svg-tree .jr-svg-trunk{fill:#6b4a2b}.jr-svg-mountain{fill:#8a6a3c}.jr-svg-dash{fill:var(--jr-red)}.jr-svg-dot{fill:var(--jr-ink)}.jr-compass{position:absolute;top:6%;right:3%;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.jr-compass__n{font-family:var(--font-display);font-size:10px;line-height:1;color:var(--jr-red)}.jr-x{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.jr-markers{list-style:none;margin:0;padding:0}.jr-marker-item{position:absolute;z-index:2;transform:translate(-50%,-100%);padding-bottom:6px}.jr-marker{display:flex;flex-direction:column;align-items:center;gap:0;min-width:40px;min-height:40px;padding:0 2px;background:none;border:0;cursor:pointer;color:var(--jr-ink)}.jr-marker__banner{width:40px;height:40px;filter:drop-shadow(2px 2px 0 rgba(59,42,23,.35));transition:transform var(--dur-fast) var(--ease-out);transform-origin:50% 0}.jr-marker__label{margin-top:1px;padding:0 4px;font-family:var(--font-mono);font-size:16px;line-height:1.05;white-space:nowrap;color:var(--jr-ink);background:#efe2bdd9;border:1px solid rgba(59,42,23,.35)}.jr-marker:hover .jr-marker__banner{transform:translateY(-2px)}.jr-marker--selected .jr-marker__banner{animation:jr-sway 1.6s steps(4) infinite}.jr-marker--selected .jr-marker__label{background:var(--jr-ink);color:var(--jr-paper);border-color:var(--jr-ink)}.jr-marker--latest .jr-marker__label{color:var(--jr-red)}.jr-marker--latest.jr-marker--selected .jr-marker__label{color:#ffd9c8;background:var(--jr-red);border-color:#6e120c}.jr-marker:focus-visible{outline:2px solid var(--jr-ink);outline-offset:2px}@keyframes jr-sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.jr-side{display:flex;flex-direction:column;gap:12px;min-width:0;align-self:stretch}.jr-card{display:flex;flex-direction:column;flex:1 1 auto;height:0;min-height:0;overflow:hidden;margin:0;padding:12px 14px 14px;background:var(--jr-paper);border:2px solid var(--jr-ink);box-shadow:inset 0 0 0 2px var(--jr-paper-dark),4px 4px #3b2a1740;color:var(--jr-ink)}.jr-card>*{flex:none}.jr-card__period{margin:0 0 6px;font-family:var(--font-display);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--jr-red)}.jr-card__title{margin:0;font-family:var(--font-display);font-size:15px;line-height:1.2;color:var(--jr-ink)}.jr-card__place{margin:4px 0 10px;font-family:var(--font-ui);font-size:14px;color:var(--jr-ink-soft)}.jr-card__place:before{content:"⌖ "}.jr-card__desc{flex:1 1 0;min-height:0;overflow-y:auto;margin:0;padding-right:4px;font-family:var(--font-ui);font-size:14px;line-height:1.45;scrollbar-width:thin;scrollbar-color:var(--jr-ink-soft) var(--jr-paper-dark)}.jr-card__desc::-webkit-scrollbar{width:8px}.jr-card__desc::-webkit-scrollbar-track{background:var(--jr-paper-dark)}.jr-card__desc::-webkit-scrollbar-thumb{background:var(--jr-ink-soft);box-shadow:inset -2px -2px 0 var(--jr-ink),inset 2px 2px #9a7347}.jr-steps{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.jr-steps__count{font-family:var(--font-mono);font-size:20px;color:var(--jr-ink);text-align:center;min-width:44px}@media (min-width: 900px) and (max-height: 860px){.jr-panel{--jr-map-w: clamp(200px, calc((100vh - 290px)*.64) , 290px);--jr-map-w: clamp(200px, calc((100dvh - 290px)*.64) , 290px)}}@media (max-width: 760px){.jr-body{grid-template-columns:minmax(0,1fr)}.jr-map{width:min(100%,290px);margin-inline:auto}.jr-card{flex:none;height:260px}}@media (max-width: 520px){.jr-panel.panel{padding:14px}.jr-marker{min-width:32px;min-height:32px}.jr-marker__banner{width:30px;height:30px}.jr-marker__label{font-size:13px;padding:0 2px}.jr-marker-item{padding-bottom:4px}.jr-compass .pixel-icon{width:30px;height:30px}.jr-x .pixel-icon{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.jr-marker--selected .jr-marker__banner{animation:none}.jr-marker__banner{transition:none}}.adv-panel{min-width:0}.adv-window{position:relative;min-width:0}.adv-tabs{position:relative;z-index:1;display:flex;gap:4px;padding-left:6px;margin-bottom:-2px}.adv-tab{display:inline-flex;align-items:center;gap:6px;min-width:34px;height:30px;padding:0 8px;margin-top:4px;background:#2b2b31;border:2px solid #000;border-bottom:0;box-shadow:inset 2px 2px #4a4a52,inset -2px 0 #18181c;cursor:pointer;color:var(--text-dim)}.adv-tab[aria-disabled=true]{cursor:not-allowed}.adv-tab[aria-disabled=true] .pixel-icon{opacity:.55;filter:saturate(.6)}.adv-tab[aria-disabled=true]:hover .pixel-icon{opacity:.8}.adv-tab--active{height:34px;margin-top:0;background:#3a3a42;box-shadow:inset 2px 2px #5c5c66,inset -2px 0 #222228;color:#fff;cursor:default}.adv-tab__label{font-family:var(--font-display);font-size:10px;text-shadow:var(--text-shadow-dark)}.adv-tab:focus-visible{outline:2px solid #fff;outline-offset:-4px}.adv-frame{background:#3a3a42;border:2px solid #000;padding:4px;box-shadow:inset 2px 2px #5c5c66,inset -2px -2px #222228}.adv-scroll{position:relative;overflow:auto;min-height:170px;max-height:min(324px,50vh);border:2px solid #000;background-color:#26262c;background-image:linear-gradient(rgba(0,0,0,.45) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.45) 2px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.035) 6px 8px,transparent 8px 14px,rgba(0,0,0,.12) 14px 16px),conic-gradient(#2b2b31 25%,#232329 0,#232329 50%,#2e2e35 0,#2e2e35 75%,#212126 0);background-size:28px 28px,28px 28px,28px 28px,56px 56px;box-shadow:inset 0 0 20px #0009;scrollbar-width:thin;scrollbar-color:#8b8b8b #000;-webkit-overflow-scrolling:touch}.adv-canvas{position:relative;margin:0 auto;flex:none}.adv-line{position:absolute;display:block;background:#8a8a8a;pointer-events:none}.adv-line--outline{background:#000}.adv-line--lit{background:#fff}.adv-nodes{list-style:none;margin:0;padding:0}.adv-node-item{position:absolute;width:44px;height:44px;z-index:1}.adv-node{position:relative;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.adv-node>.pixel-icon{grid-area:1 / 1}.adv-node__frame{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}.adv-node__icon{position:relative}.adv-node--locked .adv-node__icon{filter:grayscale(1) brightness(.55);opacity:.8}.adv-node--locked .adv-node__frame{opacity:.8}.adv-node:focus-visible{outline:2px solid #fff;outline-offset:2px}.adv-node-item--active{z-index:4}.adv-tip{position:absolute;z-index:3;pointer-events:none;font-family:var(--font-ui);animation:adv-tip-in .12s var(--ease-out) both}@keyframes adv-tip-in{0%{opacity:0}to{opacity:1}}.adv-tip__bar{position:relative;z-index:1;min-height:24px;display:flex;align-items:center;padding:2px 8px 2px 52px;font-size:12px;color:#fff;text-shadow:var(--text-shadow-dark);border:2px solid #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adv-tip--flip .adv-tip__bar{padding:2px 52px 2px 8px}.adv-tip--unlocked .adv-tip__bar{background:#1f6aa8;box-shadow:inset 2px 2px #4fa0dd,inset -2px -2px #0e3f6a}.adv-tip--challenge .adv-tip__bar{background:#6a2a9a;box-shadow:inset 2px 2px #a160d6,inset -2px -2px #3a1260}.adv-tip--locked .adv-tip__bar{background:#4a4a4f;box-shadow:inset 2px 2px #6e6e74,inset -2px -2px #2a2a2e}.adv-tip__desc{position:absolute;left:4px;right:4px;top:calc(100% - 2px);padding:6px 8px;font-size:11px;line-height:1.35;color:var(--mc-green);text-shadow:1px 1px 0 #0c2a0c;background:#101014f5;border:2px solid #000;box-shadow:inset 0 0 0 2px #3a3a42}.adv-tip--above .adv-tip__desc{top:auto;bottom:calc(100% - 2px)}.adv-tip--locked .adv-tip__desc{color:var(--mc-gray);text-shadow:1px 1px 0 #1e1e1e}.adv-tip__state{display:block;margin-top:4px;font-family:var(--font-display);font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.adv-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.adv-hint{margin:0}@media (max-width: 480px){.adv-footer .mc-btn{width:100%}.adv-scroll{max-height:46vh}}@media (prefers-reduced-motion: reduce){.adv-tip{animation:none}}.panel.quests{--oak: #a8834f;--oak-lo: #8c6a3c;--oak-seam: #5a4122;--frame: #3d2a16;--frame-hi: #5c4024;--frame-lo: #22170b;min-width:0;padding:18px 18px 16px;color:#fff;background-color:var(--oak);background-image:repeating-linear-gradient(to bottom,transparent 0 22px,var(--oak-seam) 22px 24px),repeating-linear-gradient(to bottom,rgba(255,235,190,.1) 0 2px,transparent 2px 6px,rgba(60,35,10,.14) 6px 8px,transparent 8px 12px),repeating-linear-gradient(90deg,transparent 0 118px,rgba(60,40,18,.45) 118px 120px),linear-gradient(90deg,var(--oak) 0%,var(--oak-lo) 50%,var(--oak) 100%);background-size:auto,auto,100% 48px,auto;border:2px solid #000;box-shadow:inset 0 0 0 2px var(--frame-hi),inset 0 0 0 6px var(--frame),inset 0 0 0 8px var(--frame-lo),inset 0 10px #0000002e,0 8px #00000059}.panel.quests .panel__header{padding:2px 4px 0}.panel.quests .panel__title{color:#fff;text-shadow:2px 2px 0 #2a1a08}.panel.quests .panel__aside{opacity:1;color:var(--mc-yellow);text-shadow:1px 1px 0 #2a1a08}.quests-tabs{position:relative;z-index:1;display:flex;gap:4px;padding-left:6px;margin-bottom:-2px}.quests-tab{display:inline-flex;align-items:center;gap:8px;min-width:40px;height:36px;padding:0 10px;margin-top:4px;background:#4a321b;border:2px solid #000;border-bottom:0;box-shadow:inset 2px 2px #6b4a2b,inset -2px 0 #2a1c0e;color:#d8c7a8;cursor:pointer}.quests-tab:hover:not(.quests-tab--active){color:var(--btn-text-hover)}.quests-tab--active{height:40px;margin-top:0;background:var(--frame);box-shadow:inset 2px 2px 0 var(--frame-hi),inset -2px 0 0 var(--frame-lo);color:#fff;cursor:default}.quests-tab__label{font-family:var(--font-display);font-size:11px;white-space:nowrap;text-shadow:var(--text-shadow-dark)}.quests-tab:focus-visible{outline:2px solid #fff;outline-offset:-4px}.quests-board{min-width:0;padding:14px 12px 12px;background:#28180847;border:2px solid #000;box-shadow:inset 0 0 0 4px var(--frame),inset 6px 6px #00000038}.quests-notes{list-style:none;margin:0;padding:8px 6px 4px;display:grid;gap:18px 14px}.quests-notes--active{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}.quests-notes--side{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-note{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 12px 12px;background:var(--panel-parchment-bg);color:var(--panel-parchment-ink);border:2px solid #000;box-shadow:inset 0 0 0 2px var(--panel-parchment-edge),inset 0 -6px #966e322e,4px 4px #00000059;transform:rotate(var(--tilt, 0deg));transition:transform var(--dur-fast) steps(2,end),box-shadow var(--dur-fast) steps(2,end)}.quest-note:hover,.quest-note:focus-within,.quest-note:focus-visible{transform:rotate(var(--tilt, 0deg)) translateY(-4px);box-shadow:inset 0 0 0 2px var(--panel-parchment-edge),inset 0 -6px #966e322e,6px 8px #00000059}.quest-note:focus-visible{outline:2px solid var(--mc-yellow);outline-offset:2px}.quest-note:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;margin-left:-5px;background:#d63a3a;box-shadow:inset 2px 2px #ff8a7a,inset -2px -2px #8a1a1a,0 0 0 2px #000,3px 4px 0 2px #00000059}.quest-note__title{margin:0;font-family:var(--font-display);font-size:13px;line-height:1.3;color:#2a1c0e;overflow-wrap:anywhere}.quest-note__detail{margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.35;color:#5a4630}.quest-tag{align-self:flex-start;padding:2px 6px 3px;font-family:var(--font-display);font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:#1b1b20;border:2px solid #000;box-shadow:inset 0 0 0 1px #3a3a42;text-shadow:1px 1px 0 #000}.quest-tag--building{color:var(--mc-gold)}.quest-tag--learning{color:var(--mc-aqua)}.quest-tag--reading{color:var(--mc-light-purple)}.quest-tag--hackathon{color:var(--mc-red)}.quest-tag--open-source{color:var(--mc-green)}.quest-note__link{align-self:flex-start;margin-top:4px}.quest-note--side{align-items:center;text-align:center;cursor:default}.quest-note__icon{display:grid;place-items:center;width:44px;height:44px;background:#8b8b8b;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.quest-note--side .quest-note__detail{font-size:13px}.quests-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quests-hint{margin:0;color:#f0e2c4;text-shadow:1px 1px 0 #2a1a08}@media (min-width: 900px) and (max-height: 860px){.panel.quests{padding:12px 14px}.quests-tab{height:30px}.quests-tab--active{height:34px}.quests-tab__label{font-size:10px}.quests-board{padding:8px 10px;max-height:calc(100dvh - var(--hotbar-h) - 120px - 150px);overflow-y:auto}.quests-notes{gap:12px 12px;padding:6px 4px 2px}.quest-note{gap:4px;padding:12px 10px 10px}.quest-note__title{font-size:12px}.quest-note__detail{font-size:13px;line-height:1.3}.quests-footer{margin-top:8px}}@media (max-width: 480px){.panel.quests{padding:14px 12px 12px}.quests-board{padding:10px 8px 8px}.quests-notes{padding:8px 2px 2px;gap:16px 10px}.quests-tab{padding:0 8px;gap:6px}.quests-tab__label{font-size:10px}.quests-footer .mc-btn{width:100%}}@media (prefers-reduced-motion: reduce){.quest-note{transition:none}.quest-note:hover,.quest-note:focus-within,.quest-note:focus-visible{transform:rotate(var(--tilt, 0deg))}}.ct{width:min(100%,560px);display:flex;flex-direction:column;gap:10px}.ct__title{margin:0;width:fit-content;padding:2px 8px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);text-shadow:var(--text-shadow-dark);background:#00000073}.ct__chat{display:flex;flex-direction:column;gap:2px;cursor:text}.ct__log{height:clamp(180px,34vh,280px);overflow-y:auto;overflow-x:hidden;padding:6px 8px;background:#00000080;scrollbar-width:thin;scrollbar-color:#8b8b8b rgba(0,0,0,.4);display:flex;flex-direction:column}.ct__log>:first-child{margin-top:auto}.ct__log:focus{outline:none}.ct__log:focus-visible{outline:2px solid #fff;outline-offset:-2px}.ct-line{margin:0;padding:1px 0;font-family:var(--font-ui);font-size:16px;line-height:1.3;color:#fff;text-shadow:var(--text-shadow);overflow-wrap:anywhere;animation:ct-line-in .16s var(--ease-out) both}.ct-line--system{color:var(--mc-yellow);text-shadow:2px 2px 0 #3f3f15}.ct-line--you .ct-line__name{color:var(--mc-aqua)}.ct-line--ok{color:var(--mc-green);text-shadow:2px 2px 0 #153f15}.ct-line--err{color:var(--mc-red);text-shadow:2px 2px 0 #3f1515}.ct-line--info{color:var(--mc-gray);text-shadow:2px 2px 0 #2a2a2a}.ct-line--cmd{color:var(--text-faint);font-family:var(--font-mono);font-size:19px;line-height:1.1;text-shadow:none}.ct-line--typing{color:var(--text-faint);font-style:italic;text-shadow:none}.ct-dots:after{content:"";animation:ct-dots .9s steps(1,end) infinite}@keyframes ct-dots{0%{content:"."}33%{content:".."}66%{content:"..."}}@keyframes ct-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ct__cmds{list-style:none;margin:0;padding:4px 8px 6px;background:#00000080;display:flex;flex-direction:column;gap:2px}.ct__cmds.is-ready{animation:ct-line-in .24s var(--ease-out) both}.ct-cmd{display:flex;align-items:center;gap:8px;min-width:0}.ct-cmd__link{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:28px;padding:0 4px;color:var(--mc-aqua);text-decoration:none;font-family:var(--font-ui);font-size:16px;text-shadow:2px 2px 0 #153f3f}.ct-cmd__name{flex:none}.ct-cmd__label{color:var(--text-dim);text-shadow:2px 2px 0 #2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ct-cmd__link:hover .ct-cmd__name,.ct-cmd__link:focus-visible .ct-cmd__name{text-decoration:underline;text-underline-offset:3px}.ct-cmd__link:hover .ct-cmd__label,.ct-cmd__link:focus-visible .ct-cmd__label{color:#fff}.ct-cmd__copy{flex:none;min-height:28px;padding:0 4px;background:none;border:0;font-family:var(--font-ui);font-size:15px;color:var(--mc-gold);text-shadow:2px 2px 0 #3f2a00;cursor:pointer}.ct-cmd__copy:hover,.ct-cmd__copy:focus-visible{color:var(--mc-yellow);text-decoration:underline;text-underline-offset:3px}.ct__bar{display:flex;align-items:center;gap:6px;margin-top:4px;padding:0 8px;min-height:40px;background:#0009;border:2px solid transparent}.ct__bar:focus-within{border-color:#ffffffb3}.ct__prompt{font-family:var(--font-mono);font-size:24px;color:#fff;text-shadow:var(--text-shadow)}.ct__input{flex:1;min-width:0;padding:6px 0;background:transparent;border:0;outline:none;font-family:var(--font-mono);font-size:22px;color:#fff;text-shadow:var(--text-shadow);caret-color:#fff}.ct__input::placeholder{color:#7a7a7a;text-shadow:none}.ct__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ct__reply{margin:0;padding:2px 6px;font-size:14px;color:var(--mc-gray);text-shadow:var(--text-shadow-dark);background:#00000059}.ct__footer-btns{display:flex;flex-wrap:wrap;gap:8px}.ct-cmd__link--btn{background:none;border:0;cursor:pointer;text-align:left}.ct-resume{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#05020cb8;animation:ct-fade-in .16s ease-out both}.ct-resume__book{width:min(880px,100%);height:min(100%,960px);display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;background:#6b4423;border:2px solid #000;box-shadow:inset 0 0 0 2px #8b5a2b,inset 0 0 0 4px #3d2410,0 8px #00000073;animation:ct-book-in .2s var(--ease-out) both}.ct-resume__head{display:flex;align-items:center;gap:8px;padding:0 2px}.ct-resume__title{flex:1;margin:0;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:var(--text-shadow)}.ct-resume__x{width:32px;height:32px;display:grid;place-items:center;padding:0;font-family:var(--font-ui);font-size:16px;color:#e0e0e0;background:#00000059;border:2px solid #000;box-shadow:inset 0 0 0 2px #4a2c12;cursor:pointer}.ct-resume__x:hover,.ct-resume__x:focus-visible{color:var(--btn-text-hover);box-shadow:inset 0 0 0 2px #fff;outline:none}.ct-resume__page{flex:1;min-height:0;display:flex;background:var(--panel-parchment-bg);border:2px solid #000;box-shadow:inset 0 0 0 3px var(--panel-parchment-edge);padding:3px}.ct-resume__frame{flex:1;width:100%;height:100%;border:0;background:#fff}.ct-resume__frame:focus-visible{outline:2px solid #fff;outline-offset:-2px}.ct-resume__fallback{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;text-align:center;color:var(--panel-parchment-ink);background:var(--panel-parchment-bg)}.ct-resume__fallback p{margin:0;max-width:32ch;font-size:16px;line-height:1.35}.ct-resume__fallback-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ct-resume__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@keyframes ct-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ct-book-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 699px){.ct-resume{padding:10px}.ct-resume__book{height:auto;max-height:100%}.ct-resume__page{flex:none}.ct-resume__actions{justify-content:center}}@media (max-width: 480px){.ct-line,.ct-cmd__link{font-size:15px}}@media (prefers-reduced-motion: reduce){.ct-line,.ct__cmds.is-ready,.ct-resume,.ct-resume__book{animation:none}.ct-dots:after{animation:none;content:"..."}}.end{--end-vp: clamp(170px, 32vh, 280px);width:min(100%,640px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.end__kicker{margin:0;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.4em;padding-left:.4em;color:#cbb7e6;text-shadow:var(--text-shadow-dark)}.end__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(48px,8vw,96px);line-height:1;letter-spacing:.02em;color:#fff;text-shadow:4px 4px 0 #3b0f5c,0 0 28px rgba(176,92,255,.55);overflow-wrap:anywhere}.end__viewport{position:relative;width:min(100%,520px);height:var(--end-vp);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}.end__viewport:hover .end__roll,.end__viewport:focus-within .end__roll{animation-play-state:paused}.end__roll{padding:var(--end-vp) 8px;animation:end-roll 26s linear infinite}@keyframes end-roll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--end-vp)))}}.end__poem{display:flex;flex-direction:column;gap:14px}.end__line{margin:0;font-family:var(--font-ui);font-size:18px;font-style:italic;line-height:1.35;color:#d9b8ff;text-shadow:2px 2px 0 #2a0b40}.end__line:nth-child(2n){color:#a8e6c8;text-shadow:2px 2px 0 #0b2a1f}.end__roles{margin:40px 0 0;display:flex;flex-direction:column;gap:14px}.end__role dt{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--mc-gray);text-shadow:var(--text-shadow-dark)}.end__role dd{margin:4px 0 0;font-family:var(--font-ui);font-size:20px;color:#fff;text-shadow:var(--text-shadow)}.end__actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}.end__actions .mc-btn{min-width:200px}.end__skip{min-height:28px;padding:0 6px;background:none;border:0;font-family:var(--font-ui);font-size:14px;color:var(--text-dim);text-shadow:var(--text-shadow-dark);cursor:pointer}.end__skip:hover,.end__skip:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}.end--static .end__viewport{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.end--static .end__roll{padding:0 8px;animation:none;transform:none}@media (prefers-reduced-motion: reduce){.end__viewport{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.end__roll{padding:0 8px;animation:none;transform:none}.end__skip{display:none}}@media (max-width: 480px){.end__line{font-size:16px}.end__kicker{letter-spacing:.28em;padding-left:.28em}}.fx-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.fx-box{position:absolute}.fx-box>*{position:absolute}.fx-root{--fx-boost: 1.35}.fx-glow{aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--fx-color) 0%,color-mix(in srgb,var(--fx-color) 55%,transparent) 22%,transparent 68%);mix-blend-mode:screen;mix-blend-mode:plus-lighter;opacity:min(1,calc(var(--fx-strength) * var(--fx-boost)))}.fx-glow--fire{animation:fx-fire 1.4s steps(7) infinite}.fx-glow--pulse{animation:fx-pulse 3.2s ease-in-out infinite}.fx-glow--sway{animation:fx-sway 3.6s ease-in-out infinite}@keyframes fx-sway{0%,to{translate:-10% 0;opacity:min(1,calc(var(--fx-strength) * var(--fx-boost)))}50%{translate:10% 0;opacity:calc(var(--fx-strength) * var(--fx-boost) * .7)}}@keyframes fx-fire{0%,to{opacity:min(1,calc(var(--fx-strength) * var(--fx-boost)));scale:1}15%{opacity:calc(var(--fx-strength) * var(--fx-boost) * .55);scale:.92}40%{opacity:min(1,calc(var(--fx-strength) * var(--fx-boost) * 1.2));scale:1.08}60%{opacity:calc(var(--fx-strength) * var(--fx-boost) * .7);scale:.96}80%{opacity:min(1,calc(var(--fx-strength) * var(--fx-boost) * 1.05));scale:1.03}}@keyframes fx-pulse{0%,to{opacity:calc(var(--fx-strength) * var(--fx-boost) * .2);scale:.88}50%{opacity:min(1,calc(var(--fx-strength) * var(--fx-boost)));scale:1.08}}.fx-smoke{transform:translate(-50%,-100%)}.fx-smoke span{position:absolute;bottom:0;width:var(--fx-puff);height:var(--fx-puff);background:var(--fx-color);opacity:0;animation:fx-smoke 4.4s linear infinite}@keyframes fx-smoke{0%{transform:translate(0) scale(.6);opacity:0}10%{opacity:.8}60%{opacity:.45}to{transform:translate(30%,calc(var(--fx-puff) * -12)) scale(1.5);opacity:0}}.fx-rays{width:100%;height:100%}.fx-rays span{position:absolute;left:0;top:0;height:var(--fx-len);min-height:300px;translate:-50% 0;transform-origin:50% 0;background:linear-gradient(to bottom,var(--fx-color),transparent 85%);mix-blend-mode:screen;filter:blur(6px);opacity:0;animation:fx-ray 7s ease-in-out infinite}@keyframes fx-ray{0%,to{opacity:calc(var(--fx-strength) * .3)}50%{opacity:var(--fx-strength)}}.fx-particles{image-rendering:pixelated}.fx-shimmer{background:repeating-linear-gradient(100deg,transparent 0 18px,var(--fx-color) 18px 22px,transparent 22px 46px);background-size:200% 100%;mix-blend-mode:overlay;-webkit-mask:radial-gradient(ellipse at center,#000 40%,transparent 72%);mask:radial-gradient(ellipse at center,#000 40%,transparent 72%);animation:fx-shimmer 6s linear infinite}@keyframes fx-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.fx-glint{width:var(--fx-size);height:var(--fx-size);background:var(--fx-color);box-shadow:var(--fx-size) 0 0 0 color-mix(in srgb,var(--fx-color) 55%,transparent),calc(var(--fx-size) * -1) 0 0 0 color-mix(in srgb,var(--fx-color) 55%,transparent),0 var(--fx-size) 0 0 color-mix(in srgb,var(--fx-color) 55%,transparent),0 calc(var(--fx-size) * -1) 0 0 color-mix(in srgb,var(--fx-color) 55%,transparent),0 0 6px 1px color-mix(in srgb,var(--fx-color) 60%,transparent);translate:-50% -50%;opacity:0;animation:fx-glint 2.6s ease-in-out infinite}@keyframes fx-glint{0%,to{opacity:0;scale:.4}45%,55%{opacity:1;scale:1}}.fx-bubbles{transform:translate(-50%,-100%)}.fx-bubbles span{position:absolute;bottom:0;width:4px;height:4px;background:var(--fx-color);box-shadow:0 0 4px var(--fx-color);opacity:0;animation:fx-bubble 2.2s ease-in infinite}@keyframes fx-bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.9}85%{opacity:.7}to{transform:translateY(-900%);opacity:0}}.fx-flow{background:repeating-linear-gradient(180deg,transparent 0 14px,var(--fx-color) 14px 22px,transparent 22px 34px);background-size:100% 68px;mix-blend-mode:screen;mix-blend-mode:plus-lighter;-webkit-mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);animation:fx-flow var(--fx-speed) linear infinite}@keyframes fx-flow{0%{background-position:0 0}to{background-position:0 68px}}.fx-caustics{background:radial-gradient(ellipse 18% 10% at 20% 30%,var(--fx-color),transparent 70%),radial-gradient(ellipse 14% 8% at 60% 60%,var(--fx-color),transparent 70%),radial-gradient(ellipse 16% 9% at 85% 25%,var(--fx-color),transparent 70%),radial-gradient(ellipse 12% 7% at 40% 85%,var(--fx-color),transparent 70%);background-size:60% 60%;mix-blend-mode:screen;opacity:var(--fx-strength);-webkit-mask:radial-gradient(ellipse at center,#000 45%,transparent 75%);mask:radial-gradient(ellipse at center,#000 45%,transparent 75%);animation:fx-caustics 9s ease-in-out infinite alternate}@keyframes fx-caustics{0%{background-position:0 0,30% 20%,60% 40%,20% 70%}to{background-position:40% 30%,0 50%,20% 10%,70% 30%}}.fx-fog{left:-10%;width:120%;background:radial-gradient(ellipse 30% 60% at 20% 50%,var(--fx-color),transparent 70%),radial-gradient(ellipse 25% 50% at 60% 40%,var(--fx-color),transparent 70%),radial-gradient(ellipse 30% 60% at 95% 55%,var(--fx-color),transparent 70%);background-size:50% 100%;background-repeat:repeat-x;opacity:var(--fx-strength);filter:blur(14px);animation:fx-fog 40s linear infinite}@keyframes fx-fog{0%{background-position:0 0}to{background-position:100% 0}}.fx-mark{transform:translate(-50%,-50%);padding:2px 6px;background:#000c;border:2px solid var(--mc-yellow);color:var(--mc-yellow);font:12px var(--font-ui);white-space:nowrap}.fx-debug-hint{position:absolute;top:60px;left:50%;transform:translate(-50%);padding:4px 8px;background:#000000b3;color:var(--mc-yellow);font:13px var(--font-ui)}@media (prefers-reduced-motion: reduce){.fx-glow,.fx-smoke span,.fx-rays span,.fx-shimmer,.fx-fog,.fx-glint,.fx-flow,.fx-caustics{animation:none!important}.fx-bubbles{display:none}.fx-glint{opacity:.6}.fx-smoke{display:none}}.f3{position:absolute;inset:10px 12px auto 12px;z-index:11;display:flex;justify-content:space-between;gap:16px;font-family:var(--font-ui);font-size:13px;line-height:1.35;color:#fff;text-shadow:2px 2px 0 #3f3f3f;pointer-events:none}.f3__col{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.f3__col--right{align-items:flex-end;margin-top:44px}.f3__line{width:fit-content;max-width:100%;padding:0 4px;background:#5050508c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.f3{font-size:11px;flex-direction:column;gap:6px}.f3__col--right{align-items:flex-start;margin-top:0}}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background-color:#2b1d12;background-image:linear-gradient(#0000008c,#0000008c),conic-gradient(from 90deg at 25% 25%,#5a3d26 0 25%,transparent 0 100%),conic-gradient(from 0deg at 75% 62.5%,#3b2717 0 25%,transparent 0 100%),conic-gradient(from 180deg at 50% 87.5%,#6b4a2e 0 25%,transparent 0 100%),conic-gradient(from 270deg at 87.5% 12.5%,#4a321e 0 25%,transparent 0 100%),linear-gradient(#4f3520,#4f3520);background-size:100% 100%,32px 32px,32px 32px,32px 32px,32px 32px,32px 32px;background-position:0 0,0 0,8px 4px,20px 12px,4px 20px,0 0;image-rendering:pixelated;opacity:1;transition:opacity var(--loading-fade, .4s) ease-out}.loading.is-out{opacity:0;pointer-events:none}.loading__inner{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#fff;font-family:var(--font-ui);text-shadow:var(--text-shadow)}.loading__title{margin:0;font-size:20px}.loading__bar{width:100%;height:14px;padding:2px;background:#000;border:2px solid #fff;box-sizing:border-box}.loading__fill{height:100%;background:#80ff20;box-shadow:inset 0 -3px #3d7a0f}.loading__pct{margin:0;font-size:13px;color:var(--text-dim)}.loading__tip{margin:8px 0 0;min-height:1.4em;font-size:14px;color:var(--mc-yellow);animation:loading-tip .3s ease-out both}@keyframes loading-tip{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.loading__tip{animation:none}}:root{--font-display: "Silkscreen", "Pixelify Sans", monospace;--font-ui: "Pixelify Sans", "Silkscreen", monospace;--font-mono: "VT323", ui-monospace, monospace;--bg: #0d0d0f;--text: #f2f2f2;--text-dim: #a8a8a8;--text-faint: #6e6e6e;--text-shadow: 2px 2px 0 #3f3f3f;--text-shadow-dark: 2px 2px 0 #000;--mc-yellow: #ffff55;--mc-gold: #ffaa00;--mc-green: #55ff55;--mc-dark-green: #00aa00;--mc-aqua: #55ffff;--mc-blue: #5555ff;--mc-red: #ff5555;--mc-purple: #aa00aa;--mc-light-purple: #ff55ff;--mc-gray: #aaaaaa;--xp: #80ff20;--xp-dark: #3d7a0f;--emerald: #17dd62;--panel-dark-bg: rgba(16, 16, 20, .86);--panel-dark-border: #4a4a4f;--panel-dark-inner: #2a2a30;--panel-stone-bg: #c6c6c6;--panel-stone-hi: #ffffff;--panel-stone-lo: #555555;--panel-parchment-bg: #e9dcb4;--panel-parchment-ink: #3b2a17;--panel-parchment-edge: #b79c66;--slot-bg: #8b8b8b;--slot-hi: #ffffff;--slot-lo: #373737;--slot-dark-bg: #1b1b20;--btn-bg: #6f6f6f;--btn-bg-hover: #7d86b8;--btn-hi: #a9a9a9;--btn-lo: #3c3c3c;--btn-outline: #000;--btn-text: #e0e0e0;--btn-text-hover: #ffffa0;--px: 4px;--gutter: 16px;--hotbar-h: 88px;--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .24s}@media (max-width: 640px){:root{--hotbar-h: 72px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.4;overflow:hidden;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated}button{font:inherit;color:inherit}a{color:var(--mc-aqua)}:focus-visible{outline:2px solid #fff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-title{font-family:var(--font-display);font-weight:700;text-shadow:var(--text-shadow);letter-spacing:.02em}.mc-dim{color:var(--text-dim)}.mc-label{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.app{position:relative;height:100%;width:100%;overflow:hidden}.screen-layer{position:absolute;top:0;right:0;bottom:0;left:0;padding:72px var(--gutter) calc(var(--hotbar-h) + 48px);display:flex;overflow-y:auto;overflow-x:hidden}.place-left{justify-content:flex-start;align-items:center}.place-right{justify-content:flex-end;align-items:center}.place-center{justify-content:center;align-items:center}.panel-y-top{align-items:flex-start}.panel-y-bottom{align-items:flex-end}.has-scrim:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 50% 48%,rgba(5,2,12,.72),rgba(5,2,12,.35) 60%,transparent 85%)}@media (min-width: 900px){.place-left{padding-left:var(--panel-inset, 4vw)}.place-right{padding-right:var(--panel-inset, 4vw)}}.screen-enter{animation:screen-in .36s var(--ease-out) both}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.terrain-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;opacity:0;z-index:5}.terrain-fade.active{animation:terrain .42s ease-out both}@keyframes terrain{0%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.panel{position:relative;width:min(100%,var(--panel-w, 520px));padding:20px}.panel--dark{background:var(--panel-dark-bg);border:2px solid #000;box-shadow:inset 0 0 0 2px var(--panel-dark-border),inset 0 0 0 4px #111,0 8px #00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel--stone{background:var(--panel-stone-bg);color:#3f3f3f;border:2px solid #000;box-shadow:inset 3px 3px 0 var(--panel-stone-hi),inset -3px -3px 0 var(--panel-stone-lo)}.panel--parchment{background:var(--panel-parchment-bg);color:var(--panel-parchment-ink);border:2px solid #000;box-shadow:inset 0 0 0 4px var(--panel-parchment-edge),inset 0 0 24px #78501e40,0 8px #00000059}.panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.panel__title{margin:0;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em}.panel--dark .panel__title{text-shadow:var(--text-shadow)}.panel--stone .panel__title{color:#3f3f3f}.panel__aside{font-family:var(--font-display);font-size:10px;opacity:.6}.panel__footer{margin-top:14px;font-size:12px;opacity:.6}.mc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;font-family:var(--font-ui);font-size:16px;color:var(--btn-text);text-shadow:2px 2px 0 #383838;text-decoration:none;background:var(--btn-bg);border:2px solid var(--btn-outline);box-shadow:inset 2px 2px 0 var(--btn-hi),inset -2px -4px 0 var(--btn-lo);cursor:pointer;-webkit-user-select:none;user-select:none;image-rendering:pixelated}.mc-btn:hover,.mc-btn:focus-visible{background:var(--btn-bg-hover);color:var(--btn-text-hover);border-color:#fff;outline:none}.mc-btn:active{box-shadow:inset 2px 4px 0 var(--btn-lo),inset -2px -2px 0 var(--btn-hi)}.mc-btn:disabled{background:#2c2c2c;color:#8a8a8a;box-shadow:none;cursor:not-allowed}.mc-btn--block{width:100%}.mc-btn--sm{min-height:32px;padding:0 12px;font-size:14px}.slot{position:relative;width:var(--slot-size, 44px);height:var(--slot-size, 44px);display:inline-grid;place-items:center;background:var(--slot-bg);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi);padding:0;border:0;flex:none}.slot--dark{background:var(--slot-dark-bg);box-shadow:inset 2px 2px #000,inset -2px -2px #3a3a42}button.slot{cursor:pointer}button.slot:hover:after,.slot--active:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#ffffff59;pointer-events:none}.slot__count{position:absolute;right:3px;bottom:1px;font-family:var(--font-display);font-size:11px;color:#fff;text-shadow:1px 1px 0 #3f3f3f}.tooltip-wrap{position:relative;display:inline-flex}.mc-tooltip{position:absolute;z-index:50;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:160px;max-width:260px;padding:6px 8px;background:#100010f0;border:2px solid #100010;box-shadow:inset 0 0 0 2px #2d0a63;color:#fff;font-family:var(--font-ui);font-size:13px;line-height:1.35;text-align:left;pointer-events:none;white-space:normal}.mc-tooltip__title{display:block;color:var(--mc-yellow);font-weight:600;margin-bottom:2px}.mc-tooltip--below{bottom:auto;top:calc(100% + 8px)}.mc-progress{position:relative;height:var(--bar-h, 8px);background:#1a1a1a;border:2px solid #000;overflow:hidden}.mc-progress__fill{height:100%;background:var(--bar-color, var(--xp));box-shadow:inset 0 -2px #0000004d,inset 0 2px #ffffff40;transition:width .6s var(--ease-out)}.pixel-icon{display:block;image-rendering:pixelated;shape-rendering:crispEdges;flex:none}.scene-parallax{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}.scene-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:scene-image-in .5s ease-out both}@keyframes scene-image-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.scene-canvas--ambient{z-index:1;pointer-events:none}.scene-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%);z-index:1}.player-spot{position:absolute;bottom:var(--player-bottom, calc(var(--hotbar-h) + 10px));z-index:2;pointer-events:none;filter:drop-shadow(0 10px 0 rgba(0,0,0,.35))}.player-spot{transition:left .6s var(--ease-out),right .6s var(--ease-out),bottom .6s var(--ease-out),opacity .3s}.player-spot--left{left:var(--player-inset, 8vw);right:auto}.player-spot--right{right:var(--player-inset, 8vw);left:auto}.player-spot--center{right:8vw;left:auto}.player-spot--hidden{opacity:0}.player-speech{position:absolute;left:50%;top:2%;margin:0;padding:8px 12px 9px;transform:translate(-50%,-100%);width:max-content;max-width:260px;font-family:var(--font-ui);font-size:15px;line-height:1.3;color:#fff;text-shadow:var(--text-shadow-dark);background:#100010db;border:2px solid #000;box-shadow:inset 0 0 0 2px #2b0f5e,0 4px #00000059;animation:player-speech-in .42s var(--ease-out) .45s both}.player-speech:after{content:"";position:absolute;left:calc(50% - 6px);bottom:-10px;width:12px;height:8px;background:#100010db;border:2px solid #000;border-top:0;clip-path:polygon(0 0,100% 0,50% 100%)}@keyframes player-speech-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 8px))}to{opacity:1;transform:translate(-50%,-100%)}}@media (prefers-reduced-motion: reduce){.player-speech{animation:none}}@media (max-width: 900px){.player-spot{display:none}}.screen-layer{z-index:3}.hud-debug{position:absolute;top:10px;left:12px;z-index:10;font-family:var(--font-ui);font-size:13px;line-height:1.35;color:#e8e8e8;text-shadow:var(--text-shadow-dark);pointer-events:none}.hud-debug>div{width:fit-content;padding:0 4px;background:#00000059}.hud-debug__accent{color:var(--mc-yellow)}.hud-mute{position:absolute;top:10px;right:12px;z-index:10;width:40px;height:36px;display:grid;place-items:center;color:#e0e0e0;background:#00000073;border:2px solid #000;box-shadow:inset 0 0 0 2px #4a4a4f;cursor:pointer}.hud-mute:hover{color:var(--btn-text-hover);box-shadow:inset 0 0 0 2px #fff}.hotbar-wrap{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:calc(100vw - 16px)}.hotbar-label{font-family:var(--font-ui);font-size:15px;color:#fff;text-shadow:var(--text-shadow-dark);animation:label-fade 1.8s ease-out both;white-space:nowrap}@keyframes label-fade{0%,60%{opacity:1}to{opacity:.55}}.hotbar{display:flex;padding:3px;background:#0000008c;border:2px solid #000;box-shadow:inset 0 0 0 2px #5a5a5a}.hotbar__slot{position:relative;width:44px;height:44px;display:grid;place-items:center;padding:0;background:#8b8b8b59;border:0;box-shadow:inset 0 0 0 1px #0009;cursor:pointer}.hotbar__slot:hover{background:#c8c8c866}.hotbar__slot.is-active{z-index:1;outline:3px solid #fff;outline-offset:0;box-shadow:0 0 0 5px #000,inset 0 0 0 1px #000}.hotbar__key{position:absolute;right:3px;bottom:0;font-family:var(--font-display);font-size:9px;color:#fff;text-shadow:1px 1px 0 #000;opacity:.8}.hotbar-hint{font-size:11px;color:#ffffff8c;text-shadow:1px 1px 0 #000}.status{width:100%}.status__row{display:flex;justify-content:space-between;gap:8px;margin-bottom:2px}.status__icons{display:flex;gap:1px}.status__icons--right{flex-direction:row-reverse}.xp{position:relative;height:8px;background:#1b1b1b;border:1px solid #000}.xp__fill{height:100%;background:var(--xp);box-shadow:inset 0 -2px 0 var(--xp-dark);transition:width .5s var(--ease-out)}.xp__level{position:absolute;left:50%;top:-16px;transform:translate(-50%);font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--xp);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}@media (max-width: 640px){.hotbar__slot{width:34px;height:34px}.hotbar__slot .pixel-icon{width:22px;height:22px}.status__icons .pixel-icon{width:10px;height:10px}.hotbar-hint{display:none}.hud-debug{font-size:11px}}@media (max-width: 360px){.hotbar__slot{width:30px;height:30px}}