@font-face{font-family:Mojangles;src:url('/mojangles.ttf') format('truetype');font-display:swap}
html.meme-title-open,html.meme-title-open body{background:#1b281c;overflow:hidden}
html.meme-title-open body>:not(#meme-title-screen):not(canvas):not(#viewer-canvas):not(script):not(style):not(link){visibility:hidden!important;pointer-events:none!important}
html.meme-title-open #react-root,html.meme-title-open #ui-root,html.meme-title-open .initial-loader,html.meme-title-open .app-watermark{display:none!important}
html.meme-title-open canvas{filter:blur(1.2px);transform:scale(1.012)}
#meme-title-screen{position:fixed;inset:0;z-index:20000;isolation:isolate;color:#fff;font:18px/1.5 Mojangles,monospace;text-shadow:2px 2px #252525;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;min-height:100svh;padding:40px 24px 70px;transition:opacity .45s,visibility .45s}
#meme-title-screen[hidden]{display:none}
.motion-off .title-splash{animation:none}
#meme-title-screen.leaving{opacity:0;pointer-events:none;visibility:hidden}
.title-panorama-shade{position:fixed;inset:0;z-index:-1;background:linear-gradient(#07112432,#10281032 48%,#0a180957);pointer-events:none}
.title-panorama-shade:before{content:'';position:absolute;inset:0;background:linear-gradient(#10241533,#07170c66),url('/village-preview.png') center/cover;transition:opacity 1.1s}
.panorama-ready .title-panorama-shade:before{opacity:0}
.title-brand{position:relative;text-align:center;width:min(790px,88vw);margin:0 0 clamp(42px,8vh,84px);transform:perspective(600px) rotateX(9deg);flex:none}
.title-brand h1{font:clamp(35px,7.8vw,94px)/1.22 Mojangles,monospace;margin:0;white-space:nowrap;position:relative;letter-spacing:-1px;font-weight:normal;filter:drop-shadow(0 5px 0 #0008)}
.title-depth{display:block;color:#42413f;-webkit-text-stroke:5px #171716;text-shadow:0 1px #252422,0 2px #252422,0 3px #252422,0 4px #252422,0 5px #252422,0 6px #252422,0 7px #252422,0 8px #252422,0 9px #252422,0 10px #252422,0 11px #171716,0 12px #171716}
.title-stone{position:absolute;inset:0;color:#d5d1cc;background:linear-gradient(#f1eee9 0%,#bcb8b4 46%,#aaa6a2 47%,#d4d0ca 75%,#b9b6b1 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #87837c;text-shadow:none}
.title-edition{font:22px/1.2 Mojangles,monospace;letter-spacing:3px;margin-top:15px;color:#d4d1cd;text-shadow:2px 2px #181818,-2px -2px #181818,2px -2px #181818,-2px 2px #181818,0 4px #181818}
.title-splash{position:absolute;right:-42px;bottom:2px;color:#ffff55;font-size:clamp(13px,1.7vw,21px);transform:rotate(-18deg);text-shadow:2px 2px #3f3f00;animation:title-splash 1s ease-in-out infinite;white-space:nowrap}
@keyframes title-splash{50%{transform:rotate(-18deg) scale(1.06)}}
.title-main{width:min(420px,90vw);flex:none}
.title-corner{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;z-index:2}
.title-ca{display:flex;align-items:center;gap:9px;box-sizing:border-box;height:48px;padding:0 17px;border:2px solid #111;color:#d6d5cb;background:repeating-conic-gradient(#ffffff04 0 25%,transparent 0 50%) 0 0/6px 6px,#353733;box-shadow:inset 2px 2px #666a61,inset -2px -2px #1c1e1a,0 3px #0005;font:17px/1 Mojangles,monospace;text-shadow:2px 2px #151811;white-space:nowrap}
.title-ca strong{font:inherit;color:#ffff80;text-shadow:2px 2px #3f3f00}
.title-corner .title-social{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;text-decoration:none;flex:none}
.title-social svg{display:block;filter:drop-shadow(2px 2px 0 #292929)}
@media(max-width:600px){.title-corner{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));gap:8px}.title-ca{height:44px;padding:0 13px;font-size:15px}.title-corner .title-social{width:44px;height:44px;min-height:44px}.title-social svg{width:24px;height:24px}}
.title-buttons{display:flex;flex-direction:column;gap:9px}
.stone-button{position:relative;display:block;box-sizing:border-box;width:100%;min-height:44px;padding:6px 16px;border:2px solid #080808;border-radius:0;color:#fff;font:20px/1.2 Mojangles,monospace;text-shadow:2px 2px #393939;background:repeating-conic-gradient(#ffffff07 0 25%,transparent 0 50%) 0 0/6px 6px,linear-gradient(#7c7c7c,#626262);box-shadow:inset 2px 2px #b5b5b5,inset -2px -3px #363636;cursor:pointer;outline-offset:2px;transition:none}
.stone-button:hover:not(:disabled),.stone-button:focus-visible{background-color:#8791b8;background-image:repeating-conic-gradient(#ffffff08 0 25%,transparent 0 50%) 0 0/6px 6px,linear-gradient(#8a96b7,#737d9c);outline:2px solid #e7e7ff;color:#ffffa0;box-shadow:inset 2px 2px #bac4e1,inset -2px -3px #484e69}
.stone-button:active:not(:disabled){box-shadow:inset 2px 3px #3b3f50,inset -2px -2px #b2bbd3;transform:translateY(1px)}
.stone-button:disabled{cursor:wait;color:#bbb;text-shadow:2px 2px #222;background:#414141;box-shadow:inset 2px 2px #616161,inset -2px -3px #242424}
.title-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.title-connection{margin-top:17px;min-height:19px;color:#e1e7d3;text-align:center;font-size:12px;letter-spacing:.2px}
.title-loading-pixels{display:inline-block;width:5px;height:5px;margin:0 13px 2px 0;background:#eee;box-shadow:7px 0 #ffffff55,14px 0 #ffffff22;animation:title-loading .9s steps(3) infinite}
@keyframes title-loading{50%{opacity:.35}}
.title-footer{position:fixed;bottom:13px;left:16px;right:16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;pointer-events:none}
.title-footer small{font:inherit;color:#d5d5d5}
#title-dialog{color:#fff;background:repeating-conic-gradient(#ffffff04 0 25%,transparent 0 50%) 0 0/8px 8px,#343333;border:3px solid #111;box-shadow:inset 3px 3px #74716a,inset -3px -3px #191919,0 14px 60px #0008;padding:0;width:min(610px,90vw);max-height:85svh;font:16px/1.65 Mojangles,monospace;text-shadow:2px 2px #222}
#title-dialog::backdrop{background:#0007}
.title-dialog-inner{padding:26px 30px}
#title-dialog h2{font:24px/1.3 Mojangles,monospace;text-align:center;margin:0 0 22px;color:#fff}
#title-dialog h3{font:18px/1.3 Mojangles,monospace;color:#ffff80;margin:18px 0 9px}
#title-dialog p{margin:10px 0 16px}#title-dialog .muted{color:#bfbfbf;font-size:13px}#title-dialog a{color:#c4dcff}#title-dialog a:focus-visible{outline:2px solid #fff}
#title-dialog-close{margin-top:24px}#title-dialog .option-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}#title-dialog .option-row .stone-button{max-width:175px;font-size:15px;min-height:38px}
.title-controls{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:20px 0}.title-controls dt{color:#ffff80}.title-controls dd{margin:0}
.title-case{border:2px solid #181818;box-shadow:inset 1px 1px #777;padding:18px;background:#262523}.title-case small{color:#ffff80;font-size:12px}.title-case h3{font-size:23px;margin:6px 0 14px}.title-case p{font-size:15px}
@media(prefers-reduced-motion:reduce){.title-splash,.title-loading-pixels{animation:none}#meme-title-screen,.title-panorama-shade:before{transition:none}}
@media(max-width:600px){#meme-title-screen{padding:30px 20px 90px}.title-brand{width:92vw;margin-bottom:54px}.title-brand h1{font-size:10.2vw;letter-spacing:-1px}.title-depth{-webkit-text-stroke:3px #171716}.title-stone{-webkit-text-stroke:.5px #87837c}.title-edition{font-size:14px;letter-spacing:1px;margin-top:12px}.title-splash{right:0;bottom:-29px;font-size:13px}.title-footer{font-size:9px;flex-direction:column;gap:1px;align-items:center;bottom:12px}.stone-button{font-size:18px;min-height:43px}.title-dialog-inner{padding:20px}.title-secondary{margin-top:14px}}
@media(max-height:560px) and (min-width:601px){#meme-title-screen{padding:18px 24px 42px}.title-brand{width:540px;margin-bottom:24px}.title-brand h1{font-size:64px}.title-edition{font-size:16px;margin-top:10px}.title-splash{font-size:15px}.stone-button{min-height:33px;font-size:16px}.title-buttons{gap:6px}.title-secondary{margin-top:8px}.title-connection{margin-top:8px}}

.title-brand{width:min(490px,80vw);margin-bottom:22px;transform:none}.title-brand h1{line-height:0;filter:none}.title-logo{display:block;width:100%;height:clamp(145px,29vh,260px);object-fit:contain}.title-edition{font-size:15px;margin-top:0}.title-splash{right:-95px;bottom:15px}@media(max-width:600px){.title-brand{margin-bottom:45px}.title-splash{right:-10px;bottom:-24px}.title-logo{height:190px}}@media(max-height:560px) and (min-width:601px){.title-logo{height:130px}.title-brand{margin-bottom:15px}.title-edition{font-size:12px}}