.ut99-wrapper{max-width:1100px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#e2e8f0}.ut99-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,140,0,.25)}.ut99-title-group{display:flex;align-items:center;gap:14px}.ut99-logo-badge img{display:block;filter:drop-shadow(0 0 8px rgba(255,140,0,.5))}.ut99-header h2{margin:0;font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,140,0,.4);display:flex;align-items:center;gap:8px}.ut99-badge-wasm{font-size:11px;background:linear-gradient(135deg,#ff8c00,#ff4500);color:#fff;padding:2px 7px;border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.ut99-subtitle{margin:4px 0 0 0;color:#94a3b8;font-size:13px}.ut99-quick-actions{display:flex;gap:8px}.ut99-game-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.ut99-main-stage{display:flex;flex-direction:column}.ut99-canvas-container{position:relative;width:100%;background:#090b10;border-radius:8px;overflow:hidden;border:1px solid #1e293b;box-shadow:0 10px 25px rgba(0,0,0,.5),0 0 15px rgba(255,140,0,.1);aspect-ratio:16 / 10;min-height:400px;display:flex;align-items:center;justify-content:center}.ut99-canvas-container canvas{width:100%;height:100%;display:block;background:#000;outline:0;cursor:crosshair}.ut99-overlay{position:absolute;inset:0;background:rgba(10,12,16,.94);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;overflow-y:auto}.ut99-overlay-content{max-width:540px;width:100%;text-align:center}.ut99-hero-banner{margin-bottom:20px}.ut99-pulsing-badge{display:inline-block;font-size:11px;font-weight:700;background:rgba(255,140,0,.2);color:#ff9800;border:1px solid rgba(255,152,0,.4);padding:3px 10px;border-radius:20px;margin-bottom:8px;animation:utPulse 2s infinite}.ut99-pulsing-badge,.ut99-tab-btn,.ut99-btn{font-family:inherit,"Noto Color Emoji",sans-serif}@keyframes utPulse{0,100%{box-shadow:0 0 0 0 rgba(255,152,0,.4)}50%{box-shadow:0 0 0 6px rgba(255,152,0,0)}}.ut99-glow-title{margin:5px 0;font-size:24px;color:#ff9d00;text-shadow:0 0 12px rgba(255,157,0,.4)}.ut99-glow-title.gold{color:#ffd700;text-shadow:0 0 12px rgba(255,215,0,.5)}.ut99-tabs{display:flex;gap:6px;margin-bottom:20px;background:rgba(255,255,255,.05);padding:4px;border-radius:6px}.ut99-tab-btn{flex:1;background:transparent;border:0;color:#94a3b8;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s ease}.ut99-tab-btn.active{background:#ff8c00;color:#fff;box-shadow:0 2px 8px rgba(255,140,0,.3)}.ut99-tab-pane{display:none;text-align:left}.ut99-tab-pane.active{display:block}.ut99-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.ut99-form-group{display:flex;flex-direction:column;gap:4px}.ut99-form-group label{font-size:12px;color:#cbd5e1;font-weight:500}.ut99-select{background:#1e293b;color:#f1f5f9;border:1px solid #334155;border-radius:5px;padding:8px 10px;font-size:13px;outline:0;cursor:pointer}.ut99-select:focus{border-color:#ff8c00;box-shadow:0 0 0 2px rgba(255,140,0,.2)}.ut99-server-box{background:rgba(15,23,42,.6);border:1px solid #1e293b;border-radius:6px;padding:15px;margin-bottom:20px}.server-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3);margin-bottom:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.server-info-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.server-stat{display:flex;flex-direction:column;background:#0b0f19;padding:8px;border-radius:4px;border:1px solid #1e293b}.server-stat .stat-label{font-size:11px;color:#64748b}.server-stat strong{font-size:13px;color:#f8fafc;margin-top:2px}.ut99-settings-grid{display:flex;flex-direction:column;gap:14px;background:rgba(15,23,42,.6);padding:16px;border-radius:6px;border:1px solid #1e293b;margin-bottom:20px}.ut99-setting-item{display:flex;flex-direction:column;gap:6px}.ut99-setting-item label{font-size:12px;color:#cbd5e1}.ut99-setting-item input[type="range"]{accent-color:#ff8c00;cursor:pointer}.ut99-action-row{display:flex;justify-content:center}.ut99-btn{background:#1e293b;color:#f1f5f9;border:1px solid #334155;padding:8px 16px;font-size:13px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.ut99-btn:hover{background:#334155;color:#fff}.ut99-btn.primary{background:linear-gradient(135deg,#ff8c00,#ff4500);border-color:#ff8c00;color:#fff}.ut99-btn.primary:hover{background:linear-gradient(135deg,#ffa022,#ff5722)}.ut99-btn.success{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;color:#fff}.ut99-btn-glow{box-shadow:0 4px 15px rgba(255,140,0,.35)}.ut99-btn.btn-small{padding:4px 10px;font-size:12px}.ut99-loading-box{margin-top:20px;background:#0b0f19;border:1px solid #1e293b;border-radius:6px;padding:16px;text-align:left}.loading-label-group{display:flex;justify-content:space-between;font-size:13px;color:#cbd5e1;margin-bottom:8px}.ut99-progress-track{width:100%;height:10px;background:#1e293b;border-radius:6px;overflow:hidden}.ut99-progress-fill{height:100%;background:linear-gradient(90deg,#ff8c00,#ffd700);border-radius:6px;transition:width .2s ease}.ut99-cache-note{margin:10px 0 0 0;color:#94a3b8;font-size:11px}.ut99-stats-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.stat-card{background:#111827;border:1px solid #1f2937;border-radius:6px;padding:12px;display:flex;flex-direction:column}.stat-card-label{font-size:11px;color:#9ca3af}.stat-card-num{font-size:20px;font-weight:700;color:#ff9800;margin-top:4px}.ut99-new-record{background:rgba(234,179,8,.15);border:1px solid #eab308;color:#facc15;padding:10px;border-radius:6px;font-weight:600;margin-bottom:15px}.ut99-controls-bar{display:flex;gap:10px;margin-top:12px;background:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:8px 12px;align-items:center}.stat-pill{display:flex;align-items:center;gap:6px;font-size:12px}.pill-label{color:#94a3b8}.pill-badge{background:#1e293b;color:#f8fafc;padding:2px 8px;border-radius:4px;font-size:11px}.ut99-card{background:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:15px}.ut99-card h3{margin:0 0 12px 0;font-size:15px;font-weight:700;color:#f8fafc;border-bottom:1px solid #1e293b;padding-bottom:8px}.ut99-top-list{list-style:none;margin:0;padding:0}.ut99-top-list li{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.ut99-top-list li:last-child{border-bottom:0}.top-rank{width:24px;color:#94a3b8;font-weight:600}.top-user{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-score{color:#ff9800;font-weight:700}.empty-msg{color:#64748b;font-style:italic;font-size:12px}.ut99-keys-guide{display:flex;flex-direction:column;gap:6px}.key-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1}.key-row kbd{background:#1e293b;color:#f8fafc;border:1px solid #334155;padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace}.theater-mode .ut99-game-layout{grid-template-columns:1fr}.theater-mode .ut99-canvas-container{min-height:600px}@media(max-width:860px){.ut99-game-layout{grid-template-columns:1fr}.ut99-form-grid{grid-template-columns:1fr}.server-info-details{grid-template-columns:1fr}.ut99-stats-board{grid-template-columns:1fr 1fr}}