html{scroll-behavior:smooth;overscroll-behavior-y:none}body{margin:0;padding:0;font-family:'Roboto',sans-serif;overflow-x:hidden;-webkit-overflow-scrolling:touch}#main-container{display:flex;max-width:1200px;margin:20px auto;gap:50px;align-items:flex-start;position:relative}#wheel-container{text-align:center;position:relative;flex:3}#controls-container{flex:1;display:flex;flex-direction:column;gap:15px;margin-top:50px}.controls-row{display:flex;gap:10px}.control-btn:focus-visible{outline:2px solid #007bff!important;outline-offset:2px!important;border-radius:4px;box-shadow:0 0 8px rgb(0 123 255 / .4);transition:all 0.2s ease}.dropdown-menu a:focus-visible,.dropdown-menu button:focus-visible,.menu-extra-dropdown a:focus-visible,.menu-extra-dropdown button:focus-visible,#add-images-dropdown-menu a:focus-visible,#add-images-dropdown-menu button:focus-visible{outline:2px solid #007bff!important;outline-offset:-2px!important;background-color:#f8f9fa;border-radius:4px}.control-btn{padding:6px 10px;font-size:14px;background-color:#fff;color:#000;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:capitalize;font-weight:400;font-family:Arial,sans-serif}.control-btn img{margin-right:5px}.wide-btn{min-width:120px;font-style:italic;text-transform:lowercase;padding:6px 10px;font-size:14px;background-color:#fff;color:#000;border:1px solid #ccc;border-radius:4px;cursor:pointer}.wide-btn:hover{background-color:#007BFF!important;color:white!important}canvas{width:100%;height:auto;max-width:900px}#pointer,body.won-mode-stacked #pointer,body.won-mode-desktop #pointer{position:absolute;top:50%;transform:translate(0%,-50%);z-index:10;right:0!important;width:116px!important;height:48px!important;max-width:none!important;max-height:none!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:75% 50%}body.won-mode-stacked #pointer{position:absolute;top:50%;transform:translate(0%,-50%);z-index:10;right:0!important;width:99px!important;height:41px!important;max-width:none!important;max-height:none!important;transform-origin:75% 50%}@media (max-width:480px){body.won-mode-stacked #pointer{position:absolute;top:50%;transform:translate(0%,-50%);z-index:10;right:0!important;width:60px!important;height:25px!important;max-width:none!important;max-height:none!important;transform-origin:75% 50%}}@keyframes pointerTickRotateOnly{0%{transform:translate(0%,-50%) rotate(0deg)}40%{transform:translate(0%,-50%) rotate(-8deg)}100%{transform:translate(0%,-50%) rotate(0deg)}}.pointer-tick{animation:pointerTickRotateOnly 0.1s ease-out forwards;transform-origin:75% 50%;will-change:transform}#spin-btn:focus-visible,.spin-btn:focus-visible{outline:4px solid #007bff!important;outline-offset:4px!important;border-radius:50%!important;box-shadow:0 0 20px rgb(0 123 255 / .8)!important;transition:all 0.2s ease-in-out}#spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;font-size:24px;background-color:#1e1e1e;color:#fff;border:3px solid #fff;border-radius:50%;cursor:pointer;width:120px;height:120px;transition:background-color 0.2s;z-index:6;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}#spin-btn:focus{background-color:#ff3600!important;transform:translate(-50%,-50%) scale(1.4)!important;box-shadow:0 0 15px #ff0000,0 0 30px #ff4d4d!important;border:3px solid #fff!important;transition:all 0.3s cubic-bezier(.175,.885,.32,1.275)!important}#spin-btn:hover{background-color:#ff3600!important;transform:translate(-50%,-50%) scale(2)!important;box-shadow:0 0 15px #ff0000,0 0 30px #ff4d4d!important;border:3px solid #fff!important;transition:all 0.3s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes spinGlowPulse{0%{transform:translate(-50%,-50%) scale(1.1)}50%{transform:translate(-50%,-50%) scale(1.15)}100%{transform:translate(-50%,-50%) scale(1.1)}}#spin-btn:hover{animation:spinGlowPulse 0.8s infinite ease-in-out}#center-image-display{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:0;display:none}.spin-text{position:relative;z-index:1;color:#fff;font-weight:700;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;display:inline-block;text-align:center;line-height:1.15;max-width:90%;overflow-wrap:break-word;word-break:normal;padding:0 5px;transition:font-size 0.1s ease-out}#winner{margin-bottom:20px;font-size:24px;font-weight:700;color:red}#winner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#fff;background:red;padding:15px 25px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:15;width:80%;max-width:400px;text-align:center}#winner-overlay.with-image{font-size:20px}#winner-image{width:235px;height:235px;display:block;margin:10px auto;object-fit:contain}#close-winner-btn{position:absolute;top:0;right:0;background:#fff0;border:none;padding:5px;cursor:pointer}#fireworks{position:absolute;top:0;left:0;z-index:30;pointer-events:none}.dropdown{position:relative;display:inline-block}.dropdown-menu a:last-child{border-bottom-color:#fff0}.dropdown-menu{display:none;position:absolute;z-index:100;background-color:#fff;border:1px solid #ccc;border-radius:4px;min-width:200px;margin-top:5px;white-space:nowrap}.dropdown-menu a{display:block;padding:8px 15px;text-decoration:none;color:#000;border:2px solid #fff0;border-bottom-color:#eee;transition:all 0.1s ease;margin:0 2px}.dropdown-menu a#restart-imported-image{color:red}.dropdown-menu a#restart-imported-image:hover{color:red;background-color:#f2f3f8}.dropdown-menu a:hover{background-color:#5873f8;color:#fff}.dropdown-menu:hover{border-color:#002af9!important;box-shadow:0 4px 12px rgb(0 42 249 / .15)}#menu-dropdown.menu-extra-dropdown{border:1px solid #ccc;background-color:#fff;padding:0;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);transition:border-color 0.2s ease}#menu-dropdown.menu-extra-dropdown:hover{border-color:#002af9!important}#menu-dropdown.menu-extra-dropdown a{display:block;padding:10px 15px;text-decoration:none;color:#333;border:1px solid #fff0;border-bottom:2px solid #eee;transition:all 0.2s ease;margin:0}#menu-dropdown.menu-extra-dropdown a:last-child{border-bottom:none}#menu-dropdown.menu-extra-dropdown a:hover{background-color:#5873f8!important;color:#fff!important}#menu-dropdown.menu-extra-dropdown a#restart-all-btn:hover{background-color:#e0e0e0!important;color:#ff0000!important}.dropdown.show .dropdown-menu{display:block}@media (max-width:900px){#main-container{flex-direction:column}#controls-container{width:100%;margin-top:20px}canvas{min-width:300px}#winner-overlay{font-size:28px;padding:10px 15px}#pointer{width:40px;transform:translate(67%,-50%)}#spin-btn{width:120px;height:120px;font-size:20px}}@media (max-width:500px){#spin-btn{width:60px;height:60px;font-size:14px}}#names-input-box{width:100%;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;margin:0;padding:0}#input-buttons{display:flex;align-items:stretch;gap:0;margin:0}#input-buttons button{flex:1;border:1px solid #ccc;background-color:#fff0;cursor:pointer}#name-input{display:block;width:100%;border:none;outline:none;font-size:16px;resize:vertical;padding:10px;margin:0;border-top:1px solid #ccc}#list-update-table{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;background-color:#fff;overflow-y:auto;max-height:300px}#list-update-table .table-header{text-align:center;font-weight:700;margin-bottom:10px;font-size:18px;border-bottom:1px solid #ccc;padding-bottom:5px}#entry-controls div{display:flex;align-items:center;margin-bottom:5px;padding:5px;border-bottom:1px dotted #ccc}#entry-controls span{margin-right:10px;font-size:16px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#entry-controls img.restart-btn{width:20px;height:20px;cursor:pointer}.modal{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .4)}.modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px}.close-button{float:right;cursor:pointer}.close-button img{display:block}.close-button:hover,.close-button:focus{opacity:.7}img.emoji{width:1.5em;height:1.5em;max-width:none}#winner-overlay{z-index:9999!important}#fireworks{z-index:9998!important}#entry-controls .entry-control-item{display:flex;align-items:center;margin-bottom:5px;padding:5px;border-bottom:1px dotted #ccc}#entry-controls .entry-control-item>span{margin-right:10px;font-size:16px;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-control-image-display-container{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.entry-control-thumbnail{width:28px;height:28px;border:1px solid #ccc;object-fit:cover;border-radius:3px;vertical-align:middle;display:block}.entry-control-delete-img-btn{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background-color:red;color:#fff;border:1px solid darkred;border-radius:50%;font-size:12px;font-weight:700;text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 1px 3px rgb(0 0 0 / .5);transition:background-color 0.2s ease,transform 0.2s ease}.entry-control-delete-img-btn:hover{background-color:darkred;transform:scale(1.1)}.entry-control-modify-img-btn:focus-visible{outline:2px solid #007bff!important;outline-offset:2px!important;border-radius:4px;box-shadow:0 0 5px rgb(0 123 255 / .5);cursor:pointer}.entry-control-modify-img-btn{width:22px;height:22px;cursor:pointer;margin-left:8px;vertical-align:middle;border:1px solid #fff0;border-radius:3px;padding:1px;box-sizing:content-box;transition:background-color 0.2s ease,border-color 0.2s ease}.entry-control-modify-img-btn img{width:100%;height:100%;object-fit:contain;display:block}.entry-control-modify-img-btn:hover{border-color:#f9f05d;background-color:#f0f0f0;box-shadow:0 0 12px rgb(38 252 68)!important}body.theme-dark #entry-controls .entry-control-item{border-bottom-color:#4a4a4a}body.theme-dark .entry-control-thumbnail{border-color:#555}body.theme-dark .entry-control-modify-img-btn:hover{border-color:#666;background-color:#3a3a3a}.won-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}#wheel-container{width:100%;max-width:800px;margin-left:auto;margin-right:auto}#wheel-container>div[style="position: relative;"]{position:relative;width:100%;height:0;padding-top:100%}#wheel-container>div[style="position: relative;"]>canvas,#wheel-container>div[style="position: relative;"]>#animation-layer{position:absolute;top:0;left:0;width:100%;height:100%}.won-share-actions{position:relative!important;width:100%!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:10px!important;background:transparent!important;border:none!important;z-index:9999;padding:0!important}.won-icon-btn{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform 0.2s ease;outline:none!important}.won-icon-btn:hover{transform:scale(1.1)}.won-icon-btn .won-custom-download-icon,.won-icon-btn .won-custom-share-icon{height:25px!important;width:auto!important;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px #838383)!important;transition:all 0.2s ease}.won-icon-btn:hover .won-custom-download-icon,.won-icon-btn:hover .won-custom-share-icon{filter:drop-shadow(0 4px 6px #838383) brightness(1.2)!important}@media screen and (max-width:767px){.won-share-actions{gap:5px!important;margin-top:10px!important}.won-icon-btn{width:25px!important;height:25px!important}.won-icon-btn .won-custom-download-icon,.won-icon-btn .won-custom-share-icon{height:18px!important;width:auto!important;filter:drop-shadow(0 1px 2px #838383)!important}}#display-popup-message-text{flex-grow:1;border:1px solid #9c9c9c;border-radius:4px;padding:6px;transition:border-color 0.2s}#display-popup-message-text:focus{border:2px solid #7380b8;outline:none;box-shadow:0 0 6px rgb(41 182 246)!important}#display-popup-message-text:hover{box-shadow:0 0 6px rgb(41 182 246)!important}.spin-button-text-input:focus{border:2px solid #7380b8!important;box-shadow:0 0 6px rgb(41 182 246)!important}.spin-button-text-input:hover{box-shadow:0 0 6px rgb(41 182 246)!important}.spin-button-size-dropdown:focus{border:2px solid #7380b8!important;box-shadow:0 0 3px rgb(0 0 0 / .1)}.spin-button-size-dropdown:hover{box-shadow:0 0 6px rgb(41 182 246)!important}#game-title{border:1px solid #9c9c9c;border-radius:4px;padding:6px 12px;outline:none;transition:border-color 0.2s ease-in-out}#game-title:hover{border:2px solid #7380b8}#game-title:focus{border:2px solid #7380b8;box-shadow:0 0 4px rgb(0 0 0 / .05);box-shadow:0 0 6px rgb(41 182 246)!important;transform:scale(1.04)}#game-description{border:2px solid #9c9c9c;border-radius:4px;padding:6px 12px;outline:none;transition:border-color 0.2s ease-in-out}#game-description:hover{border:2px solid #7380b8;box-shadow:0 0 6px rgb(41 182 246)!important}#game-description:focus{border:2px solid #7380b8;box-shadow:0 0 4px rgb(0 0 0 / .05);box-shadow:0 0 6px rgb(41 182 246)!important;transform:scale(1.04)}#pointer.pointer-idle{filter:drop-shadow(0 0 18px rgb(0 30 255 / .9));transition:filter 0.3s ease-in-out;animation:pointerPulse 1s infinite alternate}@keyframes pointerPulse{from{filter:drop-shadow(0 0 5px rgb(0 30 255 / .7))}to{filter:drop-shadow(0 0 10px rgb(247 116 223))}}@keyframes pointerTickAnim{0%{transform:translate(0%,-50%) rotate(0deg)}40%{transform:translate(0%,-50%) rotate(-10deg)}100%{transform:translate(0%,-50%) rotate(0deg)}}.pointer-tick{animation:pointerTickAnim 0.1s ease-out forwards;transform-origin:75% 50%;will-change:transform}#wheel{will-change:transform!important;-webkit-transform-style:flat!important;transform-style:flat!important;transform:translateZ(0)}.won-custom-settings-icon{width:22px!important;height:22px!important;object-fit:contain;vertical-align:middle;margin-right:8px;display:inline-block}.won-pref-title-wrapper{display:inline-flex;align-items:center;font-weight:600}.won-custom-close-icon{width:16px!important;height:16px!important;object-fit:contain;display:block}#popup-preferences-close.popup-close-btn{display:flex!important;align-items:center;justify-content:center;padding:5px!important;background:#fff0;border:none;cursor:pointer}#popup-preferences-close:hover .won-custom-close-icon{transform:rotate(90deg);transition:transform 0.3s ease}#popup-name-close img{transition:transform 0.3s ease!important;transform-origin:center center!important;display:block!important}#popup-name-close:hover img{transform:rotate(90deg)!important}.won-custom-icon-theme{width:22px!important;height:22px!important;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:6px;transition:filter 0.2s ease}.color-options .color-option,.color-options .color-option.active,.color-options .color-option:focus{background-color:transparent!important;color:#333!important;border:1px solid #ddd!important;outline:none!important;box-shadow:none!important}.color-options .color-option .won-custom-icon-theme,.color-options .color-option.active .won-custom-icon-theme,.color-options .color-option:focus .won-custom-icon-theme{filter:none!important}.color-options .color-option:hover,.color-options .color-option:active{background-color:#007bff!important;border-color:#007bff!important;color:#ffffff!important;cursor:pointer}.color-options .color-option:hover .won-custom-icon-theme,.color-options .color-option:active .won-custom-icon-theme{filter:brightness(0) invert(1)!important}.color-options .color-option:hover .won-icon-dark,.color-options .color-option:active .won-icon-dark,.color-options .color-option.active .won-icon-dark,.color-options .color-option:focus .won-icon-dark{filter:none!important}#import-google-sheet-btn-menu-item:hover .won-import-icon{filter:brightness(0) invert(1)!important;opacity:1!important}body.theme-dark .won-import-icon{filter:brightness(0) invert(1)!important;opacity:.9}.delete-result-btn{transition:all 0.2s ease-in-out!important;border:1px solid transparent!important;border-radius:4px;padding:3px;line-height:0;display:inline-flex;align-items:center;justify-content:center}.delete-result-btn:hover{border:1px solid #999!important;box-shadow:0 0 10px rgb(99 243 112 / .6);transform:scale(1.1);background-color:rgb(153 153 153 / .1)}.delete-result-btn:active{transform:scale(.95)}#input-text-btn,#results-btn{color:#0d1552;transition:all 0.3s ease;border-bottom:2px solid #fff0}#input-text-btn:focus,#results-btn:focus{font-weight:bold!important;border-bottom:2px solid #036}button#wonBtnShare.won-popup-btn{background-color:#007bff!important;color:#ffffff!important;border:none!important;white-space:nowrap!important;border-radius:5px!important;transition:0.3s!important}button#wonBtnShare.won-popup-btn:hover{background-color:#0018ff!important}button#wonBtnClose.won-popup-btn{background-color:#dc3545!important;color:#ffffff!important;border:none!important;white-space:nowrap!important;border-radius:5px!important;transition:0.3s!important}button#wonBtnClose.won-popup-btn:hover{background-color:#848484!important}#won-arrow-list{display:none;position:absolute;max-height:250px;overflow-y:auto;overflow-x:hidden!important}body.theme-dark #won-arrow-trigger,body.theme-dark #won-arrow-list{background-color:#1a1a1a!important;border:1px solid #ffffff!important;color:#ffffff!important;transition:all 0.3s ease-in-out}body.theme-dark .dropdown-item-arrow{border-bottom:1px solid #444!important;transition:all 0.2s ease-in-out}body.theme-dark #won-arrow-trigger:hover{transform:scale(1);box-shadow:0 0 15px rgb(255 255 255 / .7)!important;border-color:#fff!important;z-index:10}body.theme-dark .dropdown-item-arrow:hover{background-color:#333!important;transform:scale(1);box-shadow:0 0 12px rgb(255 255 255 / .8)!important;border-radius:6px;position:relative;z-index:11}body.theme-dark .dropdown-item-arrow.arrow-selected{background-color:#2c3e50!important;border:1px solid #00a8ff!important}body.theme-dark .dropdown-item-arrow:hover{background-color:#333!important;transform:scale(1.1);border-radius:6px;position:relative;z-index:11}body.theme-dark .dropdown-item-arrow img{filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white);transition:filter 0.2s}body.theme-dark .dropdown-item-arrow:hover img,body.theme-dark .dropdown-item-arrow.arrow-selected img{filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(0 0 5px rgb(255 255 255 / .8))}body:not(.theme-dark) #won-arrow-trigger:hover{transform:scale(1);box-shadow:0 0 15px rgb(0 206 209 / .5);border-color:#00ced1;z-index:10}body:not(.theme-dark) .dropdown-item-arrow:hover{background-color:#f0fdfd;transform:scale(1.1);box-shadow:0 0 12px rgb(0 206 209 / .6);border-radius:6px;position:relative;z-index:11}body:not(.theme-dark) .dropdown-item-arrow.arrow-selected{background-color:#e0f7fa;border:1px solid #9bf9fa}body:not(.theme-dark) .dropdown-item-arrow img{transition:filter 0.2s}body:not(.theme-dark) .dropdown-item-arrow:hover img,body:not(.theme-dark) .dropdown-item-arrow.arrow-selected img{filter:drop-shadow(1px 0 0 #9bf9fa) drop-shadow(-1px 0 0 #9bf9fa) drop-shadow(0 1px 0 #9bf9fa) drop-shadow(0 -1px 0 #9bf9fa) drop-shadow(0 0 1px rgb(140 246 244 / .01))}#won-arrow-list{overflow-x:hidden!important}#launch-fireworks-checkbox:focus-visible,#auto-remove-winner-checkbox:focus-visible,#display-remove-button-checkbox:focus-visible,#play-sound-on-remove-checkbox:focus-visible,#show-wheel-lights-checkbox:focus-visible{outline:2px solid #007bff!important;outline-offset:2px!important;border-radius:2px;box-shadow:0 0 5px rgb(0 123 255 / .5)}#popup-customize-cancel:focus-visible,#popup-customize-ok:focus-visible,#customize-after-sound-button:focus-visible,#animate-winning-entry-button:focus-visible,#customize-sound-button:focus-visible,#customize-sound-options:focus-visible,#customize-spin-button:focus-visible{outline:2px solid #007bff!important;outline-offset:2px!important;border-radius:4px;box-shadow:0 0 8px rgb(0 123 255 / .4);transition:all 0.2s ease-in-out}#customize-preview-play:focus-visible,#customize-preview-pause:focus-visible,#customize-after-preview-play:focus-visible,#customize-after-preview-pause:focus-visible{outline:2px solid #007bff!important;outline-offset:2px!important;border-radius:50%;box-shadow:0 0 8px rgb(0 123 255 / .5);transition:all 0.2s ease}#tab-during:focus-visible,#tab-after:focus-visible,#tab-appearance:focus-visible{outline:2px solid #ffe400!important;outline-offset:-2px!important;border-radius:4px;background-color:#4d89f2;transition:all 0.2s ease}#customize-sound-options:focus-visible{outline:2px solid #007bff!important;outline-offset:2px!important;border-radius:4px;box-shadow:0 0 8px rgb(0 123 255 / .4);transition:all 0.2s ease;color:#000}.customize-dropdown-content:focus-visible{outline:2px solid #007bff!important;outline-offset:-2px!important;border-radius:8px;box-shadow:0 8px 16px rgb(0 0 0 / .1),0 0 8px rgb(0 123 255 / .5);color:#000}.sound-group-btn:focus-visible{outline:2px solid #007bff!important;outline-offset:-2px!important;border-radius:4px;background-color:#f0f8ff;transition:all 0.15s ease;color:#000}