.character-modal{position:fixed;z-index:91;inset:0;display:grid;place-items:center;background:#20333a82;opacity:0;pointer-events:none;transition:.2s}.character-modal.open{opacity:1;pointer-events:auto}.character-box{width:min(410px,91vw);background:#fffdf9;border-radius:18px;padding:29px;text-align:center;position:relative}.character-box>button:first-child{position:absolute;right:15px;top:12px;border:0;background:none;color:#718386;font-size:20px;cursor:pointer}.character-box h2{font-family:Fraunces,serif;font-size:30px;margin:0}.character-stage{height:185px;display:grid;place-items:end center;perspective:500px}.character-figure{width:105px;height:164px;position:relative;transform:rotateY(-12deg);filter:drop-shadow(14px 12px 4px #263d3933)}.character-face{position:absolute;z-index:2;left:28px;top:25px;width:50px;height:58px;border-radius:43% 43% 48% 48%;background:#d79669;box-shadow:inset -6px -5px #9f5d4835}.character-face i,.character-face b{position:absolute;top:28px;width:7px;height:7px;border-radius:50%;background:#2c2827}.character-face i{left:12px}.character-face b{right:12px}.character-face:after{content:'';position:absolute;left:19px;bottom:11px;width:14px;height:6px;border-bottom:2px solid #a95752;border-radius:50%}.character-hair{position:absolute;z-index:3;top:14px;left:22px;width:62px;height:40px;border-radius:50% 50% 22% 22%;background:#48332c}.character-shirt{position:absolute;bottom:0;left:12px;width:82px;height:88px;border-radius:35px 35px 8px 8px;background:#e8896d;box-shadow:inset -10px -6px #a34f4930}.character-figure.skin-fair .character-face{background:#f2c69e}.character-figure.skin-deep .character-face{background:#71462f}.character-figure.hair-black .character-hair{background:#17191a}.character-figure.hair-blonde .character-hair{background:#d3a455}.character-figure.hair-pink .character-hair{background:#d87597}.character-figure.outfit-ocean .character-shirt{background:#508da9}.character-figure.outfit-leaf .character-shirt{background:#78a36f}.character-label{text-align:left;font-size:10px;font-weight:700;color:#6f8182;margin:10px 0 5px}.character-options{display:flex;gap:8px}.character-options button{border:1px solid #dce5df;background:#fff;border-radius:7px;padding:7px 9px;color:#60787b;font:700 10px 'DM Sans',sans-serif;cursor:pointer}.character-options button.selected{outline:3px solid #20333a}.character-options .skin-fair,.character-options .skin-warm,.character-options .skin-deep{width:27px;height:27px;border-radius:50%;padding:0}.character-options .skin-fair{background:#f2c69e}.character-options .skin-warm{background:#d79669}.character-options .skin-deep{background:#71462f}