body{overflow:auto;scrollbar-width:auto;-ms-overflow-style:auto;padding-bottom:50px}body::-webkit-scrollbar{display:none}.ladder-container{width:100%;max-width:1500px;margin:10px auto;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);background:#fff;position:relative;overflow:hidden;height:80vh}#ladder-canvas{width:100%;height:100%;border-radius:5px;background:#fff}.control-buttons{display:flex;gap:10px;margin:20px 0;justify-content:center}.control-buttons .btn{width:80px;height:35px;font-weight:bold;display:flex;align-items:center;justify-content:center}.control-buttons .btn-icon{width:35px;height:35px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff}.result-display{text-align:center;min-height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-weight:bold;font-size:1.2rem}.result-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:2000;animation:fadeIn .3s;cursor:pointer;padding:0}.result-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:500px;padding:30px;background:#fff;border-radius:15px;text-align:left;max-height:80vh;display:flex;flex-direction:column}.result-table-container{overflow-y:auto;margin-top:20px;flex-grow:1}.result-table{width:100%;border-collapse:collapse;margin-bottom:0}.result-table th{position:sticky;top:0;background:#f8f9fa;z-index:1;padding:0;border:1px solid #dee2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.result-table td{padding:0;border:1px solid #dee2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.result-table tr:nth-child(even){background-color:#f8f9fa}.result-table tr:hover{background-color:#e9ecef}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fingerPress{0%{transform:translate(-10px, -10px)}100%{transform:translate(-10px, -10px)}50%{transform:translate(-5px, -10px)}}.finger-pointer{position:absolute;font-size:25px;animation:fingerPress 1s infinite;pointer-events:none;z-index:1000}.ladder-input{width:100%;height:40px;padding:5px 10px;border:1px solid #444;border-radius:5px;background:#2c3034;color:#fff;font-size:1.2rem;font-weight:600;resize:none;overflow:hidden;display:block;margin:10px auto;text-align:center;transition:opacity .3s}.clickable-start{cursor:pointer;transition:transform .2s}.clickable-start:hover{transform:scale(1.2)}.custom-container{padding-bottom:100px}.hidden{opacity:0;pointer-events:none}.emoji-particle{position:absolute;font-size:24px;pointer-events:none;z-index:1000;transition:transform .3s;transform:translateX(10%)}@media(max-width: 768px){.ladder-container{height:calc(100vh - 200px);padding-left:5px;padding-right:5px}.ladder-input{font-size:1rem}.control-buttons .btn{width:100px;font-size:.9rem}.mobile-result-text{transform:translateY(30px)}.result-table th,.result-table td{max-width:150px;font-size:14px;padding:0}.emoji-particle{transform:translateX(-35%) scale(0.8)}}.result-item{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid #dee2e6;align-items:center}.result-item span{text-align:center}.result-header{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-weight:bold;border-bottom:2px solid #dee2e6}.result-header span{text-align:center}