.app-wrapper{display:flex;flex-direction:column;padding:10px 20px 40px 20px}#result-display{text-align:center;font-size:1.2rem;color:#00b4d8;margin:10px 0;min-height:30px}.roulette-section{position:relative;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.roulette-section .pointer{font-size:24px;color:#ff7675;z-index:10;margin-bottom:-5px}.roulette-section .canvas-container{width:100%;max-width:320px;aspect-ratio:1/1;display:flex;justify-content:center}.button-area{padding:20px 0}.button-area button{width:100%;padding:16px;font-size:1.4rem;font-weight:bold;border:none;border-radius:12px;cursor:pointer;transition:.2s}.button-area button.btn-start{background-color:#00b4d8;color:#fff;box-shadow:0 4px 15px rgba(0,180,216,.3)}.button-area button.btn-stop{background-color:#ff7675;color:#fff;box-shadow:0 4px 15px rgba(255,118,117,.3)}.settings-area{background:#f8f9fa;border-radius:15px;padding:15px;margin-top:20px}.settings-area .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:bold;color:#636e72}.settings-area .settings-header #add-item-btn{background:#fff;border:1px solid #00b4d8;color:#00b4d8;padding:4px 12px;border-radius:20px}.settings-area .scroll-list{overflow-y:visible}.settings-area .scroll-list .item-row{display:flex;gap:8px;margin-bottom:8px}.settings-area .scroll-list .item-row input{flex:1;padding:10px;border:1px solid #e9ecef;border-radius:8px;font-size:16px}.settings-area .scroll-list .item-row .remove-btn{background:none;border:none;color:#fab1a0;font-size:1.2rem}
/*# sourceMappingURL=web-roulette.min.css.map */