@font-face{font-family:Editorial New;src:url(/fonts/EditorialNew-Regular.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Editorial New,serif;background:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.container{background:#fff;border-radius:20px;padding:40px;box-shadow:none;max-width:800px;width:100%;text-align:center;position:relative}h1{color:#333;font-size:2.5rem;font-weight:400;position:fixed;top:calc(50% - 120px);left:90px;transform:translateY(-50%);z-index:1000;max-width:600px;line-height:1.2;text-align:left}.description{position:fixed;top:calc(50% - 80px);left:90px;max-width:400px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#333;text-align:left;z-index:1000}.logo{position:fixed;top:20px;left:20px;z-index:1000}.logo-image{width:110px;height:auto;display:block}.character-display{margin-bottom:40px;padding:20px;background:#fff;border-radius:0;border:none;position:relative;height:594px;display:flex;justify-content:center;align-items:center;margin-top:-20px;margin-left:320px}.character-parts{position:relative;width:475px;height:594px}.character-part{position:absolute;top:0;left:0;max-width:475px;height:auto;display:block;transition:transform .3s ease}.character-part:hover{transform:scale(1.025)}.head{z-index:1}.body{z-index:3}.legs{z-index:2}.controls{position:fixed;top:140px;right:40px;display:flex;flex-direction:column;gap:10px;z-index:1000}.control-group{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 15px;border-radius:25px;border:1px solid #000000;min-width:200px}.control-group label{font-weight:600;color:#333;font-size:.9rem;margin-right:10px}.control-group select{padding:6px 12px;border:1px solid #ddd;border-radius:15px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .3s ease;flex:1}.control-group select:focus{outline:none;border-color:#667eea}.randomize-section{position:fixed;top:calc(50% + 70px);left:70px;z-index:1000}.download-section{position:fixed;top:calc(50% + 70px);left:290px;z-index:1000}#randomize-btn,#download-btn,#more-info-btn{background:#fff;color:#000;border:1px solid #000000;padding:10px 15px;border-radius:25px;font-family:Editorial New,serif;font-size:.9rem;font-weight:400;cursor:pointer;transition:transform .3s ease,background-color .3s ease;min-width:200px}#randomize-btn:hover,#download-btn:hover,#more-info-btn:hover{transform:translateY(-2px);background-color:#f8f8f8}#randomize-btn:active,#download-btn:active,#more-info-btn:active{transform:translateY(0)}.randomize-section{position:fixed;top:calc(50% + 70px);left:90px;z-index:1000}.download-section{position:fixed;top:calc(50% + 70px);left:315px;z-index:1000}.more-info-section{display:none}.info-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;justify-content:center;align-items:center}.modal-content{background:#fff;border:1px solid #000000;border-radius:25px;padding:30px;max-width:90%;width:400px;position:relative;text-align:center;box-shadow:0 4px 20px #00000026}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#000;font-weight:700;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#666}.modal-heading{font-family:Editorial New,serif;font-size:1.5rem;font-weight:400;color:#333;margin-bottom:20px;line-height:1.2}.modal-description{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#333;margin:0}@media (max-width: 768px){body{overflow-y:auto;height:auto;min-height:100vh}.container{padding:20px;max-width:600px}.logo{top:10px;left:10px;right:auto}.logo-image{width:88px}.controls{top:10px;right:10px;left:auto;gap:8px}.control-group{min-width:160px;padding:8px 12px}.control-group label{font-size:.8rem}.control-group select{font-size:.8rem;padding:4px 8px}.character-display{height:401px;margin:0;position:fixed;top:calc(50% - 10px);left:50%;transform:translate(-50%,-50%);z-index:1000;transition:top .8s ease-in-out}.character-parts{width:320px;height:401px}.character-part{max-width:320px}.randomize-section{position:fixed;top:calc(50% + 250px);left:50%;transform:translate(-50%);z-index:1000;transition:top .8s ease-in-out}.download-section{display:none}.more-info-section{display:block;position:fixed;top:calc(50% + 290px);left:50%;transform:translate(-50%);z-index:1000;transition:top .8s ease-in-out}#randomize-btn,#download-btn,#more-info-btn{padding:8px 12px;font-size:.8rem;min-width:160px}.info-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;justify-content:center;align-items:center}.modal-content{background:#fff;border:1px solid #000000;border-radius:25px;padding:25px;max-width:85%;width:320px;position:relative;text-align:center;box-shadow:0 4px 20px #00000026}.modal-heading{font-size:1.3rem;margin-bottom:15px}.modal-description{font-size:14px}h1,.description{display:none}}