/* COSHP Atelier — authored voxel scenery, quieter hierarchy, tactile game controls. */
:root{--studio-glow:#b6df83;--studio-edge:#596750;--studio-muted:#9cae97;--scene:url(scene-forest.svg)}body[data-scene=nether]{--studio-glow:#e9b07d;--scene:url(scene-nether.svg)}body[data-scene=end]{--studio-glow:#c6b4ec;--scene:url(scene-end.svg)}body,body.is-building{background:#111c19}.world-backdrop{background:linear-gradient(90deg,#0e181a99,#101c1933 70%),var(--scene) center/cover no-repeat;transition:background .5s;filter:saturate(.85)}.floating-blocks{opacity:.48}.flying-block{filter:drop-shadow(10px 18px 10px #0005)}.block-3,.block-6,.block-8{display:none}.block-1{scale:.5;left:2%;top:33%}.block-4{scale:.35}.block-7{scale:.3}.welcome{padding:0 6vw}.welcome-top{height:85px;border-bottom:1px solid #d1e6b51c}.welcome-wordmark{font-size:12px;letter-spacing:3px;text-shadow:none}.chapter{font-size:11px;letter-spacing:2px;color:#a4bb94;text-shadow:none}.welcome-layout{max-width:1200px;gap:10%;padding:40px 0 55px}.welcome-copy{background:#111c1bd9;border:1px solid #70846977;box-shadow:0 24px 80px #07120d66;padding:36px;max-width:440px;position:relative}.welcome-copy:before,.welcome-copy:after{content:'';width:22px;height:22px;position:absolute;border-color:#c6e69e;border-style:solid;pointer-events:none}.welcome-copy:before{top:-2px;right:-2px;border-width:2px 2px 0 0}.welcome-copy:after{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.welcome-kicker{color:#a8c39b;font-size:12px}.welcome-copy h1{font-size:67px;line-height:1.1;letter-spacing:-1px;text-shadow:3px 3px #07140f;margin:20px 0}.welcome-copy h1 span{color:#c6e49d}.welcome-desc{font-size:14px;line-height:1.9;color:#9fb09d}.welcome-art{height:490px}.world-label{background:transparent;border:0;color:#9bb299;font-size:9px;letter-spacing:4px}.floating-logo{top:60px;width:190px;height:178px;margin-left:-95px;border:0;background:#edf0df;box-shadow:0 18px 50px #0004;animation-duration:7s}.island-scene{height:300px;bottom:12px;filter:drop-shadow(0 35px 20px #071b1288)}.sky-pixel{opacity:.4;scale:.55}.art-caption{color:#b1c2a4;font-size:13px;text-shadow:none}.welcome-bottom{color:#81967b;text-shadow:none;font-size:10px}.welcome-bottom span:first-child{color:#8da580}.gender-box{background:#243328;border:1px solid #68765c;box-shadow:inset 1px 1px #83916b44,inset -2px -2px #111f15;color:#c9d8b9;font-weight:400}.gender-choice input:checked+.gender-box{background:#344a2c;border-color:#b1cf83;box-shadow:inset 0 0 0 1px #9bb975}.gender-box small{color:#8b9e7a}#visitor-name,.finish input{background:#142019;border:1px solid #627456;box-shadow:inset 0 2px 5px #07120b88;color:#dce9d0;font-size:16px}.welcome input::placeholder{color:#75836c}.enter-button,.save{font-size:16px!important;min-height:50px;background:linear-gradient(#769b4f,#5f833d)!important;box-shadow:inset 2px 2px #b3cd8888,inset -2px -3px #39572c,0 2px #0b170e!important;border-color:#182a17!important;color:#f4f8e7!important;text-shadow:1px 1px #2c4823!important}.enter-button:hover,.save:hover{outline-color:#d9e9b9;filter:brightness(1.12)}header{margin:20px 4% 0;background:#13201be8;border:1px solid #6c7e574d;box-shadow:none;height:72px;padding:0 24px}.brand{font-size:19px;letter-spacing:4px}.brand small{font-size:7px;color:#8aa27c}.logo{width:38px;height:38px;font-size:26px;background:#96b96c;box-shadow:inset 1px 1px #cee7a7,inset -2px -2px #506c36}.quiet{background:linear-gradient(#394635,#2d382b)!important;border:1px solid #738161!important;box-shadow:inset 1px 1px #a3af8d33,inset -2px -2px #182818!important;text-shadow:none!important;font-weight:400!important;font-size:12px;padding:10px 14px}.collection-label{font-size:11px;border-color:#485c3c;background:#22331e;color:#b4c69e}main{max-width:1600px;padding:30px 4% 20px}.intro{margin-bottom:25px;text-shadow:none}.intro h1{font-size:38px;text-shadow:none;letter-spacing:-.7px}.intro h1 span{color:#bedb98}.intro .eyebrow{font-size:11px;color:#93ad84}#player-greeting{color:#a1b39a;font-size:14px}.studio-step{font:12px monospace;color:#bdd1ad;letter-spacing:2px}.studio-step small{font-size:8px;letter-spacing:1px;color:#6f8668;margin-top:9px}.studio{grid-template-columns:350px minmax(300px,1fr) 230px;gap:15px;align-items:stretch}.editor,.finish{background:#17231eeF;border:1px solid #4d6042;box-shadow:inset 0 1px #a8bd8c22,0 15px 35px #07120d33;color:#d7e3c6;padding:22px}.editor nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-color:#3c4e33;padding-bottom:18px;margin-bottom:20px}.editor nav button{background:linear-gradient(#34432e,#293725)!important;box-shadow:inset 1px 1px #81936b66,inset -2px -2px #152511!important;border:1px solid #4d6240!important;font-size:10px;font-weight:400!important;text-shadow:none!important;min-height:65px;gap:7px}.editor nav button svg{width:20px;height:20px}.editor nav button.active{background:linear-gradient(#607f41,#4c6834)!important;box-shadow:inset 1px 1px #adc78088,inset -2px -2px #344d26!important;color:#f2f7e4!important}.field-label{font-size:13px;color:#dbe8cc}.field-label span{font-size:10px;color:#839675}.option-grid{gap:8px;max-height:345px;overflow-y:auto;padding:2px 3px 5px;scrollbar-width:thin;scrollbar-color:#62794c #1b2a1b}.option{height:108px!important;background:#263725!important;border:1px solid #506442!important;box-shadow:inset 1px 1px #9bb77d22,inset -2px -2px #142415!important;text-shadow:none!important;font-weight:400!important;font-size:11px!important;transition:background .15s,transform .15s!important}.option img{height:78px}.option:hover{background:#354b2c!important;outline:1px solid #a4bc82}.option.active{background:#3c542c!important;outline:1px solid #bbd391;outline-offset:-3px}.option.active:after{width:12px;height:12px;font-size:8px;box-shadow:none}.option span{padding-bottom:6px}.color-area{background:transparent;box-shadow:none;border:0;padding:0;margin-top:20px}.swatch{width:27px;height:27px;border:2px solid #34472b!important;box-shadow:inset 1px 1px #ffffff33!important}.swatch.active{outline-color:#d5e4bf}.paint-open{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin-top:18px;background:linear-gradient(#3d4f33,#2e4028)!important;border:1px solid #70865a!important;box-shadow:inset 1px 1px #8ea76c55,inset -2px -2px #1c3019!important;text-shadow:none!important;font-size:13px!important}.paint-open>span{font-size:22px;color:#d3e3a9}.paint-open small{font-size:6px;letter-spacing:1px;margin-right:auto;color:#adbf91}.tip{font-size:10px;color:#7d9470;border-color:#33472d;margin-top:18px;padding-top:15px}.stage{min-height:660px;border:1px solid #70845c;box-shadow:inset 0 0 0 5px #18271c88,0 20px 60px #030e0944;background:linear-gradient(#10211f22,#12271d88),var(--scene) center/cover;transition:background .6s}.stage:before{background:radial-gradient(ellipse at 50% 45%,transparent 20%,#08160e66);z-index:0;pointer-events:none}.stage-top{top:22px;left:22px;right:22px;font-size:8px;letter-spacing:2px;color:#b5c8a3;text-shadow:none;z-index:3}.live{background:#10211666;border:1px solid #78976244;color:#c8d9af;font-size:10px;letter-spacing:0}.stage-top .live i{width:4px;height:4px;box-shadow:none}#avatar{height:465px;margin-top:38px;filter:drop-shadow(0 15px 10px #06140b55);animation:character-breathe 6s ease-in-out infinite;will-change:transform}#avatar.dragging{animation:none}.stage-caption{font-size:10px;color:#b6c9a6;text-shadow:none;margin:0 0 12px}.view-controls{border:1px solid #657b51;background:#152615bc;box-shadow:none;padding:6px;gap:5px;z-index:2}.view-controls button{background:linear-gradient(#415236,#34442b)!important;border:1px solid #78905e!important;box-shadow:inset 1px 1px #b0c89144,inset -2px -2px #22351b!important;color:#dfedce!important;text-shadow:none!important;min-width:36px;height:32px}.control-divider{background:#536b3d;margin:0 4px}.scene-switch{display:flex;gap:7px;margin-top:18px;z-index:3}.scene-switch button{min-height:32px;padding:7px 13px;border:1px solid #71865777!important;background:#152516aa!important;box-shadow:none!important;font-size:11px!important;text-shadow:none!important;color:#b2c89e!important;font-weight:400!important}.scene-switch button[aria-pressed=true]{background:#435936dd!important;color:#e8f3d8!important;border-color:#a0b97b!important}.random{background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:none!important;font-size:11px;color:#c5d7ad!important;font-weight:400!important;padding:6px 20px;margin-top:9px;min-height:32px;z-index:3}.finish .eyebrow{color:#8ea97e;font-size:10px}.finish h2{font-size:25px;color:#e3ecd3;text-shadow:none;line-height:1.5;margin:18px 0}.finish>p{color:#94a88b;font-size:13px;line-height:1.8}.finish label{color:#bdcfae;font-size:12px}.finish input{padding:12px}.selection-detail>span{color:#7f9772;font-size:10px}.selection-detail p{color:#bdcfa8;font-size:12px;line-height:1.9}.save{font-size:14px!important}.save-note,.share-note{color:#829c75;font-size:10px}.share-x{background:linear-gradient(#34432e,#253522);border:1px solid #667d50;box-shadow:inset 1px 1px #91a97255,inset -2px -2px #162610;text-shadow:none;font-weight:400;min-height:44px;font-size:13px;padding:13px}.finish-mark{border-color:#334a2c;color:#849e75;font-size:10px;margin-top:25px}.finish-mark span{font-size:18px}footer{background:transparent;color:#778e6d;font-size:10px;padding:8px 0}.welcome-bottom span:first-child,footer span:first-child{letter-spacing:2px;font-size:8px}.forge-particles{position:absolute;inset:0;pointer-events:none;z-index:2}.forge-particles i{position:absolute;width:5px;height:5px;background:var(--studio-glow);opacity:0;left:25%;top:55%}.forge-particles i:nth-child(2){left:70%;top:30%;animation-delay:.08s!important}.forge-particles i:nth-child(3){left:40%;top:70%;animation-delay:.15s!important}.forge-particles i:nth-child(4){left:65%;top:65%;animation-delay:.2s!important}.forge-particles i:nth-child(5){left:30%;top:35%;animation-delay:.25s!important}.materialize .forge-particles i{animation:forge-spark 1s ease-out}.materialize #avatar{animation:materialize 1s cubic-bezier(.2,.7,.2,1),character-breathe 6s 1s ease-in-out infinite}@keyframes materialize{from{opacity:0;filter:brightness(2);clip-path:inset(100% 0 0)}to{opacity:1;filter:brightness(1);clip-path:inset(0)}}@keyframes forge-spark{0%{opacity:0;transform:translateY(20px) scale(2)}30%{opacity:1}100%{opacity:0;transform:translateY(-80px) scale(.5)}}@keyframes character-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.portal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;background:#0d1818;pointer-events:all}.portal.entering{animation:portal-in .35s ease-out}.portal.leaving{animation:portal-out .45s ease-in forwards}.portal>span{font-size:15px;color:#c0d5a6}.portal-frame{width:90px;height:120px;border:9px solid #3d4b3b;box-shadow:0 0 0 2px #7b9262,inset 0 0 25px #a4d67f55;position:relative;background:linear-gradient(135deg,#25453d,#647d49)}.portal-frame i{position:absolute;width:14px;height:14px;background:#c6e7aa;left:20px;top:24px;animation:portal-pixel .8s infinite}.portal-frame i:nth-child(2){top:55px;left:40px;animation-delay:.15s}.portal-frame i:nth-child(3){top:75px;left:13px;animation-delay:.3s}@keyframes portal-in{from{opacity:0}to{opacity:1}}@keyframes portal-out{to{opacity:0;transform:scale(1.04)}}@keyframes portal-pixel{50%{opacity:.2;transform:translateY(-12px)}}
.paint-dialog{width:min(760px,94vw);max-height:92svh;overflow:auto;background:#18271f;color:#dbe9ca;border:1px solid #8aa873;box-shadow:0 25px 100px #0009;padding:28px}.paint-dialog::backdrop{background:#07130ccc;backdrop-filter:blur(7px)}.paint-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0}.paint-heading>div{display:block;margin:0}.paint-heading small{font:9px monospace;letter-spacing:2px;color:#a9c08f}.paint-heading h2{font-size:26px;margin:12px 0 0}.paint-heading button{flex:none;width:36px;height:36px;padding:0!important;font-size:24px;background:#33462c!important;box-shadow:none!important;border:1px solid #79905e!important}.paint-dialog>p{color:#9ab08b;font-size:13px;margin:15px 0 22px}.paint-dialog .paint-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;margin:0}.paint-layout>div{display:block;margin:0}.paint-grid{display:grid!important;grid-template-columns:repeat(8,1fr);direction:ltr;gap:1px!important;background:#687e5355;padding:6px;border:2px solid #607d4c;touch-action:none;user-select:none;margin:0!important}.paint-grid .paint-pixel{aspect-ratio:1;min-height:0;min-width:0;padding:0!important;display:block;width:100%;border:0!important;box-shadow:none!important;border-radius:0!important;background:var(--pixel)!important;transform:none!important;transition:none!important}.paint-pixel:hover{outline:1px solid #fff!important;outline-offset:-1px;filter:none}.paint-pixel:focus-visible{outline:2px solid #fff!important;outline-offset:-2px}.paint-layout small{display:block;color:#879f76;text-align:center;font-size:10px;margin-top:10px}.paint-tools{font-size:12px}.paint-tools label,.paint-tools>span{display:block;color:#b5caa3;margin:0 0 10px}.paint-tools input[type=color]{width:100%;height:35px;padding:3px;background:#243b26;border:1px solid #698350;cursor:pointer}.paint-tool-buttons,.paint-stamps{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;margin:14px 0 18px!important}.paint-stamps{grid-template-columns:repeat(3,1fr)}.paint-tools button{padding:9px 6px;font-size:12px;font-weight:400!important;background:linear-gradient(#435a36,#2e4327)!important;border:1px solid #6b8454!important;box-shadow:inset 1px 1px #a6bf7d55,inset -2px -2px #182c17!important;text-shadow:none!important}.paint-tools button[aria-pressed=true]{outline:2px solid #c5df9e;outline-offset:-3px}.paint-help{font-size:10px!important;line-height:1.8;color:#8ea77b!important}.paint-tools .save{width:100%;margin-top:4px}#paint-preview{display:block;width:100%;height:190px;background:radial-gradient(#344b32,#1a2d20);margin-top:18px;border:1px solid #526e42}button:disabled{cursor:default;opacity:.4}.paint-grid button:disabled{opacity:1}
@media(max-width:1180px){.studio{grid-template-columns:320px minmax(280px,1fr)}.finish{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.finish>h2,.finish>p,.finish>.eyebrow{grid-column:1;margin:0}.finish>label{grid-column:2;grid-row:1}.finish>input{grid-column:2;grid-row:2}.finish>.save{grid-column:2;grid-row:3}.selection-detail{grid-column:1;margin:5px 0}.share-area{grid-column:2;margin:0}.save-note{grid-column:2}.finish-mark{display:none}.stage{min-height:650px}.welcome-layout{gap:5%}}
@media(max-width:650px){header{margin:10px 12px 0;padding:13px 10px;height:auto;gap:8px}.brand{font-size:14px;letter-spacing:2px}.brand small{font-size:5px}.logo{width:30px;height:30px;font-size:22px}.quiet,#edit-profile{font-size:10px;padding:9px 8px}.header-actions{gap:5px}main{padding:22px 14px}.intro{margin-bottom:20px}.intro h1{font-size:29px}.intro .eyebrow{font-size:10px}#player-greeting{font-size:12px}.studio-step{font-size:8px;letter-spacing:1px;max-width:70px;text-align:left}.studio-step small{font-size:6px;line-height:1.8;letter-spacing:0}.studio{display:flex;gap:14px}.stage{min-height:510px;padding-bottom:14px}#avatar{height:340px;margin-top:30px}.stage-top{top:15px;left:15px;right:15px;font-size:7px}.stage-caption{margin:-3px 0 9px}.view-controls button{min-width:38px;height:35px}.scene-switch{margin-top:12px}.scene-switch button{min-height:36px;padding:8px 18px}.random{min-height:34px;margin-top:4px}.editor{padding:20px}.editor nav button{font-size:10px;min-height:65px}.option-grid{max-height:350px;gap:9px}.option{height:112px!important}.option img{height:82px}.paint-open{min-height:48px}.color-area{margin-top:20px}.swatch{width:30px;height:30px}#colors{gap:12px}.finish{display:block;padding:24px}.finish>h2{font-size:24px;margin:12px 0}.finish>p{margin:12px 0 22px}.finish>label{margin-bottom:10px}.selection-detail{margin:22px 0}.share-area{margin-top:18px}.save-note{margin-top:12px}.welcome{padding:0 20px}.welcome-top{height:62px;gap:12px}.welcome-wordmark{font-size:9px;letter-spacing:1px}.chapter{font-size:9px;letter-spacing:0}.welcome-layout{display:flex;gap:0;padding:0 0 20px}.welcome-art{height:205px;width:100%}.floating-logo{width:127px;height:117px;top:8px;margin-left:-63px;padding:9px}.island-scene{height:145px;bottom:0}.welcome-copy{padding:26px;max-width:430px}.welcome-copy h1{font-size:45px;margin:15px 0}.welcome-copy h1 br{display:block}.welcome-kicker{font-size:10px}.welcome-desc{font-size:13px}.welcome-art .world-label{display:none}.welcome-bottom{height:55px;font-size:8px}.welcome-bottom span:first-child{font-size:7px;letter-spacing:1px}.floating-blocks{opacity:.25}.paint-dialog{padding:20px;width:95vw}.paint-heading h2{font-size:23px}.paint-dialog .paint-layout{grid-template-columns:minmax(0,1fr);gap:20px}.paint-grid{max-width:300px;margin:auto!important}.paint-tools{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.paint-tools label,.paint-tools>span{margin:5px 0;grid-column:1/-1}.paint-tool-buttons,.paint-stamps{grid-column:1/-1;margin:4px 0!important}.paint-tool-buttons{grid-template-columns:repeat(4,1fr)}.paint-tools input[type=color]{grid-column:1/-1}.paint-help,.paint-tools>.save{grid-column:1/-1}#paint-preview{grid-column:1/-1;height:220px;margin:0}.paint-heading{margin:0!important}.paint-dialog>p{font-size:12px}.paint-tools button{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.portal{display:none!important}}

/* COSHP transparent floating emblem and Kufi typography */
@font-face{font-family:CosHPKufi;src:url(fonts/kufi-regular.ttf) format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:CosHPKufi;src:url(fonts/kufi-bold.ttf) format('truetype');font-weight:600 900;font-display:swap}
body,button,input,dialog{font-family:CosHPKufi,Tahoma,sans-serif}h1,h2,h3,.gender-box,.field-label{font-family:CosHPKufi,Tahoma,sans-serif;font-weight:700;letter-spacing:0}.welcome-copy h1{font-size:48px;line-height:1.7;letter-spacing:-1px;margin:12px 0 22px}.welcome-desc{line-height:2.1;font-size:12px}.welcome-kicker{font-size:10px;color:#c0ceb5}.welcome-copy{padding:30px}.intro h1{font-size:32px;line-height:1.8}.finish h2{font-size:21px;line-height:1.9}.editor nav button{font-weight:700!important;font-size:9px!important}.option{font-family:CosHPKufi,sans-serif;font-size:10px!important;font-weight:700!important}.quiet,.scene-switch button,.random{font-family:CosHPKufi,sans-serif;font-weight:600!important}.enter-button,.save{font-weight:700!important;font-size:14px!important}.paint-dialog h2{font-size:25px;line-height:1.8}.paint-dialog p{line-height:2}.welcome-bottom,.tip,.save-note,.share-note{line-height:1.9}.floating-logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;mix-blend-mode:normal!important;width:250px;height:235px;margin-left:-125px;top:35px;overflow:visible}.floating-logo img{mix-blend-mode:normal;filter:url(#logo-cutout) brightness(1.7);width:100%;height:100%;object-fit:contain}.logo-shadow{opacity:.22}
@media(max-width:650px){.welcome-copy h1{font-size:38px;line-height:1.65}.welcome-copy{padding:25px 22px}.floating-logo{width:178px;height:160px;margin-left:-89px;top:-4px}.intro h1{font-size:25px}.finish h2{font-size:22px}.paint-dialog h2{font-size:20px}.welcome-desc{font-size:11px}.gender-box{font-size:12px}.editor nav button{font-size:9px!important}}