body{margin:0;display:flex;flex-direction:column;align-items:center;padding-top:20px;min-height:100vh;background-color:#282c34;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding-left:10px;padding-right:10px;box-sizing:border-box}canvas{border:2px solid #61dafb;background-color:#20232a;display:block;margin-left:auto;margin-right:auto;box-shadow:0 0 15px #61dafb80;max-width:100%}#profileCard{margin-top:15px;margin-bottom:10px;padding:15px;border:1px solid #444;border-radius:8px;background-color:#3a3f4a;width:auto;min-width:300px;max-width:580px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}#upProfileImage{width:80px;height:80px;border-radius:50%;margin-bottom:10px;object-fit:cover;border:2px solid #61dafb}#profileInfo{font-size:14px;text-align:left;word-wrap:break-word;width:100%}#profileInfo span{font-weight:700;color:#61dafb}#profileInfo p{margin-top:4px;margin-bottom:4px;line-height:1.4}#profileInfo p b{color:#f0f0f0}#availablePlaysInfo{display:block;margin-top:5px;font-size:.9em;color:silver}#availablePlaysInfo #playsLeftDisplay{color:#76ff76;font-weight:700}#connectUPButton,#playForFunButton,#playToCompeteButton,#viewLeaderboardsButton,#confirmEnterCompeteButton,#cancelEnterCompeteButton,#closeLeaderboardButton,#playAgainButton,#showDocsButton,#closeDocsButton{padding:10px 15px;font-size:16px;cursor:pointer;margin:5px;border:none;border-radius:5px;font-weight:700;transition:background-color .2s ease-in-out,transform .1s ease;color:#fff;line-height:1.2}#connectUPButton{background-color:#007bff}#connectUPButton:hover:not(:disabled){background-color:#0056b3}#playForFunButton{background-color:#17a2b8}#playForFunButton:hover:not(:disabled){background-color:#138496}#playToCompeteButton{background-color:#28a745}#playToCompeteButton:hover:not(:disabled){background-color:#218838}#viewLeaderboardsButton,#closeLeaderboardButton,#showDocsButton{background-color:#6c757d}#viewLeaderboardsButton:hover:not(:disabled),#closeLeaderboardButton:hover:not(:disabled),#showDocsButton:hover:not(:disabled){background-color:#5a6268}button:disabled{cursor:not-allowed;background-color:#555!important;color:#aaa!important;opacity:.7}#competeEntryConfirmDiv{display:none;flex-direction:column;align-items:stretch;margin:20px auto;padding:25px 30px;border:1px solid #4f5b66;border-radius:10px;background-color:#3a3f4a;max-width:700px;text-align:left;box-shadow:0 8px 16px #0006;box-sizing:border-box}#competeEntryConfirmDiv h3#competeEntryTitle{margin-top:0;color:#61dafb;text-align:center;margin-bottom:25px;font-size:1.5em;font-weight:700;letter-spacing:.5px}.compete-entry-columns{display:flex;flex-direction:row;gap:30px;margin-bottom:25px;align-items:flex-start}.compete-entry-left{flex:0 0 260px;display:flex;flex-direction:column;gap:15px}.compete-entry-right{flex:1;display:flex;flex-direction:column;gap:15px}#competeEntryConfirmDiv .compete-entry-left label[for=numberOfEntriesInput]{font-size:.95em;color:#c0c5ce;font-weight:500;margin-bottom:5px;display:block}#competeEntryConfirmDiv .compete-entry-left input#numberOfEntriesInput{padding:10px;width:100%;max-width:120px;background-color:#2c2f36;color:#e0e0e0;border:1px solid #5c6773;border-radius:4px;text-align:center;font-size:1.1em;box-sizing:border-box;height:auto;line-height:normal}#competeEntryConfirmDiv .compete-entry-left p#competeEntryFeeInfo{font-weight:500;color:#e0e0e0;font-size:.9em;margin-top:0;line-height:1.5;word-wrap:break-word;padding-bottom:0;border-bottom:none}#competeEntryConfirmDiv .compete-entry-right p#competeEntryAllowanceInfo{font-size:.9em;color:#b0b8c4;padding:15px;background-color:#1e2127b3;border-radius:6px;border:1px solid #4a4e58;line-height:1.6;margin:0;min-height:100px;word-wrap:break-word}#competeEntryConfirmDiv p#competeEntryAllowanceInfo span[style*="color:red"],#competeEntryConfirmDiv p#competeEntryAllowanceInfo span.error-message{font-weight:600;display:block;margin-bottom:10px;color:#ff8787!important;padding:10px;background-color:#ff6b6b1a;border-left:4px solid #ff6b6b;border-radius:4px;line-height:1.4}#competeEntryConfirmDiv p#competeEntryAllowanceInfo span[style*="color:#76ff76"],#competeEntryConfirmDiv p#competeEntryAllowanceInfo span.success-message{font-weight:600;display:block;margin-bottom:10px;color:#9dff9d!important;padding:10px;background-color:#76ff7614;border-left:4px solid #76ff76;border-radius:4px;line-height:1.4}#competeEntryConfirmDiv p#competeEntryAllowanceInfo span[style*="color:#ffcc00"],#competeEntryConfirmDiv p#competeEntryAllowanceInfo span.warning-message{font-weight:600;display:block;margin-bottom:10px;color:#ffe082!important;padding:10px;background-color:#ffcc0014;border-left:4px solid #ffcc00;border-radius:4px;line-height:1.4}#competeEntryConfirmDiv p#competeEntryAllowanceInfo span[style*="font-size:0.9em"],#competeEntryConfirmDiv p#competeEntryAllowanceInfo span[style*="font-size:0.85em"],#competeEntryConfirmDiv p#competeEntryAllowanceInfo span.info-text{display:block;margin-bottom:6px;line-height:1.5;font-size:.88em!important;color:#a8b2c0!important}#competeEntryConfirmDiv #competeEntryButtons{text-align:center;width:100%;margin-top:25px;padding-top:20px;border-top:1px solid #4a4e58;display:flex;justify-content:flex-end;gap:15px}#competeEntryConfirmDiv #competeEntryButtons button{padding:12px 25px;font-size:1em;min-width:140px}#competeEntryConfirmDiv button#confirmEnterCompeteButton{background-color:#28a745}#competeEntryConfirmDiv button#confirmEnterCompeteButton:hover:not(:disabled){background-color:#218838}#competeEntryConfirmDiv button#cancelEnterCompeteButton{background-color:#dc3545}#competeEntryConfirmDiv button#cancelEnterCompeteButton:hover:not(:disabled){background-color:#c82333}.buy-wbstr-link{display:inline-block;padding:10px 18px;background-color:#007bff;color:#fff!important;text-decoration:none;border-radius:5px;font-size:.95em;font-weight:700;text-align:center;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 4px #0003;border:none}.buy-wbstr-link:hover{background-color:#0056b3;transform:translateY(-1px)}#competeEntryConfirmDiv .compete-entry-right .buy-wbstr-link{margin-top:15px;padding:12px 25px;font-size:.95em;width:100%;box-sizing:border-box}#blockchainStatus{margin-top:15px;font-size:14px;color:#aaa;min-height:40px;padding:8px 12px;background-color:#00000026;border-radius:4px;max-width:600px;width:90%;box-sizing:border-box;line-height:1.5}h1{margin-bottom:10px;color:#61dafb;font-weight:700;letter-spacing:.5px}#topHeader{display:flex;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:15px auto 10px;padding:0 15px;box-sizing:border-box}#socialAndBuyLinks{display:flex;align-items:center;gap:25px}#socialAndBuyLinks a{color:#c0c5ce;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .3s ease,transform .2s ease}#socialAndBuyLinks a img{width:28px;height:28px;display:block}#socialAndBuyLinks a:not(.social-buy-wbstr-link){padding:10px;border-radius:50%}#socialAndBuyLinks a:not(.social-buy-wbstr-link):hover{color:#61dafb;background-color:#61dafb26;transform:translateY(-2px)}#socialAndBuyLinks a.social-buy-wbstr-link{font-size:.9em;font-weight:700;color:#fff;background-color:#ff8c00;padding:8px 15px;border-radius:5px;line-height:1.2;border:none}#socialAndBuyLinks a.social-buy-wbstr-link:hover{background-color:#cc7000;color:#fff}#musicControlArea{display:flex;justify-content:center;align-items:center;width:100%;padding:5px 0;margin-top:10px;margin-bottom:15px}#muteButton{background-color:#6c757d;color:#fff;padding:8px 12px;font-size:.85em;border:1px solid #5a6268;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease}#muteButton:hover:not(:disabled){background-color:#5a6268}#infoPanel{margin-top:10px;font-size:18px;color:#ccc;padding:10px;background-color:#0003;border-radius:5px;display:inline-block}#infoPanel span{color:#fff;font-weight:700}#userActions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:15px;margin-bottom:15px}#userActions div,#userActions button{margin:5px}#leaderboardContainer{background-color:#3a3f4a;padding:20px;border-radius:8px;border:1px solid #444;margin-top:20px;text-align:left;display:none;max-width:600px;width:90%;box-sizing:border-box;box-shadow:0 4px 12px #0006}#leaderboardNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid #555;padding-bottom:10px}#leaderboardNav .leaderboard-tab,#leaderboardNav #playAgainButton{background-color:#555;color:#fff;border:1px solid #666;padding:7px 11px;margin:4px;cursor:pointer;border-radius:4px;font-size:.88em;font-weight:700;transition:background-color .2s ease-in-out,transform .1s ease;line-height:1.2}#leaderboardNav .leaderboard-tab.active{background-color:#61dafb;color:#20232a}#leaderboardNav #playAgainButton{background-color:#28a745;border-color:#1c7430}#leaderboardNav #playAgainButton:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}#leaderboardsDisplayArea h4{color:#61dafb;margin-top:0;margin-bottom:10px;text-align:center;border-bottom:1px solid #555;padding-bottom:5px}#leaderboardsDisplayArea ol{list-style-type:none;padding-left:0;margin:0}#leaderboardsDisplayArea li{padding:8px 5px;border-bottom:1px solid #4f5563;display:flex;align-items:center;font-size:.95em}#leaderboardsDisplayArea li:last-child{border-bottom:none}#leaderboardsDisplayArea li .rank-medal{margin-right:10px;font-size:1.2em;width:30px;text-align:center;flex-shrink:0}#leaderboardsDisplayArea li .player-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboardsDisplayArea li .player-score{font-weight:700;color:#fff;margin-left:10px}.medal-gold{color:gold}.medal-silver{color:silver}.medal-bronze{color:#cd7f32}#competitionStatus{margin:20px auto;padding:10px 15px;background:#2a2e37;border:1px solid #383c4a;border-radius:8px;box-shadow:0 4px 15px #00000080,inset 0 1px 1px #ffffff08,0 0 0 1px #383c4a80;max-width:320px;width:calc(100% - 30px);box-sizing:border-box;color:#e0e0e0}#competitionStatus h3{color:#61dafb;margin-top:0;margin-bottom:15px;font-size:1.2em;font-weight:500;text-align:center;letter-spacing:.25px;padding-bottom:8px;border-bottom:1px solid #404552;text-transform:uppercase}#competitionStatus p{margin:0;padding:10px 5px;font-size:.8em;color:#adb5bd;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #3a3f4a}#competitionStatus p:last-of-type{border-bottom:none}#competitionStatus p span{font-weight:700;font-family:Orbitron,Segoe UI,sans-serif;font-size:1.3em;letter-spacing:.5px;padding:2px 0;text-align:right;margin-left:8px}#competitionStatus p span#prizePoolDisplay{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5),0 0 1px rgba(255,215,0,.3)}#competitionStatus p span#competitionTimerDisplay{color:#00ff9b;text-shadow:0 0 8px rgba(0,255,155,.5),0 0 1px rgba(0,255,155,.3)}#docsContainer{background-color:#32363e;color:#e0e0e0;padding:25px;border-radius:8px;border:1px solid #4a4e58;margin-top:20px;text-align:left;max-width:750px;width:90%;box-sizing:border-box;box-shadow:0 5px 15px #0000004d;line-height:1.65;position:relative}#docsContainer h2{color:#61dafb;text-align:center;margin-top:0;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #555c66;font-size:1.8em}#docsContainer h3{color:#76d7c4;margin-top:30px;margin-bottom:12px;border-bottom:1px dashed #555c66;padding-bottom:6px;font-size:1.5em}#docsContainer h4{color:#c3e88d;margin-top:20px;margin-bottom:8px;font-size:1.2em}#docsContainer p{margin-bottom:12px}#docsContainer ul,#docsContainer ol{margin-left:0;padding-left:25px;margin-bottom:12px}#docsContainer li{margin-bottom:8px}#docsContainer ul li ul{margin-top:6px;margin-bottom:6px}#docsContainer ul li ul li{font-size:.95em}#docsContainer ul li ul li u{text-decoration-color:#76d7c4}#docsContainer strong{color:#82aaff;font-weight:700}#docsContainer em{color:#f78c6c;font-style:normal;font-weight:700}#closeDocsButton{position:absolute;top:25px;right:25px;padding:6px 10px;font-size:14px}