html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{margin:0;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#f0f0f0;font-family:"system-ui",sans-serif}#container{position:relative;width:100%;height:100vh;touch-action:none}#definitely-not-a-loading-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:-1}#definitely-not-a-loading-screen img{width:120px;height:120px;margin-bottom:16px;opacity:.7}#definitely-not-a-loading-screen .game-name{font-size:24px;color:#666;letter-spacing:2px}canvas{touch-action:none;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.game-ui{position:fixed;top:10px;left:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:1000}.game-ui-label{margin-top:8px;text-align:center}.game-ui-label h5{margin:0;color:#ffffffe6;font-size:16px;font-weight:500}.game-stats{display:flex;gap:8px;background:#0009;padding:8px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.stat-box{display:flex;align-items:center;gap:8px;padding:4px;background:#ffffff1a;border-radius:6px;transition:all .2s ease}.hole-stat{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:4px;gap:0}.hole-number{font-size:18px;font-weight:600;color:#fff;line-height:1}.hole-par{font-size:12px;color:#fffc;font-weight:400;margin-top:2px}.distance-stat{display:flex;align-items:center;min-width:50px}.distance-icon{width:20px;height:20px;color:#fff;flex-shrink:0}.distance-value{font-size:14px;font-weight:500;color:#fff;text-align:right;width:100%}.measurement-tick{opacity:.7}#bag-button,#players-button{position:fixed;left:20px;background:#000c;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;z-index:1000}#bag-button:hover,#players-button:hover{background:#000000e6}#bag-button{bottom:80px}#players-button{bottom:20px}#bag-button img,#players-button img{width:24px;height:24px;filter:invert(1)}.btn{border-radius:0}.modal{color:#fff;z-index:1600!important}.modal-content{background-color:#212529;border-radius:0;border:0px}.modal-header{border-bottom:0px}.modal-footer{border-top:1px solid rgba(255,255,255,.2)}.modal-element-focus:focus{outline:3px solid #4CAF50!important}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.tab-buttons{display:flex;gap:10px}.tab-button{flex:1;background-color:#ffffff1a;color:#fff;border:none;padding:12px;border-radius:5px;cursor:pointer;transition:background-color .2s;font-size:16px}.tab-button:hover{background-color:#fff3}.tab-button.active{background-color:#ffffff4d}.tab-button:focus,button:focus:not(:focus-visible).tab-button{outline:3px solid #4CAF50}.tab{display:none}.tab.active{display:block}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px}.grid-item{background-color:#333;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;box-sizing:border-box}.grid-item:hover{transform:translateY(-2px);background-color:#444}.grid-item.selected{background-color:#1a1a1a;border:2px solid #4db6ac;box-shadow:0 0 10px #4db6ac4d}.grid-item .image-container{position:relative;width:100%;margin-bottom:8px;box-sizing:border-box}.grid-item img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:10px;background-color:#ffffff1a;border-radius:6px;transition:transform .2s ease;box-sizing:border-box}.grid-item:hover img{transform:scale(1.1)}.grid-item .disc-type{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.grid-item .name{font-weight:700;margin:0 0 8px;color:#fff;font-size:16px}.grid-item .stats{list-style:none;padding:0;margin:0;color:#aaa;font-size:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100%}.grid-item .stats li{color:#aaa;text-align:center;background:#ffffff0d;padding:3px;border-radius:4px;white-space:nowrap}.grid-item:hover .stats li{background:#ffffff1a}.grid-item .description{color:#aaa;font-size:12px;text-align:center}.grid-item:hover .description{color:#bbb}#power-meter{display:none}#message{position:fixed;top:20px;left:20px;right:20px;background:#000c;color:#fff;padding:15px 30px;border-radius:10px;font-size:18px;display:none;z-index:5000;text-align:center;opacity:0;transition:opacity .2s ease-out;pointer-events:none}#message.visible{opacity:1}.message{position:fixed;top:20px;left:20px;right:20px;padding:1rem;border-radius:4px;color:#fff;z-index:5000;animation:fadeIn .3s ease-in-out;text-align:center}.message.success{background-color:#28a745}.message.error{background-color:#dc3545}.message.info{background-color:#17a2b8}.message.gold{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 2px 10px #ffd7004d;border:1px solid #ffd700}.message.achievement{background:linear-gradient(135deg,#e8f4ff,#d4e9fc);color:#000;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.7);box-shadow:0 2px 10px #87cefa33;border:1px solid #d4e9fc}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#throw-button{position:fixed;bottom:15px;right:15px;width:120px;height:120px;border-radius:50%;background-color:#ff5722;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;z-index:100;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;box-shadow:0 4px 8px #0003;overflow:hidden}#throw-button:hover{transform:scale(1.05)}#throw-button:active{transform:scale(.95)}.throw-text{position:absolute;z-index:2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700;pointer-events:none}.throw-progress{position:absolute;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.throw-progress circle{fill:none;stroke-width:8}.throw-progress-bg{stroke:#0003}.throw-progress-fill{stroke:#fff;stroke-dasharray:283;stroke-dashoffset:283;transform-origin:center}.slider-container-container{position:fixed;bottom:15px;right:150px;z-index:1000}.slider-outer{position:relative;width:30px;height:120px;z-index:1000;background:#000c;border-radius:4px;border:1px solid #4CAF50}.slider-track{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background:#000c;border-radius:4px;border:1px solid #4CAF50;z-index:1}.slider-fill{position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;background:linear-gradient(to top,#4caf50,orange);border-radius:4px 4px 0 0;z-index:2;pointer-events:none}.slider-handle{position:absolute;width:48px;height:48px;background:#ff8c00;left:50%;transform:translate(-50%,50%);border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .1s ease,box-shadow .1s ease;z-index:3;bottom:50%}.slider-handle:hover,.slider-handle:active{transform:translate(-50%,50%) scale(1.1);box-shadow:0 3px 8px #0000004d}.slider-labels{display:flex;flex-direction:column;justify-content:space-between;height:300px;color:#7f8c8d;font-size:14px;margin-left:15px;text-align:left}.slider-labels span:first-child{align-self:flex-start;margin-top:auto}.slider-labels span:last-child{align-self:flex-start;margin-bottom:auto}#scorecard-button{position:fixed;left:20px;bottom:20px;background:#000c;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;z-index:1000}#scorecard-button:hover{background:#000000e6}#scorecard-button img{width:24px;height:24px;filter:invert(1)}#scorecard-list{display:flex;flex-direction:column;gap:4px}#scorecard-list .player-score{display:flex;align-items:center;padding:8px 12px;background:#ffffff0d;color:#fff;border-left:3px solid transparent;transition:all .2s ease}#scorecard-list .player-score:hover{background:#ffffff14}#scorecard-list .player-score.current-turn{background:#ffffff1a}#scorecard-list .player-score.completed{border-left-color:#4caf50}#scorecard-list .player-info{display:flex;align-items:center;gap:4px;width:140px}#scorecard-list .player-name{font-size:16px;font-weight:500;display:flex;align-items:center;gap:6px}#scorecard-list .player-social-link{color:#fff6;transition:all .2s ease;line-height:0}#scorecard-list .player-social-link:hover{color:#fffc;transform:translateY(-1px)}#scorecard-list .turn-indicator{width:8px;height:8px;background:#4caf50;border-radius:50%}#scorecard-list .player-stats{display:flex;align-items:center;flex:1;justify-content:space-evenly}#scorecard-list .stat-group{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:60px}#scorecard-list .stat-label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}#scorecard-list .stat-value{font-size:16px;font-weight:500}#scorecard-list .hole-info{color:#4caf50}#scorecard-list .completed-text{margin-left:12px;color:#4caf50;font-size:16px}@media (max-width: 576px){#scorecard-list .player-score{flex-direction:column;align-items:flex-start;gap:4px;padding:10px;position:relative}#scorecard-list .player-info{width:100%}#scorecard-list .player-stats{width:100%;justify-content:space-between}#scorecard-list .stat-group{min-width:50px}#scorecard-list .completed-text{position:absolute;right:10px;top:10px}#scorecard-list .player-name{font-size:14px;gap:4px}}#main-menu-button{position:fixed;top:40px;right:10px;background:#000c;border:none;border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;z-index:1000}#main-menu-button:hover{background:#000000e6}#main-menu-button img{width:24px;height:24px}.menu-section{background:#ffffff0d;color:#ffffffe6}.menu-section h3,.modal-body h3,.multiplayer-modal h3{font-size:18px;color:#4caf50;font-weight:600}.menu-info{color:#fffc;font-size:14px;line-height:1.5;margin:0 0 16px}.menu-info a{color:#4caf50;text-decoration:none;transition:all .2s ease}.menu-info a:hover{color:#45a049;text-decoration:underline}.menu-container{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:4px;background:#ffffff0d;transition:all .2s ease}.menu-item:hover{background:#ffffff1a}.menu-item label{color:#ffffffe6;font-size:14px;margin:0;cursor:pointer}.menu-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 576px){.menu-section{padding:12px;margin-bottom:16px}.modal-body h3,.menu-section h3,.multiplayer-modal h3{font-size:16px}.menu-info,.form-label,.menu-item label{font-size:13px}}.uicontext-settings-buttons-container{position:fixed;top:90px;right:10px;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.uicontext-settings-buttons-container button{background:#000c;border:none;border-radius:10px;padding:8px}.uicontext-settings-buttons-container button svg{width:24px;height:24px;filter:brightness(0) invert(1)}.uicontext-settings-buttons-container button:hover{background:#000000e6}.uicontext-settings-buttons-container button.active{background:#28a745}.uicontext-settings-buttons-container button.active:hover{background:#218838}#social-twitter-button{position:fixed;top:90px;right:10px;background:#000c;border:none;border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}#social-twitter-button:hover{background:#000000e6}#social-twitter-button img{width:24px;height:24px;filter:brightness(0) invert(1)}.uicontext-editor #help-button{position:fixed;top:140px;right:10px;background:#000c;border:none;border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}#help-button{position:fixed;top:140px;right:10px;background:#000c;border:none;border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}#help-button svg{width:24px;height:24px;filter:brightness(0) invert(1)}#social-twitter-button:hover,#help-button:hover{background:#000000e6}#stats-panel{position:fixed;top:0;cursor:pointer;opacity:.9;z-index:10000;display:none}#stats-panel canvas{cursor:pointer}.dev-button{font-size:12px!important;padding:4px 8px!important;opacity:.7;border:1px solid rgba(255,255,255,.2)!important;background:#ffffff1a!important;color:#fff!important;margin-left:10px}.dev-button:hover{opacity:1;background:#fff3!important}.version-section{flex:0 0 auto;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffff80;font-size:.8em;display:flex;align-items:center;justify-content:center;gap:10px}.version-section .btn{font-size:12px!important;padding:4px 8px!important;opacity:.7;border:1px solid rgba(255,255,255,.2)!important;background:transparent!important;color:#ffffffb3!important}.version-section .btn:hover{opacity:1;background:#ffffff1a!important}.version-section .btn:focus{outline:3px solid #4CAF50}#upload-course-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:15px;border:1px dashed rgba(255,255,255,.3);transition:all .2s ease}#upload-course-button:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}#player-settings-list{display:flex;flex-direction:column;gap:8px}.player-settings-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:6px;transition:all .2s ease}.player-settings-row:hover{background:#ffffff1a}.player-settings-row input[type=text]{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:8px 12px;color:#fff;font-size:14px;transition:all .2s ease}.player-settings-row input[type=text]:hover{background:#ffffff26;border-color:#ffffff4d}.player-settings-row input[type=text]:focus{background:#fff3;border-color:#fff6;outline:none}.player-settings-row input[type=color]{width:40px;height:32px;padding:2px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;cursor:pointer;transition:all .2s ease}.player-settings-row input[type=color]:hover{border-color:#ffffff4d;transform:scale(1.05)}.remove-player-button{width:24px;height:24px;padding:0;border:none;background:#dc3545;color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.remove-player-button:hover{background:#c82333;transform:scale(1.05)}#multiplayer-button{position:fixed;top:190px;right:10px;background:#000c;border:none;border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff}#multiplayer-button:hover{background:#000000e6}#multiplayer-button.connected{background:#28a745}#multiplayer-button.connected:hover{background:#218838}#multiplayer-button.connected:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#28a745;border:2px solid white;border-radius:50%}#multiplayer-button img,#multiplayer-button svg{width:24px;height:24px;color:inherit;filter:brightness(0) invert(1)}.coming-soon{text-align:center;padding:40px 20px;color:#fff}.coming-soon h3{font-size:24px;margin-bottom:16px;color:#4caf50}.coming-soon p{font-size:16px;line-height:1.5;color:#fffc}.multiplayer-menu{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-buttons{display:flex;gap:20px;margin-top:20px}.menu-button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;width:150px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.menu-button:hover{background:#fff3;transform:translateY(-2px)}.menu-button svg{width:48px;height:48px;opacity:.9}.game-code-container{background:#21252999;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.game-code-container:hover{border-color:#fff3}.game-code-display{cursor:pointer}.game-code{color:#28a745;letter-spacing:2px;transition:all .2s ease}.game-code:hover{color:#2fd750}.game-qr-code{flex-shrink:0;background:#fff;padding:0;border-radius:4px;width:150px;height:150px;line-height:0}.game-qr-code canvas{display:block;width:150px;height:150px}.game-code-display{text-align:center}.game-code-display h3{color:#fff;margin-bottom:15px}.code-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.copy-code{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.copy-code:hover{background:#ffffff1a}.code-help{color:#ffffffb3;font-size:14px;margin:0}.connected-players{margin-bottom:30px}.connected-players h3{color:#fff;margin-bottom:15px}.players-list{display:flex;flex-direction:column;gap:10px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff1a;border-radius:6px;color:#fff}.player-name{font-weight:700}.player-status{font-size:14px;color:#ffffffb3}.host-controls{margin-top:20px;text-align:center}.start-round:hover:not(:disabled){transform:translateY(-1px)}.join-form{text-align:center;padding:0}.join-form h3{color:#fff;margin-bottom:15px}.code-input-container{display:flex;flex-direction:column;gap:16px;margin-bottom:10px;width:100%}.game-code-input{letter-spacing:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;text-transform:uppercase;transition:all .2s ease}.game-code-input:hover{background:#ffffff26;border-color:#ffffff4d}.game-code-input:focus{outline:none;border-color:#4caf50;background:#ffffff26;box-shadow:0 0 0 2px #4caf5033}@media (max-width: 576px){.game-qr-code,.game-qr-code canvas{width:100px;height:100px}.game-code-input{font-size:20px;padding:14px}}.loading-view{text-align:center;padding:40px 20px}.loading-spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid rgba(255,255,255,.1);border-left-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#fff;font-size:16px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}#round-complete-modal{display:none}#winner-display{font-size:20px;margin-bottom:20px;color:#fff;padding:15px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.final-scores{background:#0003;padding:15px;border-radius:8px;margin:20px 0;text-align:left}.final-scores .player-score{margin-bottom:10px;padding:12px;border-radius:5px;background:#ffffff1a;transition:all .3s ease}.final-scores .player-score:last-child{margin-bottom:0}.final-scores .player-score.winner{background:#4caf5026;border:1px solid rgba(76,175,80,.3)}.final-scores .player-name{font-weight:700;margin-bottom:5px;font-size:18px}.final-scores .player-stats{display:flex;justify-content:space-between;font-size:16px;color:#ffffffe6}.camera-controls{position:fixed;bottom:145px;right:25px;display:flex;flex-direction:column;gap:10px;z-index:100}.camera-controls button{width:45px;height:45px;border-radius:50%;background-color:#000c;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.camera-controls button.auto-target{border-color:#ff8c00}.camera-controls button:hover{transform:scale(1.05);background-color:#000000e6;border-color:#ffffff80}.camera-controls button.auto-target:hover{border-color:orange}.camera-controls button:active{transform:scale(.95)}.camera-controls button svg{width:100%;height:100%}.btn-primary{background:#4caf50;border:none;color:#fff}.btn-primary:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.btn-primary:disabled{background:#4caf504d;cursor:not-allowed}@media (max-width: 480px){.form-group input,.form-group select,.form-group textarea{padding:8px}.grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:5px}.grid-item{padding:8px}}.game-jam-link{font-family:"system-ui",sans-serif;position:fixed;top:-1px;right:-1px;padding:5px;font-size:14px;font-weight:700;background:#fff;color:#000;text-decoration:none;border-bottom-left-radius:12px;z-index:1500;border:1px solid #fff}.game-jam-logo{width:24px;height:24px;margin:-5px 0 0}.help-section{margin-bottom:20px;padding:16px;background:#ffffff0d;border-radius:8px;color:#ffffffe6}.help-section:last-child{margin-bottom:0}.help-section h3{font-size:18px;margin:0 0 12px;color:#4caf50;font-weight:600}.help-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#ffffffe6;font-size:15px}.help-item:last-child{margin-bottom:0}.help-icon{width:20px;height:20px;flex-shrink:0}.help-icon[src*=svg]{filter:brightness(0) invert(1)}.help-section p{margin:0;line-height:1.6;color:#ffffffe6;font-size:15px}.help-section a{color:#4caf50;text-decoration:none;transition:all .2s ease}.help-section a:hover{color:#45a049;text-decoration:underline}.help-logo{display:flex;align-items:center;gap:12px}.help-logo img{width:32px;height:32px}.help-logo h5{margin:0;font-size:20px;color:#fff;font-weight:600}@media (max-width: 576px){.help-section{padding:12px;margin-bottom:16px}.help-section h3{font-size:16px;margin-bottom:10px}.help-item{font-size:14px;margin-bottom:10px;gap:10px}.help-section p{font-size:14px}.about-credits{font-size:12px;margin-top:12px;padding-top:12px}}.multiplayer-player-color{width:24px;height:24px;flex-shrink:0;display:inline-block;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0003;vertical-align:middle}.multiplayer-player-name{font-size:14px;font-weight:500;color:#fff;letter-spacing:.5px;display:inline-block;vertical-align:middle;margin-left:8px}.player-item-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}