:root{--gui-bg: #c6c6c6;--gui-light: #ffffff;--gui-dark: #555555;--gui-text: #3f3f3f;--slot-bg: #8b8b8b;--slot-dark: #373737;--btn-bg: #6f6f6f;--btn-hover: #b83a2e;--btn-hover-light: #e0705f;--btn-hover-dark: #7a2019;--accent: #ec9334;--text: #ffffff;--text-shadow: #3f3f3f;--yellow: #ffff55;--gray-text: #a0a0a0;--pixel: 4px;--font-title: "Press Start 2P", monospace;--font-body: "VT323", monospace}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;font-family:var(--font-body);font-size:22px;line-height:1.2;color:var(--text);background-color:#2e2b28;background-image:linear-gradient(#140a0599,#140a0599),url(./poplar-planks-B8Pbb8yZ.svg);background-size:auto,64px 64px;image-rendering:pixelated}.page{max-width:1100px;margin:0 auto;padding:0 16px 32px}.hero{position:relative;overflow:hidden;margin:0 -16px 40px;padding:100px 16px 72px;text-align:center;background:var(--sky);border-bottom:var(--pixel) solid #000}.hero.sky-dawn{--sky: linear-gradient(#3a4a7a 0%, #9a7fa8 40%, #f0a7a0 75%, #ffd9a0 100%)}.hero.sky-day{--sky: linear-gradient(#4a8fe0 0%, #78b4f0 50%, #b8dcf8 85%, #dcefff 100%)}.hero.sky-evening{--sky: linear-gradient(#3f6bb0 0%, #8c8cc0 40%, #f0a560 80%, #ffc860 100%)}.hero.sky-dusk{--sky: linear-gradient(#1f2a55 0%, #5b3f72 45%, #d9774a 85%, #f2ad4e 100%)}.hero.sky-night{--sky: radial-gradient(2px 2px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 27% 42%, #dfe6ff 50%, transparent 51%), radial-gradient(3px 3px at 38% 12%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 52% 30%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 63% 8%, #dfe6ff 50%, transparent 51%), radial-gradient(3px 3px at 71% 36%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 84% 20%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 92% 48%, #dfe6ff 50%, transparent 51%), radial-gradient(2px 2px at 5% 52%, #fff 50%, transparent 51%), linear-gradient(#060a1e 0%, #0e1838 50%, #1c2a52 85%, #2a3a66 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:url(./leafy-grass-AOmWSy8I.svg) repeat-x left top / 32px 32px}.scenery{position:absolute;inset:0;pointer-events:none}.tree{position:absolute;bottom:28px;width:auto;image-rendering:pixelated}.hanging-lantern{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.lantern-chain{display:block;width:9px;background-repeat:repeat-y;background-position:0 0;background-size:48px 48px;image-rendering:pixelated;margin-left:3px;margin-bottom:-9px}.lantern-body{position:relative;display:block;width:48px;height:48px}.lantern{position:relative;display:block;width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(255,190,90,.9))}.lantern-glow{position:absolute;left:50%;top:62%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,110,.65),rgba(255,150,60,.25) 55%,transparent);animation:lantern-flicker 2.6s ease-in-out infinite alternate}@keyframes lantern-flicker{0%{opacity:.75;transform:scale(.94)}45%{opacity:1;transform:scale(1.04)}60%{opacity:.85;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.leaf-fall{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:10}.falling-leaf{position:absolute;top:-16px;opacity:.9;box-shadow:2px 2px #00000040;animation-timing-function:linear;animation-iteration-count:infinite}.falling-leaf.drift{animation-name:fall}.falling-leaf.tumble{animation-name:fall-leaf}@keyframes fall{to{transform:translate(40px,105vh)}}@keyframes fall-leaf{25%{transform:translate(30px,26vh) rotate(90deg)}50%{transform:translate(-10px,52vh) rotate(180deg)}75%{transform:translate(35px,78vh) rotate(270deg)}to{transform:translateY(105vh) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.leaf-fall{display:none}.lantern-glow{animation:none}}@media(max-width:760px){.tree{transform:scale(.6);transform-origin:bottom center}.tree:nth-child(4n){display:none}.hero{padding-top:64px}.hanging-lantern{transform:translate(-50%) scale(.67);transform-origin:top center}.lantern-chain{max-height:24px}}.hero-title{position:relative;margin:0 0 24px;font-family:var(--font-title);font-size:clamp(22px,5vw,48px);line-height:1.3;color:#f2f2f2;text-shadow:3px 3px 0 #9a3b22,6px 6px 0 #3a1408,0 0 1px #000;word-break:break-word}.splash{position:relative;display:inline-block;margin:0 0 24px;font-family:var(--font-title);font-size:clamp(10px,2vw,16px);color:var(--yellow);text-shadow:2px 2px 0 #3f3f00;transform:rotate(-6deg);animation:splash-pulse .6s ease-in-out infinite alternate}@keyframes splash-pulse{0%{transform:rotate(-6deg) scale(1)}to{transform:rotate(-6deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.splash{animation:none}}.layout{display:grid;gap:24px;grid-template-columns:1fr 1fr;grid-template-areas:"join join" "mods whitelist" "suggest suggest" "chat chat"}.area-join{grid-area:join}.area-mods{grid-area:mods}.area-whitelist{grid-area:whitelist}.area-suggest{grid-area:suggest}.area-chat{grid-area:chat}@media(max-width:760px){.layout{grid-template-columns:1fr;grid-template-areas:"join" "mods" "suggest" "whitelist" "chat"}}.panel{position:relative;min-width:0;background:var(--gui-bg);color:var(--gui-text);border:var(--pixel) solid #000;box-shadow:inset var(--pixel) var(--pixel) 0 var(--gui-light),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 var(--gui-dark);padding:16px 20px 20px;display:flex;flex-direction:column}.panel:before{content:"";position:absolute;left:calc(var(--pixel) * -1);right:calc(var(--pixel) * -1);top:calc(var(--pixel) * -1 - 6px);height:27px;background:url(./leaf-cap-lnXEt41z.svg) repeat-x left bottom / 48px 27px;pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 16px;margin:0 0 12px}.panel-title{margin:0;font-family:var(--font-body);font-weight:400;font-size:30px;color:var(--gui-text)}.panel-aside{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:24px;color:var(--gui-dark)}@media(max-width:520px){.panel-header{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:4px}.panel-aside{display:contents}.panel-aside-text{grid-column:1 / -1;grid-row:2;justify-self:start}}.panel-body{display:flex;flex-direction:column;gap:16px;flex:1}.slot-well{background:var(--slot-bg);border:0;box-shadow:inset var(--pixel) var(--pixel) 0 var(--slot-dark),inset calc(var(--pixel) * -1) calc(var(--pixel) * -1) 0 var(--gui-light);padding:8px;margin:0;list-style:none}.info-field{display:flex;flex-direction:column;gap:4px}.info-label{font-size:22px;color:var(--gui-text)}.info-row{display:flex;gap:8px;flex-wrap:wrap}.text-input{flex:1 1 240px;min-width:0;padding:6px 10px;font-family:var(--font-body);font-size:26px;color:var(--text);background:#000;border:2px solid var(--gray-text);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.mc-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;font-family:var(--font-body);font-size:24px;color:var(--text);text-shadow:2px 2px 0 var(--text-shadow);text-decoration:none;background:var(--btn-bg);border:2px solid #000;box-shadow:inset 2px 2px #aaa,inset -2px -4px #4a4a4a;cursor:pointer;-webkit-user-select:none;user-select:none}.mc-button:hover:not(:disabled),.mc-button:focus-visible{background:var(--btn-hover);border-color:#fff;box-shadow:inset 2px 2px 0 var(--btn-hover-light),inset -2px -4px 0 var(--btn-hover-dark);outline:none}.mc-button:active:not(:disabled){box-shadow:inset 2px 4px 0 var(--btn-hover-dark),inset -2px -2px 0 var(--btn-hover-light)}.mc-button:disabled{color:var(--gray-text);text-shadow:none;background:#2c2c2c;box-shadow:none;cursor:not-allowed}.mc-button.small{min-width:90px}.mc-button.icon-button{width:44px;height:44px;padding:0;margin:-6px 0}.icon-button img{width:32px;height:32px;image-rendering:pixelated}.map-dialog{position:fixed;width:min(440px,calc(100vw - 32px),calc(100vh - 110px));min-width:240px;margin:auto;overflow:visible}.map-dialog:not([open]){display:none}.map-dialog::backdrop{background:#0009}.map-dialog-content{display:flex;flex-direction:column;gap:12px}.map-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.close-button{display:flex;padding:2px;margin:-4px -4px -4px 0;background:none;border:0;cursor:pointer}.close-button:hover,.close-button:focus-visible{filter:brightness(1.2)}.close-button:focus-visible{outline:2px solid #ffffff}.map-parchment{padding:12px;background:#e3d4ae;border:var(--pixel) solid #8b6d45;box-shadow:inset 0 0 0 var(--pixel) #c9b48a}.map-canvas{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated}.mc-button.wide{width:100%;text-align:center}.mod-list{max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;flex:1}@media(min-width:761px){.mod-list{flex:1 1 0px;height:0;max-height:none}}.mod-item{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;background:#0000008c;border:2px solid transparent}.mod-item:hover{border-color:var(--accent)}.mod-icon{width:40px;height:40px;flex:none;object-fit:cover;image-rendering:auto;border:2px solid #000;background:#373737}.mod-icon.fallback{display:inline-flex;align-items:center;justify-content:center;background:#6b4a32;color:var(--text);font-size:26px}.mod-body{flex:1;min-width:0}.mod-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.mod-name{color:var(--text);text-shadow:2px 2px 0 var(--text-shadow);font-size:24px;text-decoration:none;overflow-wrap:anywhere}a.mod-name:hover{color:var(--yellow);text-decoration:underline}.mod-version{color:#5f5;font-size:20px;white-space:nowrap}.mod-description{margin:2px 0 0;color:var(--gray-text);font-size:20px}@media(min-width:761px){::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--slot-bg);box-shadow:inset 2px 2px 0 var(--slot-dark),inset -2px -2px 0 var(--gui-light)}::-webkit-scrollbar-thumb{background:var(--gui-bg);border:2px solid #000;box-shadow:inset 2px 2px 0 var(--gui-light),inset -2px -2px 0 var(--gui-dark)}::-webkit-scrollbar-thumb:hover{background:#dbdbdb}::-webkit-scrollbar-thumb:active{background:#a8a8a8;box-shadow:inset 2px 2px 0 var(--gui-dark),inset -2px -2px 0 var(--gui-light)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:var(--slot-bg)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--gui-bg) var(--slot-dark)}}}.suggest-mods{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.suggest-text{flex:1 1 320px;margin:0;color:var(--gui-text)}.suggest-button{flex:0 1 auto;gap:10px;padding:6px 20px 6px 12px}@media(max-width:760px){.suggest-button{flex-grow:1}}.button-icon{width:32px;height:32px;image-rendering:pixelated}.mc-button:disabled .button-icon{opacity:.5}.whitelist-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;height:340px}.whitelist{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.player{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#0000008c;border:2px solid transparent;min-width:0;cursor:pointer}.player:hover,.player:focus-visible{border-color:var(--accent);outline:none}.player.selected{border-color:#fff}.skin-showcase{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:220px;padding-bottom:6px;background:#7aa7ff url(./dappled-forest-C98Nz5fu.jpg) center bottom / cover no-repeat;max-width:100%;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.skin-showcase.dragging{cursor:grabbing}.skin-showcase .name-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%}.name-tag-icon{flex:none}.name-tag-text{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:420px){.whitelist-layout{grid-template-columns:1fr;height:auto}.whitelist{max-height:340px}.skin-showcase{order:-1}}.skin-model{position:relative;margin:12px 0 10px;filter:drop-shadow(3px 4px 2px rgba(0,0,0,.35))}.skin-scene{position:absolute;inset:0;transform-style:preserve-3d}.skin-box{position:absolute;transform-style:preserve-3d}.skin-face{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}.skin-shadow{position:absolute;transform:rotateX(90deg);background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,.25) 60%,transparent)}.name-tag,.skin-preview-missing{padding:0 4px;font-family:var(--font-body);font-size:22px;line-height:26px;color:#fff;background:#00000040;white-space:nowrap}.skin-preview-missing{color:var(--gray-text)}.player-head{width:32px;height:32px;flex:none;image-rendering:pixelated;border:2px solid #000}.player-head.fallback{display:inline-flex;align-items:center;justify-content:center;background:#6b4a32;color:var(--text);font-size:22px}.player-name{color:var(--text);text-shadow:2px 2px 0 var(--text-shadow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-crown{flex:none;margin-left:-4px}.status-dot{flex:none;width:10px;height:10px;margin-left:auto;border-radius:50%;background:#8a8a8a;border:2px solid #3a3a3a}.status-dot.online{background:#5f5;border-color:#1f7a1f;box-shadow:0 0 6px #5f5}.footer{margin-top:32px;text-align:center;font-size:18px;color:var(--gray-text)}.chat{display:flex}.chat-log{flex:1;height:320px;overflow-y:auto;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.chat-log:before{content:"";margin-top:auto}.chat-line{display:flex;align-items:center;gap:10px;padding:4px 8px;background:#0000008c;animation:chat-in .25s ease-out}.chat-icons{flex:none;display:flex;align-items:center;gap:4px}.chat-sword{width:24px;height:24px;image-rendering:pixelated}.chat-line .player-head{width:24px;height:24px;font-size:18px}.chat-text{flex:1;min-width:0;margin:0;color:var(--text);text-shadow:2px 2px 0 var(--text-shadow);overflow-wrap:anywhere}.chat-line.event .chat-text{color:var(--yellow);text-shadow:2px 2px 0 #3f3f00}.chat-time{flex:none;color:var(--gray-text);font-size:18px}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chat-line{animation:none}}