:root{--background-color: #282b2e;--background-alt-color: #3c4043;--surface-color: #282b2e;--primary-color: #008B8B;--primary-color-light: rgba(0, 139, 139, .15);--secondary-color: #03dac6;--text-color: #e0e0e0;--text-secondary-color: #a0a0a0;--border-color: #4a4e52;--error-color: #cf6679;--button-bg: var(--primary-color);--button-text: #000000;--button-hover-bg: #a16ae8;--verse-context-bg: var(--surface-color);--verse-context-border: var(--border-color);--highlight-bg: #37294b;--highlight-border: var(--primary-color);--feedback-bg: #4e4d3a;--feedback-text: #e0e0e0;--feedback-border: #bcae4e;--success-color: #4caf50;--failure-color: var(--error-color);--border-radius: 8px;--font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--user-font-scale: 1}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:16px;font-size:calc(16px * var(--user-font-scale));background-color:#282b2e;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color)}body.settings-light-theme{--background-color: #f4f2ea;--background-alt-color: #ffffff;--surface-color: #ffffff;--text-color: #1f2428;--text-secondary-color: #4d5a60;--border-color: #c9d0d4;--button-text: #ffffff}body.settings-high-contrast{--background-color: #000000;--background-alt-color: #111111;--surface-color: #000000;--primary-color: #00ffff;--secondary-color: #ffff00;--text-color: #ffffff;--text-secondary-color: #ffff00;--border-color: #ffffff;--button-text: #000000}a{text-decoration:none;color:#03dac6;color:var(--secondary-color)}.container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.container--narrow{max-width:600px}.container--wide{max-width:1000px}.container--full{max-width:none;width:100%}.container--full-height{display:flex;flex-direction:column;align-items:center;padding:1rem;height:100vh;box-sizing:border-box}.page-shell{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.page-shell--narrow{max-width:600px}.page-shell--wide{max-width:1000px}.page-shell--full{max-width:none;width:100%}.page-shell--centered{text-align:center}.page-shell--full-height{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}header h1{font-size:2.5rem;color:#e0e0e0;color:var(--text-color);margin-bottom:.5rem}header p{font-size:1.1rem;color:#a0a0a0;color:var(--text-secondary-color);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.feedback{margin-top:1.5rem;font-weight:700;font-size:1.1rem}.u-mb-0{-webkit-margin-after:0;margin-block-end:0}.u-mt-0{-webkit-margin-before:0;margin-block-start:0}.u-text-center{text-align:center}.u-full-width{width:100%}@media (max-width: 480px){.container,.page-shell{padding:1rem}header h1{font-size:2rem}header p{font-size:1rem}.home-main{padding-top:1rem;gap:.5rem}}@media (min-width: 768px){.home-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;align-items:center}.home-main h2,.home-main .secondary-action{grid-column:1 / -1}}button,.actions a{padding:.75rem 1.5rem;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;background-color:#008b8b;background-color:var(--button-bg);color:#000;color:var(--button-text);transition:background-color .3s;font-weight:700}button:hover,.actions a:hover{background-color:#a16ae8;background-color:var(--button-hover-bg)}.btn-primary,.primary,.start-button{background-color:#008b8b;background-color:var(--primary-color);color:#fff}.btn-primary:hover,.primary:hover,.start-button:hover{background-color:#066}.btn-primary:disabled,.primary:disabled,.start-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.btn-secondary,.secondary,.secondary-action{background-color:#bb86fc;color:#000}.btn-secondary:hover,.secondary:hover,.secondary-action:hover{background-color:#a16ae8}.btn-muted,.secondary-button{background:none;border:1px solid #4a4e52;border:1px solid var(--border-color);color:#a0a0a0;color:var(--text-secondary-color);padding:.5rem 1rem;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:background-color .2s ease,border-color .2s ease;font-weight:400}.btn-muted:hover,.secondary-button:hover{background-color:#3c4043;background-color:var(--background-alt-color);border-color:#a0a0a0;border-color:var(--text-secondary-color)}.back-button,.btn-back{margin-top:1rem}@media (max-width: 480px){button,.actions a{padding:.75rem 1rem;font-size:.9rem}}.app-page-header{width:100%;text-align:center;margin-bottom:1rem;position:relative}.header-controls{position:absolute;top:0;left:0;display:flex;gap:.5rem;flex-wrap:wrap}.header-timer{position:absolute;top:0;right:0;font-size:1.5rem;font-weight:700;color:gold}.logo{max-height:300px;height:auto;margin-bottom:.25rem}.app-page-header .logo{width:80px;cursor:pointer}.clickable-header{cursor:pointer;display:inline-block}.clickable-header .logo{width:80px}.app-page-header h1{font-size:2.5rem;color:#e0e0e0;color:var(--text-color);margin-bottom:.5rem}.app-page-header p{font-size:1.1rem;color:#a0a0a0;color:var(--text-secondary-color);margin-bottom:1rem}@media (max-width: 480px){.logo{max-width:70%}.app-page-header h1{font-size:2rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#282b2e;background:var(--background-color);padding:1.5rem;border-radius:8px;border-radius:var(--border-radius);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 5px 15px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a4e52;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:0}.modal-header h2{margin:0}.modal-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab-button{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem;color:#a0a0a0;color:var(--text-secondary-color);border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;font-weight:400}.tab-button:hover{color:#e0e0e0;color:var(--text-color)}.tab-button.active{color:#008b8b;color:var(--primary-color);font-weight:700;border-bottom-color:#008b8b;border-bottom-color:var(--primary-color)}.modal-body{overflow-y:auto;margin-top:1rem}.modal-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #4a4e52;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#e0e0e0;color:var(--text-color)}.changelog-content,.help-content{white-space:normal;font-family:inherit;font-size:.9rem}.help-content a{color:#008b8b;color:var(--primary-color)}.stats-container,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;text-align:left}.stat-card{background-color:#3c4043;background-color:var(--background-alt-color);padding:1.5rem;border-radius:8px;border-radius:var(--border-radius);border:1px solid #4a4e52;border:1px solid var(--border-color)}.stat-card h3{margin-top:0;color:#008b8b;color:var(--primary-color);border-bottom:1px solid #4a4e52;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.game-details{background-color:#3c4043;background-color:var(--background-alt-color);border-radius:8px;border-radius:var(--border-radius);padding:1.25rem;margin:1.25rem 0;border:1px solid #4a4e52;border:1px solid var(--border-color);max-width:400px;width:100%}.game-details ul{list-style-type:none;padding:0;text-align:left}.game-details li{margin-bottom:.5rem}input,select{padding:.75rem;border:1px solid #4a4e52;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;background-color:#2c2c2c;color:#e0e0e0;color:var(--text-color)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:#a0a0a0;color:var(--text-secondary-color)}.form-group input[type=range]{width:100%}.form-group select{height:40px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.form-wrapper{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.auth-form{flex:1;min-width:300px;max-width:400px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#282b2e;background-color:var(--surface-color);border-radius:8px;border-radius:var(--border-radius);border:1px solid #4a4e52;border:1px solid var(--border-color)}.error-message{color:#cf6679;color:var(--error-color);margin-top:1rem}.success-message{color:#4caf50;color:var(--success-color);background-color:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success-color);padding:1rem;border-radius:8px;border-radius:var(--border-radius);margin-top:1rem}.form-group input[type=color]{width:100%;height:40px;padding:0;border:1px solid #4a4e52;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);cursor:pointer}.form-group select option.locked-option,.form-group select option:disabled{color:#8a8a8a}.code-actions{display:flex;gap:.5rem;margin-top:1rem}.code-actions input{flex-grow:1;background-color:#282b2e;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color);font-family:monospace}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.fab{position:fixed;bottom:3rem;z-index:999;cursor:pointer;border:none;transition:opacity .2s ease,background-color .2s ease}.fab--bottom-left{left:1rem}.fab--bottom-right{right:1rem}.fab--bottom-center{left:50%;transform:translate(-50%)}.fab--circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 2px 5px #0003}.fab--pill{padding:.5rem 1rem;border-radius:8px;border-radius:var(--border-radius)}.fab--primary{background-color:#03dac6;background-color:var(--secondary-color);color:#fff}.fab--secondary{background-color:#282b2e;background-color:var(--background-color);color:#a0a0a0;color:var(--text-secondary-color);border:1px solid #4a4e52;border:1px solid var(--border-color)}.fab--muted{background-color:#282b2e;background-color:var(--background-color);color:#a0a0a0;color:var(--text-secondary-color);border:1px solid #4a4e52;border:1px solid var(--border-color);opacity:.7}.fab--muted:hover,.fab--secondary:hover{opacity:1}.changelog-button{position:fixed;bottom:3rem;left:1rem;background-color:#282b2e;background-color:var(--background-color);color:#a0a0a0;color:var(--text-secondary-color);border:1px solid #4a4e52;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;opacity:.7;transition:opacity .2s ease;z-index:999}.changelog-button:hover{opacity:1}.help-button{position:fixed;bottom:3rem;right:1rem;background-color:#03dac6;background-color:var(--secondary-color);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;z-index:999}.support-section{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:999}.support-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border:1px solid #4a4e52;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);text-decoration:none;color:#a0a0a0;color:var(--text-secondary-color);background-color:#282b2e;background-color:var(--background-color);transition:background-color .2s ease,border-color .2s ease;box-shadow:0 2px 5px #0000001a}.support-link:hover{background-color:#3c4043;background-color:var(--background-alt-color);border-color:#008b8b;border-color:var(--primary-color);color:#e0e0e0;color:var(--text-color)}.support-icon svg{width:24px;height:24px}.support-text-desktop,.support-text-mobile{margin:0}.support-text-mobile{display:none}@media (max-width: 768px){.support-text-desktop{display:none}.support-text-mobile{display:block}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:sans-serif}.chat-button{width:60px;height:60px;border-radius:50%;background-color:#007bff;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 8px #0003;font-size:24px;display:flex;align-items:center;justify-content:center}.version-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:.5rem;font-size:.75rem;color:#a0a0a0;color:var(--text-secondary-color);background-color:#282b2e;background-color:var(--background-color)}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #4a4e52;border-bottom:1px solid var(--border-color)}.leaderboard-list{margin:2rem 0}.leaderboard-table{background-color:#282b2e;background-color:var(--surface-color)}.leaderboard-table th,.leaderboard-table td{padding:1rem}.leaderboard-table thead{background-color:#3c4043;background-color:var(--background-alt-color)}.leaderboard-table th{background-color:#3c4043;background-color:var(--background-alt-color);text-align:left}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center;font-weight:700;width:50px}.leaderboard-table .rank{text-align:center;font-weight:700}.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(4){text-align:center}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:right;font-weight:700}.leaderboard-table--scores td:first-child,.leaderboard-table--scores th:first-child{width:10%}.leaderboard-table--scores td:last-child,.leaderboard-table--scores th:last-child{width:20%}.leaderboard-note{font-size:.9rem;color:#a0a0a0;color:var(--text-secondary-color);margin-top:-.5rem;margin-bottom:1.5rem;text-align:center}.Quest-Map{margin-top:2rem;justify-content:center;position:relative;display:inline-block;max-width:90%}.quest-map-image{border-radius:8px;border-radius:var(--border-radius);border:1px solid #4a4e52;border:1px solid var(--border-color);display:block;max-width:100%}.quest-point-container{position:absolute;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center}.quest-icon{width:clamp(80px,15vw,200px);height:auto;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.quest-icon:hover{transform:scale(1.1)}.quest-tooltip{display:none;position:absolute;bottom:100%;background:rgba(0,0,0,.9);color:#fff;padding:.5rem 1rem;border-radius:4px;width:200px;text-align:center;z-index:10;margin-bottom:10px}.quest-point-container:hover .quest-tooltip{display:block}.balancebox{display:flex;flex-direction:row;align-items:center;padding:1rem;height:10vh;max-height:46.5px;box-sizing:border-box;max-width:none}.balancetext{flex:100;background-color:#3498db;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:8px;border-radius:var(--border-radius);height:8vh;margin-left:2vw;margin-right:2vw;width:20vw;max-height:46.5px;max-width:15vw}.containerbox{display:flex;flex-direction:row;align-items:flex-start;height:50vh;box-sizing:border-box;max-width:none}.quest-page-title{margin:0}.quest-header-meta{width:100%;text-align:center;margin-bottom:.5rem}