: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}.shoutbox-notice{color:var(--text-secondary);text-align:center;border-bottom:1px dotted #ddd;margin-bottom:8px;padding:8px 0;font-size:.9em;font-style:italic}.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 th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.leaderboard-table th.sortable-header:hover{background-color:var(--accent-color);color:#fff}.sort-indicator{color:var(--accent-color);font-size:.8em}.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{text-align:left}.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}#delete-account-btn{color:#fff!important;background-color:#d32f2f!important}#delete-account-btn:hover:not(:disabled){background-color:#b71c1c!important}.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,.profile-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%}.shop-container{text-align:left}.shop-items{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;display:grid}.shop-intro{text-align:center;margin:10px 0 0}.shop-item{background-color:var(--bg-secondary);border:1px solid #ddd;border-radius:8px;flex-direction:column;min-height:140px;padding:15px;transition:transform .2s,box-shadow .2s;display:flex}.shop-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.shop-item h4{color:var(--accent-color);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:1.1em;overflow:hidden}.shop-item p{margin:5px 0;line-height:1.4}.shop-item .price{color:var(--text-primary);margin:10px 0;font-weight:700}.shop-button{width:100%;margin-top:auto}.shop-note{text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px;margin-top:20px;padding:10px;font-style:italic}.dark-mode .shop-item{background-color:var(--bg-secondary);border-color:#444}.dark-mode .shop-note{background-color:var(--bg-secondary)}.collapsible-box h2,.collapsible-box h3,.collapsible-box p.last-updated{text-align:center}.collapsible-box p,.collapsible-box ul,.collapsible-box li{text-align:left}.collapsible-box p.shop-intro{text-align:center}.your-position-divider td{text-align:center!important}.collapsible-box ul{margin:10px 0;padding-left:20px}.collapsible-box li{margin:5px 0}.active-indicator{vertical-align:middle;background-color:#2ecc40;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.game-disabled-message{text-align:center;background:#1a1a1a;border:2px dashed #444;border-radius:10px;margin:20px 0;padding:40px}.username-link{color:var(--accent-color);font-weight:700;text-decoration:none;transition:color .2s}.username-link:visited{color:var(--accent-color)}.dark-mode .profile-content{background-color:var(--bg-secondary);border-color:#444}.dark-mode .stat-item{background-color:var(--bg-primary)}@media (max-width:600px){.profile-stats{grid-template-columns:1fr;gap:15px}.profile-header{flex-direction:column;gap:10px}.profile-header .username{font-size:1.5em}}.modal-overlay{z-index:1000;box-sizing:border-box;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:8px;width:100%;max-width:600px;max-height:80vh;position:relative;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{border-bottom:1px solid var(--accent-color);background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{color:var(--accent-color);margin:0;font-size:1.5em}.modal-close{color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:2em;transition:background-color .2s;display:flex}.modal-close:hover{background-color:var(--accent-color);color:var(--bg-secondary)}.modal-body{padding:20px}.user-profile-modal-content{color:var(--text-primary)}.user-profile-modal-content .profile-content{background:0 0;border:none;padding:0}.user-profile-modal-content .profile-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.user-profile-modal-content .username{color:var(--accent-color);margin:0}.user-profile-modal-content .user-id{color:var(--text-secondary);margin:5px 0 0;font-size:.9em}.user-profile-modal-content .profile-stats{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.user-profile-modal-content .stat-item{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;padding:15px}.user-profile-modal-content .stat-label{color:var(--text-secondary);margin-bottom:5px;font-size:.9em}.user-profile-modal-content .stat-value{color:var(--accent-color);font-size:1.2em;font-weight:700}.country-flag.large{width:32px;height:24px}.username-link{color:var(--accent-color);cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s}.username-link:hover{color:var(--accent-color);text-decoration:underline}.message-user.username-link{display:inline}.owned-items-section{margin-top:20px}.owned-items-section h4{color:var(--accent-color);margin-bottom:15px;font-size:1.1em}.owned-items-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.owned-item{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;justify-content:space-between;align-items:center;padding:12px;transition:transform .2s,box-shadow .2s;display:flex}.owned-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex-grow:1;margin-right:8px;font-weight:700;overflow:hidden}.item-quantity{background-color:var(--accent-color);color:#fff;border-radius:12px;min-width:fit-content;padding:2px 8px;font-size:.9em;font-weight:700}.no-items{text-align:center;color:var(--text-secondary);padding:20px;font-style:italic}.dark-mode .owned-item{background-color:var(--bg-secondary);border-color:var(--accent-color)}.dark-mode .owned-item:hover{box-shadow:0 2px 4px #ffffff1a}.inventory-section{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;margin-top:20px;padding:15px}.inventory-section h4{color:var(--accent-color);margin-bottom:15px;font-size:1.1em}.inventory-equipment{flex-direction:column;gap:15px;display:flex}.equipped-section,.equippable-items{background-color:var(--bg-secondary);border:1px solid #444;border-radius:4px;padding:12px}.equipped-section h5,.equippable-items h5{color:var(--accent-color);margin-bottom:10px;font-size:1em}.equipped-item{background-color:var(--bg-primary);border:1px solid var(--accent-color);border-radius:4px;align-items:center;padding:8px;display:flex}.color-equipped{border-color:#4caf50}.no-equipped{color:var(--text-secondary);margin:0;font-style:italic}.equippable-item{justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;display:flex}.equippable-item .item-info{flex-grow:1;align-items:center;display:flex}.equippable-item .item-actions{margin-left:10px}.color-preview{margin-left:4px;font-size:1.2em}.success-message,.error-message{border-radius:4px;margin:8px 0;padding:8px;font-size:14px}.dark-mode .inventory-section{background-color:var(--bg-secondary);border-color:var(--accent-color)}.dark-mode .equipped-section,.dark-mode .equippable-items{background-color:var(--bg-primary)}@media (max-width:600px){.modal-overlay{padding:10px}.modal-content{max-height:90vh}.modal-header,.modal-body{padding:15px}.user-profile-modal-content .profile-stats{grid-template-columns:1fr;gap:10px}.user-profile-modal-content .profile-header{text-align:center;flex-direction:column;gap:10px}.owned-items-list{grid-template-columns:1fr;gap:8px}.owned-item{padding:10px}.shop-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.shop-items{grid-template-columns:1fr}}