.self-summary{display:flex;gap:22px;align-items:center;padding:25px;background:#eee5db;border:1px solid #dfcfc1;border-radius:20px;margin:20px 0;color:#5a7367}.self-summary>span{width:84px;flex-shrink:0;font-size:42px}.self-summary svg{width:84px;height:84px}.self-summary>div{flex:1}.self-summary small{font-size:8px;letter-spacing:2px;color:#a28b77}.self-summary h3{font-family:Georgia,'Noto Serif SC',serif;font-size:21px;font-weight:400;margin:10px 0}.self-summary p{font-size:12px;line-height:1.9;color:#8d9381;margin:0}.modal-self-avatar{width:calc(100vw - 40px);max-width:1120px!important;max-height:94vh;padding:30px!important}.self-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.self-layout .world-canvas{height:490px!important;min-height:380px}.self-layout .world-object-actions,.self-layout .village-atmosphere{display:none!important}.self-layout .world-toolbar [data-world-command=city],.self-layout .world-toolbar [data-world-command=detail],.self-layout .world-toolbar [data-world-command=cutaway]{display:none}.self-layout .world-hint{font-size:9px}.self-genders{display:flex;gap:8px;margin-bottom:15px}.self-genders button{flex:1;background:#efeddf;border:1px solid #d6ddc6;padding:12px 8px;border-radius:10px;color:#70816e;font-size:12px;cursor:pointer}.self-genders button[aria-pressed=true]{background:#dae6d5;border-color:#8fac96;color:#42695d}.self-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.self-style-options label{position:relative;background:#f0ecdf;border:1px solid #d7ddc8;padding:10px;border-radius:13px;cursor:pointer;text-align:center}.self-style-options label:has(input:checked){background:#e2ebda;border:2px solid #7d9b83;padding:9px}.self-style-options input{position:absolute;right:9px;top:9px;accent-color:#7d9b83}.self-style-options svg{display:block;width:78px;max-width:100%;margin:auto}.self-style-options b{font-size:11px;color:#668073;font-weight:400;display:block;margin-top:7px}.self-note{font-size:11px;line-height:1.9;color:#998d7b;margin-top:16px}.self-care-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.self-care-options button{border:1px solid #d9dccb;background:#f1eddf;border-radius:12px;padding:17px 14px;text-align:left;color:#557568;cursor:pointer}.self-care-options button[aria-pressed=true]{background:#deeadb;border:2px solid #8fac92;padding:16px 13px}.self-care-options b{display:block;font-family:Georgia,'Noto Serif SC',serif;font-weight:400;font-size:17px}.self-care-options small{display:block;line-height:1.8;font-size:10px;color:#8f9680;margin-top:8px}.self-care-options button:disabled{opacity:.5;cursor:default}.self-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.self-tools button{font-size:11px}.placing-self canvas{cursor:crosshair!important}.self-place-note{position:absolute;z-index:8;bottom:80px;left:50%;transform:translateX(-50%);background:#fff5dcf2;border:1px solid #d7c6a3;border-radius:12px;padding:14px;color:#6f7965;font-size:12px;line-height:1.8;width:340px;max-width:calc(100% - 30px)}.self-place-note button{border:0;background:#dce6d4;border-radius:6px;color:#65806b;padding:5px 9px;margin-left:10px;cursor:pointer}
.self-layout select{width:100%;padding:13px;border:1px solid #d2dac5;border-radius:10px;background:#f5f0e3;color:#647b69;font-size:12px}
.self-style-options .self-felt-portrait{background-size:850% 340%;aspect-ratio:3/5}.self-summary .self-felt-portrait{background-size:850% 340%}
.self-felt-portrait{display:block;width:100%;aspect-ratio:3/5;background-image:url('/assets/self-felt-collection.png');background-size:500% 200%;background-position:var(--self-x) var(--self-y);background-repeat:no-repeat;border-radius:12px}.self-summary>span{width:90px}.self-summary .self-felt-portrait{height:115px;aspect-ratio:auto}.self-style-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.self-style-options label{padding:4px;border-radius:15px;background:#f5ebdf;border-color:#e0cfbe;overflow:hidden;transition:transform .2s,box-shadow .2s}.self-style-options label:hover{transform:translateY(-3px);box-shadow:0 6px 14px #7059431c}.self-style-options label:has(input:checked){padding:3px;background:#ebdfce;border-color:#a88466;box-shadow:0 3px 12px #70594325}.self-style-options b{font-size:10px;color:#7c6652;margin:8px 0}.self-style-options input{z-index:1;accent-color:#a88466;right:5px;top:5px}.self-genders button[aria-pressed=true]{background:#eee0d0;border-color:#b49476;color:#795d48}.self-layout .world-canvas{border-radius:18px;background:#e9ddc9}.modal-self-avatar .modal-eyebrow{color:#a58669}.self-summary{background:linear-gradient(120deg,#f5ebdf,#e9e5d8)}
@media(max-width:760px){.self-style-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.self-style-options b{font-size:9px;line-height:1.4}.self-style-options input{width:11px;height:11px;right:3px;top:3px}.self-summary .self-felt-portrait{height:90px}}
@media(max-width:760px){.self-summary{flex-wrap:wrap;padding:18px;gap:13px}.self-summary>span{width:65px}.self-summary svg{width:65px;height:65px}.self-summary>div{min-width:165px}.self-summary h3{font-size:18px}.self-summary p{font-size:11px}.self-layout{grid-template-columns:1fr;gap:16px}.self-layout .world-canvas{height:330px!important;min-height:330px}.modal-self-avatar{width:calc(100vw - 18px);padding:22px 13px!important}.self-style-options{grid-template-columns:repeat(5,minmax(0,1fr))}.self-care-options b{font-size:15px}.self-care-options button{padding:14px 11px}.self-care-options button[aria-pressed=true]{padding:13px 10px}.self-place-note{bottom:120px}}