:root{--text-primary:#2a2a2a;--text-secondary:#666;--bg-primary:#f8f9fa;--bg-secondary:#fff;--accent-color:#0082ff;--success-bg:#d4edda;--success-text:#155724;--error-bg:#f8d7da;--error-text:#721c24}.dark-mode{--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--bg-primary:#181a1b;--bg-secondary:#23272a;--accent-color:#90caf9;--success-bg:#2d3b2d;--success-text:#a1f0a1;--error-bg:#3a2323;--error-text:#ffbdbd}body{text-align:center;max-width:800px;color:var(--text-primary);background:var(--bg-primary);margin:0 auto;padding:20px;font-family:Share Tech Mono,monospace}h1{color:var(--accent-color);margin:.25em 0;font-family:Underdog,system-ui;font-size:4em;font-weight:400}#status{border-radius:4px;margin:10px 0;padding:5px}.connected{background-color:var(--success-bg);color:var(--success-text)}.disconnected{background-color:var(--error-bg);color:var(--error-text)}#unity-frame-container{border:6px var(--accent-color);background-color:#000;border-style:ridge;width:520px;height:520px;margin:20px auto;transition:width .3s,height .3s}#image{object-fit:contain;max-width:100%;max-height:100%}@media (max-width:540px){#unity-frame-container{aspect-ratio:1;width:100%;height:auto}}#offline-message{color:#fff;text-align:center;white-space:pre-line;font-size:1.2em;line-height:1.5;display:none}.offline-image{max-width:80%;height:auto;margin-top:15px}#glorbio-info{color:var(--text-primary);margin:20px 0;font-size:1.2em}#glorbio-info div{margin:10px 0}.collapsible-box{background-color:var(--bg-primary);border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:10px;font-size:.9em}.collapsible-toggle,.collapsible-toggle button{-webkit-user-select:none;user-select:none;outline:none}.collapsible-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:4px;font-size:.8em;text-decoration:underline;transition:font-weight .2s;display:inline-block}.collapsible-toggle.active{font-weight:700}.dark-mode .collapsible-toggle{color:#fff!important}#debug-box{text-align:left;color:var(--text-secondary);font-size:.8em;display:block}#what-box{text-align:left;color:var(--text-primary);display:block}.highlight{border-radius:3px;margin:-2px -4px;padding:2px 4px;animation:2s ease-out highlight-flash;display:inline-block}@keyframes highlight-flash{0%{background-color:#ffd73bcc}40%{background-color:#ffd73b80}to{background-color:#0000}}#dispense-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:5px;margin:20px 0;padding:10px 20px;font-family:Share Tech Mono,monospace;font-size:1.2em;transition:background-color .2s}#dispense-button:hover{background-color:#006acc}#dispense-button:active{background-color:#0055a9}@media (max-width:600px){body{padding:10px}#dispense-button{padding:8px 16px;font-size:1em}#glorbio-info{font-size:1em}#unity-message{margin:8px 0;padding:8px}}.secondary-info{color:var(--text-secondary);margin-top:-5px;font-size:.8em}.copyright-footer{text-align:center;color:var(--text-secondary);margin-top:2em;padding:1em 0;font-size:.8em}.horizontal-divider{border-top:1px solid var(--text-primary);opacity:.2;background-color:#333;border-color:#555;width:100%;margin:20px auto}input[type=checkbox],input[type=range]{accent-color:var(--accent-color)}input[type=text],textarea,#shoutbox-message{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid #4a5568}#shoutbox-box{text-align:left;background-color:var(--bg-secondary);max-height:400px;color:var(--text-primary);border-color:#444;display:block;overflow:hidden}#shoutbox-content{background-color:var(--bg-secondary);max-height:300px;color:var(--text-primary);border:1px solid #444;border-radius:4px;margin-bottom:10px;padding:10px;overflow:hidden auto}.shoutbox-list{margin:0;padding:0;list-style-type:none}.user-message,.system-message{text-align:left;border-bottom:1px dotted #eee;margin-bottom:4px;padding:2px 0;display:flex}.system-message{color:var(--accent-color);font-style:italic}.message-time{color:var(--text-secondary);flex-shrink:0;width:100px;font-size:.8em;display:inline-block}.message-user{margin-right:5px;font-weight:700}.message-content-wrapper{overflow-wrap:break-word;word-wrap:break-word;flex-grow:1;min-width:0}.message-content{display:inline}.country-flag{vertical-align:middle;margin:0 5px}#shoutbox-form{gap:10px;margin-top:10px;display:flex}#shoutbox-message{border:1px solid #ddd;border-radius:4px;flex:1;padding:8px;font-family:Share Tech Mono,monospace}#shoutbox-message:disabled{cursor:not-allowed;opacity:.7;background-color:#f5f5f5}#shoutbox-input{gap:10px;width:100%;margin-top:10px;display:flex}#send-shout{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 15px;font-family:Share Tech Mono,monospace}#send-shout:disabled{cursor:not-allowed;background-color:#ccc}#shout-cooldown{color:var(--text-secondary);margin-top:5px;font-size:.8em;font-style:italic}label{color:var(--text-primary)}.header-link,.header-link:hover,.header-link:active{color:var(--accent-color);text-decoration:none}.copyright-footer a{color:var(--text-secondary);text-decoration:none}.copyright-footer a:hover{color:var(--accent-color);text-decoration:underline}.glorber-count{color:var(--accent-color);margin-top:-.5em;margin-bottom:1em;font-size:.9em}.leaderboard{background-color:var(--bg-primary);background-color:var(--bg-secondary);max-width:600px;color:var(--text-primary);border-color:#444;border-radius:8px;margin:20px auto;padding:15px;box-shadow:0 2px 5px #0000001a}.leaderboard-title{color:var(--accent-color);text-align:center;margin-bottom:15px;font-size:1.5em}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;border-bottom:2px solid var(--accent-color);color:var(--text-secondary);padding:8px}.leaderboard-table td{border-bottom:1px solid #ddd;padding:8px}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table .rank{text-align:center;width:40px;font-weight:700}.leaderboard-table .player{align-items:center;display:flex}.country-flag{width:20px;height:15px;margin-right:8px}.refresh-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;margin:10px auto 0;padding:5px 10px;font-family:Share Tech Mono,monospace;display:block}.refresh-button:hover{background-color:#006acc}.account-content{flex-direction:column;display:flex}.account-input{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid #4a5568;border-radius:4px;min-width:120px;padding:6px 10px;font-family:Share Tech Mono,monospace;font-size:1em}.account-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 16px;font-family:Share Tech Mono,monospace;font-size:1em;transition:background .2s}.account-btn:disabled{color:#888;cursor:not-allowed;background-color:#ccc}.account-btn:hover:not(:disabled){background-color:#006acc}.account-btn,button,.button,[class*=btn],#refresh-leaderboard,.refresh-button,input[type=submit],input[type=button]{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 16px;font-family:Share Tech Mono,monospace;font-size:1em;transition:background .2s}.account-btn:disabled,button:disabled,.button:disabled,[class*=btn]:disabled,#refresh-leaderboard:disabled,.refresh-button:disabled,input[type=submit]:disabled,input[type=button]:disabled{color:#888;cursor:not-allowed;background-color:#ccc}.account-btn:hover:not(:disabled),button:hover:not(:disabled),.button:hover:not(:disabled),[class*=btn]:hover:not(:disabled),#refresh-leaderboard:hover:not(:disabled),.refresh-button:hover:not(:disabled),input[type=submit]:hover:not(:disabled),input[type=button]:hover:not(:disabled){background-color:#006acc}.dark-mode .account-btn,.dark-mode button,.dark-mode .button,.dark-mode [class*=btn],.dark-mode #refresh-leaderboard,.dark-mode .refresh-button,.dark-mode input[type=submit],.dark-mode input[type=button]{color:#111!important}.dark-mode .text-button{color:#eee!important}.loading{text-align:center;color:var(--text-secondary);padding:20px;font-style:italic}.account-intro{padding:15px 0}.primary-button{color:#fff;cursor:pointer;background-color:#4a8;border:none;border-radius:4px;margin:10px 0;padding:8px 16px;font-weight:700}.primary-button:hover{background-color:#3a7}.text-button{color:#48a;cursor:pointer;background:0 0;border:none;margin-top:10px;padding:5px;text-decoration:underline}.secondary-button{color:#fff;cursor:pointer;background-color:#aaa;border:none;border-radius:4px;padding:6px 12px}.login-option{margin-top:15px;font-size:.9em}.status-message{margin-left:8px;font-size:.95em}.status-message.error{color:#d00}.status-message.success{color:#0a0}.warning-text{color:#b00;margin-top:6px;font-size:.93em}.token-section{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.username-section{justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}#account-token-row{justify-content:center;align-items:center;gap:10px;display:flex}.account-loading{color:#666;padding:20px}.token-input-row{margin:10px 0;display:flex}#login-token-input{flex-grow:1;margin-right:5px}#knowledge-content{text-align:left;margin:10px 0}.knowledge-title{margin-bottom:.5em;font-size:1.2em}.knowledge-title a{color:var(--accent-color);text-decoration:none}.knowledge-title a:hover{text-decoration:underline}.knowledge-date{color:var(--text-secondary);margin-bottom:1em;font-size:.8em;font-style:italic}.knowledge-image{text-align:center;margin:1em 0}.knowledge-image img{border:1px solid #ddd;border-radius:4px;max-width:100%;height:auto}.knowledge-summary{margin-bottom:1em;line-height:1.4}.knowledge-read-more{text-align:right;margin-top:1em}.knowledge-read-more a{color:var(--accent-color);text-decoration:none}.knowledge-read-more a:hover{text-decoration:underline}pre,code{color:#f8f8f2;background-color:#23272a}#unity-frame{border:none;width:100%;height:100%}