/* Full game menu theme. Stone buttons have separate raised and pressed states. */
:root{--mc-edge:#171916;--mc-light:#e3e5db;--mc-stone:#7c8076;--ink:#fff;--line:#54594d}body,body.is-building{background:#487a49;color:#fff}.world-backdrop{position:fixed;inset:0;background:linear-gradient(#102b2c18,#0b1a2088),url(world.svg) center/cover no-repeat;z-index:-3;image-rendering:pixelated}.floating-blocks{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.flying-block{position:absolute;width:64px;height:64px;animation:block-float 8s ease-in-out infinite;filter:drop-shadow(12px 22px 8px #10251c40);opacity:.95}.flying-block i,.flying-block b,.flying-block span{position:absolute;display:block;width:48px;height:48px;image-rendering:pixelated}.flying-block i{background:repeating-conic-gradient(#7db144 0 25%,#89bb4a 0 50%) 0/16px 16px;transform:rotate(-30deg) skewX(30deg) scaleY(.866);top:-24px;left:12px;box-shadow:inset 0 0 0 2px #a2cb5d}.flying-block b{background:linear-gradient(#659638 0 20%,transparent 20%),repeating-conic-gradient(#7b5939 0 25%,#89653f 0 50%) 0/16px 16px;transform:skewY(30deg);left:-12px;top:12px;box-shadow:inset 2px 0 #a0b26a}.flying-block span{background:linear-gradient(#4e7b2d 0 20%,transparent 20%),repeating-conic-gradient(#594329 0 25%,#6a4e30 0 50%) 0/16px 16px;transform:skewY(-30deg);left:36px;top:12px}.block-1{top:20%;left:4%;scale:.8}.block-2{top:65%;left:8%;scale:.5;animation-delay:-3s}.block-3{top:36%;right:5%;scale:1.1;animation-delay:-5s}.block-4{bottom:6%;right:13%;scale:.65;animation-delay:-2s}.block-5{top:5%;left:38%;scale:.4;animation-delay:-6s}.block-6{top:83%;left:33%;scale:.45;animation-delay:-4s}.block-7{top:8%;right:15%;scale:.5;animation-delay:-7s}.block-8{top:48%;left:49%;scale:.45;animation-delay:-1s}.block-2 i,.block-5 i,.block-7 i{background:repeating-conic-gradient(#69e8e0 0 25%,#b6fff2 0 50%) 0/16px 16px}.block-2 b,.block-5 b,.block-7 b{background:repeating-conic-gradient(#35a9a9 0 25%,#52d6cf 0 50%) 0/16px 16px}.block-2 span,.block-5 span,.block-7 span{background:repeating-conic-gradient(#23787e 0 25%,#319b9e 0 50%) 0/16px 16px}@keyframes block-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-32px) rotate(6deg)}}
button,.enter-button,.save,.quiet,.random,.view-controls button,.editor nav button{border:2px solid #161b14!important;border-radius:0!important;background:linear-gradient(#93978c,#777c71)!important;box-shadow:inset 3px 3px #c0c5b5,inset -3px -4px #484d43,0 3px #131910!important;color:#fff!important;text-shadow:2px 2px #353b2e;font-weight:700;transition:filter .08s,transform .08s!important}button:hover,.enter-button:hover,.save:hover{filter:brightness(1.18);outline:2px solid #fff3b6;outline-offset:-3px;transform:none}button:active,.enter-button:active,.save:active,.quiet:active{transform:translateY(3px)!important;box-shadow:inset 3px 3px #444a3c,inset -2px -2px #bdc5ae!important;filter:brightness(.9)}button:focus-visible{outline:3px solid #ffe29b;outline-offset:3px}.enter-button,.save{background:linear-gradient(#6aab38,#508629)!important;box-shadow:inset 3px 3px #96ce60,inset -3px -4px #2e5419,0 3px #17220f!important;text-shadow:2px 2px #2d4b1b;font-size:18px;min-height:55px}.welcome{background:transparent;isolation:auto;min-height:100svh;color:white;padding:0 6vw}.welcome:before{display:none}.welcome-top{border-bottom:0;height:75px;text-shadow:2px 2px #28442b}.welcome-wordmark{font-size:16px;color:#fff}.welcome-wordmark span{color:#bbec84}.chapter{font-size:17px;color:#ff7570;letter-spacing:3px}.chapter i{color:#b1ee68}.welcome-layout{max-width:1160px;grid-template-columns:1fr 1fr;min-height:calc(100svh - 130px);gap:8%;padding:25px 0 40px}.welcome-copy{background:linear-gradient(#303d30ed,#1c291eed);border:3px solid #10190f;box-shadow:inset 3px 3px #6b7c56,inset -3px -3px #0f1b12,8px 8px #0b1b1880;padding:28px 32px;max-width:440px}.welcome-kicker{color:#d9e9bc;font-size:12px}.welcome-copy h1{font-size:66px;line-height:1;letter-spacing:-1px;margin:22px 0;text-shadow:4px 4px #172314,6px 6px #060f09}.welcome-copy h1 span{color:#b0ee69}.welcome-desc{color:#c6d4b5;font-size:14px;line-height:1.8;margin-bottom:22px}.welcome-art{height:530px}.floating-logo{background:#f1f5e8;border:4px solid #253a20;box-shadow:inset 4px 4px #fff,inset -4px -4px #bec9a7,7px 7px #1b301b66;mix-blend-mode:normal;top:70px;width:205px;height:185px;margin-left:-102px;padding:14px}.floating-logo img{mix-blend-mode:multiply}.world-label{color:#e0f5cd;background:#1f3b29b3;padding:9px 16px;left:15%;right:15%;border:2px solid #719154}.island-scene{filter:drop-shadow(0 28px 12px #16341d88);height:320px;bottom:20px}.art-caption{color:#e3f1c8;text-shadow:2px 2px #203b1f}.sky-pixel{background:#c1f983;box-shadow:9px 0 #c1f983,0 9px #c1f983,-9px 0 #c1f983,0 -9px #c1f983;opacity:1}#visitor-name,.finish input{background:#152116;border:2px solid #11190e;box-shadow:inset 2px 2px #0b120a,0 0 0 1px #768866;border-radius:0;color:white;font-size:17px}#visitor-name::placeholder{color:#8b9e7f}.gender-box{background:#6e7567;border:2px solid #171e13;box-shadow:inset 2px 2px #a6af98,inset -2px -3px #3d4834;color:#fff;border-radius:0;height:73px;padding:14px 12px}.gender-box small{color:#cedcc0}.gender-choice input:checked+.gender-box{background:#547c36;border:2px solid #dcf3b1;box-shadow:inset 2px 2px #82ab53,inset -2px -3px #2e4c1e}.choice-tick{color:#d4ff8f}.entry-progress{color:#a9ba96;margin-top:20px}.entry-progress b{color:#bded79}.entry-progress i{background:#6b8259}.welcome-bottom{border:0;color:#d1e5b6;text-shadow:2px 2px #203c26;height:55px}.welcome-bottom span:first-child{color:#fff}header{margin:16px 3% 0;padding:0 22px;height:76px;background:#253223eF;border:3px solid #10190f;box-shadow:inset 2px 2px #6a7b54,inset -2px -2px #121e10;color:#fff}.brand{letter-spacing:2px}.logo{background:#8bc34a;color:#1d361c;box-shadow:inset 2px 2px #c6ed8c,inset -2px -2px #456b2d}.collection-label{border-radius:0;background:#142412;color:#bee58d;border:1px solid #64784a}.quiet{padding:10px 16px;font-size:13px}.intro{padding:0 8px;text-shadow:3px 3px #152818}.intro h1{font-size:40px;color:#fff}.intro h1 span{color:#c4f681}.eyebrow{color:#d2e8b4}#player-greeting{color:#e2edcd}.studio-step{color:#ff7972;letter-spacing:3px;font-size:22px}.studio-step small{display:block;margin-top:12px;color:#cce9ac;font-size:9px;letter-spacing:1px}.studio{gap:16px}.editor,.finish{background:#c6c6b9;border:3px solid #151b12;box-shadow:inset 3px 3px #f6f7e9,inset -3px -3px #727968,5px 5px #17251999;color:#263020;padding:22px 18px}.editor nav{gap:5px;border-color:#939b86;padding-bottom:20px}.editor nav button{min-height:75px;font-size:11px;padding:10px 2px}.editor nav button.active{background:linear-gradient(#83b749,#659137)!important;box-shadow:inset 3px 3px #b3dd7a,inset -3px -4px #36531e,0 3px #172514!important}.field-label{color:#323c2c;font-size:15px}.field-label span{color:#657257}.option{background:#898e7d!important;border:2px solid #3b4331!important;box-shadow:inset 3px 3px #525b45,inset -3px -3px #ecf0dc!important;color:#fff!important;text-shadow:1px 1px #2d3726;font-size:12px;height:118px}.option.active{outline:3px solid #e4fbb8;outline-offset:-5px;background:#7c9561!important}.option.active:after{background:#d9fa9e;color:#28401f;top:5px;right:5px;box-shadow:1px 1px #314722}.color-area{background:#acb19e;padding:14px 10px;border:2px solid #949b85;box-shadow:inset 2px 2px #89947a;margin-top:24px}.swatch{box-shadow:inset 2px 2px #ffffff55,inset -2px -2px #0005!important;text-shadow:none;width:29px;height:29px;border:2px solid #444e39!important;outline:none}#colors{gap:9px}.swatch.active{outline:2px solid #fff;outline-offset:2px}.tip{border-color:#929d82;color:#58654c;font-size:12px}.stage{border:4px solid #172212;background:linear-gradient(#15332744,#122b2088),url(world.svg) center/cover;box-shadow:inset 0 0 0 3px #a7b58d,6px 6px #0b1e1380}.stage:before{background:linear-gradient(transparent 65%,#152e1a66);inset:0}.stage:after,.stage-halo{display:none}.stage-top{color:#efffda;text-shadow:2px 2px #25401d}.live{background:#182e18b3;padding:6px 8px;border:1px solid #9ab477}.stage-caption{color:#f3ffdc;text-shadow:2px 2px #182a13}.view-controls{background:#242f20;border:2px solid #101a0c;padding:7px;gap:7px;box-shadow:inset 2px 2px #71855c}.view-controls button{min-width:39px;height:36px;font-size:22px}.control-divider{background:#7d9069}.random{min-height:42px;margin-top:14px;padding:10px 24px}.finish .eyebrow{color:#61734d}.finish h2{font-size:26px;color:#2b3623;text-shadow:1px 1px #e6ebda}.finish>p{color:#637054}.finish label{color:#36442b}.selection-detail>span{color:#627151}.selection-detail p{color:#39492c}.save-note{color:#60724e}.finish-mark{color:#61774c;border-color:#a0aa91}footer{background:#1c321bbd;padding:10px 14px;color:#d5e8bc}.swatch{background-image:none!important}#toast{border:2px solid #b7d98e;border-radius:0;background:#253e1e;box-shadow:4px 4px #0d1b0b;color:white}dialog{border-radius:0;border:3px solid #172113;background:#c6c6b9;color:#24341b;box-shadow:inset 3px 3px white,inset -3px -3px #7a856c}dialog p{color:#586d44}
@media(max-width:1100px){.welcome-layout{gap:4%}.welcome-copy{padding:24px}.studio{grid-template-columns:300px minmax(280px,1fr)}}@media(max-width:650px){.world-backdrop{background-position:58% center}.welcome{padding:0 18px}.welcome-top{height:55px;gap:10px}.welcome-wordmark{font-size:10px;letter-spacing:1px}.chapter{font-size:10px;letter-spacing:1px}.welcome-layout{display:flex;padding:0 0 20px;gap:0;min-height:0}.welcome-art{height:220px;margin:0}.floating-logo{width:130px;height:116px;top:12px;margin-left:-65px;padding:8px;border-width:3px}.island-scene{height:150px;bottom:0}.welcome-copy{padding:23px;width:100%;max-width:420px}.welcome-copy h1{font-size:46px;margin:14px 0;line-height:1.1}.welcome-copy h1 br{display:none}.welcome-desc{font-size:13px;margin-bottom:22px}.gender-box{height:73px;gap:10px}.welcome-bottom{font-size:9px;height:50px}.enter-button{font-size:17px}.flying-block{opacity:.7}.block-1{left:-13px;scale:.5}.block-3{right:-18px;scale:.6}.block-6,.block-8{display:none}header{margin:10px 10px 0;padding:13px 10px;gap:8px;height:auto}.brand{font-size:15px}.brand small{font-size:5px}.quiet,#edit-profile{font-size:10px;padding:10px 8px}.intro h1{font-size:28px}.studio-step{font-size:13px;letter-spacing:0}.studio-step small{font-size:6px;max-width:65px;white-space:normal;line-height:1.8}.intro{padding:0}.intro p{font-size:12px}.studio{display:flex}.editor{padding:22px 18px}.editor nav button{font-size:12px;min-height:72px}.option{height:125px}.color-area{padding:16px}.swatch{width:32px;height:32px}#colors{gap:11px}.finish{padding:24px}.stage{min-height:490px}.view-controls button{min-width:40px;height:40px}.random{min-height:44px}.stage-top{font-size:8px}footer{margin-top:18px}.floating-blocks{z-index:-1}}
@media(prefers-reduced-motion:reduce){.flying-block,.floating-logo{animation:none!important}}
@media(max-width:650px){.welcome-copy h1 br{display:block}.welcome-copy h1{font-size:42px;line-height:1.12}.welcome-copy h1 span{display:inline-block}.welcome-art{height:200px}.floating-logo{top:6px}.welcome-copy{padding-top:20px}.welcome-top{font-size:10px}}
